test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: render kanban for lead/deal and task

Browse Source
This commit is contained in:
Shariq Ansari 2024-06-21 15:36:16 +05:30
parent 505a4caad8
commit f1ef71fe5a
4 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/Kanban/KanbanView.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<Draggable <Draggable
:list="kanban?.data" :list="kanban?.data?.data"
item-key="column" item-key="column"
class="flex sm:mx-5 mx-3 pb-3 overflow-x-auto gap-2" class="flex sm:mx-5 mx-3 pb-3 overflow-x-auto gap-2"
> >

4
frontend/src/pages/Deals.vue
View File

@ -28,9 +28,10 @@
allowedViews: ['list', 'group_by', 'kanban'], allowedViews: ['list', 'group_by', 'kanban'],
}" }"
/> />
<KanbanView v-if="route.params.viewType == 'kanban'" v-model="deals" />
<DealsListView <DealsListView
ref="dealsListView" ref="dealsListView"
v-if="deals.data && rows.length" v-else-if="deals.data && rows.length"
v-model="deals.data.page_length_count" v-model="deals.data.page_length_count"
v-model:list="deals" v-model:list="deals"
:rows="rows" :rows="rows"
@ -68,6 +69,7 @@ import IndicatorIcon from '@/components/Icons/IndicatorIcon.vue'
import DealsIcon from '@/components/Icons/DealsIcon.vue' import DealsIcon from '@/components/Icons/DealsIcon.vue'
import LayoutHeader from '@/components/LayoutHeader.vue' import LayoutHeader from '@/components/LayoutHeader.vue'
import DealsListView from '@/components/ListViews/DealsListView.vue' import DealsListView from '@/components/ListViews/DealsListView.vue'
import KanbanView from '@/components/Kanban/KanbanView.vue'
import DealModal from '@/components/Modals/DealModal.vue' import DealModal from '@/components/Modals/DealModal.vue'
import ViewControls from '@/components/ViewControls.vue' import ViewControls from '@/components/ViewControls.vue'
import { usersStore } from '@/stores/users' import { usersStore } from '@/stores/users'

4
frontend/src/pages/Leads.vue
View File

@ -20,7 +20,6 @@
<ViewControls <ViewControls
ref="viewControls" ref="viewControls"
v-model="leads" v-model="leads"
v-model:kanban="kanban"
v-model:loadMore="loadMore" v-model:loadMore="loadMore"
v-model:resizeColumn="triggerResize" v-model:resizeColumn="triggerResize"
v-model:updatedPageCount="updatedPageCount" v-model:updatedPageCount="updatedPageCount"
@ -30,7 +29,7 @@
allowedViews: ['list', 'group_by', 'kanban'], allowedViews: ['list', 'group_by', 'kanban'],
}" }"
/> />
<KanbanView v-if="route.params.viewType == 'kanban'" v-model="kanban" /> <KanbanView v-if="route.params.viewType == 'kanban'" v-model="leads" />
<LeadsListView <LeadsListView
ref="leadsListView" ref="leadsListView"
v-else-if="leads.data && rows.length" v-else-if="leads.data && rows.length"
@ -102,7 +101,6 @@ const showLeadModal = ref(false)
// leads data is loaded in the ViewControls component // leads data is loaded in the ViewControls component
const leads = ref({}) const leads = ref({})
const kanban = ref({})
const loadMore = ref(1) const loadMore = ref(1)
const triggerResize = ref(1) const triggerResize = ref(1)
const updatedPageCount = ref(20) const updatedPageCount = ref(20)

4
frontend/src/pages/Tasks.vue
View File

@ -24,9 +24,10 @@
allowedViews: ['list', 'kanban'], allowedViews: ['list', 'kanban'],
}" }"
/> />
<KanbanView v-if="$route.params.viewType == 'kanban'" v-model="tasks" />
<TasksListView <TasksListView
ref="tasksListView" ref="tasksListView"
v-if="tasks.data && rows.length" v-else-if="tasks.data && rows.length"
v-model="tasks.data.page_length_count" v-model="tasks.data.page_length_count"
v-model:list="tasks" v-model:list="tasks"
:rows="rows" :rows="rows"
@ -65,6 +66,7 @@ import EmailIcon from '@/components/Icons/EmailIcon.vue'
import LayoutHeader from '@/components/LayoutHeader.vue' import LayoutHeader from '@/components/LayoutHeader.vue'
import ViewControls from '@/components/ViewControls.vue' import ViewControls from '@/components/ViewControls.vue'
import TasksListView from '@/components/ListViews/TasksListView.vue' import TasksListView from '@/components/ListViews/TasksListView.vue'
import KanbanView from '@/components/Kanban/KanbanView.vue'
import TaskModal from '@/components/Modals/TaskModal.vue' import TaskModal from '@/components/Modals/TaskModal.vue'
import { usersStore } from '@/stores/users' import { usersStore } from '@/stores/users'
import { dateFormat, dateTooltipFormat, timeAgo } from '@/utils' import { dateFormat, dateTooltipFormat, timeAgo } from '@/utils'