new loader

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

@@ -214,7 +214,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
@@ -402,7 +402,7 @@ const $q = useQuasar();
 const fetchData = async () => {
   await props.fetchDataComponent();
   rows.value.splice(0);
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.listPositionEmployeePositionSideHistory)
     .then((res) => {
@@ -429,7 +429,7 @@ const fetchData = async () => {
     })
     .finally(() => {
       updateData.value = false;
-      loaderPage(false);
+      hideLoader();
     });
 };
 
@@ -437,7 +437,7 @@ const fetchData = async () => {
  * ฟังชั้นดูข้อมูลประวัติแก้ไขข้อมูลทั้งหมด
  */
 const fetchHistory = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.listPositionEmployeePositionSidePublishedHistory)
     .then((res) => {
@@ -466,7 +466,7 @@ const fetchHistory = async () => {
       messageError($q, e);
     })
     .finally(async () => {
-      loaderPage(false);
+      hideLoader();
     });
 };
 
@@ -475,7 +475,7 @@ const fetchHistory = async () => {
  * เมื่อเรียก api เสร็จแล้วจะ get data มาใหม่
  */
 const clearPublishedData = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .delete(config.API.listPositionEmployeePositionSideHistory)
     .then((res) => {
@@ -495,7 +495,7 @@ const clearPublishedData = async () => {
  * เมื่อเรียก api เสร็จแล้วจะ get data มาใหม่
  */
 const publishedData = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.listPositionEmployeePositionSidePublished)
     .then((res) => {
@@ -556,7 +556,7 @@ const save = async (publish: boolean) => {
     lastUpdateFullName: e.lastUpdateFullName,
     lastUpdateUserId: e.lastUpdateUserId,
   }));
-  loaderPage(true);
+  showLoader();
   await http
     .post(
       config.API.listPositionEmployeePositionSideHistoryId(idVersion.value),
@@ -579,7 +579,7 @@ const save = async (publish: boolean) => {
       messageError($q, e);
     })
     .finally(() => {
-      loaderPage(false);
+      hideLoader();
     });
 };