INIT commit

src/components/aircrafts/AircraftForm.vue

@@ -0,0 +1,43 @@
+<script setup>
+
+import {onMounted, reactive} from "vue";
+import FormWrapper from "components/FormWrapper.vue";
+import {setDefaultData} from "src/composables/form/formHandling";
+import {defaultValues, isRequestPending} from "src/composables/form/props";
+import {isRequired} from "src/composables/form/rules";
+
+const formData = reactive({
+  id: null,
+  name: "",
+  model: "",
+  manufacturer: "",
+  description: "",
+  organizationId: null
+});
+
+const props = defineProps({
+  defaultValues,
+  isRequestPending
+});
+
+const rules = {
+  name: [
+    v => isRequired(v)
+  ],
+};
+
+onMounted(() => {
+  if (Object.keys(props.defaultValues).length > 0)
+    setDefaultData(formData, props.defaultValues);
+})
+</script>
+
+<template>
+  <FormWrapper v-model="formData">
+    <q-input type="text" :rules="rules.name" v-model="formData.name" label="Volací značka"/>
+    <q-input type="text" v-model="formData.model" label="Model"/>
+    <q-input type="text" v-model="formData.manufacturer" label="Výrobce"/>
+    <q-input type="textarea" v-model="formData.description" label="Popis" />
+
+  </FormWrapper>
+</template>