Files
app/src/pages/public/HelpPage.vue
T

85 lines
3.7 KiB
Vue

<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";
import {homepageBreadcrumbs} from "src/composables/breadcrumbs";
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 (nebo jiného provozovatele)."
},
"udalosti": {
title: "Co jsou to události?",
content: "<p>Události slouží pro sloučení souvisejících letů. Letecké soustředění, výcvik, vícedenní výlet...</p>"
},
"uvodni-fotografie": {
title: "K čemu potřebuji úvodní fotografii?",
content: "Úvodní fotografie slouží k upoutání pozornosti nejen v prostředí Polétání.cz ale i na sociálních sítích. Pokud pošleš odkaz"
},
"url": {
title: "Proč k veřejným datům musím uvádět URL část?",
content: "Protože všechna veřejná data potřebují unikátní adresu, na které budou k dispozici ostatním uživatelům internetu. Zadáním vlastní URL adresy si můžeš vytvořit přehledné a čitelné adresy, které se snáze pamatují."
},
"poi": {
title: "Jak funguje databáze zajímavých míst?",
content: "Každý uživatel Polétání.cz může zveřejnit nějaké zajímavé místo na mapě. Toto místo pak mohou ostatní použít pro plánování svých letů, organizaci fotek u svých výletů. Všechna tato data se zobrazují na veřejné stránce s detailem tohoto zvoleného místa a mohou tak sloužit i jako inspirace pro ostatní."
},
"editor-fotek": {
title: "Co umí editor fotek?",
content: "Polétání.cz ti dovoluje provádět základní úpravy tvých fotek."
},
"debriefing": {
title: "Co jsou poznámky k debriefingu?",
content: "Prostě soukromé poznámky. Vidíš je jen ty. Můžeš si sem poznamenat co bylo dobře, co nebylo úplně ok. Nezapomeň, že debriefing je součást každého letu a pomáhá při zlepšování schopností pilotů!"
},
"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([
...homepageBreadcrumbs(),
{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>