Avatar do admina, pridani debrief informaci

src/components/AppFooter.vue

@@ -9,40 +9,53 @@ const year = ref(date.getFullYear());
   <q-footer class="q-pa-lg q-mt-xl">
     <div class="row justify-center">
 
-      <div class="col-4 text-center">
-        <q-img fit="contain" width="32px" src="/icons/favicon-32x32.png" />
+      <div class="col-xs-12 col-md-4 text-center q-py-lg" style="font-size: 130%">
+        <q-img fit="contain" width="32px" src="/icons/favicon-32x32.png"/>
 
         <div class="text-h5">Polétání.cz</div>
-        Vytvořeno s &hearts; nejen pro létání.
+        Vytvořeno s <q-icon name="favorite" color="red"/> nejen pro létání.
       </div>
-      <div class="col-2">
+      <div class="col-xs-6 col-md-2">
         <q-list>
-          <q-item><router-link :to="{name: 'about'}">O projektu</router-link></q-item>
-          <q-item><router-link :to="{name: 'contact'}">Kontakt</router-link></q-item>
-          <q-item><router-link :to="{name: 'features'}">Funkce</router-link></q-item>
+          <q-item>
+            <router-link :to="{name: 'about'}">O projektu</router-link>
+          </q-item>
+          <q-item>
+            <router-link :to="{name: 'contact'}">Kontakt</router-link>
+          </q-item>
+          <q-item>
+            <router-link :to="{name: 'features'}">Funkce</router-link>
+          </q-item>
         </q-list>
       </div>
-      <div class="col-2">
+      <div class="col-xs-6 col-md-2">
         <q-list>
-          <q-item><router-link :to="{name: 'login'}">Login</router-link></q-item>
-          <q-item><router-link :to="{name: 'registration'}">Registrace</router-link></q-item>
-          <q-item><router-link :to="{name: 'forgottenPassword'}">Zapomenuté heslo</router-link></q-item>
+          <q-item>
+            <router-link :to="{name: 'login'}">Login</router-link>
+          </q-item>
+          <q-item>
+            <router-link :to="{name: 'registration'}">Registrace</router-link>
+          </q-item>
+          <q-item>
+            <router-link :to="{name: 'forgottenPassword'}">Zapomenuté heslo</router-link>
+          </q-item>
         </q-list>
       </div>
-      <div class="col-2">
+      <div class="col-xs-12 col-md-2">
         <q-list>
-          <q-item><router-link :to="{name: 'termsAndConditions'}">Podmínky použití</router-link></q-item>
-          <q-item><router-link :to="{name: 'personalInformation'}">Správa osobních údajů</router-link></q-item>
+          <q-item>
+            <router-link :to="{name: 'termsAndConditions'}">Podmínky použití</router-link>
+          </q-item>
+          <q-item>
+            <router-link :to="{name: 'personalInformation'}">Správa osobních údajů</router-link>
+          </q-item>
         </q-list>
       </div>
-<!--      <div class="col">-->
-<!--        &copy; 2023 Polétání.cz-->
-<!--      </div>-->
     </div>
     <div class="row q-mt-lg">
       <div class="col text-center">
-      &copy; {{ year }} Polétání.cz
-        </div>
+        &copy; {{ year }} Polétání.cz
+      </div>
     </div>
   </q-footer>
 </template>

src/components/flights/form/FlightFormNotes.vue

@@ -1,5 +1,5 @@
 <script setup>
-import {reactive, watch} from "vue";
+import {reactive, ref, watch} from "vue";
 import FormWrapper from "components/FormWrapper.vue";
 import {setDefaultData} from "src/composables/form/formHandling";
 import RichTextEditor from "components/inputs/RichTextEditor.vue";
@@ -19,16 +19,17 @@ const props = defineProps({
     required: false,
   },
   isRequestPending: {
-  type: Boolean,
-  required: false,
-  default: false,
-}
+    type: Boolean,
+    required: false,
+    default: false,
+  }
 });
 
 const formData = reactive({
   name: "",
   event: null,
   description: "",
+  debriefingNotes: "",
   urlSlug: "",
   isPublic: null
 })
@@ -46,12 +47,13 @@ watch(() => props.flight, (newVal) => {
   }
 }, {immediate: true});
 
+const descriptionTab = ref("description");
 </script>
 
 <template>
   <FormWrapper v-model="formData" :is-request-pending="props.isRequestPending">
     <ComboboxInput :options="events" v-if="events" v-model="formData.event" label="Událost" v-bind="commonProps"/>
-    <q-input type="text" v-model="formData.name" label="Jméno letu" v-bind="commonProps" />
+    <q-input type="text" v-model="formData.name" label="Jméno letu" v-bind="commonProps"/>
     <template v-if="loggedUser?.publicUsername">
       <SlugInput
         v-if="formData.isPublic"
