first commit

_mockApis/apps/kanban/index.ts

@@ -0,0 +1,141 @@
+import mock from '../../mockAdapter';
+import image1 from '@/assets/images/backgrounds/kanban-img-1.jpg';
+import image2 from '@/assets/images/backgrounds/kanban-img-2.jpg';
+import image3 from '@/assets/images/backgrounds/kanban-img-3.jpg';
+import image4 from '@/assets/images/backgrounds/kanban-img-4.jpg';
+import { uniqueId } from 'lodash';
+import { sub } from 'date-fns';
+
+interface TaskType {
+    id?: number | any;
+    title?: string;
+    subtitle?: string;
+    cardbg?: string;
+    datef?: Date | any;
+    taskimg?: string;
+    date?: Date | any;
+    category?: string;
+    tasks?: TaskType[];
+    categorybg?: string;
+}
+
+const TaskData: TaskType[] = [
+    {
+        id: uniqueId('#m_'),
+        title: 'Todo',
+        cardbg: 'light',
+        tasks: [
+            {
+                id: uniqueId('#task_'), 
+                title: 'This is first task',
+                taskimg: image1,
+                date:sub(new Date(), { months: 1 }),
+                category: 'Design',
+                categorybg: 'success'
+            },
+            {
+                id: uniqueId('#task_'),
+                title: 'Lets do some task on pd',
+                subtitle: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, o eiusmod tempor incid.',
+                date:sub(new Date(), { days: 2 }),
+                category: 'Development',
+                categorybg: 'warning'
+            },
+            {
+                id: uniqueId('#task_'),
+                title: 'Do some projects on React Native with Flutter',
+                date:sub(new Date(), { days: 4 }),
+                category: 'Mobile',
+                categorybg: 'primary'
+            }
+        ]
+    },
+    {
+        id: uniqueId('#m_'),
+        title: 'In Progress',
+        cardbg: 'lightsecondary',
+        tasks: [
+            {
+                id: uniqueId('#task_'),
+                title: 'Work on Dashboard Designing',
+                date:sub(new Date(), { seconds: 1 }),
+                category: 'Mobile',
+                categorybg: 'primary'
+            },
+            {
+                id: uniqueId('#task_'),
+                title: 'Battle with fire',
+                taskimg: image2,
+                date:sub(new Date(), { seconds: 1 }),
+                category: 'Design',
+                categorybg: 'success'
+            },
+            {
+                id: uniqueId('#task_'),
+                title: 'Do some projects on Reactjs with tailwind ',
+                date:sub(new Date(), { seconds: 1 }),
+                category: 'Mobile',
+                categorybg: 'primary'
+            }
+        ]
+    },
+    {
+        id: uniqueId('#m_'),
+        title: 'Pending',
+        cardbg: 'lightinfo',
+        tasks: [
+            {
+                id: uniqueId('#task_'),
+                title: 'Create a Nextjs Dashboard',
+                date:sub(new Date(), { seconds: 1 }),
+                category: 'Design',
+                categorybg: 'success'
+            },
+            {
+                id: uniqueId('#task_'),
+                title: 'Solve Vuejs Project errors',
+                subtitle: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, o eiusmod tempor incid.',
+                date:sub(new Date(), { seconds: 1 }),
+                category: 'Development',
+                categorybg: 'primary'
+            },
+            {
+                id: uniqueId('#task_'),
+                taskimg: image4,
+                title: 'Redesign Overview',
+                date:sub(new Date(), { seconds: 1 }),
+                category: 'Design',
+                categorybg: 'error'
+            },
+
+        ]
+    },
+    {
+        id: uniqueId('#m_'),
+        title: 'Done',
+        cardbg: 'lightsuccess',
+        tasks: [
+            {
+                id: uniqueId('#task_'), 
+                title: 'Develop React app',
+                taskimg: image3,
+                date:sub(new Date(), { months: 1 }),
+                category: 'Mobile',
+                categorybg: 'warning'
+            },
+            {
+                id: uniqueId('#task_'),
+                title: 'Do some task on Nuxtjs',
+                subtitle: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit',
+                date:sub(new Date(), { seconds: 1 }),
+                category: 'Design',
+                categorybg: 'error'
+            },
+        ]
+    }
+];
+
+mock.onGet('/api/data/task/TaskData').reply(() => {
+    return [200, TaskData];
+});
+export default TaskData;