Changeset 3637:11396143671b for admin

Timestamp:

12/28/17 12:32:21 (8 years ago)

Author:

franck <carnet.franck.paul@…>

Branch:

default

Message:

Ajax activity indicator option, just for fun ;-)

Location:

admin

Files:

• js/common.js (modified) (1 diff)
• preferences.php (modified) (3 diffs)
• style/default.css (modified) (1 diff)
• style/scss/partials/_messages.scss (modified) (1 diff)

admin/js/common.js

@@ -587 +587 @@
      if (dotclear.hideMoreInfo) {
           $('.more-info,.form-note:not(.warn,.warning,.info)').addClass('no-more-info');
+     }
+
+     // Ajax loader activity indicator
+     if (dotclear.showAjaxLoader) {
+          $(document).ajaxStart(function() {
+               $('body').addClass('ajax-loader');
+               $('div.ajax-loader').show();
+          });
+          $(document).ajaxStop(function() {
+               $('body').removeClass('ajax-loader');
+               $('div.ajax-loader').hide();
+          });
      }
 

admin/preferences.php

@@ -47 +47 @@
 $user_ui_hidemoreinfo = $core->auth->user_prefs->interface->hidemoreinfo;
 $user_ui_hidehelpbutton = $core->auth->user_prefs->interface->hidehelpbutton;
+$user_ui_showajaxloader = $core->auth->user_prefs->interface->showajaxloader;
 $user_ui_htmlfontsize = $core->auth->user_prefs->interface->htmlfontsize;
 $user_ui_dynfontsize = $core->auth->user_prefs->interface->dynfontsize;
@@ -247 +248 @@
           $core->auth->user_prefs->interface->put('hidemoreinfo',!empty($_POST['user_ui_hidemoreinfo']),'boolean');
           $core->auth->user_prefs->interface->put('hidehelpbutton',!empty($_POST['user_ui_hidehelpbutton']),'boolean');
+          $core->auth->user_prefs->interface->put('showajaxloader',!empty($_POST['user_ui_showajaxloader']),'boolean');
           $core->auth->user_prefs->interface->put('htmlfontsize',$_POST['user_ui_htmlfontsize'],'string');
           $core->auth->user_prefs->interface->put('dynfontsize',!empty($_POST['user_ui_dynfontsize']),'boolean');
@@ -530 +532 @@
 __('Hide help button').'</label></p>'.
 
+'<p><label for="user_ui_showajaxloader" class="classic">'.
+form::checkbox('user_ui_showajaxloader',1,$user_ui_showajaxloader).' '.
+__('Show asynchronous requests indicator').'</label></p>'.
+
 '<p><label for="user_ui_htmlfontsize" class="classic">'.__('Font size:').'</label>'.' '.
 form::combo('user_ui_htmlfontsize',$htmlfontsize_combo,$user_ui_htmlfontsize).'</p>'.

admin/style/default.css

@@ -1551 +1551 @@
   border-color: #000;
   font-weight: bold; }
+
+body.ajax-loader #header {
+  border-bottom-color: #137bbb;
+  transition: border-bottom-color .3s ease; }
+body.ajax-loader #collapser {
+  background-color: #137bbb;
+  transition: background-color .3s ease; }
 
 /** --------------------------------------------------

admin/style/scss/partials/_messages.scss

@@ -147 +147 @@
      font-weight: bold;
 }
+
+body.ajax-loader {
+     #header {
+          border-bottom-color: #137bbb;
+          transition: border-bottom-color .3s ease;
+     }
+     #collapser {
+          background-color: #137bbb;
+          transition: background-color .3s ease;
+     }
+}