@@ -63,6 +65,22 @@ watch(() => props.flight, (newVal) => {
       />
       <q-checkbox v-model="formData.isPublic" label="Veřejný?"/>
     </template>
-    <RichTextEditor v-model="formData.description" v-bind="commonProps" label="Popis letu, poznámky, ..."/>
+
+    <q-tabs v-model="descriptionTab" active-color="primary">
+      <q-tab name="description">Popis</q-tab>
+      <q-tab name="debriefing">Debriefing (soukromé poznámky)</q-tab>
+    </q-tabs>
+    <q-tab-panels  v-model="descriptionTab">
+      <q-tab-panel name="description">
+
+
+
+        <RichTextEditor v-model="formData.description" v-bind="commonProps" height="30vh"/>
+      </q-tab-panel>
+      <q-tab-panel name="debriefing">
+
+        <RichTextEditor v-model="formData.debriefingNotes" v-bind="commonProps" height="20vh"/>
+      </q-tab-panel>
+    </q-tab-panels>
   </FormWrapper>
 </template>

src/components/inputs/PublishButton.vue

@@ -46,7 +46,6 @@ const inputPrompt = () =>
 const togglePublicVisibility = () => {
   if (props.requireUrlSlug && !props.isPublic) {
     inputPrompt().onOk((data) => {
-      console.log(data, urlSlugModel.value);
       emits("changeVisibility", {isPublic: !props.isPublic, urlSlug: slugify(urlSlugModel.value)});
     })
   } else {

src/components/inputs/RichTextEditor.vue

@@ -56,5 +56,12 @@ const toolbar = [
 </script>
 
 <template>
-  <q-editor v-model="content" :definitions="definitions" :toolbar="toolbar" :height="height" :label="label" :rules="rules"/>
+  <q-editor
+    v-model="content"
+    :definitions="definitions"
+    :toolbar="toolbar"
+    :height="height"
+    v-bind="$attrs"
+    :rules="rules"
+  />
 </template>

src/components/navigation/BreadcrumbsSkeleton.vue

@@ -6,8 +6,8 @@ import {randomInt} from "src/composables/random";
 <template>
 
   <q-breadcrumbs class="q-mx-md q-my-md">
-    <q-breadcrumbs-el> <q-skeleton :width="`${randomInt(30, 60)}px`" type="rect" /> </q-breadcrumbs-el>
-    <q-breadcrumbs-el> <q-skeleton :width="`${randomInt(40, 80)}px`" type="rect" /> </q-breadcrumbs-el>
+    <q-breadcrumbs-el> <q-skeleton :width="`${randomInt(100, 190)}px`" type="rect" /> </q-breadcrumbs-el>
+    <q-breadcrumbs-el> <q-skeleton :width="`${randomInt(200, 280)}px`" type="rect" /> </q-breadcrumbs-el>
   </q-breadcrumbs>
 
 

src/components/profile/PublicProfileInfo.vue

@@ -6,6 +6,8 @@ import {commonProps} from "src/composables/inputs";
 import RichTextEditor from "components/inputs/RichTextEditor.vue";
 import FormWrapper from "components/FormWrapper.vue";
 import {setDefaultData} from "src/composables/form/formHandling";
+import {slugify} from "src/composables/slugify";
+import BasicInfoBanner from "components/banners/BasicInfoBanner.vue";
 
 const props = defineProps({
   user: {
@@ -13,12 +15,11 @@ const props = defineProps({
     required: false,
     default: null
   },
-    isRequestPending: {
-  type: Boolean,
-  required: false,
-  default: false,
-}
-
+  isRequestPending: {
+    type: Boolean,
+    required: false,
+    default: false,
+  }
 })
 
 const formData = reactive({
@@ -29,22 +30,19 @@ const formData = reactive({
 watch(() => props.user, (newVal) => {
   setDefaultData(formData, props.user)
 }, {immediate: true});
+
+watch(() => formData.publicUsername, (newVal) => {
+  formData.publicUsername = slugify(newVal);
+}, {immediate: true})
+
 </script>
 
 <template>
   <FormWrapper v-model="formData" :is-request-pending="props.isRequestPending">
 
-    <q-list>
-      <q-item v-if="user.publicUsername">
-        <router-link target="_blank" :to="{name: 'publicProfileDetail', params: {username: user.publicUsername}}">
-          @{{ user.publicUsername }}
-        </router-link>
-      </q-item>
-      <q-item v-else>
-        <q-icon name="" color="red"/>
-        Nastav si veřejné uživatelské jméno pro zpřístupnění profilu a sdílení záznamů s ostatními
-      </q-item>
-    </q-list>
+    <BasicInfoBanner style="padding: 0 !important" v-if="formData.publicUsername === ''">
+      Nastav si veřejné uživatelské jméno pro zpřístupnění profilu a sdílení záznamů s ostatními
+    </BasicInfoBanner>
 
     <q-input v-model="formData.name" label="Jméno" v-bind="commonProps"/>
     <q-input