mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
a17b08dd15
* fix: Implemented new workflow in the issue store and updated the quick add workflow in list layout * fix: initial load and mutaion of issues in list layout * dev: implemented the new project issues store with grouped, subGrouped and unGrouped issue computed functions * dev: default display properties data made as a function * conflict: merge conflict resolved * dev: implemented quick add logic in kanban * chore: implemented quick add logic in calendar and spreadsheet layout * fix: spreadsheet layout quick add fix * dev: optimised the issues workflow and handled the issues order_by filter * dev: project issue CRUD operations in new issue store architecture * dev: issues filtering in calendar layout * fix: build error * dev/issue_filters_store * chore: updated filters computed structure * conflict: merge conflicts resolved in project issues * dev: implemented gantt chart for project issues using the new mobx store * dev: initialized cycle and module issue filters store * dev: issue store and list layout store updates * dev: quick add and update, delete issue in the list * refactor list root changes * dev: store new structure * refactor spreadsheet and gnatt project roots * fix errors for base gantt and spreadsheet roots * connect Calendar project view * minor house keeping * connect Kanban View to th enew store * generalise base calendar issue actions * dev: store project issues and issue filters * dev: store project issues and filters * dev: updated undefined with displayFilters in project issue store * Add Quick add to all the layouts * connect module views to store * dev: Rendering list issues in project issues * dev: removed console log * dev: module filters store * fix errors and connect modules list and quick add for list * dev: module issue store * dev: modle filter store issue fixed and updates cycle issue filters * minor house keeping changes * dev: cycle issues and cycle filters * connecty cycles to teh store * dev: project view issues and issue filtrs * connect project views * dev: updated applied filters in layouts * dev: replaced project id with view id in project views * dev: in cycle and module store made cycledId and moduleId as optional * fix minor issues and build errots * dev: project draft and archived issues store and filters --------- Co-authored-by: Anmol Singh Bhatia <anmolsinghbhatia@plane.so> Co-authored-by: Aaryan Khandelwal <aaryankhandu123@gmail.com> Co-authored-by: rahulramesha <rahulramesham@gmail.com>
95 lines
3.0 KiB
TypeScript
95 lines
3.0 KiB
TypeScript
import React from "react";
|
|
import { useRouter } from "next/router";
|
|
import { observer } from "mobx-react-lite";
|
|
// hooks
|
|
import { useMobxStore } from "lib/mobx/store-provider";
|
|
import useProjectDetails from "hooks/use-project-details";
|
|
// components
|
|
import { IssueGanttBlock } from "components/issues";
|
|
import {
|
|
GanttChartRoot,
|
|
IBlockUpdateData,
|
|
renderIssueBlocksStructure,
|
|
IssueGanttSidebar,
|
|
} from "components/gantt-chart";
|
|
// types
|
|
import { IIssueUnGroupedStructure } from "store/issue";
|
|
import { IIssue } from "types";
|
|
import {
|
|
ICycleIssuesFilterStore,
|
|
ICycleIssuesStore,
|
|
IModuleIssuesFilterStore,
|
|
IModuleIssuesStore,
|
|
IProjectIssuesFilterStore,
|
|
IProjectIssuesStore,
|
|
IViewIssuesFilterStore,
|
|
IViewIssuesStore,
|
|
} from "store/issues";
|
|
import { EUserWorkspaceRoles } from "layouts/settings-layout/workspace/sidebar";
|
|
import { TUnGroupedIssues } from "store/issues/types";
|
|
|
|
interface IBaseGanttRoot {
|
|
issueFiltersStore:
|
|
| IProjectIssuesFilterStore
|
|
| IModuleIssuesFilterStore
|
|
| ICycleIssuesFilterStore
|
|
| IViewIssuesFilterStore;
|
|
issueStore: IProjectIssuesStore | IModuleIssuesStore | ICycleIssuesStore | IViewIssuesStore;
|
|
viewId?: string;
|
|
}
|
|
|
|
export const BaseGanttRoot: React.FC<IBaseGanttRoot> = observer((props: IBaseGanttRoot) => {
|
|
const { issueFiltersStore, issueStore, viewId } = props;
|
|
|
|
const router = useRouter();
|
|
const { workspaceSlug } = router.query as { workspaceSlug: string; projectId: string };
|
|
|
|
const { projectDetails } = useProjectDetails();
|
|
|
|
const appliedDisplayFilters = issueFiltersStore.issueFilters?.displayFilters;
|
|
|
|
const issuesResponse = issueStore.getIssues;
|
|
const issueIds = (issueStore.getIssuesIds ?? []) as TUnGroupedIssues;
|
|
|
|
const issues = issueIds.map((id) => issuesResponse?.[id]);
|
|
|
|
const updateIssue = (issue: IIssue, payload: IBlockUpdateData) => {
|
|
if (!workspaceSlug) return;
|
|
|
|
//Todo fix sort order in the structure
|
|
issueStore.updateIssue(workspaceSlug, issue.project, issue.id, {
|
|
start_date: payload.start_date,
|
|
target_date: payload.target_date,
|
|
});
|
|
};
|
|
|
|
const isAllowed = (projectDetails?.member_role || 0) >= EUserWorkspaceRoles.MEMBER;
|
|
|
|
return (
|
|
<>
|
|
<div className="w-full h-full">
|
|
<GanttChartRoot
|
|
border={false}
|
|
title="Issues"
|
|
loaderTitle="Issues"
|
|
blocks={issues ? renderIssueBlocksStructure(issues as IIssueUnGroupedStructure) : null}
|
|
blockUpdateHandler={updateIssue}
|
|
blockToRender={(data: IIssue) => <IssueGanttBlock data={data} handleIssue={updateIssue} />}
|
|
sidebarToRender={(props) => (
|
|
<IssueGanttSidebar
|
|
{...props}
|
|
quickAddCallback={issueStore.quickAddIssue}
|
|
viewId={viewId}
|
|
enableQuickIssueCreate
|
|
/>
|
|
)}
|
|
enableBlockLeftResize={isAllowed}
|
|
enableBlockRightResize={isAllowed}
|
|
enableBlockMove={isAllowed}
|
|
enableReorder={appliedDisplayFilters?.order_by === "sort_order" && isAllowed}
|
|
/>
|
|
</div>
|
|
</>
|
|
);
|
|
});
|