new loader

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

@@ -202,7 +202,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
@@ -366,7 +366,7 @@ const $q = useQuasar();
 const fetchData = async () => {
   await props.fetchDataComponent();
   rows.value.splice(0);
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.listPositionEmployeeStatusHistory)
     .then((res) => {
@@ -392,7 +392,7 @@ const fetchData = async () => {
     })
     .finally(() => {
       updateData.value = false;
-      loaderPage(false);
+      hideLoader();
     });
 };
 
@@ -400,7 +400,7 @@ const fetchData = async () => {
  * ฟังชั้นดูข้อมูลประวัติแก้ไขข้อมูลทั้งหมด
  */
 const fetchHistory = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.listPositionEmployeeStatusPublishedHistory)
     .then((res) => {
@@ -428,7 +428,7 @@ const fetchHistory = async () => {
       messageError($q, e);
     })
     .finally(async () => {
-      loaderPage(false);
+      hideLoader();
     });
 };
 
@@ -437,7 +437,7 @@ const fetchHistory = async () => {
  * เมื่อเรียก api เสร็จแล้วจะ get data มาใหม่
  */
 const clearPublishedData = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .delete(config.API.listPositionEmployeeStatusHistory)
     .then((res) => {
@@ -457,7 +457,7 @@ const clearPublishedData = async () => {
  * เมื่อเรียก api เสร็จแล้วจะ get data มาใหม่
  */
 const publishedData = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.listPositionEmployeeStatusPublished)
     .then((res) => {
@@ -517,7 +517,7 @@ const save = async (publish: boolean) => {
     lastUpdateFullName: e.lastUpdateFullName,
     lastUpdateUserId: e.lastUpdateUserId,
   }));
-  loaderPage(true);
+  showLoader();
   await http
     .post(config.API.listPositionEmployeeStatusHistoryId(idVersion.value), {
       id: idVersion.value,
@@ -537,7 +537,7 @@ const save = async (publish: boolean) => {
       messageError($q, e);
     })
     .finally(() => {
-      loaderPage(false);
+      hideLoader();
     });
 };