j1-template 2024.3.26 → 2024.3.28

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 863665110de39165f05b3ff8fce421714c74786530d82a9844cef6efe7d1ef76
-  data.tar.gz: d2bd8b2196b7085eeb66009889cdec408b037a311c396dc61ebcdc26133df7ee
+  metadata.gz: c7aeaa5fe96cd8d77dd03306eb660f53455ed837f0ca57049c7f5df41ac5abbf
+  data.tar.gz: 204f5f31912d9c71bd5c186820f2f8ebd309a3933402415022e46b7b859038d3
 SHA512:
-  metadata.gz: '0706961249004127034ecde0c1630dbae53a4c8d6f97f86dd6be4d59c49ccee961bcbf5cc6717fb0d7210068a816fd77b936c2eb2d191bbf5b2bcd0dca849d69'
-  data.tar.gz: ddb463db603fb7d9edb3ce2e5495631deb24dcbc921055b9967ea257a0b6dea746809120968396a9742e9d452dbc13a81d3282f09813d76a0e2e346f32103988
+  metadata.gz: afc20debb5058449efa5aa738c923b997fb60a680772d52d786fa462bc29d6fff5d700254f75eee667b2871eb501c1c3972ca91b213c64a9ef49edff1ee15698
+  data.tar.gz: 62e80dd823873b90755e6c62fed1fb2949293c073fb79261869e762abde8b96415f959c64ba32c6a0723dda2cad8cb592c97494dbcc8824f391fba132caddb44

data/assets/data/banner.html

@@ -304,7 +304,9 @@ exclude_from_search:                    true
             <div class="{{card_properties}}">{{card_description}}</div>
             {% if card_buttons %}
             <!-- Footer|Button row -->
-            <div class="speak2me-ignore mt-5">
+            <!-- TODO: Make styles for the button div configurable -->
+            <!-- div class="speak2me-ignore mt-5" -->
+            <div class="speak2me-ignore mt-4 fw-bold d-flex justify-content-center flex-wrap">
               {% for button_hash in card_buttons %}
                 {% include {{create_bs_button}} button_data=button_hash button_type="link" %}
                 {{bs_button_html}}

data/assets/theme/j1/adapter/js/masonry.js

@@ -290,14 +290,12 @@ j1.adapter.masonry = ((j1, window) => {
                         videojs:        {{grid.videojs.enabled}},
                         videojsTheme:   "vjs-theme-{{grid.videojs.theme}}",
                         videojsOptions: {
-                          {% for option in grid.lightGallery.player.videojsPlayer.options %}
-                          {% if option == 'playbackRates' %}
-                          playbackRates: [{{option[1]}}],
-                          {% continue %}
-                          {% endif %}
-                          {{option[0] | json}}: {{option[1] | json}},
-                          {% endfor %}
-                          "controls": {{grid.videojs.player.videojsPlayer.controls}},
+                          {% comment %} disabled because of side effects
+                          ------------------------------------------------------
+                          "tracks":   {{grid.videojs.player.videojsPlayer.videojsOptions.tracks}},
+                          ------------------------------------------------------
+                          {% endcomment %}
+                          "controls": {{grid.videojs.player.videojsPlayer.videojsOptions.controls}},
                           "controlBar": {
                             {% for option in grid.videojs.player.videojsPlayer.controlBar %}
                             {{option[0] | json}}: {{option[1] | json}}{% if forloop.last %}{% else %},{% endif %}

data/assets/theme/j1/adapter/js/videojs.js

@@ -119,8 +119,8 @@ j1.adapter.videojs = ((j1, window) => {
       vjsSettings = $.extend({}, {{videojs_settings | replace: 'nil', 'null' | replace: '=>', ':' }});
       vjsOptions  = $.extend(true, {}, vjsDefaults, vjsSettings);
 
-      _this        = j1.adapter.videojs;
-      logger       = log4javascript.getLogger('j1.adapter.videojs');
+      _this       = j1.adapter.videojs;
+      logger      = log4javascript.getLogger('j1.adapter.videojs');
 
       // -----------------------------------------------------------------------
       // module initializer
@@ -137,9 +137,11 @@ j1.adapter.videojs = ((j1, window) => {
           logger.debug('state: ' + _this.getState());
           logger.info('module is being initialized');
 
-          // save vjsOptions for later access
-          j1.modules.videojs         = {};
-          j1.modules.videojs.options = vjsOptions || {};
+          // save vjsOptions|data for later access
+          j1.modules.videojs              = {};
+          j1.modules.videojs.options      = vjsOptions || {};
+          j1.modules.videojs.data         = {};
+          j1.modules.videojs.data.players = {};   // set initial value         
 
           _this.setState('finished');
           logger.debug('state: ' + _this.getState());
@@ -211,4 +213,4 @@ j1.adapter.videojs = ((j1, window) => {
   {{ cache|strip_empty_lines }}
 {%- endif -%}
 
-{%- assign cache = false -%}
+{%- assign cache = false -%}

data/assets/theme/j1/core/js/template.js

@@ -12007,6 +12007,7 @@ module.exports = new Type('tag:yaml.org,2002:binary', {
       voiceTags['.listingblock'] = new voiceTag('Text element' + pause_spoken, 'Element not spoken' + pause_spoken);
       voiceTags['.gist'] = new voiceTag('Gist element' + pause_spoken, 'Element not spoken' + pause_spoken);
       voiceTags['.slider'] = new voiceTag('Slider element' + pause_spoken, 'Element not spoken' + pause_spoken);
+      voiceTags['.swiper-app'] = new voiceTag('Slider element' + pause_spoken, 'Element not spoken' + pause_spoken);
       voiceTags['.modal'] = new voiceTag('Info element' + pause_spoken, 'Element not spoken' + pause_spoken);
       voiceTags['.masonry'] = new voiceTag('Masonry element' + pause_spoken, 'Element not spoken' + pause_spoken);
       voiceTags['.lightbox-block'] = new voiceTag('Lightbox element' + pause_spoken, 'Element not spoken' + pause_spoken);
@@ -12840,7 +12841,33 @@ module.exports = new Type('tag:yaml.org,2002:binary', {
           $(this).remove();
         });
 
-        // Search for a lightbox blocks and extract the <caption> tag data,
+        // Search for (SwiperJS) slider elements, check for previous declared 
+        // <div> container that contains the title element and insert the
+        // text if exists and finally remove the DOM object.
+        //
+        $(clone).find('.swiper-app').addBack('.swiper-app').each(function () {
+          if ($(this).prev()[0] !== undefined) {
+            title = $(this).prev()[0].innerText;
+            title_element = $(this).prev();
+            // remove the title BEFORE the DOM object gets deleted
+            //
+            $(title_element).remove();
+          } else {
+            title = '';
+          }
+          prepend = voiceTags['.swiper-app'].prepend;
+          appended = voiceTags['.swiper-app'].append;
+          if (title !== undefined && title != '') {
+            prepend !== '' && $('<div>' + prepend + ' with the title ' + title + pause_spoken + '</div>').insertBefore(this);
+            appended !== '' && $('<div>' + appended + '</div>').insertBefore(this);
+          } else {
+            prepend !== '' && $('<div>' + prepend + pause_spoken + '</div>').insertBefore(this);
+            appended !== '' && $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
+          }
+          $(this).remove();
+        });
+
+        // Search for lightbox block elements and extract the <caption> tag data,
         // insert the text if exists and finally remove the DOM object.
         //
         $(clone).find('.lightbox-block').addBack('.lightbox-block').each(function () {