chamomind/jws-frontend
chamomind/jws-frontend
7
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="{
'hide-icon q-pr-md': hideIcon(),
'hide-icon q-pr-md inactive': hideIcon(),
warning:
currStatus?.value === TaskStatus.Pending ||
currStatus?.value === TaskStatus.InProgress,
@ -95,7 +95,9 @@ function hideIcon() {
currStatus?.value === TaskStatus.Canceled ||
currStatus?.value === TaskStatus.Restart,
'pointer-events-none': {
order: !['Success', 'Failed', 'Validate'].includes(status || ''),
order: !['Success', 'Failed', 'Validate', 'Redo'].includes(
status || '',
),
receive: status !== TaskStatus.InProgress,
}[type ?? 'order'],
}"
@ -171,6 +173,10 @@ function hideIcon() {
&.negative {
--_color: var(--negative-bg);
}
&.inactive {
--_color: var(--stone-7-hsl);
opacity: 0.7;
}
}
.pointer-events-none {