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)"
|
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 }}
|
||||||
|
|||||||
@ -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 }}
|
||||||
|
|||||||
@ -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 }}
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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 }}
|
||||||
|
|||||||
@ -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 }}
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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()
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user