j1-template 2023.2.7 → 2023.3.0

data/assets/themes/j1/adapter/js/justifiedGallery.js

@@ -134,7 +134,9 @@ j1.adapter.justifiedGallery = (function (j1, window) {
         var pageVisible   = (pageState == 'block') ? true : false;
         var atticFinished = (j1.adapter.attic.getState() == 'finished') ? true: false;
 
-        if (j1.getState() == 'finished' && pageVisible && atticFinished) {
+        if (j1.getState() == 'finished' && pageVisible) {
+//      if (j1.getState() == 'finished' && pageVisible && atticFinished) {
+
           // initialize state flag
           _this.setState('started');
           logger.debug('\n' + 'state: ' + _this.getState());
@@ -148,7 +150,7 @@ j1.adapter.justifiedGallery = (function (j1, window) {
 
           clearInterval(dependencies_met_j1_finished);
         }
-      }, 25);
+      }, 10);
     },
 
     // -----------------------------------------------------------------------
@@ -273,6 +275,9 @@ j1.adapter.justifiedGallery = (function (j1, window) {
                 var lightbox          = '{{lightbox}}';
 
                 if (captions_lightbox != null && lightbox == 'lg') {
+                  // VIDEO content use 'lightGallery'
+                  // jadams 2023-06-18: NOT possible to add an href element (required for SEO)
+                  //
                   content +=  '<a data-sub-html="' +captions_lightbox+ '" ';
                   {% if gallery_type == "video-html5" %}
                   content += ' data-html="#' +video_id+ '">' + '\n';
@@ -281,10 +286,11 @@ j1.adapter.justifiedGallery = (function (j1, window) {
                   content += ' data-src="' +video+ '"';
                   content += ' data-options="' +player_params+ '"' + '>' + '\n';
                   {% endif %}
-                  content +=  'href="' +img+ '">' + '\n';
+                  content +=  'href="' +img+ '"' + '\n';
                   content +=  '<img src="' +img+ '" img alt="' +captions_lightbox+ '">' + '\n';
                   content +=  '<span><img class="justified-gallery img-overlay" src="/assets/themes/j1/modules/lightGallery/css/themes/icons/play-button.png" alt="Play Button"></span>' + '\n';
                 } else {
+                  // IMAGE content use default 'Lightbox'
                   content +=  '<a data-sub-html="' +captions_gallery+ '" ';
                   content +=  'href="' +img+ '">' + '\n';
                   content +=  '<img src="' +img+ '" img alt="' +captions_gallery+ '">' + '\n';

data/assets/themes/j1/adapter/js/justifiedGalleryCustomizer.js

@@ -282,7 +282,7 @@ j1.adapter.justifiedGalleryCustomizer = (function (j1, window) {
                 });
                 clearInterval(dependencies_met_sliders_loaded);
               }
-            }, 25);
+            }, 10);
           } // END if formId (customizer ui)
 
           // -----------------------------------------------------------
@@ -302,7 +302,7 @@ j1.adapter.justifiedGalleryCustomizer = (function (j1, window) {
           logger.debug('\n' + 'met dependencies for: loadHTML');
           clearInterval(dependencies_met_data_loaded);
         } // END dependencies_met_data_loaded
-      }, 25);
+      }, 10);
     }, // END init
 
     // -------------------------------------------------------------------------

data/assets/themes/j1/adapter/js/lightbox.js

