Add fourth step - Permits

bcgov · May 1, 2024 · 5e4510c · 5e4510c
1 parent 7981cbd
commit 5e4510c
Show file tree

Hide file tree

Showing 15 changed files with 597 additions and 107 deletions.
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
@@ -2,19 +2,23 @@
 import { storeToRefs } from 'pinia';
 import { onBeforeMount, onErrorCaptured, ref } from 'vue';
 import { RouterView } from 'vue-router';
+
 import { AppLayout, Navbar, ProgressLoader } from '@/components/layout';
 import { ConfirmDialog, Message, Toast, useToast } from '@/lib/primevue';
 import { useAppStore, useAuthStore, useConfigStore } from '@/store';
 import { ToastTimeout } from '@/utils/constants';
 
 import type { Ref } from 'vue';
 
+// Store
 const appStore = useAppStore();
 const { getIsLoading } = storeToRefs(appStore);
 const { getConfig } = storeToRefs(useConfigStore());
 
+// State
 const ready: Ref<boolean> = ref(false);
 
+// Actions
 onBeforeMount(async () => {
   appStore.beginDeterminateLoading();
   await useConfigStore().init();

diff --git a/frontend/src/components/form/Calendar.vue b/frontend/src/components/form/Calendar.vue
@@ -12,6 +12,7 @@ type Props = {
   disabled?: boolean;
   showTime?: boolean;
   bold?: boolean;
+  placeholder?: string;
 };
 
 const props = withDefaults(defineProps<Props>(), {
@@ -20,7 +21,8 @@ const props = withDefaults(defineProps<Props>(), {
   label: '',
   disabled: false,
   showTime: false,
-  bold: true
+  bold: true,
+  placeholder: ''
 });
 
 const { errorMessage, value } = useField<Date>(toRef(props, 'name'));
@@ -46,6 +48,7 @@ const { errorMessage, value } = useField<Date>(toRef(props, 'name'));
       show-icon
       icon-display="input"
       date-format="yy/mm/dd"
+      :placeholder="props.placeholder"
     />
     <small :id="`${name}-help`">{{ helpText }}</small>
     <div>

diff --git a/frontend/src/components/form/RadioList.vue b/frontend/src/components/form/RadioList.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ErrorMessage, useField } from 'vee-validate';
-import { toRef } from 'vue';
+import { toRef, watch } from 'vue';
 
 import { RadioButton } from '@/lib/primevue';
 
@@ -23,7 +23,16 @@ const props = withDefaults(defineProps<Props>(), {
   bold: true
 });
 
+// Emits
+const emit = defineEmits(['onChange']);
+
+// State
 const { errorMessage, value } = useField<string>(toRef(props, 'name'));
+
+// Actions
+watch(value, () => {
+  emit('onChange', value.value);
+});
 </script>
 
 <template>