j1-template 2023.0.11 → 2023.0.13

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4777e4cfde33f6aed7b8e80e9ccd67a2033f0536822516b5a3ed34ac98e4c4cb
-  data.tar.gz: b9c87f83d5a463a6d418325667c84ad25f8660c863902a95c5d7bd29a53d3c68
+  metadata.gz: 0ecc33a0450cd03fb2a36a3627288ca5fa977a0df8cf3ac4b557c0e528bad5e5
+  data.tar.gz: a9a4db6417dac407e5fbddd8b05af2c25aedce85cbaf3f0471fd0e9e2ffa1c06
 SHA512:
-  metadata.gz: ed1c794db11fe5e20055f91e7e277c8939be1a74d9391688c7a7943a5976f6d13a95df1af6ed08477378095aea81395b1cea771397b45a7e8d5e82919e75dff9
-  data.tar.gz: 1593fc62b63b3ba6e12f1d5a1c808c6bef9cbaf8575afdbd2202a32e9480d0ec5ed37b2acac85e2a964f490ed9376c646510681ab6d5cfca52a343519795da35
+  metadata.gz: 834c99140ff627c372c30c2c4da726e3a03bb560dc39438d23dcb8ff71fc3547b38d007a942582d3273b5d7f91cfb84b6daf3d87f421c211c640556990264862
+  data.tar.gz: baed3e32d701124db08ade0d26156d2f24dd74c6029a8656b395749a882ff95d9f444427991e9f024f48177604bfd71594f6929941b44305e102a997db4549d7

data/_includes/themes/j1/modules/searcher/procedures/topsearch.proc

@@ -95,9 +95,9 @@
 
       <div class="modal-dialog modal-frame modal-top modal-notify modal-info" role="document">
 
-        <!-- Content -->
+        <!-- MODAL Content -->
         <div class="modal-content">
-          <!-- Body -->
+          <!-- MODAL Body -->
           <div class="modal-body">
             <div id="navigator_nav_topsearch" class="top-search ml-4 mr-4">
               <div class="bmd-form-group">
@@ -105,7 +105,7 @@
                   <span class="input-group-addon"><i class="mdi mdi-magnify mdi-2x mb-2" style="color:#9E9E9E"></i></span>
                   <input id="search-query" type="text" name="q" placeholder="Your search expression" autocomplete="off" class="form-control">
                   <span id="clear-topsearch" class="form-clear form-clear-searcher d-none" style="margin-top: 0.75rem"> <i class="mdi mdi-format-clear mdi-2x" style="color:#9E9E9E"></i> </span>
-                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" style="margin-top: 24px;"></button>
                 </div>
               </div>
               <!-- [INFO   ] [~/assets/data/top_search_modal.html                    ] [ place: results container ] -->
@@ -115,7 +115,7 @@
             </div>
           </div>
         </div>
-        <!-- END Content -->
+        <!-- END MODAL Content -->
 
       </div>
     </div>

data/assets/data/banner.html

@@ -162,7 +162,8 @@ exclude_from_search:                    true
         {% assign banner_options = banner_config_defaults.teaser | merge: banner_settings %}
         {% if debug %}<!-- banner_options:  {{banner_options}} -->{% endif %}
 
-        <section id="{{banner_settings.id}}">
+        <!-- section id="teaser_{{banner_settings.id}}" -->
+        <div id="{{banner_settings.id}}_content">
 
           {% if wave_properties.top.enabled %}
             {{banner_wave_top}}
@@ -258,8 +259,8 @@ exclude_from_search:                    true
                 		<img
                 			class="sticker-image"
                 			src="/assets/images/sticker/600x600/sticker-new-version.png"
-                			alt="Get new version 2023.0.11"
-                			title="Get new version 2023.0.11"
+                			alt="Get new version 2023.0.13"
+                			title="Get new version 2023.0.13"
                 			style="width: 140px; height: 120px;"
                 		>
                   </a>
@@ -312,7 +313,7 @@ exclude_from_search:                    true
             {{banner_wave_bottom}}
           {% endif %}
 
-        </section> <!-- End banner {{ id }} -->
+        </div> <!-- End banner {{ id }} -->
 
         {% comment %} Reset element variables (already processed)
         ------------------------------------------------------------------------ {% endcomment %}
