1
0
forked from test/crm

fix: if first column is liked_by then allow opening on click of second column

This commit is contained in:
Shariq Ansari 2024-05-22 21:21:09 +05:30
parent ca5f542d92
commit 64bb67d594
8 changed files with 168 additions and 23 deletions

View File

@ -39,7 +39,14 @@
v-if="['modified', 'creation'].includes(column.key)" v-if="['modified', 'creation'].includes(column.key)"
class="truncate text-base" class="truncate text-base"
@click=" @click="
(event) => emit('applyFilter', { event, idx, column, item }) (event) =>
emit('applyFilter', {
event,
idx,
column,
item,
firstColumn: columns[0],
})
" "
> >
<Tooltip :text="item.label"> <Tooltip :text="item.label">
@ -53,7 +60,14 @@
size="md" size="md"
:label="__(item.label)" :label="__(item.label)"
@click=" @click="
(event) => emit('applyFilter', { event, idx, column, item }) (event) =>
emit('applyFilter', {
event,
idx,
column,
item,
firstColumn: columns[0],
})
" "
/> />
</div> </div>
@ -69,7 +83,14 @@
v-else v-else
class="truncate text-base" class="truncate text-base"
@click=" @click="
(event) => emit('applyFilter', { event, idx, column, item }) (event) =>
emit('applyFilter', {
event,
idx,
column,
item,
firstColumn: columns[0],
})
" "
> >
{{ label }} {{ label }}

View File

@ -52,7 +52,14 @@
v-if="['modified', 'creation'].includes(column.key)" v-if="['modified', 'creation'].includes(column.key)"
class="truncate text-base" class="truncate text-base"
@click=" @click="
(event) => emit('applyFilter', { event, idx, column, item }) (event) =>
emit('applyFilter', {
event,
idx,
column,
item,
firstColumn: columns[0],
})
" "
> >
<Tooltip :text="item.label"> <Tooltip :text="item.label">
@ -71,7 +78,14 @@
v-else v-else
class="truncate text-base" class="truncate text-base"
@click=" @click="
(event) => emit('applyFilter', { event, idx, column, item }) (event) =>
emit('applyFilter', {
event,
idx,
column,
item,
firstColumn: columns[0],
})
" "
> >
{{ label }} {{ label }}

View File

@ -25,7 +25,14 @@
:avatars="item" :avatars="item"
size="sm" size="sm"
@click=" @click="
(event) => emit('applyFilter', { event, idx, column, item }) (event) =>
emit('applyFilter', {
event,
idx,
column,
item,
firstColumn: columns[0],
})
" "
/> />
</div> </div>
@ -69,7 +76,14 @@
" "
class="truncate text-base" class="truncate text-base"
@click=" @click="
(event) => emit('applyFilter', { event, idx, column, item }) (event) =>
emit('applyFilter', {
event,
idx,
column,
item,
firstColumn: columns[0],
})
" "
> >
<Tooltip :text="item.label"> <Tooltip :text="item.label">
@ -87,7 +101,14 @@
size="md" size="md"
:label="item.value" :label="item.value"
@click=" @click="
(event) => emit('applyFilter', { event, idx, column, item }) (event) =>
emit('applyFilter', {
event,
idx,
column,
item,
firstColumn: columns[0],
})
" "
/> />
</div> </div>
@ -103,7 +124,14 @@
v-else v-else
class="truncate text-base" class="truncate text-base"
@click=" @click="
(event) => emit('applyFilter', { event, idx, column, item }) (event) =>
emit('applyFilter', {
event,
idx,
column,
item,
firstColumn: columns[0],
})
" "
> >
{{ label }} {{ label }}

View File

@ -28,7 +28,14 @@
v-if="['modified', 'creation'].includes(column.key)" v-if="['modified', 'creation'].includes(column.key)"
class="truncate text-base" class="truncate text-base"
@click=" @click="
(event) => emit('applyFilter', { event, idx, column, item }) (event) =>
emit('applyFilter', {
event,
idx,
column,
item,
firstColumn: columns[0],
})
" "
> >
<Tooltip :text="item.label"> <Tooltip :text="item.label">
@ -42,7 +49,14 @@
size="md" size="md"
:label="item.label" :label="item.label"
@click=" @click="
(event) => emit('applyFilter', { event, idx, column, item }) (event) =>
emit('applyFilter', {
event,
idx,
column,
item,
firstColumn: columns[0],
})
" "
/> />
</div> </div>
@ -58,7 +72,14 @@
v-else v-else
class="truncate text-base" class="truncate text-base"
@click=" @click="
(event) => emit('applyFilter', { event, idx, column, item }) (event) =>
emit('applyFilter', {
event,
idx,
column,
item,
firstColumn: columns[0],
})
" "
> >
{{ label }} {{ label }}
@ -69,7 +90,9 @@
</ListRows> </ListRows>
<ListSelectBanner> <ListSelectBanner>
<template #actions="{ selections, unselectAll }"> <template #actions="{ selections, unselectAll }">
<Dropdown :options="listBulkActionsRef.bulkActions(selections, unselectAll)"> <Dropdown
:options="listBulkActionsRef.bulkActions(selections, unselectAll)"
>
<Button icon="more-horizontal" variant="ghost" /> <Button icon="more-horizontal" variant="ghost" />
</Dropdown> </Dropdown>
</template> </template>

