import { action, makeObservable, runInAction } from "mobx"; // types import { RootStore } from "../root"; import { IIssueType } from "./cycle_issue.store"; export interface ICycleIssueCalendarViewStore { // actions handleDragDrop: (source: any, destination: any) => void; } export class CycleIssueCalendarViewStore implements ICycleIssueCalendarViewStore { // root store rootStore; constructor(_rootStore: RootStore) { makeObservable(this, { // actions handleDragDrop: action, }); this.rootStore = _rootStore; } handleDragDrop = async (source: any, destination: any) => { const workspaceSlug = this.rootStore?.workspace?.workspaceSlug; const projectId = this.rootStore?.project?.projectId; const cycleId = this.rootStore?.cycle?.cycleId; const issueType: IIssueType | null = this.rootStore?.cycleIssue?.getIssueType; const issueLayout = this.rootStore?.issueFilter?.userDisplayFilters?.layout || null; const currentIssues: any = this.rootStore.cycleIssue.getIssues; if (workspaceSlug && projectId && cycleId && issueType && issueLayout === "calendar" && currentIssues) { // update issue payload let updateIssue: any = { workspaceSlug: workspaceSlug, projectId: projectId, }; const droppableSourceColumnId = source.droppableId; const droppableDestinationColumnId = destination.droppableId; if (droppableSourceColumnId === droppableDestinationColumnId) return; if (droppableSourceColumnId != droppableDestinationColumnId) { // horizontal const _sourceIssues = currentIssues[droppableSourceColumnId]; let _destinationIssues = currentIssues[droppableDestinationColumnId] || []; const [removed] = _sourceIssues.splice(source.index, 1); if (_destinationIssues && _destinationIssues.length > 0) _destinationIssues.splice(destination.index, 0, { ...removed, target_date: droppableDestinationColumnId, }); else _destinationIssues = [..._destinationIssues, { ...removed, target_date: droppableDestinationColumnId }]; updateIssue = { ...updateIssue, issueId: removed?.id, target_date: droppableDestinationColumnId }; currentIssues[droppableSourceColumnId] = _sourceIssues; currentIssues[droppableDestinationColumnId] = _destinationIssues; } const reorderedIssues = { ...this.rootStore?.cycleIssue.issues, [cycleId]: { ...this.rootStore?.cycleIssue.issues?.[cycleId], [issueType]: { ...this.rootStore?.cycleIssue.issues?.[cycleId]?.[issueType], [issueType]: currentIssues, }, }, }; runInAction(() => { this.rootStore.cycleIssue.issues = { ...reorderedIssues }; }); this.rootStore.issueDetail?.updateIssue( updateIssue.workspaceSlug, updateIssue.projectId, updateIssue.issueId, updateIssue ); } return; }; }