new loader

src/modules/01_metadata/components/position/Status.vue

@@ -203,7 +203,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
@@ -367,7 +367,7 @@ const $q = useQuasar();
 const fetchData = async () => {
   await props.fetchDataComponent();
   rows.value.splice(0);
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.listPositionStatusHistory)
     .then((res) => {
@@ -393,7 +393,7 @@ const fetchData = async () => {
     })
     .finally(() => {
       updateData.value = false;
-      loaderPage(false);
+      hideLoader();
     });
 };
 
@@ -401,7 +401,7 @@ const fetchData = async () => {
  * ฟังชั้นดูข้อมูลประวัติแก้ไขข้อมูลทั้งหมด
  */
 const fetchHistory = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.listPositionStatusPublishedHistory)
     .then((res) => {
@@ -429,7 +429,7 @@ const fetchHistory = async () => {
       messageError($q, e);
     })
     .finally(async () => {
-      loaderPage(false);
+      hideLoader();
     });
 };
 
@@ -438,7 +438,7 @@ const fetchHistory = async () => {
  * เมื่อเรียก api เสร็จแล้วจะ get data มาใหม่
  */
 const clearPublishedData = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .delete(config.API.listPositionStatusHistory)
     .then((res) => {
@@ -458,7 +458,7 @@ const clearPublishedData = async () => {
  * เมื่อเรียก api เสร็จแล้วจะ get data มาใหม่
  */
 const publishedData = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.listPositionStatusPublished)
     .then((res) => {
@@ -518,7 +518,7 @@ const save = async (publish: boolean) => {
     lastUpdateFullName: e.lastUpdateFullName,
     lastUpdateUserId: e.lastUpdateUserId,
   }));
-  loaderPage(true);
+  showLoader();
   await http
     .post(config.API.listPositionStatusHistoryId(idVersion.value), {
       id: idVersion.value,
@@ -538,7 +538,7 @@ const save = async (publish: boolean) => {
       messageError($q, e);
     })
     .finally(() => {
-      loaderPage(false);
+      hideLoader();
     });
 };