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>

src/components/aircrafts/AircraftsList.vue

@@ -0,0 +1,24 @@
+<script setup>
+
+const props = defineProps({
+  items: {
+    type: Array,
+    required: true
+  }
+});
+</script>
+
+<template>
+  <h4>letadla</h4>
+  <q-list bordered separator>
+    <q-item clickable v-ripple v-for="plane of props.items" :key="plane">
+      <q-item-section>
+        <router-link :to="{name: 'aircraftDetail', params: {id: plane.id }}">
+          {{ plane.name }}
+        </router-link>
+
+        {{ plane.type }}
+      </q-item-section>
+    </q-item>
+  </q-list>
+</template>