j1-template 2024.3.14 → 2024.3.15

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b5be7836bc33acb8bf5f1b59fec31b90911672b3ef04b852c17cd24b67ae3bad
-  data.tar.gz: dca09ed5424070053b2c02d61e8693dab770e985d766a2d39f88eaf749611794
+  metadata.gz: 0cc26025b66a47d260512809ce845d8658b7032b67349658b7d05e791de677eb
+  data.tar.gz: 65a9fad816f02fdfb2c9c78a4168ccb8bdf5934d761aba64984bb8778dbac99e
 SHA512:
-  metadata.gz: 0e48f1e2eb39763739bcbcaa8c691c0aa86007fb8d6d6642bf03262b431e2c07434e19eb8f81a73a10e5df1aa29ee2d844777a2b4fe0eff9ed7fc192de37ce3c
-  data.tar.gz: 38cc045d0abf8a18225ae76917e8be24a3460150922a6c26f67d05dd66371eb679a0d1f86d986b3dcc26490369b3fb79c828f5c96c34501217c397c46d0bf485
+  metadata.gz: 57da3c587bcd593312a73f92f69211cf3f563cb6a85240bc04eb75d98fc31c59d60d3f132b40a278de3028f71a0ffed464d364ea45b1e39e638436341f12871f
+  data.tar.gz: 873952cb4e5993d663225f81cf13b2b46c66cd88361ef9e695f25e386ef9814506ff62539cff77dbfc0cc7d2ad2194db9f6b2919b61042b4ff4a6fb9ace6e229

data/assets/data/amplitude.html

@@ -87,6 +87,7 @@ amplitude_defaults: {{amplitude_defaults | debug}}
     ---------------------------------------------------------------------------- {% endcomment %}
     {% assign source_media                  = amplitude_defaults.player.source %}
     {% assign song_progress_bar             = amplitude_defaults.player.song_progress_bar %}
+    {% assign audio_rating                  = amplitude_defaults.player.audio_rating %}
     {% assign display_hours                 = amplitude_defaults.player.display_hours %}
     {% assign volume_slider                 = amplitude_defaults.player.volume_slider.enabled %}
     {% assign volume_slider_min             = amplitude_defaults.player.volume_slider.min_value %}
@@ -149,6 +150,13 @@ amplitude_defaults: {{amplitude_defaults | debug}}
       {% assign player_audio_info = player.playlist.audio_info %}
     {% endif %}
 
+    {% if player.audio_rating %}
+      {% assign player_audio_rating = player.audio_rating %}
+    {% else %}
+      {% assign player_audio_rating = audio_rating %}
+    {% endif %}
+
+
     {% comment %} unused
     ----------------------------------------------------------------------------
     {% unless player.playlist.scrollbar %}
@@ -323,7 +331,6 @@ amplitude_defaults: {{amplitude_defaults | debug}}
               Hide Playlist
             </div> <!-- END playlist-screen header (toggle playlist) -->
 
-            <!-- jadams, 2024-07-06: controls configurable in player -->
             {% if playlist_controls %}
             <div class="playlist-screen-controls">
               <div class="playlist-screen-meta-container">
@@ -333,9 +340,16 @@ amplitude_defaults: {{amplitude_defaults | debug}}
                   data-amplitude-song-info="name"></span>
                 <div class="song-artist-album">
                   <span
-                    data-amplitude-playlist="{{player_playlist}}"
-                    data-amplitude-source="{{source_media_attribute}}"
-                    data-amplitude-song-info="artist" data-amplitude-song-index="0"></span>
+                  data-amplitude-source="{{source_media_attribute}}"
+                  data-amplitude-playlist="{{player_playlist}}"
+                  data-amplitude-song-info="artist">
+                </span>
+                <!-- span class="song-artist-album-delimiter">·</span>
+                <span
+                  data-amplitude-source="audio"
+                  data-amplitude-playlist="{{player_playlist}}"
+                  data-amplitude-song-info="album">
+                </span -->  
                 </div>
               </div>
               <div class="list-controls">
