Add sticky form button

src/pages/Zone/Card/ZoneEventInclusionForm.vue

@@ -45,7 +45,7 @@ const { openConfirmationModal } = useVnConfirm();
 const isNew = computed(() => props.isNewMode);
 const eventInclusionFormData = ref({});
 
-const _inclusionType = ref('day');
+const _inclusionType = ref('indefinitely');
 const inclusionType = computed({
     get: () => _inclusionType.value,
     set: (val) => {
@@ -111,7 +111,10 @@ onMounted(() => {
     if (props.event) {
         eventInclusionFormData.value = { ...props.event };
         inclusionType.value = props.event?.type || 'day';
-    } else if (props.date) eventInclusionFormData.value.dated = props.date;
+    } else if (props.date) {
+        eventInclusionFormData.value.dated = props.date;
+        inclusionType.value = 'day';
+    } else inclusionType.value = 'indefinitely';
 });
 </script>
 

src/pages/Zone/Card/ZoneEvents.vue

@@ -25,7 +25,7 @@ const zoneEventsFormProps = reactive({
 });
 
 const openForm = (data) => {
-    const { date, isNewMode, event, eventType, geoIds = [] } = data;
+    const { date = null, isNewMode, event, eventType, geoIds = [] } = data;
     zoneEventsFormProps.date = date;
     zoneEventsFormProps.isNewMode = isNewMode;
     zoneEventsFormProps.event = event;
@@ -90,5 +90,20 @@ const onZoneEventFormClose = () => {
                 @close-form="onZoneEventFormClose()"
             />
         </QDialog>
+        <QPageSticky :offset="[20, 20]">
+            <QBtn
+                @click="
+                    openForm({
+                        isNewMode: true,
+                    })
+                "
+                color="primary"
+                fab
+                icon="add"
+            />
+            <QTooltip class="text-no-wrap">
+                {{ t('eventsInclusionForm.addEvent') }}
+            </QTooltip>
+        </QPageSticky>
     </QPage>
 </template>