@@ -328,10 +329,10 @@ exclude_from_search:                    true
 
         {% comment %} Set image banner DEFAULTS
         gridifier:  {{ gridifier | debug }}
-        ------------------------------------------------------------------ {% endcomment %}
+        ------------------------------------------------------------------------ {% endcomment %}
         {% assign gridifier = image_options.gridifier %}
 
-        <div id="{{banner_settings.id}}" class="{{banner_settings.properties}}">
+        <div id="{{banner_settings.id}}_content" class="{{banner_settings.properties}}">
         {% assign banner_options = banner_config_defaults.image | merge: banner_settings %}
         {% if debug %}<!-- banner_options:  {{banner_options}} -->{% endif %}
 
@@ -383,7 +384,7 @@ exclude_from_search:                    true
         {% comment %} Collect PARALLAX banner
         ------------------------------------------------------------------------ {% endcomment %}
         {% when 'parallax' %}
-        <div id="{{banner_settings.id}}" class="parallax">
+        <div id="{{banner_settings.id}}_content" class="parallax">
         {% assign banner_options = banner_config_defaults.parallax | merge: banner_settings %}
         {% if debug %}<!-- banner_options:  {{banner_options}} -->{% endif %}
 

data/assets/data/panel.html

@@ -47,14 +47,19 @@ exclude_from_search:                    true
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign template_config           = site.data.j1_config %}
 {% assign blocks                    = site.data.blocks %}
+{% assign modules                   = site.data.modules %}
+
 {% assign panel_config_defaults     = blocks.defaults.panel %}
 {% assign panel_config_settings     = blocks.panel %}
+{% assign scroller_config_settings  = modules.scroller.settings %}
+{% assign scroller_config_scrollers = scroller_config_settings.scrollers %}
 {% assign bs_config                 = template_config.bootstrap %}
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign panel_config_defaults     = panel_config_defaults.defaults %}
 {% assign panel_config_settings     = panel_config_settings.settings %}
+{% assign scroller_config_settings  = panel_config_defaults.defaults %}
 {% assign bs_card_deck              = bs_config.cards.card_deck %}
 
 {% comment %} Set config options
@@ -109,6 +114,7 @@ exclude_from_search:                    true
   {% assign production = true %}
 {% endif %}
 
