Jiny pristup k vytvareni letu, polofunkcni editace letu

src/components/flights/form/FlightFormNotes.vue

@@ -0,0 +1,34 @@
+<script setup>
+import {onMounted, ref} from "vue";
+import FormWrapper from "components/FormWrapper.vue";
+import {setDefaultData} from "src/composables/form/formHandling";
+import RichTextEditor from "components/inputs/RichTextEditor.vue";
+
+const props = defineProps({
+  flight: {
+    type: Object,
+    required: false
+  },
+});
+
+const formData = ref({
+  name: "",
+  description: ""
+})
+
+const isMounted = ref(false);
+onMounted(() => {
+  if (props.flight)
+    setDefaultData(formData.value, props.flight);
+
+  isMounted.value = true;
+})
+
+</script>
+
+<template>
+  <FormWrapper v-model="formData" v-if="isMounted">
+    <q-input type="text" v-model="formData.name" label="Název"/>
+    <RichTextEditor v-model="formData.description" label="Popis letu, poznámky, ..." />
+  </FormWrapper>
+</template>