Save and reload form

src/frontend/src/dialogs/DialogComponent.vue

@@ -1,5 +1,5 @@
 <template>
-  <q-dialog v-model="showDialog" aria-labelledby="modalTitle">
+  <q-dialog v-model="showDialog" aria-labelledby="modalTitle" :persistent="persistent">
     <q-card style="width: 95%" flat >
       <q-form @submit="$emit('emitSubmit')">
         <q-card-section class="bg-primary text-white q-mb-md">
@@ -31,5 +31,5 @@
 <script setup>
   const showDialog = defineModel()
   defineEmits(['emitSubmit', 'emitCancel', 'emitSaveDraft'])
-  defineProps(['hideDraftBtn'])
+  const props = defineProps(['hideDraftBtn', 'persistent'])
 </script>

src/frontend/src/dialogs/LeaveFormDialog.vue

@@ -7,7 +7,8 @@
     <template #title>Leave <span class="text-capitalize">{{ type }}</span> Form?</template>
     <q-card-section class="q-pt-none">
       You are about to leave the {{ type }} form and have unsaved changes. <br>
-      All unsaved changes will be lost.  Continue?
+      {{ props.edit ? 'All changes will be lost.' : 'Changes will be temporarily saved.' }}
+      Continue?
     </q-card-section>
   </DialogComponent>
 </template>
@@ -16,7 +17,7 @@
   import DialogComponent from './DialogComponent.vue'
 
   defineEmits(['leaveForm'])
-  defineProps(['type'])
+  const props = defineProps(['type', 'edit'])
 
   const showDialog = defineModel()
 

src/frontend/src/dialogs/ReturnToFormDialog.vue

@@ -0,0 +1,26 @@
+<template>
+  <DialogComponent 
+    v-model="showDialog"
+    :hideDraftBtn="true"
+    @emitSubmit="showDialog = false"
+    @emitCancel="$emit('cancel')"
+    :persistent="true"
+  >
+    <template #title>Load Unsaved Form?</template>
+    <q-card-section class="q-pt-none">
+      You have previously visited this form without submitting.  Load previous inputs?
+    </q-card-section>
+  </DialogComponent>
+</template>
+
+<script setup>
+  import DialogComponent from './DialogComponent.vue'
+  import { useLoginStore } from '@/stores/LoginStore.ts'
+
+  const store = useLoginStore()
+
+  defineEmits(['cancel'])
+
+  const showDialog = defineModel()
+
+</script>

src/frontend/src/stores/LoginStore.ts

@@ -38,12 +38,17 @@ export const useLoginStore = defineStore('login', () => {
     { name: 'Mila', id: '20', read: true, write: false, shareRead: true, shareWrite: true, admin: false, owner: false }
   ])
 
+
+  const savedForms = ref({
+    jobs: {},
+    files: {},
+  })
 
 
   // computed()'s are getters
 
   // function()'s are actions
 
 
-  return { loggedInUser, loggedInGroup, groups, users, };
+  return { loggedInUser, loggedInGroup, groups, users, savedForms };
 })