Issue #151: Done.

src/module/alertModal.js

@@ -1,5 +1,6 @@
 import Swal from 'sweetalert2';
 import AllMapDataStore from '@/stores/allMapData.js';
+import LoginStore from '@/stores/login.js';
 
 const customClass = {
   htmlContainer: '!w-[564px]',
@@ -70,13 +71,42 @@ export async function leaveFilter(next, addFilterId, toPath) {
   if(result.isConfirmed) {
     await saveFilter(addFilterId)
     next(toPath);
-  }
-  else if(result.dismiss === 'cancel') {
+  } else if(result.dismiss === 'cancel') {
     allMapDataStore.tempFilterId = null;
     next(toPath);
-  }
-  else if(result.dismiss === 'backdrop') {
+  } else if(result.dismiss === 'backdrop') {
     next(false);
   }
+};
 
+export async function logoutLeave(addFilterId) {
+  const allMapDataStore = AllMapDataStore();
+  const loginStore = LoginStore();
+  const result = await Swal.fire({
+    title: 'ARE YOU SURE TO LEAVE MAP?',
+    html: 'Filter settings have not been saved.</br>Click “Save as” to save filtered results, “OK” to leave map.',
+    icon: 'warning',
+    iconColor: '#FF3366',
+    reverseButtons:true,
+    confirmButtonText: 'Save as',
+    confirmButtonColor: '#FF3366',
+    showCancelButton: true,
+    cancelButtonText: 'OK',
+    cancelButtonColor: '#94a3b8',
+    customClass: customClass
+  })
+  if(result.isConfirmed) {
+    await saveFilter(addFilterId);
+    // allMapDataStore.tempFilterId = await null;
+    // allMapDataStore.temporaryData = await [];
+    // allMapDataStore.postRuleData = await [];
+    // allMapDataStore.ruleData = await [];
+    // await loginStore.logOut()
+  } else if(result.dismiss === 'cancel') {
+    allMapDataStore.tempFilterId = await null;
+    // allMapDataStore.temporaryData = await [];
+    // allMapDataStore.postRuleData = await [];
+    // allMapDataStore.ruleData = await [];
+    await loginStore.logOut()
+  }
 }