Napoveda, fix filtru pro nacitani letu u objektu

2024-02-13 23:00:37 +01:00
parent 9c9bbc9baa
commit 1a5c8f09bf
17 changed files with 189 additions and 104 deletions
@@ -0,0 +1,83 @@
+<script setup>
+import {useRoute} from "vue-router";
+import {useAppStore} from "stores/App";
+import {onMounted, ref} from "vue";
+import {useMeta} from "quasar";
+import {metaData} from "src/composables/meta";
+
+const $route = useRoute();
+const help = {
+  "gpx-trasa": {
+    title: "Co je to GPX?",
+    content: "<p>GPX je formát umožňující ukládat (a následně zpracovávat) GPS data z nějakého záznamového zařízení. Pokud v letadle vozíš nějaký tracker, nejspíš bude existovat způsob, jak z něj dostat právě GPX.</p>" +
+      "<p>Pokud nahraješ tento soubor do Polétání.cz, aplikace zobrazí mapu s trasou letu a graf rychlosti a výšky, společně s výškou terénu.</p>" +
+      "<p>Tento soubor se dá i použít pro načtení základních údajů o letu při jeho zadávání. Ze záznamu trasy Polétání.cz umí vyčíst čas a místo vzletu i přistání.</p>"
+  },
+  "organizace": {
+    title: "Co jsou to organizace?",
+    content: "Organizace slouží ke sdílení letadel, např. v rámci aeroklubu. "
+  },
+  "udalosti": {
+    title: "Co jsou to události?",
+    content: ""
+  },
+  "uvodni-fotografie": {
+    title: "K čemu potřebuji úvodní fotografii?",
+    content: ""
+  },
+  "url": {
+    title: "Proč k veřejným datům musím uvádět URL část?",
+    content: ""
+  },
+  "poi": {
+    title: "Jak funguje databáze zajímavých míst?",
+    content: ""
+  },
+  "editor-fotek": {
+    title: "Co umí editor fotek?",
+    content: ""
+  },
+  "debriefing": {
+    title: "Co jsou poznámky k debriefingu?",
+    content: "Prostě soukromé poznámky. Vidíš je jen ty."
+  },
+  "verejny-profil": {
+    title: "Musím mít veřejný profil?",
+    content: "<strong>Rozhodně nemusíš!</strong> Pokud chceš, můžeš si ukládat fotky a trasy jen do svého účtu a s nikým je sdílet nemusíš."
+  },
+};
+
+const opened = ref({});
+onMounted(() => {
+  opened.value[$route.query.h] = true;
+})
+
+useAppStore().setPageTitle("Nápověda");
+useMeta(() => metaData({
+  title: "Nápověda",
+}));
+useAppStore().setBreadcrumbs([
+  {label: "Polétání.cz", to: {name: "homepage"}},
+  {label: "Nápověda"},
+]);
+</script>
+
+<template>
+  <q-list padding bordered class="rounded-borders">
+    <q-expansion-item
+      v-model="opened[index]"
+      v-for="(helpItem, index) in help"
+      :key="index"
+      expand-separator
+      header-class="text-primary text-bold text-h5"
+      :label="helpItem.title"
+    >
+      <q-card>
+        <q-card-section>
+          <div v-html="helpItem.content"/>
+        </q-card-section>
+      </q-card>
+    </q-expansion-item>
+  </q-list>
+
+</template>