add contractedBy to regional success template

VERSION

-2.8.1
+2.9.0

frontend/src/views/regional_success/RegionalSuccess.vue

@@ -83,7 +83,7 @@ export default {
       fourthRow: null,
       fourthEmoji: null,
 
-      //contractedBy: DEFAULT_CONTRACTOR,
+      contractedBy: DEFAULT_CONTRACTOR,
 
       logoImage: null,
       logoPosition: LOGO_POSITIONS.top_right,
@@ -126,6 +126,7 @@ export default {
         logoImage: this.logoImage,
         nameText: this.nameText,
         nameTextDesc: this.nameTextDesc,
+        contractedBy: this.contractedBy,
         colors: this.colors,
       };
 
@@ -158,6 +159,7 @@ export default {
         vm.logoImage,
         vm.nameText,
         vm.nameTextDesc,
+        vm.contractedBy,
         vm.colors,
       ],
       async (value) => {
@@ -300,6 +302,14 @@ export default {
           v-model="logoPosition"
           zIndex="6"
         />
+
+        <ShortTextInput
+          name="Zadavatel a zpracovatel"
+          v-model="contractedBy"
+          :defaultValue="DEFAULT_CONTRACTOR"
+          :important="false"
+          zIndex="5"
+        />
       </template>
     </MainContainer>
   </main>

frontend/src/views/regional_success/canvas.js

@@ -12,6 +12,7 @@ import backgroundArrowsImageURL from "../../assets/template/regional_success/arr
 //import overlayURL from '../../assets/template/poster/overlay.png'
 
 let mainTextBox = null;
+let contractedByTextbox = null;
 
 let logoImage = null;
 let mainImage = null;
@@ -58,6 +59,7 @@ const redraw = async (canvas, options) => {
       fourthEmoji,
       nameText,
       nameTextDesc,
+      contractedByTextbox,
       gradientRect,
     ],
     canvas,
@@ -79,6 +81,11 @@ const redraw = async (canvas, options) => {
     headerHeight + (rowHeightBg - emojiHeight) / 2,
   );
 
+  const contractedByTextSize = Math.ceil(canvas.height * 0.013);
+  const contractedByTextMaxWidth = Math.ceil(canvas.width * 0.9);
+  const contractedByTextSideMargin = Math.ceil(canvas.width * 0.068);
+  const contractedByTextBottomMargin = Math.ceil(canvas.height * 0.023)
+
   const rowsMaxWidth = 425;
   const rowsTextSize = 38;
   const rowsLineHeight = 0.9;
@@ -463,6 +470,29 @@ const redraw = async (canvas, options) => {
   }
   /* END Name text description render */
 
+  /* BEGIN Contracted by render */
+
+  if (options.contractedBy !== null) {
+    contractedByTextbox = new fabric.Textbox(options.contractedBy, {
+      left:
+        canvas.width - contractedByTextMaxWidth - contractedByTextSideMargin,
+      top: canvas.height - contractedByTextBottomMargin - contractedByTextSize,
+      width: contractedByTextMaxWidth,
+      fontFamily: "Roboto Condensed",
+      fontSize: contractedByTextSize,
+      textAlign: "right",
+      fill: "#505050",
+      selectable: false,
+      zIndex: 40,
+    });
+
+    checkTextBoxHeight(contractedByTextbox, 1);
+
+    canvas.add(contractedByTextbox);
+  }
+
+  /* END Contracted by render */
+
   sortObjects(canvas);
 
   if (!pointerDownEventAssigned) {