WIP: account edit modal layout done (now: without password rows)

src/module/alertModal.js

@@ -3,6 +3,7 @@ import AllMapDataStore from '@/stores/allMapData.js';
 import ConformanceStore from '@/stores/conformance.js';
 import FilesStore from '@/stores/files.js';
 import PageAdminStore from '@/stores/pageAdmin.js';
+import { useModalStore } from '@/stores/modal.js';
 
 const customClass = {
   container: '!z-[99999]',
@@ -484,3 +485,27 @@ export async function reallyDeldetInformation(files, reallyDeldetData) {
   recordIdData = await Promise.all(reallyDeldetData.map(file => filesStore.deletionRecord(file.id)));
   await filesStore.fetchAllFiles();
 }
+
+/**
+ * When user is leaving the acct mgmt page but hasn't finished editing,
+ * we jump out this alert modal to remind her.
+ */
+export async function leaveAccountManagementToRemind(){
+  const modalStore = useModalStore();
+  const result = await Swal.fire({
+    title: 'SAVE YOUR EDIT?',
+    icon: 'info',
+    showCancelButton: true,
+    didOpen: () => {
+      const confirmButton = Swal.getConfirmButton();
+
+      confirmButton.style.border = '1px solid #0099FF';
+    }
+  });
+  if(result.isConfirmed) {
+    //TODO: Call Pinia Save Backend API
+  } else {
+    //TODO: 
+    modalStore.openModal();
+  }
+};