ปรับ code ประวัติการลงเวลา

src/stores/chekin.ts

@@ -1,20 +1,21 @@
 import { defineStore } from 'pinia'
 import { ref } from 'vue'
-
 import type { FormData, Datalist } from '@/interface/response/checkin'
-
-// importStores
 import { useCounterMixin } from '@/stores/mixin'
-
 const mixin = useCounterMixin()
 const { date2Thai } = mixin
 
+/** store for checkin history*/
 export const useChekIn = defineStore('checkin', () => {
   const rows = ref<Datalist[]>()
 
+  /**
+   * ฟังก์ชั่นสำหรับ map ข้อมูล เพื่อแสดงรายการในตารางประวัติการลงเวลา
+   * @param data รายการข้อมูลทีต้องการ map เป็น array ที่ประกอบด้วย object ตาม FormData
+   */
   async function fetchHistoryList(data: FormData[]) {
     rows.value = []
-    const datalist: Datalist[] = await data.map((e: FormData) => ({
+    const dataList: Datalist[] = await data.map((e: FormData) => ({
       checkInId: e.checkInId,
       checkInDate: e.checkInDate ? date2Thai(e.checkInDate) : null,
       checkInDateTime: e.checkInDate,
@@ -25,11 +26,17 @@ export const useChekIn = defineStore('checkin', () => {
         e.checkOutStatus != null ? convertStatus(e.checkOutStatus) : '-',
       checkInLocation: e.checkInLocation,
       checkOutLocation: e.checkOutLocation != '' ? e.checkOutLocation : '-',
-      // statusEditName: convertStatusEdit(e.statusEdit),
+      editStatus: e.editStatus != '' ? convertEditStatus(e.editStatus) : '',
+      editReason: e.editReason,
     }))
-    rows.value = datalist
+    rows.value = dataList
   }
 
+  /**
+   * ฟังก์ชั่นสำหรับ convert ข้อความสถานะของการลงเวลา ปกติ, ขาดราชการ หรือสาย
+   * @param status ฟิลด์สถานะที่มาจาก API
+   * @returns ข้อความสถานะ ปกติ, ขาดราชการ หรือสาย
+   */
   function convertStatus(status: string) {
     switch (status) {
       case '':
@@ -42,24 +49,40 @@ export const useChekIn = defineStore('checkin', () => {
         return ''
     }
   }
-  // function convertStatusEdit(val: string) {
-  //   switch (val) {
-  //     case 'edit':
-  //       return 'ขอแก้ไข'
-  //     case 'wait':
-  //       return 'รออนุมัติ'
-  //     case 'approve':
-  //       return 'อนุมัติ'
-  //   }
-  // }
+
+  /**
+   * ฟังก์ชั่นสำหรับ convert ข้อความสถานะการขอแก้ไข/การขอลงเวลาพิเศษ
+   * @param val ฟิลด์สถานะการขอแก้ไข/การขอลงเวลาพิเศษที่มาจาก API
+   * @returns ข้อความสถานะการขอแก้ไข/การขอลงเวลาพิเศษ
+   */
+  function convertEditStatus(val: string) {
+    switch (val) {
+      case 'PENDING':
+        return 'รออนุมัติ'
+      case 'APPROVE':
+        return 'อนุมัติ'
+      case 'REJECT':
+        return 'ไม่อนุมัติ'
+      default:
+        return ''
+    }
+  }
+
+  /**
+   * ฟังก์ชั่นสำหรับแสดง class กรณีสถานะการขอลงเวลาพิเศษ
+   * @param val ข้อความสถานะการขอลงเวลาพิเศษที่ convert แล้ว
+   * @returns ค่าสีที่ต้องการแสดงตามข้อความสถานะ
+   */
   function classColorStatus(val: string) {
     switch (val) {
-      case 'wait':
+      case 'รออนุมัติ':
         return 'orange'
-      case 'approve':
+      case 'อนุมัติ':
         return 'green'
-      case 'reject':
+      case 'ไม่อนุมัติ':
         return 'red'
+      default:
+        return ''
     }
   }
 
@@ -67,6 +90,5 @@ export const useChekIn = defineStore('checkin', () => {
     rows,
     fetchHistoryList,
     classColorStatus,
-    // fetchlistHistory,
   }
 })