+
 {% comment %} Main
 ================================================================================ {% endcomment %}
 <!-- [INFO   ] [~/assets/data/panel.html              ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
@@ -214,7 +220,7 @@ exclude_from_search:                    true
         {% if debug %}<!-- panel_options:  {{panel_options}} -->{% endif %}
 
         <!-- Panel {{panel_settings.id}} -->
-        <section id="{{panel_settings.id}}">
+        <div id="{{panel_settings.id}}_content">
 
           {% if wave_properties.top.enabled %}
             {{panel_wave_top}}
@@ -244,8 +250,35 @@ exclude_from_search:                    true
             <div class="{{description_properties}}">{{panel_settings.description}}</div>
             <!-- End Heading -->
 
+            {% comment %} extract scroller config (HoH)
+            -------------------------------------------------------------------- {% endcomment %}
+            {% assign scroller_config.enabled  = false %}
+            {% for scroller in scroller_config_scrollers %}
+              {% for element in scroller %}
+                {% assign elm_key   = element[0] %}
+                {% assign elm_value = element[1] %}
+
+                {% for setting in elm_value %}
+                  {% assign setting_key   = setting[0] %}
+                  {% assign setting_value = setting[1] %}
+                  {% if setting_value == panel_settings.id %}
+                    {% assign scroller_config  = elm_value %}
+                    {% break %}
+                  {% endif %}
+                {% endfor %}
+
+              {% endfor %}
+            {% endfor %}
+
             <!-- Cards -->
-            <div class="card-deck {{panel_settings.id}}" style="display: none;">
+            {% if scroller_config.enabled %}
+            <!-- Scroller ENABLED -->
+              <div class="card-deck {{panel_settings.id}}" style="display: none;">
+            {% else %}
+            <!-- Scroller DISABLED -->
+              <div class="card-deck {{panel_settings.id}}">
+            {% endif %}
+
               {% assign card_items = cards|size %}
               {% for card in cards %}
 
@@ -274,7 +307,7 @@ exclude_from_search:                    true
                 {% assign icon_size = size %}
 
                 {% comment %} extract link for card icon
-                ------------------------------------------------------------------ {% endcomment %}
+                ---------------------------------------------------------------- {% endcomment %}
                 {% for items in card_buttons %} {% for item in items %}
                   {% if item[0] == 'button' %}
                     {% for elm in item[1] %}
@@ -369,7 +402,7 @@ exclude_from_search:                    true
             {{panel_wave_bottom}}
           {% endif %}
 
-        </section>
+        </div>
 
         <!-- END Panel {{panel_settings.id}} -->
 
@@ -393,8 +426,29 @@ exclude_from_search:                    true
           {% assign provider_url = 'https://deadlink.de/' %}
         {% endif %}
 
+
+        {% comment %} extract scroller config (HoH)
+        ------------------------------------------------------------------------ {% endcomment %}
+        {% assign scroller_config.enabled  = false %}
+        {% for scroller in scroller_config_scrollers %}
+          {% for element in scroller %}
+            {% assign elm_key   = element[0] %}
+            {% assign elm_value = element[1] %}
+
+            {% for setting in elm_value %}
+              {% assign setting_key   = setting[0] %}
+              {% assign setting_value = setting[1] %}
+              {% if setting_value == panel_settings.id %}
+                {% assign scroller_config  = elm_value %}
+                {% break %}
+              {% endif %}
+            {% endfor %}
+
+          {% endfor %}
+        {% endfor %}
+
         <!-- Panel {{panel_settings.id}} -->
-        <section id="{{panel_settings.id}}">
+        <div id="{{panel_settings.id}}_content">
 
           {% if wave_properties.top.enabled %}
             {{panel_wave_top}}
@@ -549,7 +603,7 @@ exclude_from_search:                    true
             {{panel_wave_bottom}}
           {% endif %}
 
-        </section> <!-- END Panel {{panel_settings.id}} -->
+        </div> <!-- END Panel {{panel_settings.id}} -->
 
         {% comment %} Reset element variables (already processed)
         ------------------------------------------------------------------------ {% endcomment %}
@@ -568,8 +622,29 @@ exclude_from_search:                    true
         {% assign panel_options = panel_config_defaults.service | merge: panel_settings %}
         {% if debug %}<!-- panel_options:  {{panel_options}} -->{% endif %}
 
+
+        {% comment %} extract scroller config (HoH)
+        ------------------------------------------------------------------------ {% endcomment %}
+        {% assign scroller_config.enabled  = false %}
+        {% for scroller in scroller_config_scrollers %}
+          {% for element in scroller %}
+            {% assign elm_key   = element[0] %}
+            {% assign elm_value = element[1] %}
+
+            {% for setting in elm_value %}
+              {% assign setting_key   = setting[0] %}
+              {% assign setting_value = setting[1] %}
+              {% if setting_value == panel_settings.id %}
+                {% assign scroller_config  = elm_value %}
+                {% break %}
+              {% endif %}
+            {% endfor %}
+
+          {% endfor %}
+        {% endfor %}
+
         <!-- Panel {{panel_settings.id}} -->
-        <section id="{{panel_settings.id}}">
+        <div id="{{panel_settings.id}}_content">
 
           {% if wave_properties.top.enabled %}
             {{panel_wave_top}}
@@ -621,96 +696,98 @@ exclude_from_search:                    true
 
             {% comment %} Set a scroller if enabled
             -------------------------------------------------------------------- {% endcomment %}
-            {% if panel_settings.scroller %}
+            <!-- Cards -->
+            {% if scroller_config.enabled %}
+            <!-- Scroller ENABLED -->
             <div class="noclass {{panel_settings.id}}" style="display: none;">
             {% else %}
+            <!-- Scroller DISABLED -->
             <div class="noclass {{panel_settings.id}}">
             {% endif %}
+              <ul id="{{panel_settings.id}}-scroll-group" class="scroll-group scroll-group-horizontal align-items-stretch flex-wrap">
+              {% for card in cards %}
 
-            <ul id="{{panel_settings.id}}-scroll-group" class="scroll-group scroll-group-horizontal align-items-stretch flex-wrap">
-            {% for card in cards %}
-
-              {% comment %} extract card properties (AoH)
-              ------------------------------------------------------------------ {% endcomment %}
-              {% for items in card %}
-                {% for item in items[1] %}
-                  {% assign key   = item[0] %}
-                  {% assign value = item[1] %}
-                  {% if key == 'enabled' %}           {% assign card_enabled          = value %}                  {% endif %}
-                  {% if key == 'id' %}                {% assign card_id               = value %}                  {% endif %}
-                  {% if key == 'href' %}              {% assign card_href             = value %}                  {% endif %}
-                  {% if key == 'icon' %}              {% assign card_icon             = value %}                  {% endif %}
-                  {% if key == 'icon_family' %}       {% assign icon_family           = value | downcase %}       {% endif %}
-                  {% if key == 'icon_size' %}         {% assign icon_size             = value %}                  {% endif %}
-                  {% if key == 'icon_color' %}        {% assign icon_color            = value %}                  {% endif %}
-                  {% if key == 'title' %}             {% assign card_title            = value | strip_newlines %} {% endif %}
-                  {% if key == 'tagline' %}           {% assign card_tagline          = value | strip_newlines %} {% endif %}
-                  {% if key == 'header_translate' %}  {% assign card_header_translate = value %}                  {% endif %}
-                  {% if key == 'text' %}              {% assign card_text             = value | strip_newlines %} {% endif %}
-                  {% if key == 'services' %}          {% assign services                      = value %}                  {% endif %}
+                {% comment %} extract card properties (AoH)
+                ---------------------------------------------------------------- {% endcomment %}
+                {% for items in card %}
+                  {% for item in items[1] %}
+                    {% assign key   = item[0] %}
+                    {% assign value = item[1] %}
+                    {% if key == 'enabled' %}           {% assign card_enabled          = value %}                  {% endif %}
+                    {% if key == 'id' %}                {% assign card_id               = value %}                  {% endif %}
+                    {% if key == 'href' %}              {% assign card_href             = value %}                  {% endif %}
+                    {% if key == 'icon' %}              {% assign card_icon             = value %}                  {% endif %}
+                    {% if key == 'icon_family' %}       {% assign icon_family           = value | downcase %}       {% endif %}
+                    {% if key == 'icon_size' %}         {% assign icon_size             = value %}                  {% endif %}
+                    {% if key == 'icon_color' %}        {% assign icon_color            = value %}                  {% endif %}
+                    {% if key == 'title' %}             {% assign card_title            = value | strip_newlines %} {% endif %}
+                    {% if key == 'tagline' %}           {% assign card_tagline          = value | strip_newlines %} {% endif %}
+                    {% if key == 'header_translate' %}  {% assign card_header_translate = value %}                  {% endif %}
+                    {% if key == 'text' %}              {% assign card_text             = value | strip_newlines %} {% endif %}
+                    {% if key == 'services' %}          {% assign services                      = value %}                  {% endif %}
+                  {% endfor %}
                 {% endfor %}
-              {% endfor %}
 
-              {% if card_enabled %}
-              <li id="{{panel_settings.id}}-scroll-item" class="scroll-group-item items-{{card_items}} p-0">
-                <article class="card raised-z0 card-same-height mb-3">
-                  <div class="card-profile mb-0">
+                {% if card_enabled %}
+                <li id="{{panel_settings.id}}-scroll-item" class="scroll-group-item items-{{card_items}} p-0">
+                  <article class="card raised-z0 card-same-height mb-3">
+                    <div class="card-profile mb-0">
 
-                    <div class="card-icon mt-4">
-                      <a href="{{card_href}}" class="link-no-decoration">
-                        <i class="card-icon-circle raised-z0 {{icon_family}} {{icon_family}}-{{card_icon}} {{icon_size}} {{icon_color}} card-icon-background-color-primary"></i>
-                      </a>
-                    </div>
+                      <div class="card-icon mt-4">
+                        <a href="{{card_href}}" class="link-no-decoration">
+                          <i class="card-icon-circle raised-z0 {{icon_family}} {{icon_family}}-{{card_icon}} {{icon_size}} {{icon_color}} card-icon-background-color-primary"></i>
+                        </a>
+                      </div>
 
-                    <div class="content mt-4">
+                      <div class="content mt-4">
 
-                      <div class="card-header">
-                        <h6 class="notoc category text-gray {{card_header_translate}}">{{card_title}}</h6>
-                        <h4 class="notoc card-title {{card_header_translate}}">{{card_tagline}}</h4>
-                      </div>
-                      <div class="card-body g-min-height-350 r-text-300 mt-0">{{card_text}}</div>
-
-                      <div class="card-footer">
-                        <div class="row {{panel_settings.id}}">
-                        	<div id="{{card_id}}" class="accordion">
-                            {% for list in services %}
-                        	  <div class="card">
-                          		<div class="card-header" id="headingOne">
-                          		  <h2 class="clearfix mb-0">
-                            			<a class="btn btn-link card-profile collapsed" href="#void" data-bs-toggle="collapse" data-bs-target="#{{list.service.id}}" aria-expanded="false" aria-controls="{{list.service.id}}">
-                                    <!-- i class="fa fa-chevron-circle-down"></i -->
-                                    <i class="fa fa-chevron-circle-right"></i>
-                                    {{list.service.title}}
-                                  </a>
-                          		  </h2>
-                          		</div>
-                          		<div id="{{list.service.id}}" class="collapse mb-4" aria-labelledby="{{list.service.id}}" data-bs-parent="#{{card_id}}">
-                          		  <div class="footer-body ml-5 r-text-200">
-                                  {{list.service.description}}
-                                  <hr>
-                                  <a class="card-link text-lowercase" href="{{list.service.href}}">
-                                    {{readmore_text}} · {{list.service.title}}
-                                  </a>
-                                </div>
-                          		</div>
-                        	  </div>
-                            {% endfor %}
-                        	</div>
+                        <div class="card-header">
+                          <h6 class="notoc category text-gray {{card_header_translate}}">{{card_title}}</h6>
+                          <h4 class="notoc card-title {{card_header_translate}}">{{card_tagline}}</h4>
+                        </div>
+                        <div class="card-body g-min-height-350 r-text-300 mt-0">{{card_text}}</div>
+
+                        <div class="card-footer">
+                          <div class="row {{panel_settings.id}}">
+                          	<div id="{{card_id}}" class="accordion">
+                              {% for list in services %}
+                          	  <div class="card">
+                            		<div class="card-header" id="headingOne">
+                            		  <h2 class="clearfix mb-0">
+                              			<a class="btn btn-link card-profile collapsed" href="#void" data-bs-toggle="collapse" data-bs-target="#{{list.service.id}}" aria-expanded="false" aria-controls="{{list.service.id}}">
+                                      <!-- i class="fa fa-chevron-circle-down"></i -->
+                                      <i class="fa fa-chevron-circle-right"></i>
+                                      {{list.service.title}}
+                                    </a>
+                            		  </h2>
+                            		</div>
+                            		<div id="{{list.service.id}}" class="collapse mb-4" aria-labelledby="{{list.service.id}}" data-bs-parent="#{{card_id}}">
+                            		  <div class="footer-body ml-5 r-text-200">
+                                    {{list.service.description}}
+                                    <hr>
+                                    <a class="card-link text-lowercase" href="{{list.service.href}}">
+                                      {{readmore_text}} · {{list.service.title}}
+                                    </a>
+                                  </div>
+                            		</div>
+                          	  </div>
+                              {% endfor %}
+                          	</div>
+                          </div>
                         </div>
+
                       </div>
 
                     </div>
+                  </article>
+                </li>
+                <!-- end service card -->
+                {% endif %}
 
-                  </div>
-                </article>
-              </li>
-              <!-- end service card -->
-              {% endif %}
-
-            {% endfor %}
-            {% comment %} END cards
-            -------------------------------------------------------------------- {% endcomment %}
-            </ul>
+              {% endfor %}
+              {% comment %} END cards
+              ----------------------------------------------------------------- {% endcomment %}
+              </ul>
             </div>
             <!-- End Cards -->
           </div>
@@ -720,7 +797,7 @@ exclude_from_search:                    true
             {{panel_wave_bottom}}
           {% endif %}
 
-        </section>
+        </div>
         <!-- END Panel {{panel_settings.id}} -->
 
         {% comment %} Reset element variables (already processed)
@@ -737,10 +814,28 @@ exclude_from_search:                    true
 
         {% assign panel_options = panel_config_defaults.news|merge: panel_settings %}
 
-        {% if debug %}<!-- panel_options:  {{panel_options}} -->{% endif %}
+        {% comment %} extract scroller config (HoH)
+        ------------------------------------------------------------------------ {% endcomment %}
+        {% assign scroller_config.enabled  = false %}
+        {% for scroller in scroller_config_scrollers %}
+          {% for element in scroller %}
+            {% assign elm_key   = element[0] %}
+            {% assign elm_value = element[1] %}
+
+            {% for setting in elm_value %}
+              {% assign setting_key   = setting[0] %}
+              {% assign setting_value = setting[1] %}
+              {% if setting_value == panel_settings.id %}
+                {% assign scroller_config  = elm_value %}
+                {% break %}
+              {% endif %}
+            {% endfor %}
+
+          {% endfor %}
+        {% endfor %}
 
         <!-- Panel {{panel_settings.id}} -->
-        <section id="{{panel_settings.id}}">
+        <div id="{{panel_settings.id}}_content">
 
           {% if wave_properties.top.enabled %}
             {{panel_wave_top}}
@@ -957,7 +1052,7 @@ exclude_from_search:                    true
             {{panel_wave_bottom}}
           {% endif %}
 
-        </section>
+        </div>
         <!-- End news panel: {{panel_settings.id}} -->
 
         {% comment %} Reset element variables (already processed)
@@ -971,8 +1066,8 @@ exclude_from_search:                    true
         {% comment %} Collect EXCEPTION panel: given type NOT found
         ------------------------------------------------------------------------ {% endcomment %}
         {% unless panel_settings.id == 'exception_container' %}
-        <div id="exception_container">
-          <div id="{{panel_settings.id}}" class="container-fluid no-padding">
+        <div id="{{panel_settings.id}}_content">
+          <div class="container-fluid no-padding">
             <div class="col-md-12 col-sm-12 col-xs-12 no-padding">
               <div class="box">
                 <div class="content content-danger">

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

@@ -538,8 +538,10 @@ var j1 = (function (options) {
         expires:  0
       });
 
+      // -----------------------------------------------------------------------
+      // load|initialize page resources for block elements
       // NOTE: asynchronous calls should be rewitten to xhrData
-      // initialize page resources for blocks
+      // -----------------------------------------------------------------------
       j1.initBanner(settings);
       j1.initPanel(settings);
       j1.initFooter(settings);
@@ -557,16 +559,16 @@ var j1 = (function (options) {
       });
 
       // -----------------------------------------------------------------------
-      // additional BS helpers from j1.core
+      // run additional helpers from j1.core
       // -----------------------------------------------------------------------
-
       j1.core.bsFormClearButton();
 
-      // finalize and display current page
-      j1.displayPage();
+      // -----------------------------------------------------------------------
+      // finalize current page
+      // -----------------------------------------------------------------------
+      //
+      j1.finalizePage();
 
-      // scroll to an anchor in current page if given in URL
-      j1.scrollToAnchor();
     },
 
     // -------------------------------------------------------------------------
