fix: if first column is liked_by then allow opening on click of second column
This commit is contained in:
parent
ca5f542d92
commit
64bb67d594
@ -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 }}
|
||||
|
||||
@ -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 }}
|
||||
|
||||
@ -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 }}
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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 }}
|
||||
|
||||
@ -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 }}
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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()
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user