new loader

src/modules/01_metadata/components/organization/ShortName.vue

@@ -255,7 +255,7 @@ const props = defineProps({
 const dataStore = useDataStore();
 const { loaderPage } = dataStore;
 const mixin = useCounterMixin();
-const { success, dateText, messageError } = mixin;
+const { success, dateText, messageError, showLoader, hideLoader } = mixin;
 const store = useManageDataStore();
 const { manageData, changeManageColumns } = store;
 const rows = ref<RequestItemsHistoryObject[]>([]); //list data table
@@ -491,7 +491,7 @@ const $q = useQuasar();
 const fetchData = async () => {
   await props.fetchDataComponent();
   rows.value.splice(0);
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.listOrganizationShortNameHistory)
     .then((res) => {
@@ -520,7 +520,7 @@ const fetchData = async () => {
     })
     .finally(() => {
       updateData.value = false;
-      loaderPage(false);
+      hideLoader();
     });
 };
 
@@ -528,7 +528,7 @@ const fetchData = async () => {
  * ฟังชั้นดูข้อมูลประวัติแก้ไขข้อมูลทั้งหมด
  */
 const fetchHistory = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.listOrganizationShortNamePublishedHistory)
     .then((res) => {
@@ -559,7 +559,7 @@ const fetchHistory = async () => {
       messageError($q, e);
     })
     .finally(async () => {
-      loaderPage(false);
+      hideLoader();
     });
 };
 
@@ -568,7 +568,7 @@ const fetchHistory = async () => {
  * เมื่อเรียก api เสร็จแล้วจะ get data มาใหม่
  */
 const clearPublishedData = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .delete(config.API.listOrganizationShortNameHistory)
     .then((res) => {
@@ -588,7 +588,7 @@ const clearPublishedData = async () => {
  * เมื่อเรียก api เสร็จแล้วจะ get data มาใหม่
  */
 const publishedData = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.listOrganizationShortNamePublished)
     .then((res) => {
@@ -654,7 +654,7 @@ const save = async (publish: boolean) => {
     lastUpdateFullName: e.lastUpdateFullName,
     lastUpdateUserId: e.lastUpdateUserId,
   }));
-  loaderPage(true);
+  showLoader();
   await http
     .post(config.API.listOrganizationShortNameHistoryId(idVersion.value), {
       id: idVersion.value,
@@ -674,7 +674,7 @@ const save = async (publish: boolean) => {
       messageError($q, e);
     })
     .finally(() => {
-      loaderPage(false);
+      hideLoader();
     });
 };