j1-template 2022.0.1 → 2022.0.2

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

@@ -499,11 +499,11 @@ j1.adapter['navigator'] = (function (j1, window) {
         // See: https://stackoverflow.com/questions/13524107/how-to-set-data-attributes-in-html-elements
         if (user_session.authenticated === 'true') {
           // Set SignOut
-          $('#navLinkSignInOut').attr('data-target', '#modalOmniSignOut');
+          $('#navLinkSignInOut').attr('data-bs-target', '#modalOmniSignOut');
           $('#iconSignInOut').removeClass('mdi-login').addClass('mdi-logout');
         } else {
           // Set SignIn
-          $('#navLinkSignInOut').attr('data-target', '#modalOmniSignIn');
+          $('#navLinkSignInOut').attr('data-bs-target', '#modalOmniSignIn');
           $('#iconSignInOut').removeClass('mdi-logout').addClass('mdi-login');
         }
       }
@@ -806,7 +806,7 @@ j1.adapter['navigator'] = (function (j1, window) {
       // $('#navigator_nav_menu')
       //   .find('li.dropdown.nav-item')
 
-      $('[data-toggle]').closest('li')
+      $('[data-bs-toggle]').closest('li')
       .on('mouseenter', function (inEvent) {
         if (theElement) theElement.removeClass('open');
         window.clearTimeout(theTimer);

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

@@ -118,14 +118,12 @@ j1.adapter['themer'] = (function (j1, window) {
   var logText;
   var cookie_written;
 
-  var cssExtension              = (environment === 'production')
-                                  ? '.min.css'
-                                  : '.css';
+  var cssExtension              = (environment === 'production') ? '.min.css' : '.css';
 
   var default_theme_name        = '{{default_theme.name}}';
   var default_theme_author      = '{{default_theme.author}}';
   var default_theme_author_url  = '{{default_theme.author_url}}';
-  var default_theme_css_name    = default_theme_name.toLowerCase().replace(' ', '-');
+  var default_theme_css_name    = default_theme_name.toLowerCase();
   var default_theme_css         = '{{asset_path}}/{{theme_base}}/' + default_theme_css_name + '/bootstrap' + cssExtension;
 
   var interval_count            = 0;
@@ -201,6 +199,17 @@ j1.adapter['themer'] = (function (j1, window) {
              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,
+               samesite: 'Strict',
+               secure:   secure,
+               expires:  365
+             });
+             if (!cookie_written) {
+                 logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_consent);
+             }
            }
 
            styleLoaded     = styleSheetLoaded(user_state.theme_css);

data/assets/themes/j1/core/css/themes/{uno-light → unolight}/bootstrap.css

@@ -23170,6 +23170,314 @@ a.md-bg-brown-900:hover,
 a.md-bg-brown-900:focus {
   background-color: #1d1211 !important; }
 
+.md-gray {
+  color: #9e9e9e !important; }
+
+a.md-gray:hover,
+a.md-gray:focus {
+  color: #757575 !important; }
+
+.md-gray-50 {
+  color: #fafafa !important; }
+
+a.md-gray-50:hover,
+a.md-gray-50:focus {
+  color: #f5f5f5 !important; }
+
+.md-gray-100 {
+  color: #f5f5f5 !important; }
+
+a.md-gray-100:hover,
+a.md-gray-100:focus {
+  color: #eeeeee !important; }
+
+.md-gray-200 {
+  color: #eeeeee !important; }
+
+a.md-gray-200:hover,
+a.md-gray-200:focus {
+  color: #e0e0e0 !important; }
+
+.md-gray-300 {
+  color: #e0e0e0 !important; }
+
+a.md-gray-300:hover,
+a.md-gray-300:focus {
+  color: #bdbdbd !important; }
+
+.md-gray-400 {
+  color: #bdbdbd !important; }
+
+a.md-gray-400:hover,
+a.md-gray-400:focus {
+  color: #9e9e9e !important; }
+
+.md-gray-500 {
+  color: #9e9e9e !important; }
+
+a.md-gray-500:hover,
+a.md-gray-500:focus {
+  color: #757575 !important; }
+
+.md-gray-600 {
+  color: #757575 !important; }
+
+a.md-gray-600:hover,
+a.md-gray-600:focus {
+  color: #616161 !important; }
+
+.md-gray-700 {
+  color: #616161 !important; }
+
+a.md-gray-700:hover,
+a.md-gray-700:focus {
+  color: #424242 !important; }
+
+.md-gray-800 {
+  color: #424242 !important; }
+
+a.md-gray-800:hover,
+a.md-gray-800:focus {
+  color: #2196f3 !important; }
+
+.md-gray-900 {
+  color: #212121 !important; }
+
+a.md-gray-900:hover,
+a.md-gray-900:focus {
+  color: #2196f3 !important; }
+
+.md-bg-gray {
+  background-color: #9e9e9e !important; }
+
+a.md-bg-gray:hover,
+a.md-bg-gray:focus {
+  background-color: #fafafa !important; }
+
+.md-bg-gray-50 {
+  background-color: #fafafa !important; }
+
+a.md-bg-gray-50:hover,
+a.md-bg-gray-50:focus {
+  background-color: #f5f5f5 !important; }
+
+.md-bg-gray-100 {
+  background-color: #f5f5f5 !important; }
+
+a.md-bg-gray-100:hover,
+a.md-bg-gray-100:focus {
+  background-color: #eeeeee !important; }
+
+.md-bg-gray-200 {
+  background-color: #eeeeee !important; }
+
+a.md-bg-gray-200:hover,
+a.md-bg-gray-200:focus {
+  background-color: #e0e0e0 !important; }
+
+.md-bg-gray-300 {
+  background-color: #e0e0e0 !important; }
+
+a.md-bg-gray-300:hover,
+a.md-bg-gray-300:focus {
+  background-color: #bdbdbd !important; }
+
+.md-bg-gray-400 {
+  background-color: #bdbdbd !important; }
+
+a.md-bg-gray-400:hover,
+a.md-bg-gray-400:focus {
+  background-color: #9e9e9e !important; }
+
+.md-bg-gray-500 {
+  background-color: #9e9e9e !important; }
+
+a.md-bg-gray-500:hover,
+a.md-bg-gray-500:focus {
+  background-color: #757575 !important; }
+
+.md-bg-gray-600 {
+  background-color: #757575 !important; }
+
+a.md-bg-gray-600:hover,
+a.md-bg-gray-600:focus {
+  background-color: #616161 !important; }
+
+.md-bg-gray-700 {
+  background-color: #616161 !important; }
+
+a.md-bg-gray-700:hover,
+a.md-bg-gray-700:focus {
+  background-color: #424242 !important; }
+
+.md-bg-gray-800 {
+  background-color: #424242 !important; }
+
+a.md-bg-gray-800:hover,
+a.md-bg-gray-800:focus {
+  background-color: #2196f3 !important; }
+
+.md-bg-gray-900 {
+  background-color: #212121 !important; }
+
+a.md-bg-gray-900:hover,
+a.md-bg-gray-900:focus {
+  background-color: #2196f3 !important; }
+
+.md-blue-gray {
+  color: #607d8b !important; }
+
+a.md-blue-gray:hover,
+a.md-blue-gray:focus {
+  color: #546e7a !important; }
+
+.md-blue-gray-50 {
+  color: #eceff1 !important; }
+
+a.md-blue-gray-50:hover,
+a.md-blue-gray-50:focus {
+  color: #cfd8dc !important; }
+
+.md-blue-gray-100 {
+  color: #cfd8dc !important; }
+
+a.md-blue-gray-100:hover,
+a.md-blue-gray-100:focus {
+  color: #b0bec5 !important; }
+
+.md-blue-gray-200 {
+  color: #b0bec5 !important; }
+
+a.md-blue-gray-200:hover,
+a.md-blue-gray-200:focus {
+  color: #90a4ae !important; }
+
+.md-blue-gray-300 {
+  color: #90a4ae !important; }
+
+a.md-blue-gray-300:hover,
+a.md-blue-gray-300:focus {
+  color: #78909c !important; }
+
+.md-blue-gray-400 {
+  color: #78909c !important; }
+
+a.md-blue-gray-400:hover,
+a.md-blue-gray-400:focus {
+  color: #607d8b !important; }
+
+.md-blue-gray-500 {
+  color: #607d8b !important; }
+
+a.md-blue-gray-500:hover,
+a.md-blue-gray-500:focus {
+  color: #546e7a !important; }
+
+.md-blue-gray-600 {
+  color: #546e7a !important; }
+
+a.md-blue-gray-600:hover,
+a.md-blue-gray-600:focus {
+  color: #455a64 !important; }
+
+.md-blue-gray-700 {
+  color: #455a64 !important; }
+
+a.md-blue-gray-700:hover,
+a.md-blue-gray-700:focus {
+  color: #37474f !important; }
+
+.md-blue-gray-800 {
+  color: #37474f !important; }
+
+a.md-blue-gray-800:hover,
+a.md-blue-gray-800:focus {
+  color: #2196f3 !important; }
+
+.md-blue-gray-900 {
+  color: #263238 !important; }
+
+a.md-blue-gray-900:hover,
+a.md-blue-gray-900:focus {
+  color: #2196f3 !important; }
+
+.md-bg-blue-gray {
+  background-color: #607d8b !important; }
+
+a.md-bg-blue-gray:hover,
+a.md-bg-blue-gray:focus {
+  background-color: #546e7a !important; }
+
+.md-bg-blue-gray-50 {
+  background-color: #eceff1 !important; }
+
+a.md-bg-blue-gray-50:hover,
+a.md-bg-blue-gray-50:focus {
+  background-color: #cfd8dc !important; }
+
+.md-bg-blue-gray-100 {
+  background-color: #cfd8dc !important; }
+
+a.md-bg-blue-gray-100:hover,
+a.md-bg-blue-gray-100:focus {
+  background-color: #b0bec5 !important; }
+
+.md-bg-blue-gray-200 {
+  background-color: #b0bec5 !important; }
+
+a.md-bg-blue-gray-200:hover,
+a.md-bg-blue-gray-200:focus {
+  background-color: #90a4ae !important; }
+
+.md-bg-blue-gray-300 {
+  background-color: #90a4ae !important; }
+
+a.md-bg-blue-gray-300:hover,
+a.md-bg-blue-gray-300:focus {
+  background-color: #78909c !important; }
+
+.md-bg-blue-gray-400 {
+  background-color: #78909c !important; }
+
+a.md-bg-blue-gray-400:hover,
+a.md-bg-blue-gray-400:focus {
+  background-color: #607d8b !important; }
+
+.md-bg-blue-gray-500 {
+  background-color: #607d8b !important; }
+
+a.md-bg-blue-gray-500:hover,
+a.md-bg-blue-gray-500:focus {
+  background-color: #546e7a !important; }
+
+.md-bg-blue-gray-600 {
+  background-color: #546e7a !important; }
+
+a.md-bg-blue-gray-600:hover,
+a.md-bg-blue-gray-600:focus {
+  background-color: #455a64 !important; }
+
+.md-bg-blue-gray-700 {
+  background-color: #455a64 !important; }
+
+a.md-bg-blue-gray-700:hover,
+a.md-bg-blue-gray-700:focus {
+  background-color: #37474f !important; }
+
+.md-bg-blue-gray-800 {
+  background-color: #37474f !important; }
+
+a.md-bg-blue-gray-800:hover,
+a.md-bg-blue-gray-800:focus {
+  background-color: #2196f3 !important; }
+
+.md-bg-blue-gray-900 {
+  background-color: #263238 !important; }
+
+a.md-bg-blue-gray-900:hover,
+a.md-bg-blue-gray-900:focus {
+  background-color: #2196f3 !important; }
+
 .md-grey {
   color: #9e9e9e !important; }
 
@@ -24217,9 +24525,9 @@ body.scrollable {
     font-weight: 400; }
   .modal .modal-header .close {
     padding-top: 1rem;
-    padding-right: 1rem;
-    padding-bottom: 1.75rem;
-    padding-left: 1rem; }
+    padding-bottom: 2rem;
+    border: 0;
+    background-color: transparent; }
 
 .modal .modal-footer {
   padding: 2rem 2rem 2rem 2rem !important;
@@ -24355,49 +24663,49 @@ body.scrollable {
     width: 400px; } }
 
 .modal-dialog.modal-notify.modal-primary .badge {
-  background-color: theme-color(primary); }
+  background-color: #2196f3; }
 
 .modal-dialog.modal-notify.modal-primary .modal-header {
-  background-color: theme-color(primary); }
+  background-color: #2196f3; }
 
 .modal-dialog.modal-notify.modal-primary .mdi {
-  color: #f5f5f5 !important; }
+  color: #f5f5f5; }
 
 .modal-dialog.modal-notify.modal-info .badge {
-  background-color: theme-color(info); }
+  background-color: #00bcd4; }
 
 .modal-dialog.modal-notify.modal-info .modal-header {
-  background-color: theme-color(info); }
+  background-color: #00bcd4; }
 
 .modal-dialog.modal-notify.modal-info .mdi {
-  color: #f5f5f5 !important; }
+  color: #f5f5f5; }
 
 .modal-dialog.modal-notify.modal-warning .badge {
-  background-color: theme-color(warning); }
+  background-color: #fbc02d; }
 
 .modal-dialog.modal-notify.modal-warning .modal-header {
-  background-color: theme-color(warning); }
+  background-color: #fbc02d; }
 
 .modal-dialog.modal-notify.modal-warning .mdi {
-  color: #f5f5f5 !important; }
+  color: #f5f5f5; }
 
 .modal-dialog.modal-notify.modal-success .badge {
-  background-color: theme-color(success); }
+  background-color: #4caf50; }
 
 .modal-dialog.modal-notify.modal-success .modal-header {
-  background-color: theme-color(success); }
+  background-color: #4caf50; }
 
 .modal-dialog.modal-notify.modal-success .mdi {
-  color: #f5f5f5 !important; }
+  color: #f5f5f5; }
 
 .modal-dialog.modal-notify.modal-danger .badge {
-  background-color: theme-color(danger); }
+  background-color: #f44336; }
 
 .modal-dialog.modal-notify.modal-danger .modal-header {
-  background-color: theme-color(danger); }
+  background-color: #f44336; }
 
 .modal-dialog.modal-notify.modal-danger .mdi {
-  color: #f5f5f5 !important; }
+  color: #f5f5f5; }
 
 /*
  # -----------------------------------------------------------------------------