2023-12-13 05:12:06 +00:00
|
|
|
import { action, makeObservable, observable, runInAction, computed } from "mobx";
|
|
|
|
// base class
|
|
|
|
import { IssueHelperStore } from "../helpers/issue-helper.store";
|
|
|
|
// store
|
|
|
|
import { IIssueRootStore } from "../root.store";
|
|
|
|
// services
|
|
|
|
import { IssueService } from "services/issue/issue.service";
|
|
|
|
// types
|
|
|
|
import {
|
|
|
|
IGroupedIssues,
|
|
|
|
IIssue,
|
|
|
|
IIssueResponse,
|
|
|
|
ISubGroupedIssues,
|
|
|
|
TIssueGroupByOptions,
|
|
|
|
TLoader,
|
|
|
|
TUnGroupedIssues,
|
|
|
|
} from "types";
|
|
|
|
|
|
|
|
export interface IProjectIssues {
|
|
|
|
loader: TLoader;
|
|
|
|
issues: { [project_id: string]: string[] };
|
|
|
|
// computed
|
2023-12-13 05:54:05 +00:00
|
|
|
getIssues: { [issue_id: string]: IIssue } | undefined;
|
2023-12-13 05:12:06 +00:00
|
|
|
getIssuesIds: IGroupedIssues | ISubGroupedIssues | TUnGroupedIssues | undefined;
|
|
|
|
// action
|
|
|
|
fetchIssues: (workspaceSlug: string, projectId: string, loadType: TLoader) => Promise<IIssueResponse>;
|
|
|
|
createIssue: (workspaceSlug: string, projectId: string, data: Partial<IIssue>) => Promise<IIssue>;
|
|
|
|
updateIssue: (workspaceSlug: string, projectId: string, issueId: string, data: Partial<IIssue>) => Promise<IIssue>;
|
|
|
|
removeIssue: (workspaceSlug: string, projectId: string, issueId: string) => Promise<IIssue>;
|
|
|
|
quickAddIssue: (workspaceSlug: string, projectId: string, data: IIssue) => Promise<IIssue>;
|
|
|
|
}
|
|
|
|
|
|
|
|
export class ProjectIssues extends IssueHelperStore implements IProjectIssues {
|
|
|
|
// observable
|
|
|
|
loader: TLoader = "init-loader";
|
|
|
|
issues: { [project_id: string]: string[] } = {};
|
|
|
|
// services
|
|
|
|
issueService;
|
|
|
|
// root store
|
|
|
|
rootIssueStore: IIssueRootStore;
|
|
|
|
|
|
|
|
constructor(_rootStore: IIssueRootStore) {
|
|
|
|
super(_rootStore);
|
|
|
|
|
|
|
|
makeObservable(this, {
|
|
|
|
// observable
|
|
|
|
loader: observable.ref,
|
|
|
|
issues: observable,
|
|
|
|
// computed
|
2023-12-13 05:54:05 +00:00
|
|
|
getIssues: computed,
|
2023-12-13 05:12:06 +00:00
|
|
|
getIssuesIds: computed,
|
|
|
|
// action
|
|
|
|
fetchIssues: action,
|
|
|
|
createIssue: action,
|
|
|
|
updateIssue: action,
|
|
|
|
removeIssue: action,
|
|
|
|
quickAddIssue: action,
|
|
|
|
});
|
|
|
|
|
|
|
|
// services
|
|
|
|
this.issueService = new IssueService();
|
|
|
|
// root store
|
|
|
|
this.rootIssueStore = _rootStore;
|
|
|
|
}
|
|
|
|
|
|
|
|
get getIssues() {
|
|
|
|
const projectId = this.rootStore?.projectId;
|
|
|
|
if (!projectId) return undefined;
|
|
|
|
|
2023-12-13 05:54:05 +00:00
|
|
|
const _issues = this.rootStore.issues.getIssuesByKey("project", projectId);
|
2023-12-13 05:12:06 +00:00
|
|
|
if (!_issues) return undefined;
|
|
|
|
|
|
|
|
return _issues;
|
|
|
|
}
|
|
|
|
|
|
|
|
get getIssuesIds() {
|
|
|
|
const displayFilters = this.rootStore?.projectIssuesFilter?.issueFilters?.displayFilters;
|
|
|
|
if (!displayFilters) return undefined;
|
|
|
|
|
|
|
|
const subGroupBy = displayFilters?.sub_group_by;
|
|
|
|
const groupBy = displayFilters?.group_by;
|
|
|
|
const orderBy = displayFilters?.order_by;
|
|
|
|
const layout = displayFilters?.layout;
|
|
|
|
|
|
|
|
const _issues = this.getIssues;
|
|
|
|
if (!_issues) return undefined;
|
|
|
|
|
|
|
|
let issues: IIssueResponse | IGroupedIssues | ISubGroupedIssues | TUnGroupedIssues | undefined = undefined;
|
|
|
|
|
|
|
|
if (layout === "list" && orderBy) {
|
|
|
|
if (groupBy) issues = this.groupedIssues(groupBy, orderBy, _issues);
|
|
|
|
else issues = this.unGroupedIssues(orderBy, _issues);
|
|
|
|
} else if (layout === "kanban" && groupBy && orderBy) {
|
|
|
|
if (subGroupBy) issues = this.subGroupedIssues(subGroupBy, groupBy, orderBy, _issues);
|
|
|
|
else issues = this.groupedIssues(groupBy, orderBy, _issues);
|
|
|
|
} else if (layout === "calendar")
|
|
|
|
issues = this.groupedIssues("target_date" as TIssueGroupByOptions, "target_date", _issues, true);
|
|
|
|
else if (layout === "spreadsheet") issues = this.unGroupedIssues(orderBy ?? "-created_at", _issues);
|
|
|
|
else if (layout === "gantt_chart") issues = this.unGroupedIssues(orderBy ?? "sort_order", _issues);
|
|
|
|
|
|
|
|
return issues;
|
|
|
|
}
|
|
|
|
|
|
|
|
fetchIssues = async (workspaceSlug: string, projectId: string, loadType: TLoader = "init-loader") => {
|
|
|
|
try {
|
|
|
|
this.loader = loadType;
|
|
|
|
|
|
|
|
const params = this.rootStore?.projectIssuesFilter?.appliedFilters;
|
|
|
|
const response = await this.issueService.getIssues(workspaceSlug, projectId, params);
|
|
|
|
|
|
|
|
const _issues = { ...this.issues, [projectId]: Object.keys(response) };
|
|
|
|
|
|
|
|
runInAction(() => {
|
|
|
|
this.issues = _issues;
|
|
|
|
this.loader = undefined;
|
|
|
|
});
|
|
|
|
|
|
|
|
this.rootStore.issues.addIssue(Object.values(response));
|
|
|
|
return response;
|
|
|
|
} catch (error) {
|
|
|
|
console.error(error);
|
|
|
|
this.loader = undefined;
|
|
|
|
throw error;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
createIssue = async (workspaceSlug: string, projectId: string, data: Partial<IIssue>) => {
|
|
|
|
try {
|
|
|
|
const response = await this.issueService.createIssue(workspaceSlug, projectId, data);
|
|
|
|
|
|
|
|
let _issues = this.issues;
|
|
|
|
if (!_issues) _issues = {};
|
|
|
|
if (!_issues[projectId]) _issues[projectId] = [];
|
|
|
|
_issues[projectId] = [..._issues[projectId], response.id];
|
|
|
|
this.rootStore.issues.addIssue([response]);
|
|
|
|
|
|
|
|
runInAction(() => {
|
|
|
|
this.issues = _issues;
|
|
|
|
});
|
|
|
|
|
|
|
|
return response;
|
|
|
|
} catch (error) {
|
|
|
|
this.fetchIssues(workspaceSlug, projectId, "mutation");
|
|
|
|
throw error;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
updateIssue = async (workspaceSlug: string, projectId: string, issueId: string, data: Partial<IIssue>) => {
|
|
|
|
try {
|
|
|
|
this.rootStore.issues.updateIssue(issueId, data);
|
|
|
|
const response = await this.issueService.patchIssue(workspaceSlug, projectId, issueId, data);
|
|
|
|
return response;
|
|
|
|
} catch (error) {
|
|
|
|
this.fetchIssues(workspaceSlug, projectId, "mutation");
|
|
|
|
throw error;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
removeIssue = async (workspaceSlug: string, projectId: string, issueId: string) => {
|
|
|
|
try {
|
|
|
|
let _issues = { ...this.issues };
|
|
|
|
if (!_issues) _issues = {};
|
|
|
|
if (!_issues[projectId]) _issues[projectId] = [];
|
|
|
|
_issues[projectId] = _issues?.[projectId].filter((id) => id !== issueId);
|
|
|
|
|
|
|
|
runInAction(() => {
|
|
|
|
this.issues = _issues;
|
|
|
|
});
|
|
|
|
|
|
|
|
this.rootStore.issues.removeIssue(issueId);
|
|
|
|
const response = await this.issueService.deleteIssue(workspaceSlug, projectId, issueId);
|
|
|
|
|
|
|
|
return response;
|
|
|
|
} catch (error) {
|
|
|
|
this.fetchIssues(workspaceSlug, projectId, "mutation");
|
|
|
|
throw error;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
quickAddIssue = async (workspaceSlug: string, projectId: string, data: IIssue) => {
|
|
|
|
try {
|
|
|
|
let _issues = { ...this.issues };
|
|
|
|
if (!_issues) _issues = {};
|
|
|
|
if (!_issues[projectId]) _issues[projectId] = [];
|
|
|
|
|
|
|
|
_issues[projectId] = [..._issues[projectId], data.id];
|
|
|
|
this.rootStore.issues.updateIssue(data.id, data);
|
|
|
|
|
|
|
|
runInAction(() => {
|
|
|
|
this.issues = _issues;
|
|
|
|
});
|
|
|
|
|
|
|
|
const response = await this.issueService.createIssue(workspaceSlug, projectId, data);
|
|
|
|
|
|
|
|
if (this.issues) {
|
|
|
|
let _issues = { ...this.issues };
|
|
|
|
if (!_issues) _issues = {};
|
|
|
|
if (!_issues[projectId]) _issues[projectId] = [];
|
|
|
|
|
|
|
|
_issues[projectId] = [..._issues[projectId].filter((issueId) => issueId != data.id), response.id];
|
|
|
|
this.rootStore.issues.removeIssue(data.id);
|
|
|
|
this.rootStore.issues.addIssue([response]);
|
|
|
|
|
|
|
|
runInAction(() => {
|
|
|
|
this.issues = _issues;
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
return response;
|
|
|
|
} catch (error) {
|
|
|
|
this.fetchIssues(workspaceSlug, projectId, "mutation");
|
|
|
|
throw error;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
}
|