@@ -358,7 +372,7 @@ amplitude_defaults: {{amplitude_defaults | debug}}
             </div> <!-- END playlist controls -->
             {% endif %}
 
-            <!-- START playlist items -->
+            <!-- START playlist items (COMPACT player )-->
             <div
               id="compact_player_title_list_{{player_playlist}}"
               class="compact-player-title-list">
@@ -385,24 +399,37 @@ amplitude_defaults: {{amplitude_defaults | debug}}
                   data-amplitude-source="{{source_media_attribute}}"
                   data-amplitude-playlist="{{player_playlist}}">
                   <span class="song-name">{{item.title}}</span>
-                  <span class="song-artist-album">
+
+                  {% if player_audio_rating %}
+                  <span class="audio-rating">
+                    {{item.rating}}
+                    <i class="mdib mdib-star md-gray-400 mdib-18px"></i>
+                  </span>
+                  {% endif %}
+
+                  <!-- span class="song-artist-album">
                     <span>{{item.name}}</span>
                     <span class="song-artist-album-delimiter">·</span>
                     <span>{{item.artist}}</span>
+                  </span -->
+
+                  <span class="song-artist-album">
+                    <span>{{item.artist}}</span>
                   </span>
-                </div>
 
-                <a href="{{item.audio_info}}" class="audio-info-link" target="_blank">
                   {% if player_audio_info %}
-                  <img class="audio-info-blue" src="/assets/theme/j1/modules/amplitudejs/icons/player/dark/audio-info-blue.svg"   alt="audio-info" style="display: block">
-                  <img class="audio-info-white" src="/assets/theme/j1/modules/amplitudejs/icons/player/dark/audio-info-white.svg" alt="audio-info" style="display: none">
-                  {% else %}
-                  <img class="audio-info-blue" src="/assets/theme/j1/modules/amplitudejs/icons/player/dark/audio-info-blue.svg"   alt="audio-info" style="display: none">
-                  <img class="audio-info-white" src="/assets/theme/j1/modules/amplitudejs/icons/player/dark/audio-info-white.svg" alt="audio-info" style="display: none">
+                  <span class="audio-info">
+                    <a href="{{item.audio_info}}" class="audio-info-link" target="_blank">
+                      <i class="mdib mdib-information md-gray-400 mdib-24px"></i>
+                    </a>
+                  </span>
                   {% endif %}
-                </a>
 
-                <span class="audio-duration">{{item.duration}}</span>
+                  <span class="audio-duration">{{item.duration}}</span>
+
+                </div> <!-- END song-meta-container -->
+
+
               </div>
               <!-- END list item -->
               {% endif %} {% endfor %}
@@ -436,13 +463,16 @@ amplitude_defaults: {{amplitude_defaults | debug}}
             </div> <!-- END compact player header (toggle playlist) -->
 
             <div class="player-top">
-              <!-- jadams, DEFAULT album cover image replaced by AmplidudeJS (based on playlist) -->
-              <img
-                src="/assets/audio/cover/default/placeholder-blue.jpg"
-                data-amplitude-source="{{source_media_attribute}}"
-                data-amplitude-playlist="{{player_playlist}}"
-                data-amplitude-song-info="cover_art_url"
-                alt="album cover">
+              <!-- NOTE: album cover image (replaced by AJS API based on playlist) -->
+              <div class="album-cover-image">
+                <img
+                  src="/assets/audio/cover/default/placeholder-blue.jpg"
+                  data-amplitude-playlist="{{player_playlist}}"
+                  data-amplitude-source="{{source_media_attribute}}"
+                  data-amplitude-song-info="cover_art_url"
+                  alt="album cover image"
+                >
+              </div>
             </div>
 
             <!-- START progress bar -->
@@ -657,15 +687,17 @@ amplitude_defaults: {{amplitude_defaults | debug}}
             </span>
           </div>
 
-          <!-- NOTE: DEFAULT album cover image (replaced by AJS API based on playlist) -->
-          <img
-            src="/assets/audio/cover/default/placeholder-blue.jpg"
-            width="500" height="500"
-            data-amplitude-playlist="{{player_playlist}}"
-            data-amplitude-source="{{source_media_attribute}}"
-            data-amplitude-song-info="cover_art_url"
-            alt="album cover"
-          >
+          <!-- NOTE: album cover image (replaced by AJS API based on playlist) -->
+          <div class="album-cover-image">
+            <img
+              src="/assets/audio/cover/default/placeholder-blue.jpg"
+              data-amplitude-playlist="{{player_playlist}}"
+              data-amplitude-source="{{source_media_attribute}}"
+              data-amplitude-song-info="cover_art_url"
+              alt="album cover image"
+            >
+          </div>
+
           <!-- START progress bar -->
           {% if song_progress_bar %}
           <progress
@@ -793,7 +825,7 @@ amplitude_defaults: {{amplitude_defaults | debug}}
                 data-amplitude-source="{{source_media_attribute}}"
                 data-amplitude-playlist="{{player_playlist}}">
               </span>
-              :
+              :             
               {% endif %}
               <span
                 class="amplitude-duration-minutes"
@@ -856,7 +888,6 @@ amplitude_defaults: {{amplitude_defaults | debug}}
                 class="large-player-playlist-header">Playlist
               </div>
 
-              <!-- jadams, 2024-07-06: controls configurable in player -->
               {% if playlist_controls %}
               <div class="playlist-screen-controls large-player">
                 <div class="playlist-screen-meta-container">
@@ -870,9 +901,14 @@ amplitude_defaults: {{amplitude_defaults | debug}}
                     <span
                       data-amplitude-source="{{source_media_attribute}}"
                       data-amplitude-playlist="{{player_playlist}}"
-                      data-amplitude-song-info="artist"
-                      data-amplitude-song-index="0">
+                      data-amplitude-song-info="artist">
                     </span>
+                    <!-- span class="song-artist-album-delimiter">·</span>
+                    <span
+                      data-amplitude-source="audio"
+                      data-amplitude-playlist="{{player_playlist}}"
+                      data-amplitude-song-info="album">
+                    </span -->                    
                   </div>
                 </div>
                 <div class="list-controls">
@@ -894,7 +930,7 @@ amplitude_defaults: {{amplitude_defaults | debug}}
               </div> <!-- END playlist controls -->
               {% endif %}
 
-              <!-- START playlist items -->
+              <!-- START playlist items (Large Player) -->
               <div
                 id="large_player_title_list_{{player_playlist}}"
                 class="large-player-title-list">
@@ -907,11 +943,14 @@ amplitude_defaults: {{amplitude_defaults | debug}}
                   data-amplitude-playlist="{{player_playlist}}">
 
                   <div
-                    class="song-now-playing-icon-container"
+                    class="song-number-now-playing"
                     data-amplitude-source="{{source_media_attribute}}"
                     data-amplitude-playlist="{{player_playlist}}">
                     <span class="title-number">{{forloop.index}}
-                      <img class="now-playing" src="/assets/theme/j1/modules/amplitudejs/icons/player/dark/now-playing.svg" alt="now-playing">
+                      <img
+                        class="now-playing"
+                        src="/assets/theme/j1/modules/amplitudejs/icons/player/dark/now-playing.svg"
+                        alt="now-playing">
                     </span>
                   </div>
 
@@ -919,29 +958,43 @@ amplitude_defaults: {{amplitude_defaults | debug}}
                     class="audio-meta-data"
                     data-amplitude-playlist="{{player_playlist}}">
                     <span class="audio-title">{{item.title}}</span>
+
+                    {% if player_audio_rating %}
+                    <span class="audio-rating">
+                      {{item.rating}}
+                      <i class="mdib mdib-star md-gray-400 mdib-18px"></i>
+                    </span>
+                    {% endif %}
+
                     <span class="audio-artist">
-                      <span>{{item.name}}</span>
-                      <span class="song-artist-album-delimiter">·</span>
                       <span>{{item.artist}}</span>
+                      <!-- span class="song-artist-album-delimiter">·</span>
+                      <span>{{item.name}}</span -->
+
+                      {% if player_audio_info %}
+                      <span class="audio-info">
+                        <a href="{{item.audio_info}}" class="audio-info-link" target="_blank">
+                          <i class="mdib mdib-information md-gray-400 mdib-24px"></i>
+                        </a>
+                      </span>
+                      {% endif %}                      
                     </span>
                   </div>
 
