Allow deselecting review tasks
Makes it so I can test the map losing gl context
This commit is contained in:
parent
262aa009c2
commit
e3f9a19b84
2 changed files with 15 additions and 1 deletions
|
|
@ -48,7 +48,7 @@
|
|||
:key="task.id"
|
||||
class="entry-item"
|
||||
:class="{ active: selectedTaskID === task.id }"
|
||||
@click="emit('doSelectTask', task.id)"
|
||||
@click="doClick(task)"
|
||||
>
|
||||
<div class="d-flex justify-content-between align-items-start">
|
||||
<div>
|
||||
|
|
@ -67,6 +67,7 @@ import { formatAddress } from "@/format";
|
|||
import { ReviewTask } from "@/type/api";
|
||||
|
||||
interface Emits {
|
||||
(e: "doDeselectTask", id: number): void;
|
||||
(e: "doSelectTask", id: number): void;
|
||||
}
|
||||
interface Props {
|
||||
|
|
@ -80,4 +81,11 @@ const emit = defineEmits<Emits>();
|
|||
const props = withDefaults(defineProps<Props>(), {
|
||||
loading: false,
|
||||
});
|
||||
function doClick(task: ReviewTask) {
|
||||
if (task.id == props.selectedTaskID) {
|
||||
emit("doDeselectTask", task.id);
|
||||
} else {
|
||||
emit("doSelectTask", task.id);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -62,6 +62,7 @@ body {
|
|||
<ThreeColumn>
|
||||
<template #left>
|
||||
<ReviewPoolColumnList
|
||||
@doDeselectTask="deselectTask"
|
||||
@doSelectTask="selectTask"
|
||||
:error="error"
|
||||
:loading="!!storeReviewTask.all()"
|
||||
|
|
@ -230,6 +231,11 @@ const selectedTask = computed<ReviewTask | undefined>(() => {
|
|||
return storeReviewTask.byID(selectedTaskID.value);
|
||||
});
|
||||
// Helper Functions
|
||||
function deselectTask(id: number): void {
|
||||
if (selectedTaskID.value == id) {
|
||||
selectedTaskID.value = null;
|
||||
}
|
||||
}
|
||||
// Task Selection
|
||||
function selectTask(id: number): void {
|
||||
selectedTaskID.value = id;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue