template combobox fix, removed unnecessary text boxes, added files for new templates

VERSION

-2.26.0
+2.26.1

frontend/src/templates.js

@@ -33,7 +33,8 @@ import peopleBannerWithPredefinedTextImage from "./assets/previews/people_banner
 import peopleBannerWithCustomTextImage from "./assets/previews/people_banner_with_predefined_text.png";
 
 const TEMPLATES = {
-  /* basic_photo_banner: {
+  /*
+  basic_photo_banner: {
     name: "Základní banner s fotkou",
     image: basicPhotoBannerImage,
     path: "/",
@@ -61,7 +62,8 @@ const TEMPLATES = {
     meta: {
       title: "Urgentní banner s fotkou",
     },
-  }, */
+  },
+  */
   nakopneme_basic_photo_banner: {
     name: "Nakopneme to! - Základní banner s fotkou",
     image: nakopnemeBasicPhotoBannerImage,
@@ -123,6 +125,37 @@ const TEMPLATES = {
       title: "Nakopneme to! - IG Story, černý/bílý play button",
     },
   },
+///////////////////////////
+/*
+    nakopneme_facebook_no_photo: {
+    name: "Nakopneme to - FB Událost bez obrázku",
+    image: basicPhotoBannerImage,
+    path: "/nakopneme-facebook-no-photo",
+    component: () => import("./views/nakopneme_facebook_no_photo/NakopnemeFacebookNoPhoto.vue"),
+    meta: {
+      title: "Nakopneme to - FB Událost bez obrázku",
+    },
+  },
+    nakopneme_facebook_photo_one: {
+    name: "Nakopneme to - FB Událost obrázek 1",
+    image: basicPhotoBannerImage,
+    path: "/nakopneme-facebook-photo-one",
+    component: () => import("./views/nakopneme_facebook_photo_one/NakopnemeFacebookPhotoOne.vue"),
+    meta: {
+      title: "Nakopneme to - FB Událost obrázek 1",
+    },
+  },
+    nakopneme_facebook_photo_two: {
+    name: "Nakopneme to - FB Událost obrázek 2",
+    image: basicPhotoBannerImage,
+    path: "/nakopneme-facebook-photo-two",
+    component: () => import("./views/nakopneme_facebook_photo_two/NakopnemeFacebookPhotoTwo.vue"),
+    meta: {
+      title: "Nakopneme to - FB Událost obrázek 2",
+    },
+  },
+*/
+///////////////////////////
   make_a_wish_banner: {
     name: "Máte přání banner",
     image: makeawishPhotoBannerImage,

frontend/src/views/nakopneme_basic_photo_banner/NakopnemeBasicPhotoBanner.vue

@@ -71,7 +71,6 @@ export default {
       mainImage: null,
       mainText: null,
       personName: null,
-      personPosition: null,
       contractedBy: DEFAULT_CONTRACTOR,
       logoImage: null,
       logoPosition: LOGO_POSITIONS.top_right,
@@ -99,7 +98,6 @@ export default {
         mainText: this.mainText,
         logoPosition: this.logoPosition,
         personName: this.personName,
-        personPosition: this.personPosition,
         contractedBy: this.contractedBy,
         logoImage: this.logoImage,
         gradientHeightMultiplier: this.gradientHeightMultiplier,
@@ -123,7 +121,6 @@ export default {
         vm.mainText,
         vm.logoPosition,
         vm.personName,
-        vm.personPosition,
         vm.contractedBy,
         vm.logoImage,
         vm.gradientHeightMultiplier,
@@ -188,18 +185,10 @@ export default {
         <ShortTextInput
           name="Jméno osoby"
           v-model="personName"
-          v-model:relatedModel="personPosition"
           :predefinedValues="PEOPLE"
           :important="true"
           zIndex="8"
         />
-        <LongTextInput
-          ref="refPersonPosition"
-          name="Pozice osoby"
-          v-model="personPosition"
-          :important="false"
-          zIndex="7"
-        />
 
         <InputSeparator />
 

frontend/src/views/nakopneme_basic_photo_banner/canvas.js

@@ -14,8 +14,6 @@ let mainTextBox = null;
 let mainTextBoxBackground = null;
 
 let personNameText = null;
-let personInfoSeparator = null;
-let personPositionText = null;
 
 let mainImage = null;
 let logoImage = null;
@@ -36,8 +34,6 @@ const redraw = async (canvas, options) => {
       mainTextBox,
       mainTextBoxBackground,
       personNameText,
-      personInfoSeparator,
-      personPositionText,
       contractedByTextbox,
       leftQuote,
       rightQuote,

frontend/src/views/nakopneme_basic_photo_banner_fz/NakopnemeBasicPhotoBannerFZ.vue

@@ -70,8 +70,6 @@ export default {
     return {
       mainImage: null,
       mainText: null,
-      personName: null,
-      personPosition: null,
       contractedBy: DEFAULT_CONTRACTOR,
       logoImage: null,
       logoPosition: LOGO_POSITIONS.top_right,
@@ -98,8 +96,6 @@ export default {
         mainImage: this.mainImage,
         mainText: this.mainText,
         logoPosition: this.logoPosition,
-        personName: this.personName,
-        personPosition: this.personPosition,
         contractedBy: this.contractedBy,
         logoImage: this.logoImage,
         gradientHeightMultiplier: this.gradientHeightMultiplier,
@@ -122,8 +118,6 @@ export default {
         vm.mainImage,
         vm.mainText,
         vm.logoPosition,
-        vm.personName,
-        vm.personPosition,
         vm.contractedBy,
         vm.logoImage,
         vm.gradientHeightMultiplier,
@@ -156,7 +150,7 @@ export default {
 
 <template>
   <header>
-    <Navbar :defaultTemplate="TEMPLATES.nakopneme_basic_photo_banner"></Navbar>
+    <Navbar :defaultTemplate="TEMPLATES.nakopneme_basic_photo_banner_fz"></Navbar>
   </header>
   <main>
     <MainContainer>
@@ -185,21 +179,6 @@ export default {
           :highlightable="true"
           zIndex="9"
         />
-        <ShortTextInput
-          name="Jméno osoby"
-          v-model="personName"
-          v-model:relatedModel="personPosition"
-          :predefinedValues="PEOPLE"
-          :important="true"
-          zIndex="8"
-        />
-        <LongTextInput
-          ref="refPersonPosition"
-          name="Pozice osoby"
-          v-model="personPosition"
-          :important="false"
-          zIndex="7"
-        />
 
         <InputSeparator />
 

frontend/src/views/nakopneme_basic_photo_banner_fz/canvas.js

@@ -4,19 +4,12 @@ import {
   sortObjects,
   transformHighlightedText,
   checkTextBoxHeight,
-  getSingleLineTextBoxWidth,
 } from "../../components/canvas/utils";
 import { PaddedHighlightingTextbox } from "../../components/canvas/textbox";
-import leftQuoteImage from "../../assets/template/nakopneme_basic_photo_banner/nakopneme_quote_left.png";
-import rightQuoteImage from "../../assets/template/nakopneme_basic_photo_banner/nakopneme_quote_right.png";
 
 let mainTextBox = null;
 let mainTextBoxBackground = null;
 
-let personNameText = null;
-let personInfoSeparator = null;
-let personPositionText = null;
-
 let mainImage = null;
 let logoImage = null;
 
@@ -35,9 +28,6 @@ const redraw = async (canvas, options) => {
     [
       mainTextBox,
       mainTextBoxBackground,
-      personNameText,
-      personInfoSeparator,
-      personPositionText,
       contractedByTextbox,
       leftQuote,
       rightQuote,

frontend/src/views/nakopneme_basic_photo_banner_fzbar/NakopnemeBasicPhotoBannerFZBar.vue

@@ -156,7 +156,7 @@ export default {
 
 <template>
   <header>
-    <Navbar :defaultTemplate="TEMPLATES.nakopneme_basic_photo_banner"></Navbar>
+    <Navbar :defaultTemplate="TEMPLATES.nakopneme_basic_photo_banner_fzbar"></Navbar>
   </header>
   <main>
     <MainContainer>