-                  <a href="{{item.audio_info}}" class="audio-info-link" target="_blank">
-                    {% if player_audio_info %}
-                    <img class="audio-info-blue" src="/assets/theme/j1/modules/amplitudejs/icons/player/dark/audio-info-blue.svg"   alt="audio-info" style="display: block">
-                    <img class="audio-info-white" src="/assets/theme/j1/modules/amplitudejs/icons/player/dark/audio-info-white.svg" alt="audio-info" style="display: none">
-                    {% else %}
-                    <img class="audio-info-blue" src="/assets/theme/j1/modules/amplitudejs/icons/player/dark/audio-info-blue.svg"   alt="audio-info" style="display: none">
-                    <img class="audio-info-white" src="/assets/theme/j1/modules/amplitudejs/icons/player/dark/audio-info-white.svg" alt="audio-info" style="display: none">
-                    {% endif %}
-                  </a>
-
+                  <!-- jadams, 2024-11-05: workaround -->
+                  {% if player.display_hours %}
                   <span class="audio-duration">{{item.duration}}</span>
+                  {% else %}
+                  <span class="audio-duration" style="margin-left: 50px;">{{item.duration}}</span>
+                  <!-- span class="audio-duration">{{item.duration}}</span -->
+                  {% endif %}
+                  
+
                 </div>
                 <!-- END list item -->
                 {% endif %}{% endfor %}
               </div>
-              <!-- EBD playlist items -->
+              <!-- END playlist items (Large Player) -->
 
             </div> <!-- END Large Player|Right Side -->
 

data/assets/data/cookieconsent.html

@@ -147,16 +147,16 @@ exclude_from_search:                    true
           </div>
 
           <div class="modal-footer">
-            <button id="bccs-buttonDoNotAgree" type="button" class="btn btn-outline-secondary mb-1 mr-2" style="min-width: 20rem">
+            <button id="bccs-buttonDoNotAgree" type="button" class="btn btn-danger mb-1 mr-2" style="min-width: 20rem">
             I Do not Agree
             </button>
-            <button id="bccs-buttonAgree" type="button" class="btn btn-primary mb-1 mr-2" style="min-width: 20rem">
+            <button id="bccs-buttonAgree" type="button" class="btn btn-success mb-1 mr-2" style="min-width: 20rem">
             I Agree
             </button>
-            <button id="bccs-buttonSave" type="button" class="btn btn-outline-secondary mb-1 mr-2" style="display: none; min-width: 20rem">
+            <button id="bccs-buttonSave" type="button" class="btn btn-warning  mb-1 mr-2" style="display: none; min-width: 20rem">
             Save selection
             </button>
-            <button id="bccs-buttonAgreeAll" type="button" class="btn btn-primary mb-1 mr-2" style="display: none; min-width: 20rem">
+            <button id="bccs-buttonAgreeAll" type="button" class="btn btn-success mb-1 mr-2" style="display: none; min-width: 20rem">
             Agree on all
             </button>
           </div>
@@ -242,16 +242,16 @@ exclude_from_search:                    true
           </div>
 
           <div class="modal-footer">
-            <button id="bccs-buttonDoNotAgree" type="button" class="btn btn-outline-secondary mb-1 mr-2" style="min-width: 20rem">
+            <button id="bccs-buttonDoNotAgree" type="button" class="btn btn-warning  mb-1 mr-2" style="min-width: 20rem">
             Ich stimme nicht zu
             </button>
-            <button id="bccs-buttonAgree" type="button" class="btn btn-primary mb-1 mr-2" style="min-width: 20rem">
+            <button id="bccs-buttonAgree" type="button" class="btn btn-success mb-1 mr-2" style="min-width: 20rem">
             Ich stimme zu
             </button>
-            <button id="bccs-buttonSave" type="button" class="btn btn-outline-secondary mb-1 mr-2" style="display: none; min-width: 20rem">
+            <button id="bccs-buttonSave" type="button" class="btn btn-warning  mb-1 mr-2" style="display: none; min-width: 20rem">
             Auswahl speichern
             </button>