@@ -136,7 +136,8 @@ j1.adapter.lightbox = (function (j1, window) {
         var pageVisible   = (pageState == 'block') ? true: false;
         var atticFinished = (j1.adapter.attic.getState() == 'finished') ? true: false;
 
-        if (j1.getState() == 'finished' && pageVisible && atticFinished) {
+         if (j1.getState() == 'finished' && pageVisible) {
+//       if (j1.getState() == 'finished' && pageVisible && atticFinished) {
 
           _this.setState('started');
           logger.debug('\n' + 'state: ' + _this.getState());
@@ -163,7 +164,7 @@ j1.adapter.lightbox = (function (j1, window) {
 
           clearInterval(dependencies_met_j1_finished);
         } // END dependencies_met_j1_finished
-      }, 25);
+      }, 10);
 
       // jadams, 2023-05-07: place CSS styles in GENERAL on a LIGHTBOX V2 doesn't help.
       // a lightbox shoud restpect the individual IMAGE styles
@@ -180,7 +181,7 @@ j1.adapter.lightbox = (function (j1, window) {
 
           clearInterval(dependencies_met_lb_v2_finished);
         }
-      }, 25); // END dependencies_met_lb_v2_finished
+      }, 10); // END dependencies_met_lb_v2_finished
 
     }, // END init lightbox
 

data/assets/themes/j1/adapter/js/logger.js

@@ -300,7 +300,7 @@ j1.adapter.logger = (function (j1, window) {
 
           return true;
         }
-      }, 25); // END 'mode detected'
+      }, 10); // END 'mode detected'
     }, // END init
 
     // -------------------------------------------------------------------------

data/assets/themes/j1/adapter/js/lunr.js

@@ -143,7 +143,7 @@ j1.adapter.lunr = (function (j1, window) {
 
           clearInterval(dependencies_met_j1_finished);
         } // END dependencies_met_j1_finished
-      }, 25);
+      }, 10);
 
        _this.eventHandler();
 

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

@@ -147,7 +147,8 @@ var logText;
         var pageVisible   = (pageState == 'block') ? true: false;
         var atticFinished = (j1.adapter.attic.getState() == 'finished') ? true: false;
 
-        if ( j1.getState() === 'finished' && pageVisible && atticFinished) {
+//      if ( j1.getState() === 'finished' && pageVisible && atticFinished) {
+        if ( j1.getState() === 'finished' && pageVisible) {
 
           _this.setState('started');
           logger.debug('\n' + 'state: ' + _this.getState());
@@ -234,7 +235,7 @@ var logText;
                   }, masonryOptions.initTimeout);
                 }
                 clearInterval(load_dependencies['dependencies_met_html_loaded_{{grid.id}}']);
-              }, 25); // END dependencies_met_html_loaded
+              }, 10); // END dependencies_met_html_loaded
 
             {% else %}
               logger.info('\n' + 'found grid disabled on id: {{grid.id}}');
@@ -249,7 +250,7 @@ var logText;
           logger.info('\n' + 'initializing module finished');
           clearInterval(dependencies_met_page_ready);
         }
-      }, 25);
+      }, 10);
 
     }, // END init
 

data/assets/themes/j1/adapter/js/masterslider.js

@@ -137,45 +137,47 @@ j1.adapter.masterslider = (function (j1, window) {
       logger  = log4javascript.getLogger('j1.adapter.masterslider');
 
       // initialize state flag
+      //
       _this.setState('started');
-      console.debug('module state: ' + _this.getState());
+      // console.debug('module state: ' + _this.getState());
 
       // load HTML portion for sliders configured
-      console.debug('loading HTML portion for all sliders configured');
+      // console.debug('loading HTML portion for all sliders configured');
       _this.loadSliderHTML(masterSliderOptions, masterSliderOptions.sliders);
       // create an 'MasterSlider' instance for all sliders configured
-      console.debug('create an \'MasterSlider\' instance for all MS sliders configured');
+      // console.debug('create an \'MasterSlider\' instance for all MS sliders configured');
       _this.createSliderInstances(masterSliderOptions.sliders, msSliderManager);
 
       // initialize sliders configured if HTML portion (of sliders) loaded
+      //
       var dependencies_met_data_loaded = setInterval(function() {
         if (_this.getState() == 'data_loaded') {
           logger.info('\n' + 'ms module version detected: ' + moduleVersion);
           logger.info('\n' + 'module is being initialized');
-          console.debug('MS slider module is being initialized');
+          // console.debug('MS slider module is being initialized');
           _this.initSliders(masterSliderOptions, masterSliderOptions.sliders, msSliderManager, saveSliderConfig);
           clearInterval(dependencies_met_data_loaded);
         } // END dependencies_met_j1_finished
-      }, 25);
+      }, 10);
 
