Gleipnir/nidus-sync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Show filler until a review task is selected

Browse source
This commit is contained in:
Eli Ribble 2026-04-15 14:07:43 +00:00
parent 9ea99c92f9
commit 0fbf891c23
No known key found for this signature in database
2 changed files with 56 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

97
ts/components/ReviewPoolColumnAction.vue
View file

@ -1,57 +1,62 @@
<template>
<h5 class="mb-4">Actions</h5>
<button
class="btn btn-success action-btn"
@click="markReviewed"
:disabled="!selectedTask || submitting"
>
<span v-if="!submitting">
<i class="bi bi-check-circle"></i> Complete Review
</span>
<span v-else>
<span class="spinner-border spinner-border-sm" role="status"></span>
Submitting...
</span>
</button>
<template v-if="selectedTask">
<button
class="btn btn-success action-btn"
@click="markReviewed"
:disabled="!selectedTask || submitting"
>
<span v-if="!submitting">
<i class="bi bi-check-circle"></i> Complete Review
</span>
<span v-else>
<span class="spinner-border spinner-border-sm" role="status"></span>
Submitting...
</span>
</button>
<div v-if="selectedTask" class="card mt-3">
<div v-if="changes.updated.length > 0" class="card-body">
<h6 class="card-title">
<i class="bi bi-pencil-square text-warning"></i> Updates
</h6>
<ul class="mb-0">
<li v-for="item in changes.updated" :key="item">{{ item }}</li>
</ul>
<div v-if="selectedTask" class="card mt-3">
<div v-if="changes.updated.length > 0" class="card-body">
<h6 class="card-title">
<i class="bi bi-pencil-square text-warning"></i> Updates
</h6>
<ul class="mb-0">
<li v-for="item in changes.updated" :key="item">{{ item }}</li>
</ul>
</div>
<div v-if="changes.unchanged.length > 0" class="card-body">
<h6 class="card-title">
<i class="bi bi-dash-circle text-muted"></i> Not changed
</h6>
<ul class="mb-0">
<li v-for="item in changes.unchanged" :key="item">{{ item }}</li>
</ul>
</div>
</div>
<div v-if="changes.unchanged.length > 0" class="card-body">
<h6 class="card-title">
<i class="bi bi-dash-circle text-muted"></i> Not changed
</h6>
<ul class="mb-0">
<li v-for="item in changes.unchanged" :key="item">{{ item }}</li>
</ul>
</div>
</div>
<button
class="btn btn-danger action-btn"
@click="discardEntry"
:disabled="!selectedTask || submitting"
>
<i class="bi bi-trash"></i> Discard Entry
</button>
<button
class="btn btn-danger action-btn"
@click="discardEntry"
:disabled="!selectedTask || submitting"
>
<i class="bi bi-trash"></i> Discard Entry
</button>
<!-- Keyboard Shortcuts Help -->
<div class="card mt-3">
<div class="card-body">
<h6 class="card-title"><i class="bi bi-keyboard"></i> Tips</h6>
<small class="text-muted">
Fields with a yellow border have been modified from their original
values.
</small>
<!-- Keyboard Shortcuts Help -->
<div class="card mt-3">
<div class="card-body">
<h6 class="card-title"><i class="bi bi-keyboard"></i> Tips</h6>
<small class="text-muted">
Fields with a yellow border have been modified from their original
values.
</small>
</div>
</div>
</div>
</template>
<template v-else>
<p>Select a task on the left</p>
</template>
</template>
<script setup lang="ts">
import MapMultipoint from "@/components/MapMultipoint.vue";

6
ts/view/review/Pool.vue
View file

@ -84,7 +84,11 @@ body {
/>
</template>
<template #right>
<ReviewPoolColumnAction :changes="changes" :submitting="submitting" />
<ReviewPoolColumnAction
:changes="changes"
:selectedTask="selectedTask"
:submitting="submitting"
/>
</template>
</ThreeColumn>
</template>