-            <button id="bccs-buttonAgreeAll" type="button" class="btn btn-primary mb-1 mr-2" style="display: none; min-width: 20rem">
+            <button id="bccs-buttonAgreeAll" type="button" class="btn btn-success mb-1 mr-2" style="display: none; min-width: 20rem">
             Stimme allen zu
             </button>
           </div>

data/assets/data/speak2me.html

@@ -144,17 +144,6 @@ exclude_from_search:                    true
               <!-- start control buttons -->
               <div class="ml-2">
 
-                <!-- speak button -->
-                <button type="button"
-                  id="speak_button"
-                  class="btn btn-{{speak2me_options.modal.settings.speak_button_style}} btn-sm"
-                  style="min-width: 180px;"
-                  onclick="j1.adapter.speak2me.speak('{{speak2me_options.speechSelector}}')"
-                  data-bs-dismiss="modal">
-                  <i class="mdib mdib-speaker mdib-sm mr-2"></i>
-                  {{speak2me_options.modal.settings.speak_button_text}}
-                </button>
-
                 <!-- stop button -->
                 <button type="button"
                   id="stop_button"
@@ -166,6 +155,17 @@ exclude_from_search:                    true
                   {{speak2me_options.modal.settings.stop_button_text}}
                 </button>
 
+                <!-- speak button -->
+                <button type="button"
+                  id="speak_button"
+                  class="btn btn-{{speak2me_options.modal.settings.speak_button_style}} btn-sm"
+                  style="min-width: 180px;"
+                  onclick="j1.adapter.speak2me.speak('{{speak2me_options.speechSelector}}')"
+                  data-bs-dismiss="modal">
+                  <i class="mdib mdib-speaker mdib-sm mr-2"></i>
+                  {{speak2me_options.modal.settings.speak_button_text}}
+                </button>
+
                 <!-- pause button -->
                 <button type="button"
                   id="pause_button"

data/assets/data/translator.html

@@ -149,40 +149,40 @@ exclude_from_search:                    true
             <button
               id="translator-buttonDoNotAgree"
               type="button"
-              class="btn btn-outline-secondary mb-1 mr-2"
+              class="btn btn-danger mb-1 mr-2"
               style="min-width: 20rem">
-            No, disable translation
+              No, disable translation
             </button>
 
             <button
-              id="translator-buttonAgree"
+              id="translator-buttonExit"
               type="button"
-              class="btn btn-primary mb-1 mr-2"
-              style="min-width: 20rem">
-            Yes, please translate
+              class="btn btn-info mb-1 mr-2"
+              style="min-width: 20rem"
+              data-bs-dismiss="modal">
+              Do nothing
             </button>
 
             <button
-              id="translator-buttonExit"
+              id="translator-buttonAgree"
               type="button"
-              class="btn btn-warning mb-1 mr-2"
-              style="min-width: 20rem"
-              data-bs-dismiss="modal">
-            Do nothing
+              class="btn btn-success mb-1 mr-2"
+              style="min-width: 20rem">
+              Yes, please translate
             </button>
 
             <button
               id="translator-buttonSave"
               type="button"
-              class="btn btn-outline-secondary mb-1 mr-2"
+              class="btn btn-warning mb-1 mr-2"
               style="display:none; min-width: 20rem">
-            Save selection
+              Save selection
             </button>
 
             <button
               id="translator-buttonAgreeAll"
               type="button"
-              class="btn btn-primary mb-1 mr-2"
+              class="btn btn-success mb-1 mr-2"
               style="display:none; min-width: 20rem">
             I Agree on all
             </button>
@@ -272,42 +272,42 @@ exclude_from_search:                    true
             <button
               id="translator-buttonDoNotAgree"
               type="button"
-              class="btn btn-outline-secondary mb-1 mr-2"
+              class="btn btn-danger mb-1 mr-2"
               style="min-width: 20rem">
-                Nein, Übersetzung deaktivieren
+              Nein, Übersetzung deaktivieren
             </button>
 
             <button
