Sprava eventu a organizaci

src/components/aircrafts/AircraftDetailCard.vue

@@ -2,6 +2,8 @@
 import {aircraft} from "src/composables/objects/aircraft";
 import {confirmObject} from "src/composables/dialog";
 import {useQuasar} from "quasar";
+import {storeToRefs} from "pinia";
+import {useUserStore} from "stores/User";
 
 const props = defineProps({
   aircraft: {
@@ -11,9 +13,11 @@ const props = defineProps({
 });
 
 const emits = defineEmits(["delete"]);
-
 const $q = useQuasar();
 
+const loggedUser = storeToRefs(useUserStore()).user;
+
+
 const confirmDelete = (aircraftId) => {
   $q.dialog(confirmObject('Opravdu chceš smazat toto letadlo?'))
     .onOk(() => {
@@ -26,7 +30,7 @@ const confirmDelete = (aircraftId) => {
   <q-card class="q-mx-md q-my-md flight-detail-card">
     <q-img :src="aircraft.photoUrl" v-if="aircraft.photoUrl"/>
 
-    <q-card-actions class="q-my-md">
+    <q-card-actions class="q-my-md" v-if="aircraft.createdById === loggedUser.id">
       <div class="col-grow">
         <q-btn
           flat
@@ -41,6 +45,11 @@ const confirmDelete = (aircraftId) => {
 
     <q-card-section>
       <q-list>
+
+        <q-item v-if="aircraft.organization">
+          Provozovatel: {{ aircraft.organization.name }}
+        </q-item>
+
         <q-item v-if="aircraft.manufacturer">
           Výrobce: {{ aircraft.manufacturer }}
         </q-item>

src/components/aircrafts/AircraftForm.vue

@@ -5,6 +5,7 @@ import {setDefaultData} from "src/composables/form/formHandling";
 import {defaultValues, isRequestPending} from "src/composables/form/props";
 import {isNumber, isRequired, maxLength, minLength} from "src/composables/form/rules";
 import {commonProps} from "src/composables/inputs";
+import ComboboxInput from "components/inputs/ComboboxInput.vue";
 
 const formData = reactive({
   id: null,
@@ -14,12 +15,16 @@ const formData = reactive({
   manufacturer: "",
   description: "",
   photo: null,
-  organizationId: null
+  organization: null
 });
 
 const props = defineProps({
   defaultValues,
-  isRequestPending
+  isRequestPending,
+  organizations: {
+    type: Array,
+    required: true,
+  }
 });
 
 const rules = {
@@ -28,8 +33,12 @@ const rules = {
 };
 
 onMounted(() => {
-  if (Object.keys(props.defaultValues).length > 0)
+  if (Object.keys(props.defaultValues).length > 0) {
     setDefaultData(formData, props.defaultValues);
+    if (props.defaultValues.organization) {
+      formData.organization = {id: props.defaultValues.organization.id, name: props.defaultValues.organization.name};
+    }
+  }
 })
 </script>
 
@@ -45,6 +54,23 @@ onMounted(() => {
       v-bind="commonProps"
     />
 
+     <q-input
+      type="number"
+      v-model.number="formData.seats"
+      label="Počet míst (včetně pilota)"
+      min="1"
+      :rules="rules.seats"
+      v-bind="commonProps"
+    />
+
+    <ComboboxInput
+      :options="organizations"
+      label="Organizace"
+      v-model="formData.organization"
+      v-bind="commonProps"
+      hint="Vyber provozovatele letadla. Tím se stane dostupné i pro ostatní členy vybrané organizace."
+    />
+
     <q-input
       type="text"
       v-model="formData.manufacturer"
@@ -58,14 +84,7 @@ onMounted(() => {
       v-bind="commonProps"
     />
 
-    <q-input
-      type="number"
-      v-model.number="formData.seats"
-      label="Počet míst (včetně pilota)"
-      min="1"
-      :rules="rules.seats"
-      v-bind="commonProps"
-    />
+
 
     <q-input
       type="textarea"

src/components/aircrafts/AircraftsList.vue

@@ -36,7 +36,11 @@ useAppStore().setPageTitle("Letadla");
             ({{ aircraft.manufacturer }})
           </template>
         </q-item-label>
+        <q-item-label caption v-if="aircraft.organization">
+          Provozovatel: {{ aircraft.organization.name }}
+        </q-item-label>
       </q-item-section>
+
     </q-item>
   </q-list>
 </template>