ปรับ fe sprint2

src/modules/03_recruiting/views/01_compete/Period.vue

@@ -316,10 +316,7 @@
   <q-dialog v-model="modalCandidate" persistent>
     <q-card style="width: 600px">
       <q-form ref="myFormScore">
-        <DialogHeader
-          :tittle="textTittleCandidate"
-          :close="clickCloseCandidate"
-        />
+        <DialogHeader :tittle="textTittleCandidate" :close="clickCloseCandidate" />
         <q-separator />
         <q-card-section>
           <div class="col-12 row items-center q-col-gutter-sm">
@@ -382,7 +379,7 @@ const name = ref<string>("");
 const year = ref<number>(new Date().getFullYear() + 543);
 const order = ref<number>(1);
 const mixin = useCounterMixin();
-const { success, dateToISO, dateText, showLoader, hideLoader } = mixin;
+const { success, dateToISO, dateText } = mixin;
 const files = ref<any>(null);
 const files_score = ref<any>(null);
 const files_candidate = ref<any>(null);
@@ -554,7 +551,7 @@ const visibleColumnsHistory = ref<String[]>([
 ]);
 
 onMounted(async () => {
-  hideLoader();
+  loaderPage(false);
   await fetchData();
 });
 
@@ -567,7 +564,7 @@ const textDate = (value: Date) => {
 };
 
 const fetchData = async () => {
-  showLoader();
+  loaderPage(true);
   await http
     .get(config.API.getCandidates)
     .then((res) => {
@@ -589,7 +586,7 @@ const fetchData = async () => {
       messageError($q, e);
     })
     .finally(() => {
-      hideLoader();
+      loaderPage(false);
     });
 };
 
@@ -623,7 +620,7 @@ const clickEditPeriod = (id: string) => {
 
 const clickHistory = async (id: string) => {
   modalHistory.value = true;
-  showLoader();
+  loaderPage(true);
   await http
     .get(config.API.getImportHistory(id))
     .then((res) => {
@@ -652,7 +649,7 @@ const clickHistory = async (id: string) => {
       statusCode.value = e.response.data.status;
     })
     .finally(async () => {
-      hideLoader();
+      loaderPage(false);
     });
 };
 
@@ -667,7 +664,7 @@ const clickDelete = (id: string) => {
     persistent: true,
   })
     .onOk(async () => {
-      showLoader();
+      loaderPage(true);
       await http
         .delete(config.API.deleteCandidates(id))
         .then((res) => {
@@ -678,7 +675,7 @@ const clickDelete = (id: string) => {
           messageError($q, e);
         })
         .finally(() => {
-          hideLoader();
+          loaderPage(false);
         });
     })
     .onCancel(() => {})
@@ -707,7 +704,7 @@ const clickCloseCandidate = async () => {
 const checkSaveCandidate = async () => {
   const fd = new FormData();
   fd.append("attachment", files_candidate.value[0]);
-  showLoader();
+  loaderPage(true);
   await http
     .post(config.API.uploadCandidates(selected_row_id.value), fd)
     .then((res) => {
@@ -720,14 +717,14 @@ const checkSaveCandidate = async () => {
       messageError($q, e);
     })
     .finally(() => {
-      hideLoader();
+      loaderPage(false);
     });
 };
 
 const checkSaveScore = async () => {
   const fd = new FormData();
   fd.append("attachment", files_score.value[0]);
-  showLoader();
+  loaderPage(true);
   await http
     .post(config.API.saveScores(selected_row_id.value), fd)
     .then((res) => {
@@ -740,7 +737,7 @@ const checkSaveScore = async () => {
       messageError($q, e);
     })
     .finally(() => {
-      hideLoader();
+      loaderPage(false);
     });
 };
 
@@ -750,7 +747,7 @@ const checkSave = async () => {
   fd.append("year", year.value.toString());
   fd.append("order", order.value.toString());
   fd.append("name", name.value);
-  showLoader();
+  loaderPage(true);
   await http
     .post(config.API.saveCandidates, fd)
     .then((res) => {
@@ -762,7 +759,7 @@ const checkSave = async () => {
       messageError($q, e);
     })
     .finally(() => {
-      hideLoader();
+      loaderPage(false);
     });
 };
 </script>