-      // load the slider manager to DISPLAY instances in page (if visible)
+      // make sure the 'content' section is visible BEFORE setting-up sliders
+      //
       var dependencies_met_module_finished = setInterval(function() {
-        var pageState     = $('#no_flicker').css("display");
-        var pageVisible   = (pageState == 'block') ? true : false;
-        var atticFinished = (j1.adapter.attic.getState() == 'finished') ? true: false;
+        var contentState    = $('#content').css("display");
+        var contentVisible  = (contentState == 'block') ? true: false;
 
-        if (_this.getState() == 'sliders_initialized' && pageVisible && atticFinished) {
+        if (_this.getState() == 'sliders_initialized' && contentVisible) {
             // TODO: Check why a timeout is required to load the Slider Manager
             setTimeout (function() {
               if (sliderManager) document.body.appendChild(msSliderManager);
               // final state|messages
               _this.setState('finished');
               logger.info('\n' + 'initializing module finished');
-              console.debug('initializing MS slider module finished');
+              // console.debug('initializing MS slider module finished');
             }, masterSliderOptions.slider_manager_load_timeout);
             clearInterval(dependencies_met_module_finished);
         } // END dependencies_met_j1_finished
-      }, 25);
+      }, 10);
 
     }, // END init
 
@@ -193,12 +195,12 @@ j1.adapter.masterslider = (function (j1, window) {
       var xhr_container_id;
 
       // console.debug('load HTML portion of all sliders configured found in page');
-      console.debug('number of sliders found: ' + numSliders);
+      // console.debug('number of sliders found: ' + numSliders);
 
       _this.setState('load_data');
       Object.keys(slider).forEach(function(key) {
         if (slider[key].enabled) {
-          console.debug('load HTML data on slider id: ' + slider[key].id);
+          // console.debug('load HTML data on slider id: ' + slider[key].id);
 
           xhr_container_id = 'p_' + slider[key].id;
           j1.loadHTML({
@@ -207,11 +209,11 @@ j1.adapter.masterslider = (function (j1, window) {
             xhr_data_element: slider[key].id
           });
         } else {
-          console.debug('slider found disabled on id: ' + slider[key].id);
+          // console.debug('slider found disabled on id: ' + slider[key].id);
           active_sliders--;
         }
       });
-      console.debug('sliders loaded in page active|deactive: ' + active_sliders + '|' + numSliders);
+      // console.debug('sliders loaded in page active|deactive: ' + active_sliders + '|' + numSliders);
       _this.setState('data_loaded');
     }, // END loadSliderHTML
 
@@ -225,17 +227,17 @@ j1.adapter.masterslider = (function (j1, window) {
       var msSliderManagerItem;
 
       // add jQuery ready() function once
-      if (sliderManager) {
-        msSliderManagerItem        = '$(function() {' + '\n';
-        msSliderManagerItem       += '  console.debug("initializing MS Slider Manager");' + '\n';
-        msSliderManagerItem       += '\n';
-        msSliderManager.innerHTML  = msSliderManagerItem;
-      }
+      // if (sliderManager) {
+      //   msSliderManagerItem        = '$(function() {' + '\n';
+      //   msSliderManagerItem       += '  // console.debug("initializing MS Slider Manager");' + '\n';
+      //   msSliderManagerItem       += '\n';
+      //   msSliderManager.innerHTML  = msSliderManagerItem;
+      // }
 
       var i=0;
       Object.keys(sliders).forEach(function(key) {
         i++;
-        console.debug('create slider instance on id: ' + sliders[key].id);
+        // console.debug('create slider instance on id: ' + sliders[key].id);
 
         if (sliderManager) {
           msSliderManagerItem        = '  var masterslider_' + i + ' = new MasterSlider();' + '\n';
@@ -246,7 +248,7 @@ j1.adapter.masterslider = (function (j1, window) {
 
       });
 
-      console.debug('slider instances created: ' + numSliders);
+      // console.debug('slider instances created: ' + numSliders);
     }, // END loadSliderHTML
 
     // -------------------------------------------------------------------------
@@ -408,12 +410,10 @@ j1.adapter.masterslider = (function (j1, window) {
           }
         });
 
-        // close jQuery ready() function once
-
-        var msSliderManagerItem;
-        msSliderManagerItem        = '\n' + '  console.debug("initializing MS Slider Manager finished");' + '\n';
-        msSliderManagerItem       +=  '});' + '\n';
-        msSliderManager.innerHTML +=  msSliderManagerItem + '\n';
+        // var msSliderManagerItem;
+        // msSliderManagerItem        = '\n' + '  console.debug("initializing MS Slider Manager finished");' + '\n';
+        // msSliderManagerItem       +=  '});' + '\n';
+        // msSliderManager.innerHTML +=  msSliderManagerItem + '\n';
 
         _this.setState('sliders_initialized');
         logger.debug('\n' + 'state: ' + _this.getState());
@@ -487,11 +487,6 @@ j1.adapter.masterslider = (function (j1, window) {
           logger.debug('\n' + 'slider events are being initialized on id: ' + index);
 
           slider[index].api.addEventListener(MSSliderEvent.WAITING, function(e) {
-          var brutze = e;
-
-          // var currentSlide = masterslider_1.api.view.currentSlide;
-          // var currentSlide = currSlider.api.view.currentSlide;
-
           var controller      = e.target.view.controller;
           var controllerValue = e.target.view.controller.value;
           var isLoading       = e.target.currentSlide.$loading.length;
@@ -505,28 +500,6 @@ j1.adapter.masterslider = (function (j1, window) {
 
         });
 
-        // var currSlider = 'masterslider_1';
-        // currSlider.api.addEventListener(MSSliderEvent.CHANGE_START, function(currSlider) {
-        //   // var currentSlide = masterslider_1.api.view.currentSlide;
-        //   var currentSlide = currSlider.api.view.currentSlide;
-        //
-        //   // dispatches when the slider's current slide change starts.
-        //   logger.info('\n' + 'slider is being changed on id: ');
-        // });
-
-        // var selector = "#" + slider[key].id;
-        // if ($(selector).length) {
-        //   $(document).on("click", selector, function(e) {
-        //     // e.preventDefault();
-        //
-        //     var elm     = e.currentTarget.attributes[0];
-        //     var img_src = e.target.currentSrc;
-        //     var id      = e.handleObj.selector;
-        //
-        //     logger.info('\n' + 'click event on id: ' + e.currentTarget.id);
-        //   });
-        // }
-
       });
 
     }, // END registerEvents

data/assets/themes/j1/adapter/js/mmenu.js

@@ -342,7 +342,7 @@ j1.adapter.mmenu = (function (j1, window) {
             $('#{{item.menu.content.id}}').show();
             logger.info('\n' + 'initializing mmenu finished on id: #{{menu_id}}');
           }; // END mmenu_loaded
-        }, 25); // END dependencies_met_mmenu_loaded
+        }, 10); // END dependencies_met_mmenu_loaded
         {% endif %} // ENDIF content_type: NAVIGATION
 
         {% if item.menu.content.type == "drawer" %}
@@ -417,7 +417,7 @@ j1.adapter.mmenu = (function (j1, window) {
               clearInterval(dependencies_met_{{menu_id}}_loaded);
               $('#{{item.menu.content.id}}').show();
           }; // END if menu_loaded
-        }, 25); // END dependencies_met_mmenu_loaded
+        }, 10); // END dependencies_met_mmenu_loaded
         logger.info('\n' + 'initializing mmenu finished on id: #{{menu_id}}');
         {% endif %} // ENDIF content_type: DRAWER
         } // END menus|drawers