View File

@ -42,7 +42,14 @@
:avatars="item" :avatars="item"
size="sm" size="sm"
@click=" @click="
(event) => emit('applyFilter', { event, idx, column, item }) (event) =>
emit('applyFilter', {
event,
idx,
column,
item,
firstColumn: columns[0],
})
" "
/> />
</div> </div>
@ -95,7 +102,14 @@
" "
class="truncate text-base" class="truncate text-base"
@click=" @click="
(event) => emit('applyFilter', { event, idx, column, item }) (event) =>
emit('applyFilter', {
event,
idx,
column,
item,
firstColumn: columns[0],
})
" "
> >
<Tooltip :text="item.label"> <Tooltip :text="item.label">
@ -126,7 +140,14 @@
size="md" size="md"
:label="item.value" :label="item.value"
@click=" @click="
(event) => emit('applyFilter', { event, idx, column, item }) (event) =>
emit('applyFilter', {
event,
idx,
column,
item,
firstColumn: columns[0],
})
" "
/> />
</div> </div>
@ -142,7 +163,14 @@
v-else v-else
class="truncate text-base" class="truncate text-base"
@click=" @click="
(event) => emit('applyFilter', { event, idx, column, item }) (event) =>
emit('applyFilter', {
event,
idx,
column,
item,
firstColumn: columns[0],
})
" "
> >
{{ label }} {{ label }}

View File

@ -39,7 +39,14 @@
v-if="['modified', 'creation'].includes(column.key)" v-if="['modified', 'creation'].includes(column.key)"
class="truncate text-base" class="truncate text-base"
@click=" @click="
(event) => emit('applyFilter', { event, idx, column, item }) (event) =>
emit('applyFilter', {
event,
idx,
column,
item,
firstColumn: columns[0],
})
" "
> >
<Tooltip :text="item.label"> <Tooltip :text="item.label">
@ -58,7 +65,14 @@
v-else v-else
class="truncate text-base" class="truncate text-base"
@click=" @click="
(event) => emit('applyFilter', { event, idx, column, item }) (event) =>
emit('applyFilter', {
event,
idx,
column,
item,
firstColumn: columns[0],
})
" "
> >
{{ label }} {{ label }}

View File

@ -52,7 +52,14 @@
v-if="['modified', 'creation'].includes(column.key)" v-if="['modified', 'creation'].includes(column.key)"
class="truncate text-base" class="truncate text-base"
@click=" @click="
(event) => emit('applyFilter', { event, idx, column, item }) (event) =>
emit('applyFilter', {
event,
idx,
column,
item,
firstColumn: columns[0],
})
" "
> >
<Tooltip :text="item.label"> <Tooltip :text="item.label">
@ -71,7 +78,14 @@
v-else v-else
class="truncate text-base" class="truncate text-base"
@click=" @click="
(event) => emit('applyFilter', { event, idx, column, item }) (event) =>
emit('applyFilter', {
event,
idx,
column,
item,
firstColumn: columns[0],
})
" "
> >
{{ label }} {{ label }}
@ -82,7 +96,9 @@
</ListRows> </ListRows>
<ListSelectBanner> <ListSelectBanner>
<template #actions="{ selections, unselectAll }"> <template #actions="{ selections, unselectAll }">
<Dropdown :options="listBulkActionsRef.bulkActions(selections, unselectAll)"> <Dropdown
:options="listBulkActionsRef.bulkActions(selections, unselectAll)"
>
<Button icon="more-horizontal" variant="ghost" /> <Button icon="more-horizontal" variant="ghost" />
</Dropdown> </Dropdown>
</template> </template>

View File

@ -748,9 +748,10 @@ function saveView() {
showViewModal.value = true showViewModal.value = true
} }
function applyFilter({ event, idx, column, item }) { function applyFilter({ event, idx, column, item, firstColumn }) {
let restrictedFieldtypes = ['Duration', 'Datetime', 'Time'] let restrictedFieldtypes = ['Duration', 'Datetime', 'Time']
if (restrictedFieldtypes.includes(column.type) || idx === 0) return if (restrictedFieldtypes.includes(column.type) || idx === 0) return
if (idx === 1 && firstColumn.key == '_liked_by') return
event.stopPropagation() event.stopPropagation()
event.preventDefault() event.preventDefault()