chamomind/jws-frontend
chamomind/jws-frontend
6
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

feat: add inactive status styling and update status validation logic

Browse source
This commit is contained in:
puriphatt 2025-01-21 11:21:09 +07:00
parent a2b91210c9
commit 8175081df7
1 changed files with 8 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/pages/09_task-order/TaskStatusComponent.vue
View file

@ -81,7 +81,7 @@ function hideIcon() {
" "
class="text-capitalize text-weight-regular product-status rounded" class="text-capitalize text-weight-regular product-status rounded"
:class="{ :class="{
'hide-icon q-pr-md': hideIcon(), 'hide-icon q-pr-md inactive': hideIcon(),
warning: warning:
currStatus?.value === TaskStatus.Pending || currStatus?.value === TaskStatus.Pending ||
currStatus?.value === TaskStatus.InProgress, currStatus?.value === TaskStatus.InProgress,
@ -95,7 +95,9 @@ function hideIcon() {
currStatus?.value === TaskStatus.Canceled || currStatus?.value === TaskStatus.Canceled ||
currStatus?.value === TaskStatus.Restart, currStatus?.value === TaskStatus.Restart,
'pointer-events-none': { 'pointer-events-none': {
order: !['Success', 'Failed', 'Validate'].includes(status || ''), order: !['Success', 'Failed', 'Validate', 'Redo'].includes(
status || '',
),
receive: status !== TaskStatus.InProgress, receive: status !== TaskStatus.InProgress,
}[type ?? 'order'], }[type ?? 'order'],
}" }"
@ -171,6 +173,10 @@ function hideIcon() {
&.negative { &.negative {
--_color: var(--negative-bg); --_color: var(--negative-bg);
} }
&.inactive {
--_color: var(--stone-7-hsl);
opacity: 0.7;
}
} }
.pointer-events-none { .pointer-events-none {