data/assets/themes/j1/adapter/js/navigator.js

@@ -391,11 +391,11 @@ j1.adapter.navigator = (function (j1, window) {
                       clearInterval(dependencies_met_remote_themes_loaded);
                     }
                     clearInterval(dependencies_met_page_finished);
-                  }, 25);
+                  }, 10);
                 }
 //              _this.setState('initialized');
                 _this.setState('finished');
-              }, 25); // END 'dependencies_met_page_finished'
+              }, 10); // END 'dependencies_met_page_finished'
             } else {
               logText = '\n' + 'theme switcher detected as: disabled';
               logger.info(logText);
@@ -411,7 +411,8 @@ j1.adapter.navigator = (function (j1, window) {
               var atticFinished = (j1.adapter.attic.getState() == 'finished') ? true: false;
 
               // initialize if page and themer ready
-              if (j1.getState() === 'finished' && j1.adapter.themer.getState() === 'finished' && pageVisible && atticFinished) {
+              if (j1.getState() === 'finished' && j1.adapter.themer.getState() === 'finished' && pageVisible) {
+//            if (j1.getState() === 'finished' && j1.adapter.themer.getState() === 'finished' && pageVisible && atticFinished) {
                 _this.setState('processing');
 
                 // apply module configuration settings
@@ -441,11 +442,11 @@ j1.adapter.navigator = (function (j1, window) {
                 logger.debug('\n' + 'met dependencies for: j1');
                 clearInterval(dependencies_met_initialized);
               }
-            }, 25); // END 'dependencies_met_initialized'
+            }, 10); // END 'dependencies_met_initialized'
             logger.debug('\n' + 'met dependencies for: themer');
             clearInterval(dependencies_met_load_menu_finished);
           }
-        }, 25); // END 'dependencies_met_load_menu_finished'
+        }, 10); // END 'dependencies_met_load_menu_finished'
 
       // --------------------------------------------------------------------
       // Register event 'reset on resize' to call j1.core.navigator on
