tv news preset composition

data/www/js/slideshow/content-composition.js

@@ -272,7 +272,7 @@ jQuery(document).ready(function ($) {
         if (!keepFocusedElement) {
             unfocusElements();
         }
-    })
+    });
 
     $(document).on('click', '#presetGrid2x2', function () {
         const screenWidth = $('#screen').width();
@@ -310,6 +310,30 @@ jQuery(document).ready(function ($) {
         unfocusElements();
     });
 
+    $(document).on('click', '#presetTvNews1x1', function () {
+        const screenWidth = $('#screen').width();
+        const screenHeight = $('#screen').height();
+
+        let elements = $('.element');
+        if (elements.length === 0) {
+            createElement();
+        }
+
+        if (!currentElement) {
+            return;
+        }
+
+        const height = (screenHeight / 7);
+        currentElement.css({
+            left: 0,
+            top: screenHeight - height,
+            width: screenWidth,
+            height: height
+        });
+        updateForm(currentElement);
+        unfocusElements();
+    });
+
      $(document).keydown(function (e) {
         if (e.key === "Escape") {
             unfocusElements();

lang/en.json

@@ -271,6 +271,7 @@
   "composition_elements_delete_all": "Delete all",
   "composition_presets": "Presets",
   "composition_presets_grid_2x2": "Grid 2x2",
+  "composition_presets_tvnews_1x1": "TV news 1x1",
   "composition_monitor": "Screen",
   "composition_element_x_axis": "X axis",
   "composition_element_y_axis": "Y axis",

lang/es.json

@@ -272,6 +272,7 @@
   "composition_elements_delete_all": "Eliminar todo",
   "composition_presets": "Preajustes",
   "composition_presets_grid_2x2": "Cuadrícula 2x2",
+  "composition_presets_tvnews_1x1": "TV news 1x1",
   "composition_monitor": "Pantalla",
   "composition_element_x_axis": "Eje X",
   "composition_element_y_axis": "Eje Y",

lang/fr.json

@@ -273,6 +273,7 @@
   "composition_elements_delete_all": "Tout supprimer",
   "composition_presets": "Préréglages",
   "composition_presets_grid_2x2": "Grille 2x2",
+  "composition_presets_tvnews_1x1": "TV news 1x1",
   "composition_monitor": "Écran",
   "composition_element_x_axis": "Axe X",
   "composition_element_y_axis": "Axe Y",

lang/it.json

@@ -272,6 +272,7 @@
   "composition_elements_delete_all": "Elimina tutto",
   "composition_presets": "Preimpostazioni",
   "composition_presets_grid_2x2": "Griglia 2x2",
+  "composition_presets_tvnews_1x1": "TV news 1x1",
   "composition_monitor": "Schermo",
   "composition_element_x_axis": "Asse X",
   "composition_element_y_axis": "Asse Y",

views/slideshow/contents/edit-composition.jinja.html

@@ -150,6 +150,7 @@
                         {{ l.composition_presets }}:
                     </h4>
                     <button type="button" id="presetGrid2x2" class="btn btn-wire-neutral">{{ l.composition_presets_grid_2x2 }}</button>
+                    <button type="button" id="presetTvNews1x1" class="btn btn-wire-neutral">{{ l.composition_presets_tvnews_1x1 }}</button>
                 </div>
                 <div class="screen-holder">
                     <div class="screen" id="screen">