-              id="translator-buttonAgree"
+              id="translator-buttonExit"
               type="button"
-              class="btn btn-primary mb-1 mr-2"
-              style="min-width: 20rem">
-                Ja, bitte übersetzen Sie
+              class="btn btn-info mb-1 mr-2"
+              style="min-width: 20rem"
+              data-bs-dismiss="modal">
+              Nichts tun
             </button>
 
             <button
-              id="translator-buttonExit"
+              id="translator-buttonAgree"
               type="button"
-              class="btn btn-warning mb-1 mr-2"
-              style="min-width: 20rem"
-              data-bs-dismiss="modal">
-                Nichts tun
+              class="btn btn-success mb-1 mr-2"
+              style="min-width: 20rem">
+              Ja, bitte übersetzen Sie
             </button>
 
             <button
               id="translator-buttonSave"
               type="button"
-              class="btn btn-outline-secondary mb-1 mr-2"
+              class="btn btn-warning mb-1 mr-2"
               style="display:none; min-width: 20rem">
-                Auswahl speichern
+              Auswahl speichern
             </button>
 
             <button
               id="translator-buttonAgreeAll"
               type="button"
-              class="btn btn-primary mb-1 mr-2"
+              class="btn btn-success mb-1 mr-2"
               style="display:none; min-width: 20rem">
-                Stimme allen zu
+              Stimme allen zu
             </button>
           </div>
 

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