@@ -851,6 +852,7 @@ j1.adapter.navigator = (function (j1, window) {
       style  = '<style>';
       style += '  li.nav-item > a:hover {';
       style += '    color: ' + navBarOptions.nav_item_color_hover + ' !important;';
+      style += '    background-image: ' + navBarOptions.nav_item_background_image + ' !important;';
       style += '  }';
       style += '</style>';
       $('head').append(style);

data/assets/themes/j1/adapter/js/nbinteract.js

@@ -258,7 +258,7 @@ j1.adapter.nbinteract = (function (j1, window) {
           } else {
             $('.fab-btn').hide();
           }
-        }, 25);  // END interval dependencies_met_page_rendered
+        }, 10);  // END interval dependencies_met_page_rendered
       }
 
     }, // END init
@@ -545,7 +545,7 @@ j1.adapter.nbinteract = (function (j1, window) {
 
                   clearInterval(dependencies_met_nb_loaded);
                 } // END dependencies_met_nb_loaded
-              }, 25);
+              }, 10);
               return;
             }
             // END textbook_id: {{ textbook_id }}
@@ -566,7 +566,7 @@ j1.adapter.nbinteract = (function (j1, window) {
           }
 
         }
-      }, 25);  // END dependencies_met_binder_responsive
+      }, 10);  // END dependencies_met_binder_responsive
 
     },
 
@@ -671,7 +671,7 @@ j1.adapter.nbinteract = (function (j1, window) {
                     logger.debug('\n' + 'last widget rendered ' + outputDiv.id + ' : ' + outputDiv.clientHeight);
                     clearInterval(dependencies_met_page_rendered);
                   }
-                }, 25);  // END interval
+                }, 10);  // END interval
               } // END for all ID
 
               var dependencies_met_widgets_updated = setInterval(function() {
@@ -699,7 +699,7 @@ j1.adapter.nbinteract = (function (j1, window) {
 
                   clearInterval(dependencies_met_widgets_updated);
                 }
-              }, 25);  // END interval
+              }, 10);  // END interval
             } // END if cleanup Altair
 
             // disable MathJax for all HTML 'output_wrapper' elements
