init

worklenz-frontend/src/lib/project/project-constants.ts

@@ -0,0 +1,26 @@
+export const projectColors: string[] = [
+  '#164c9b',
+  '#3b7ad4',
+  '#70a6f3',
+  '#7781ca',
+  '#9877ca',
+  '#c178c9',
+  '#ee87c5',
+  '#ca7881',
+  '#75c9c0',
+  '#75c997',
+  '#80ca79',
+  '#aacb78',
+  '#cbbc78',
+  '#cb9878',
+  '#bb774c',
+  '#905b39',
+  '#903737',
+  '#bf4949',
+  '#f37070',
+  '#ff9c3c',
+  '#fbc84c',
+  '#cbc8a1',
+  '#a9a9a9',
+  '#767676',
+];

worklenz-frontend/src/lib/project/project-view-constants.ts

@@ -0,0 +1,70 @@
+import React, { ReactNode } from 'react';
+import ProjectViewInsights from '@/pages/projects/projectView/insights/project-view-insights';
+import ProjectViewFiles from '@/pages/projects/projectView/files/project-view-files';
+import ProjectViewMembers from '@/pages/projects/projectView/members/project-view-members';
+import ProjectViewUpdates from '@/pages/projects/project-view-1/updates/project-view-updates';
+import ProjectViewTaskList from '@/pages/projects/projectView/taskList/project-view-task-list';
+import ProjectViewBoard from '@/pages/projects/projectView/board/project-view-board';
+
+// type of a tab items
+type TabItems = {
+  index: number;
+  key: string;
+  label: string;
+  isPinned?: boolean;
+  element: ReactNode;
+};
+
+// settings all element items use for tabs
+export const tabItems: TabItems[] = [
+  {
+    index: 0,
+    key: 'tasks-list',
+    label: 'Task List',
+    isPinned: true,
+    element: React.createElement(ProjectViewTaskList),
+  },
+  {
+    index: 1,
+    key: 'board',
+    label: 'Board',
+    isPinned: true,
+    element: React.createElement(ProjectViewBoard),
+  },
+  // {
+  //   index: 2,
+  //   key: 'workload',
+  //   label: 'Workload',
+  //   element: React.createElement(ProjectViewWorkload),
+  // },
+  // {
+  //   index: 3,
+  //   key: 'roadmap',
+  //   label: 'Roadmap',
+  //   element: React.createElement(ProjectViewRoadmap),
+  // },
+  {
+    index: 4,
+    key: 'project-insights-member-overview',
+    label: 'Insights',
+    element: React.createElement(ProjectViewInsights),
+  },
+  {
+    index: 5,
+    key: 'all-attachments',
+    label: 'Files',
+    element: React.createElement(ProjectViewFiles),
+  },
+  {
+    index: 6,
+    key: 'members',
+    label: 'Members',
+    element: React.createElement(ProjectViewMembers),
+  },
+  {
+    index: 7,
+    key: 'updates',
+    label: 'Updates',
+    element: React.createElement(ProjectViewUpdates),
+  },
+];