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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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