From fbcaff4b2bfc7b6863a0321b44db8b202427ca13 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 26 Jul 2024 15:08:21 +0700
Subject: [PATCH] classMethod

---
 src/modules/03_logs/components/LogTable.vue | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/modules/03_logs/components/LogTable.vue b/src/modules/03_logs/components/LogTable.vue
index 23bf3980..72c76d1c 100644
--- a/src/modules/03_logs/components/LogTable.vue
+++ b/src/modules/03_logs/components/LogTable.vue
@@ -179,6 +179,24 @@ function selectedDate() {
   );
 }
 
+function classColorMethod(val: string) {
+  switch (val) {
+    case "GET":
+      return "blue";
+    case "PUT":
+      return "warning";
+    case "POST":
+      return "primary";
+    case "PATCH":
+      return "teal-12";
+    case "DELETE":
+      return "red";
+
+    default:
+      break;
+  }
+}
+
 onMounted(() => {
   systemName.value = route.query.system as string;
 });
@@ -299,7 +317,7 @@ onMounted(() => {
                 </div>
                 <div v-else-if="col.name === 'method'">
                   <q-badge
-                    text-color="blue"
+                    :text-color="classColorMethod(col.value)"
                     style="background-color: #f0ecec"
                     >{{ col.value ?? "-" }}</q-badge
                   >