@@ -751,10 +751,10 @@ j1.adapter.nbinteract = (function (j1, window) {
                       }
                       clearInterval(dependencies_met_mathjax_rendered);
                     }
-                  }, 25);  // END interval dependencies_met_mathjax_rendered
+                  }, 10);  // END interval dependencies_met_mathjax_rendered
                   clearInterval(dependencies_met_mathjax_available);
                 };
-              }, 25);  // END interval dependencies_met_mathjax_available
+              }, 10);  // END interval dependencies_met_mathjax_available
 
             } // END // disable translation on MathJax
 
@@ -1100,7 +1100,7 @@ j1.adapter.nbinteract = (function (j1, window) {
 
             clearInterval(dependencies_met_page_rendered);
           }
-        }, 25);  // END interval dependencies_met_page_rendered
+        }, 10);  // END interval dependencies_met_page_rendered
 
         // ---------------------------------------------------------------------
         // show the quicklinks icon
@@ -1134,7 +1134,7 @@ j1.adapter.nbinteract = (function (j1, window) {
             //clearInterval(dependencies_met_mathjax_rendered);
           }
           clearInterval(dependencies_met_mathjax_rendered);
-        }, 25);  // END interval dependencies_met_mathjax_rendered
+        }, 10);  // END interval dependencies_met_mathjax_rendered
 
       } // END message command/mathjax
 

data/assets/themes/j1/adapter/js/particles.js

@@ -191,13 +191,13 @@ var logText;
                   logger.warn('\n' + 'container id not found: ' + '#' + particleID);
                 }
                 clearInterval(dependencies_met_attic_ready);
-              }, 25);
+              }, 10);
             {% endif %}
           {% endfor %}
 
           clearInterval(dependencies_met_page_ready);
         }
-      }, 25);
+      }, 10);
 
     }, // END init
 

data/assets/themes/j1/adapter/js/rangeSlider.js

@@ -243,10 +243,10 @@ j1.adapter.rangeSlider = (function (j1, window) {
               }
             } // ENF if elms
             clearInterval(dependencies_met_elms_loaded);
-          }, 25);
+          }, 10);
           clearInterval(dependencies_met_j1_finished);
         } // END dependencies_met_j1_finished
-      }, 25);
+      }, 10);
 
     }, // END init
 

data/assets/themes/j1/adapter/js/rouge.js

@@ -172,7 +172,7 @@ j1.adapter.rouge = (function (j1, window) {
 
           clearInterval(dependencies_met_j1_finished);
         } // END dependencies_met_j1_finished
-      }, 25);
+      }, 10);
 
       var dependencies_met_rouge_theme_loaded = setInterval (function () {
         if (j1.adapter.rouge.getState() === 'finished') {
@@ -183,7 +183,7 @@ j1.adapter.rouge = (function (j1, window) {
           }
           clearInterval(dependencies_met_rouge_theme_loaded);
         }
-      }, 25); // END 'dependencies_met_rouge_theme_loaded'
+      }, 10); // END 'dependencies_met_rouge_theme_loaded'
 
     }, // END init
 

data/assets/themes/j1/adapter/js/rtable.js

@@ -233,7 +233,7 @@ j1.adapter.rtable = (function (j1, window) {
 
           clearInterval(dependencies_met_j1_finished);
         } // END dependencies_met_j1_finished
-      }, 25);
+      }, 10);
 
     }, // END init
 

data/assets/themes/j1/adapter/js/rtextResizer.js

@@ -217,7 +217,7 @@ j1.adapter.rtextResizer = (function (j1, window) {
           logger.info('\n' + 'initializing module finished');
           logger.debug('\n' + 'met dependencies for: loadHTML');
         } // END dependencies_met_data_loaded
-      }, 25);
+      }, 10);
     }, // END init
 
     // -------------------------------------------------------------------------