@@ -550,16 +550,19 @@ j1.adapter.amplitude = ((j1, window) => {
         if (apiInitialized.state) {
             logger.info('\n' + 'initialize player specific UI events: started');
 
+          var parentContainer = (document.getElementById('{{xhr_container_id}}') !== null) ? true : false;
+          var parentContainerExist = ($('#' + '{{xhr_container_id}}')[0] !== undefined) ? true : false;
+          
           {% for player in amplitude_options.players %} {% if player.enabled %}
             {% assign xhr_data_path = amplitude_options.xhr_data_path %}
             {% capture xhr_container_id %}{{player.id}}_parent{% endcapture %}
 
-            playerID      = '{{player.id}}';
-            playerType    = '{{player.type}}';
-            playList      = '{{player.playlist}}';
-            playListName  = '{{player.playlist.name}}'
-            playListTitle = '{{player.playlist.title}}';
-
+            playerID            = '{{player.id}}';
+            playerType          = '{{player.type}}';
+            playList            = '{{player.playlist}}';
+            playListName        = '{{player.playlist.name}}'
+            playListTitle       = '{{player.playlist.title}}';
+            
             logger.debug('\n' + 'set playlist {{player.playlist}} on id #{{player.id}} with title: ' + playListTitle);
 
             // dynamic loader variable to setup the player on ID {{player.id}}
@@ -571,9 +574,11 @@ j1.adapter.amplitude = ((j1, window) => {
             // -----------------------------------------------------------------
             load_dependencies['dependencies_met_player_loaded_{{player.id}}'] = setInterval (() => {
               // check if HTML portion of the player is loaded successfully
-              var xhrLoadState = j1.xhrDOMState['#' + '{{xhr_container_id}}'];
+              var xhrLoadState        = j1.xhrDOMState['#' + '{{xhr_container_id}}'];
+              var playerExistsInPage  = ($('#' + '{{xhr_container_id}}')[0] !== undefined) ? true : false;
 
-              if (xhrLoadState === 'success') {
+              if (xhrLoadState === 'success' && playerExistsInPage) {
+//            if (xhrLoadState === 'success') {
 
                 // set song (title) specific audio info links
                 // -------------------------------------------------------------
@@ -658,7 +663,7 @@ j1.adapter.amplitude = ((j1, window) => {
                           playlistScreen.classList.remove('slide-out-top');
                           playlistScreen.classList.add('slide-in-top');
                           playlistScreen.style.display = "block";
-                          playlistScreen.style.zIndex = "999";
+                          playlistScreen.style.zIndex = "199";
 
                           // disable scrolling (if window viewport >= BS Medium and above)
                           if (window.innerWidth >= 720) {

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

@@ -301,10 +301,10 @@ var j1 = ((options) => {
   var user_state = {
     'writer':                       'j1.adapter',
     'template_version':             '{{template_version}}',
-    'theme_name':                   'UnoLight',
-    'theme_css':                    '/assets/theme/j1/core/css/themes/unolight/bootstrap.css',
-    'theme_author':                 'J1 Team',
-    'theme_version':                '{{template_version}}',
+    'theme_name':                   '',
+    'theme_css':                    '',
+    'theme_author':                 '',
+    'theme_version':                '',
     'session_active':               false,
     'google_translate':             'disabled',
     'translate_all_pages':          true,

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

@@ -263,9 +263,47 @@ j1.adapter.themes = (function (j1, window) {
           logger.info('\n' + 'hide page until theme is loaded');
           $('#no_flicker').hide();
 
-          // logger.info('\n' + 'cookie ' +  cookie_names.user_state + ' successfully loaded after: ' + interval_count * 25 + ' ms');
-
-          // initial theme data
+          logger.info('\n' + 'cookie ' +  cookie_names.user_state + ' successfully loaded after: ' + interval_count * 25 + ' ms');
+
+          // load previously selected theme from cookie (preferred)
+          // if (user_state.theme_css !== '') {
+          //   user_state.theme_name       = default_theme_name;
+          //   user_state.theme_css        = default_theme_css;
+          //   user_state.theme_author     = default_theme_author;
+          //   user_state.theme_author_url = default_theme_author_url;
+
+          //   cookie_written = j1.writeCookie({
+          //     name:     cookie_names.user_state,
+          //     data:     user_state,
+          //     secure:   secure,
+          //     expires:  365
+          //   });
+
+          //   if (!cookie_written) {
+          //     logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_consent);
+          //   }
+          // } // END load previously selected theme
+
+          // load default theme (j1_config and NO theme given with (user_state) cookie
+          // if (user_state.theme_css === '' && default_theme_css.theme_css !== '') {
+          //   user_state.theme_name       = default_theme_name;
+          //   user_state.theme_css        = default_theme_css;
+          //   user_state.theme_author     = default_theme_author;
+          //   user_state.theme_author_url = default_theme_author_url;
+
+          //   cookie_written = j1.writeCookie({
+          //     name:     cookie_names.user_state,
+          //     data:     user_state,
+          //     secure:   secure,
+          //     expires:  365
+          //   });
+
+          //   if (!cookie_written) {
+          //     logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_consent);
+          //   }
+          // } // END load default theme
+
+          // load default theme if NO theme given with (user_state) cookie
           if (user_state.theme_css === '') {
             user_state.theme_name       = default_theme_name;
             user_state.theme_css        = default_theme_css;
@@ -282,7 +320,7 @@ j1.adapter.themes = (function (j1, window) {
             if (!cookie_written) {
              logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_consent);
             }
-          } // END if user_state theme_css === ''
+          } // END oad default theme
 
           // set the theme switcher state
           user_state.theme_switcher = themesOptions.enabled;

data/assets/theme/j1/core/css/icon-fonts/mdib.css

@@ -7248,6 +7248,26 @@
   content: "\F039F";
 }
 
+.mdib-numeric-1:before {
+  content: "\F0B3A";
+}
+
+.mdib-numeric-2:before {
+  content: "\F0B3B";
+}
+
+.mdib-numeric-3:before {
+  content: "\F0B3C";
+}
+
+.mdib-numeric-4:before {
+  content: "\F0B3D";
+}
+
+.mdib-numeric-5:before {
+  content: "\F0B3E";
+}
+
 .mdib-npm:before {
   content: "\F06F7";
 }
@@ -9444,6 +9464,10 @@
   content: "\F0E67";
 }
 
+.mdib-star:before {
+  content: "\F04CE";
+}
+
 .mdib-squeegee:before {
   content: "\F0AE1";
 }
@@ -9500,10 +9524,6 @@
   content: "\F07EF";
 }
 
-.mdib-star:before {
-  content: "\F04CE";
-}
-
 .mdib-state-machine:before {
   content: "\F11EF";
 }