INIT commit

2023-05-31 20:44:10 +02:00
commit a3e8917db5
73 changed files with 5405 additions and 0 deletions
@@ -0,0 +1,109 @@
+<template>
+  <q-layout view="hhh lpR lff">
+    <q-header reveal elevated class="bg-primary text-white">
+      <q-toolbar>
+        <q-btn
+          flat
+          dense
+          round
+          icon="menu"
+          aria-label="Menu"
+          @click="toggleLeftDrawer"
+        />
+
+        <q-toolbar-title>
+          Polétání.cz
+        </q-toolbar-title>
+
+      </q-toolbar>
+    </q-header>
+
+    <q-drawer
+      v-model="leftDrawerOpen"
+      show-if-above
+      bordered
+    >
+
+      <q-img class="absolute-top" src="https://galerie.kvacek.cz/_data/i/upload/2022/06/22/20220622102027-b104fc0d-me.jpg" style="height: 150px">
+        <div class="absolute-bottom bg-transparent">
+          <q-avatar size="56px" class="q-mb-sm">
+            <q-img :src="loggedUser.avatarImageUrl" />
+          </q-avatar>
+
+          <div class="text-weight-bold">{{loggedUser.name}}</div>
+        </div>
+      </q-img>
+      <q-scroll-area style="height: calc(100% - 150px); margin-top: 150px; border-right: 1px solid #ddd">
+        <q-list class="q-my-lg">
+          <template v-for="link in linksList" :key="link.title">
+            <q-separator v-if="link.separator"/>
+            <NavigationButton
+              v-if="!link.separator"
+              v-bind="link"
+            />
+          </template>
+        </q-list>
+      </q-scroll-area>
+    </q-drawer>
+
+    <q-page-container class="q-px-md">
+      <router-view/>
+    </q-page-container>
+  </q-layout>
+</template>
+
+<script setup>
+import {computed, onMounted, ref} from 'vue'
+import NavigationButton from "../components/navigation/NavigationButton.vue";
+import {useMeta} from "quasar";
+import {useUserStore} from "stores/User";
+import {storeToRefs} from "pinia";
+
+const metadata = {
+  titleTemplate: title => `${title} - Polétání.cz`,
+}
+useMeta(metadata);
+
+const linksList = [
+   {
+    title: 'Přidat let',
+    icon: 'airplane_ticket',
+    to: {name: "addFlight"}
+  },
+  {
+    title: 'Moje lety',
+    icon: "flight_takeoff",
+    to: {name: "myFlights"}
+  },
+  {separator: true},
+  {
+    title: 'Letadla',
+    icon: "connecting_airports",
+    to: {name: "aircrafts"}
+  },
+  {separator: true},
+
+  {
+    title: 'Zajímavá místa',
+    icon: "place",
+    to: {name: "poi"}
+  },
+  {separator: true},
+  {
+    title: 'Spolucestující',
+    icon: "people",
+    to: {name: "pilots"}
+  },
+]
+
+const leftDrawerOpen = ref(false)
+const toggleLeftDrawer = () => {
+  leftDrawerOpen.value = !leftDrawerOpen.value
+};
+
+const loggedUserStore = useUserStore();
+onMounted(() => {
+  loggedUserStore.setupCredentials();
+})
+const loggedUser = storeToRefs(loggedUserStore).user;
+</script>