diff --git a/src/components/StatCardComponent.vue b/src/components/StatCardComponent.vue
index d39b4a5b..dfd57ed8 100644
--- a/src/components/StatCardComponent.vue
+++ b/src/components/StatCardComponent.vue
@@ -16,6 +16,7 @@ const props = withDefaults(
| 'dark-orange'
| 'cyan'
| 'yellow'
+ | 'light-yellow'
| 'red'
| 'magenta'
| 'blue'
@@ -45,11 +46,7 @@ const props = withDefaults(
>
-
+
@@ -116,6 +113,10 @@ const props = withDefaults(
--_color: var(--orange-4-hsl);
}
+.stat-card__light-yellow {
+ --_color: var(--yellow-6-hsl);
+}
+
.stat-card__orange {
--_color: var(--orange-5-hsl);
}
diff --git a/src/i18n/eng.ts b/src/i18n/eng.ts
index f37ae4bc..6635eeb7 100644
--- a/src/i18n/eng.ts
+++ b/src/i18n/eng.ts
@@ -917,6 +917,7 @@ export default {
},
Pending: 'Pending',
+ Ready: 'Ready',
InProgress: 'In Progress',
Completed: 'Completed',
Canceled: 'Canceled',
diff --git a/src/i18n/tha.ts b/src/i18n/tha.ts
index aedfe838..9e7d0644 100644
--- a/src/i18n/tha.ts
+++ b/src/i18n/tha.ts
@@ -908,7 +908,8 @@ export default {
Canceled: 'ยกเลิก',
},
Pending: 'รอดำเนินการ',
- InProgress: 'ดำเนินการ',
+ Ready: 'พร้อมดำเนินการ',
+ InProgress: 'กำลังดำเนินการ',
Completed: 'เสร็จสิ้น',
Canceled: 'ยกเลิก',
diff --git a/src/pages/08_request-list/MainPage.vue b/src/pages/08_request-list/MainPage.vue
index 7310c54b..98dd2d18 100644
--- a/src/pages/08_request-list/MainPage.vue
+++ b/src/pages/08_request-list/MainPage.vue
@@ -141,6 +141,12 @@ watch([() => pageState.inputSearch, () => pageState.statusFilter], () =>
label: 'requestList.status.Pending',
color: 'orange',
},
+ {
+ icon: 'mdi:tag-check-outline',
+ count: stats[RequestDataStatus.Pending],
+ label: 'requestList.status.Ready',
+ color: 'light-yellow',
+ },
{
icon: 'mdi-timer-sand',
count: stats[RequestDataStatus.InProgress],
diff --git a/src/pages/08_request-list/TableRequestList.vue b/src/pages/08_request-list/TableRequestList.vue
index 60170cd5..6211e893 100644
--- a/src/pages/08_request-list/TableRequestList.vue
+++ b/src/pages/08_request-list/TableRequestList.vue
@@ -173,6 +173,7 @@ function getEmployeeName(
:hsla-color="
{
[RequestDataStatus.Pending]: '--orange-5-hsl',
+ [RequestDataStatus.Ready]: '--yellow-6-hsl',
[RequestDataStatus.InProgress]: '--blue-6-hsl',
[RequestDataStatus.Completed]: '--green-8-hsl',
[RequestDataStatus.Canceled]: '--red-5-hsl',
diff --git a/src/stores/request-list/index.ts b/src/stores/request-list/index.ts
index 12e63e32..0bce74cb 100644
--- a/src/stores/request-list/index.ts
+++ b/src/stores/request-list/index.ts
@@ -23,6 +23,7 @@ export const useRequestList = defineStore('request-list', () => {
const pageSize = ref
(30);
const stats = ref>({
[RequestDataStatus.Pending]: 0,
+ [RequestDataStatus.Ready]: 0,
[RequestDataStatus.InProgress]: 0,
[RequestDataStatus.Completed]: 0,
[RequestDataStatus.Canceled]: 0,
diff --git a/src/stores/request-list/types.ts b/src/stores/request-list/types.ts
index 6759ad5c..df1b5156 100644
--- a/src/stores/request-list/types.ts
+++ b/src/stores/request-list/types.ts
@@ -20,6 +20,7 @@ export type RequestData = {
export enum RequestDataStatus {
Pending = 'Pending',
+ Ready = 'Ready',
InProgress = 'InProgress',
Completed = 'Completed',
Canceled = 'Canceled',