Prace s mapou, refresh tokenu (tak nejak), uprava vypisu POI, pridani breadcrumbs

src/components/flights/FlightsList.vue

@@ -12,21 +12,13 @@ const props = defineProps({
   }
 });
 
-const totalFlightTime = computed(() => {
-  return props.items.reduce((acc, flight) => acc + flight.flightDurationMinutes, 0);
-})
-
-const emit = defineEmits(["delete"]);
-const deleteFlight = (flightId) => {
-  emit("delete", flightId);
-}
 </script>
 
 <template>
   <div class="row">
-    <div class="col-12 col-md-4 col-lg-3" v-for="flight of items" :key="flight">
+    <div class="col-12 col-md-6 col-lg-4" v-for="flight of items" :key="flight">
 
-      <q-card class="q-my-sm q-mx-sm">
+      <q-card class="q-my-sm q-mx-sm" >
         <q-img :src="flight.coverPhoto.thumbnailUrl" v-if="flight.coverPhoto">
           <div class="absolute-bottom text-center text-h6">
             <router-link :to="{name: 'flightDetail', params:{id: flight.id}}" class="text-white">
@@ -50,16 +42,7 @@ const deleteFlight = (flightId) => {
             {{ flight.aircraft.callSign }}
           </div>
         </q-card-section>
-
-        <q-separator/>
-
-        <q-card-actions align="right">
-          <q-btn flat icon="edit" :to="{name: 'flightEdit', params:{id: flight.id}}"></q-btn>
-          <q-btn flat icon="delete" color="red" @click="deleteFlight(flight.id)"></q-btn>
-        </q-card-actions>
       </q-card>
     </div>
-
-    Total: {{ minutesToHumanReadable(totalFlightTime) }}
   </div>
 </template>