adds loader when user has to wait

Author: FinalAngel

cms/static/cms/css/plugins/cms.toolbar.css

@@ -708,6 +708,9 @@ $(document).ready(function () {
 				e.preventDefault();
 				e.stopPropagation();
 
+				// show loader
+				CMS.API.Toolbar._showLoader(true);
+
 				var el = $(this);
 
 				// set switch for subnav entries
@@ -721,10 +724,11 @@ $(document).ready(function () {
 					case 'copy':
 						that.copyPlugin();
 						break;
-					case 'stack':
-						// that.stackPlugin();
-						break;
+					/*case 'stack':
+						//that.stackPlugin();
+						break;*/
 					default:
+						CMS.API.Toolbar._showLoader(false);
 						that._delegate(el);
 				}
 			});
@@ -843,10 +847,6 @@ $(document).ready(function () {
 			}
 		},
 
-		_updateExpander: function () {
-
-		},
-
 		_getId: function (el) {
 			return CMS.API.Placeholders.getId(el);
 		},

cms/static/cms/js/plugins/cms.placeholders.js

@@ -521,6 +521,9 @@ $(document).ready(function () {
 		},
 
 		openModal: function (url, name, breadcrumb) {
+			// show loader
+			this._showLoader(true);
+
 			// reset breadcrumb
 			this.modal.find('.cms_modal-breadcrumb').hide();
 			this.modal.find('.cms_modal-breadcrumb-items').html('');
@@ -890,6 +893,9 @@ $(document).ready(function () {
 			$(document).bind('keydown.cms', function (e) {
 				if(e.keyCode === 27) that.closeModal();
 			});
+
+			// hide loader
+			this._showLoader(false);
 		},
 
 		_hideModal: function (speed) {
@@ -1259,6 +1265,14 @@ $(document).ready(function () {
 			}
 		},
 
+		_showLoader: function (loader) {
+			if(loader) {
+				this.toolbarTrigger.addClass('cms_toolbar-loader');
+			} else {
+				this.toolbarTrigger.removeClass('cms_toolbar-loader');
+			}
+		},
+
 		_debug: function () {
 			var that = this;
 			var timeout = 1000;

cms/static/cms/js/plugins/cms.toolbar.js

@@ -389,9 +389,12 @@
 			&:hover, &:active, &:focus { background-position:-90px -40px; background-color:white; }
 		}
 	 }
+	// #TOOLBAR/loader#
 	.cms_toolbar-trigger-expanded a { background-position:0 -40px;
 		&:hover, &:active, &:focus { background-position:-30px -40px; }
 	}
+	.cms_toolbar-loader a { background:#fcfcfc url('../../img/loader.gif') no-repeat center center !important;
+		background-size:20px 20px !important; }
 
 	// #TOOLBAR/switch#
 	.cms_toolbar-item_switch { position:relative; left:0; top:0; margin:4px 0 4px; @include border-radius(20px);