new loader

src/modules/04_registry/components/Information/Information.vue

@@ -417,7 +417,15 @@ const emit = defineEmits(["update:statusEdit"]);
 const route = useRoute();
 const $q = useQuasar();
 const mixin = useCounterMixin();
-const { date2Thai, success, dateToISO, messageError, modalError } = mixin;
+const {
+  date2Thai,
+  success,
+  dateToISO,
+  messageError,
+  modalError,
+  showLoader,
+  hideLoader,
+} = mixin;
 const dataStore = useDataStore();
 const { loaderPage } = dataStore;
 const profileStore = useProfileDataStore();
@@ -674,7 +682,7 @@ const onCancel = async () => {
  * get รายการ ข้อมูลเกี่ยวกับบุคคล
  */
 const fetchPerson = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.person)
     .then((res) => {
@@ -731,7 +739,7 @@ const fetchPerson = async () => {
     })
     .catch((e: any) => {})
     .finally(() => {
-      loaderPage(false);
+      hideLoader();
     });
 };
 
@@ -740,7 +748,7 @@ const fetchPerson = async () => {
  */
 const clickHistory = async () => {
   modalHistory.value = true;
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.profileInforHisId(route.params.id.toString()))
     .then((res) => {
@@ -781,7 +789,7 @@ const clickHistory = async () => {
       messageError($q, e);
     })
     .finally(() => {
-      loaderPage(false);
+      hideLoader();
     });
 };
 
@@ -851,7 +859,7 @@ const calRetire = async (birth: Date) => {
   const body = {
     birthDate: dateToISO(birth),
   };
-  loaderPage(true);
+  showLoader();
   await http
     .post(config.API.profileCalRetire, body)
     .then((res: any) => {
@@ -867,12 +875,12 @@ const calRetire = async (birth: Date) => {
       changeRetireText(date2Thai(retire));
     })
     .finally(() => {
-      loaderPage(false);
+      hideLoader();
     });
 };
 
 const fetchData = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.profileInforId(route.params.id.toString()))
     .then(async (res: any) => {
@@ -904,7 +912,7 @@ const fetchData = async () => {
       messageError($q, e);
     })
     .finally(() => {
-      loaderPage(false);
+      hideLoader();
     });
 };
 
@@ -933,7 +941,7 @@ const editData = async () => {
     profileType: informaData.value.profileType,
     createdFullName: "-",
   };
-  loaderPage(true);
+  showLoader();
   await http
     .put(config.API.profileInforId(route.params.id.toString()), body)
     .then((res) => {