- Progress Commit

Signed-off-by: Dave Richer <dave@imexsystems.ca>

client/src/pages/manage/manage.page.component.jsx

@@ -102,7 +102,9 @@ const Dms = lazy(() => import("../dms/dms.container"));
 const DmsPayables = lazy(() => import("../dms-payables/dms-payables.container"));
 const ManageRootPage = lazy(() => import("../manage-root/manage-root.page.container"));
 const TtApprovals = lazy(() => import("../tt-approvals/tt-approvals.page.container"));
-const TasksPage = lazy(() => import("../tasks/tasks.page.container"));
+const MyTasksPage = lazy(() => import("../tasks/myTasksPageContainer.jsx"));
+const AllTasksPage = lazy(() => import("../tasks/allTasksPageContainer.jsx"));
+
 const TaskUpsertModalContainer = lazy(() => import("../../components/task-upsert-modal/task-upsert-modal.container"));
 const { Content, Footer } = Layout;
 
@@ -259,12 +261,19 @@ export function Manage({ conflict, bodyshop, enableJoyRide, joyRideSteps, setJoy
           }
         />
         <Route
-          path='/tasks'
+          path='/tasks/mytasks'
           element={  
           <Suspense fallback={<Spin/>}>
-            <TasksPage/>
+            <MyTasksPage/>
           </Suspense>}
         />
+        <Route
+          path='/tasks/alltasks'
+          element={
+            <Suspense fallback={<Spin/>}>
+              <AllTasksPage/>
+            </Suspense>}
+        />
         <Route
           path="/inventory/"
           element={

client/src/pages/tasks/allTasksPageContainer.jsx

@@ -0,0 +1,48 @@
+import React, {useEffect} from "react";
+import {useTranslation} from "react-i18next";
+import TasksPageComponent from "./tasks.page.component";
+
+import {connect} from "react-redux";
+import {createStructuredSelector} from "reselect";
+import {setBreadcrumbs, setSelectedHeader} from "../../redux/application/application.actions";
+import InstanceRenderManager from "../../utils/instanceRenderMgr.js";
+import {selectBodyshop, selectCurrentUser} from "../../redux/user/user.selectors.js";
+import TaskPageTypes from "./taskPageTypes.jsx";
+
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop,
+  currentUser: selectCurrentUser,
+});
+
+const mapDispatchToProps = (dispatch) => ({
+  setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
+  setSelectedHeader: (key) => dispatch(setSelectedHeader(key)),
+});
+
+export function MyTasksPageContainer({bodyshop, currentUser,  setBreadcrumbs, setSelectedHeader, query}) {
+  const {t} = useTranslation();
+  useEffect(() => {
+    document.title = t("titles.all_tasks", {
+      app: InstanceRenderManager({
+        imex: '$t(titles.imexonline)',
+        rome: '$t(titles.romeonline)',
+        promanager: '$t(titles.promanager)'
+      })
+    });
+    setSelectedHeader("all_tasks");
+    setBreadcrumbs([
+      {
+        link: "/manage/alltasks",
+        label: t("titles.bc.all_tasks"),
+      },]);
+  }, [t, setBreadcrumbs, setSelectedHeader]);
+
+  return (
+    <TasksPageComponent type={TaskPageTypes.ALL_TASKS} currentUser={currentUser} bodyshop={bodyshop}/>
+  );
+}
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(MyTasksPageContainer);

client/src/pages/tasks/myTasksPageContainer.jsx

@@ -7,6 +7,7 @@ import {createStructuredSelector} from "reselect";
 import {setBreadcrumbs, setSelectedHeader} from "../../redux/application/application.actions";
 import InstanceRenderManager from "../../utils/instanceRenderMgr.js";
 import {selectBodyshop, selectCurrentUser} from "../../redux/user/user.selectors.js";
+import TaskPageTypes from "./taskPageTypes.jsx";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -18,30 +19,30 @@ const mapDispatchToProps = (dispatch) => ({
   setSelectedHeader: (key) => dispatch(setSelectedHeader(key)),
 });
 
-export function TasksPageContainer({bodyshop, currentUser,  setBreadcrumbs, setSelectedHeader}) {
+export function MyTasksPageContainer({bodyshop, currentUser,  setBreadcrumbs, setSelectedHeader, query}) {
   const {t} = useTranslation();
   useEffect(() => {
-    document.title = t("titles.tasks", {
+    document.title = t("titles.my_tasks", {
       app: InstanceRenderManager({
         imex: '$t(titles.imexonline)',
         rome: '$t(titles.romeonline)',
         promanager: '$t(titles.promanager)'
       })
     });
-    setSelectedHeader("tasks");
+    setSelectedHeader("my_tasks");
     setBreadcrumbs([
       {
-        link: "/manage/tasks",
-        label: t("titles.bc.tasks"),
+        link: "/manage/mytasks",
+        label: t("titles.bc.my_tasks"),
       },]);
   }, [t, setBreadcrumbs, setSelectedHeader]);
 
   return (
-    <TasksPageComponent currentUser={currentUser} bodyshop={bodyshop}/>
+    <TasksPageComponent type={TaskPageTypes.MY_TASKS} currentUser={currentUser} bodyshop={bodyshop}/>
   );
 }
 
 export default connect(
   mapStateToProps,
   mapDispatchToProps
-)(TasksPageContainer);
+)(MyTasksPageContainer);

client/src/pages/tasks/taskPageTypes.jsx

@@ -0,0 +1,6 @@
+export const TaskPageTypes = {
+    MY_TASKS: 'myTasks',
+    ALL_TASKS: 'allTasks',
+};
+
+export default TaskPageTypes;

client/src/pages/tasks/tasks.page.component.jsx

@@ -1,13 +1,19 @@
 import React from "react";
 import TaskListContainer from "../../components/task-list/task-list.container.jsx";
-import {QUERY_MY_TASKS_PAGINATED} from "../../graphql/tasks.queries.js";
+import {QUERY_ALL_TASKS_PAGINATED, QUERY_MY_TASKS_PAGINATED} from "../../graphql/tasks.queries.js";
+import taskPageTypes from "./taskPageTypes.jsx";
 
-export default function TasksPageComponent({bodyshop, currentUser}) {
+export default function TasksPageComponent({bodyshop, currentUser, type}) {
+  switch (type) {
+    case taskPageTypes.MY_TASKS:
+      return <TaskListContainer onlyMine={true} relationshipId={currentUser.email}
+                                relationshipType={'user'} query={QUERY_MY_TASKS_PAGINATED}
+                                bodyshop={bodyshop} titleTranslation={'tasks.titles.my_tasks'}
+                                currentUser={currentUser}/>
+    case taskPageTypes.ALL_TASKS:
+      return <TaskListContainer query={QUERY_ALL_TASKS_PAGINATED} bodyshop={bodyshop}
+                                titleTranslation={'tasks.titles.my_tasks'}
+                                currentUser={currentUser}/>
+  }
 
-  return (
-    <div>
-      <TaskListContainer  onlyMine={true} relationshipId={currentUser.email} relationshipType={'user'} query={QUERY_MY_TASKS_PAGINATED} bodyshop={bodyshop} titleTranslation={'tasks.titles.my_tasks'}
-                         currentUser={currentUser}/>
-    </div>
-  );
 }