Prepracovana prace s datem, lepsi input na datetime

src/components/flights/form/FlightFormPhotos.vue

@@ -1,5 +1,4 @@
 <script setup>
-import {formatDate, parseDate} from "src/composables/datetimeUtils";
 import FormWrapper from "components/FormWrapper.vue";
 import {reactive} from "vue";
 
@@ -10,17 +9,42 @@ const props = defineProps({
     }
   }
 )
-const formData = reactive({});
-const testDate = "2023-06-09T22:00:00.000+02:00";
+const formData = reactive({
+  photos: []
+});
+
+const deletePhoto = (id) => {
+  console.log(id);
+};
+
+const openEdit = (photo) => {
+
+};
 
 </script>
 
 <template>
-    <FormWrapper v-model="formData">
+  <FormWrapper v-model="formData">
+    <div class="row">
+      <div class="col-12 col-md-4 col-lg-3" v-for="photo in flight.photos" :key="photo.id">
+        <q-card class="q-my-sm q-mx-sm">
+          <q-img src="https://cdn.quasar.dev/img/parallax2.jpg">
+            <div class="absolute-bottom">
+              <div class="text-h6">{{ photo.name }} jmeno</div>
+              <div class="text-subtitle2">{{ photo.description }}nejaky popis</div>
+            </div>
+          </q-img>
 
-      <q-banner>
-      Test date: {{testDate}} => {{ parseDate(testDate) }}
+          <q-card-actions>
+            <q-btn flat icon="edit" color="blue" @click="openEdit(photo)"></q-btn>
+            <q-btn flat icon="delete" color="red" @click="deletePhoto(photo.id)"></q-btn>
 
-      </q-banner>
-    </FormWrapper>
+          </q-card-actions>
+        </q-card>
+      </div>
+    </div>
+
+
+    <q-file multiple v-model="formData.photos" label="Fotky"/>
+  </FormWrapper>
 </template>