@@ -623,7 +625,7 @@ var j1 = (function (options) {
 
             {% for banner in banners %}
                 {% for item in banner %}
-                  {% assign key = item[0] %}
+                  {% assign key   = item[0] %}
                   {% assign value = item[1] %}
 
                   {% if key and debug %} item:value  {{key}}:{{value}} {% endif %}
@@ -664,7 +666,7 @@ var j1 = (function (options) {
           if (selector.length) {
             logText = '\n' + 'loading banner on id: ' +banner[i];
             logger.info(logText);
-            var banner_data_path = '{{banner_data_path}} ' + id;
+            var banner_data_path = '{{banner_data_path}} ' + id + '_content';
             selector.load(banner_data_path, cb_load_closure(id));
           }
         }
@@ -767,7 +769,7 @@ var j1 = (function (options) {
           if ( selector.length ) {
             logText = '\n' + 'loading panel on id: ' +panel[i];
             logger.info(logText);
-            var panel_data_path = '{{panel_data_path}} ' + id;
+            var panel_data_path = '{{panel_data_path}} ' + id + '_content';
             selector.load(panel_data_path, cb_load_closure(id));
           }
         }
@@ -834,7 +836,7 @@ var j1 = (function (options) {
     },
 
     // -------------------------------------------------------------------------
-    // displayPage
+    // finalizePage
     // DISABLED: show the page after timeout of {{flickerTimeout}} ms
     // -------------------------------------------------------------------------
     // NOTE:
@@ -843,8 +845,8 @@ var j1 = (function (options) {
     //  To make correct data sure for APP mode, a status request is done
     //  to load the current state from the middleware (skipped in WEB mode)
     // -------------------------------------------------------------------------
-    displayPage: function (options) {
-      var logger              = log4javascript.getLogger('j1.adapter.displayPage');
+    finalizePage: function (options) {
+      var logger              = log4javascript.getLogger('j1.adapter.finalizePage');
 //    var flickerTimeout      = {{template_config.flicker_timeout}};
       var url                 = new liteURL(window.location.href);
       var baseUrl             = url.origin;
@@ -896,7 +898,7 @@ var j1 = (function (options) {
 
         $.when ($.ajax(ep_status))
         .then(function(data) {
-          var logger = log4javascript.getLogger('j1.displayPage');
+          var logger = log4javascript.getLogger('j1.finalizePage');
 
           user_session = j1.mergeData(user_session, data);
 
@@ -1045,6 +1047,19 @@ var j1 = (function (options) {
           current_user_data = j1.mergeData(user_session, user_state);
           j1.core.navigator.updateSidebar(current_user_data);
 
+          // initiate smooth scroller if page is ready and visible
+          var dependencies_met_page_ready = setInterval (function (options) {
+            var pageState   = $('#no_flicker').css("display");
+            var pageVisible = (pageState == 'block') ? true: false;
+            if ( j1.getState() === 'finished' && pageVisible ) {
+              setTimeout (function() {
+                // scroll to an anchor in current page if given in URL
+                j1.scrollToAnchor();
+              }, {{template_config.page_on_load_timeout}} );
+              clearInterval(dependencies_met_page_ready);
+            }
+          }, 25);
+
           // set|log status
           state = 'finished';
           j1.setState(state);
@@ -1220,6 +1235,19 @@ var j1 = (function (options) {
         current_user_data = j1.mergeData(user_session, user_state);
         j1.core.navigator.updateSidebar(current_user_data);
 
+        // initiate smooth scroller if page is ready and visible
+        var dependencies_met_page_ready = setInterval (function (options) {
+          var pageState   = $('#no_flicker').css("display");
+          var pageVisible = (pageState == 'block') ? true: false;
+          if ( j1.getState() === 'finished' && pageVisible ) {
+            setTimeout (function() {
+              // scroll to an anchor in current page if given in URL
+              j1.scrollToAnchor();
+            }, {{template_config.page_on_load_timeout}} );
+            clearInterval(dependencies_met_page_ready);
+          }
+        }, 25);
+
         // set|log status
         state = 'finished';
         j1.setState(state);
@@ -1227,7 +1255,6 @@ var j1 = (function (options) {
         logger.info(logText);
         logText = '\n' + 'page finalized successfully';
         logger.info(logText);
-
       }
     },
 

data/lib/j1/version.rb

@@ -1,3 +1,3 @@
 module J1
-  VERSION = '2023.0.11'
+  VERSION = '2023.0.13'
 end

data/lib/starter_web/Gemfile

@@ -79,7 +79,7 @@ gem 'j1-template', '~> 2023.0.0'
 
 # Loaded from gem.fury.io
 #source 'https://gem.fury.io/jekyll-one-org/' do
-#  gem 'j1-template', '~> 2023.0.11'
+#  gem 'j1-template', '~> 2023.0.13'
 #end
 
 # ------------------------------------------------------------------------------