src/ztfy/myams/resources/js/myams.js
changeset 130 e3cb023c73b6
parent 127 cf00ea83daa7
child 135 f7b7e3f21da6
--- a/src/ztfy/myams/resources/js/myams.js	Mon Apr 20 15:55:33 2015 +0200
+++ b/src/ztfy/myams/resources/js/myams.js	Wed Jun 10 17:29:16 2015 +0200
@@ -110,6 +110,17 @@
 		},
 
 		/*
+		 * Build an array of attributes of the given selection
+		 */
+		listattr: function(attr) {
+			var result = [];
+			this.each(function() {
+				result.push($(this).attr(attr));
+			});
+			return result;
+		},
+
+		/*
 		 * CSS style function
 		 * Code from Aram Kocharyan on stackoverflow.com
 		 */
@@ -153,6 +164,57 @@
 		},
 
 		/*
+		 * Context menu handler
+		 */
+		contextMenu: function(settings) {
+
+			function getMenuPosition(mouse, direction, scrollDir) {
+				var win = $(window)[direction](),
+					menu = $(settings.menuSelector)[direction](),
+					position = mouse;
+				// opening menu would pass the side of the page
+				if (mouse + menu > win && menu < mouse)
+					position -= menu;
+				return position;
+			}
+
+			return this.each(function () {
+
+				// Open context menu
+				$('a', $(settings.menuSelector)).each(function() {
+					$(this).data('ams-context-menu', true);
+				});
+				$(this).on("contextmenu", function (e) {
+					// return native menu if pressing control
+					if (e.ctrlKey)
+						return;
+					//open menu
+					$(settings.menuSelector).data("invokedOn", $(e.target))
+											.show()
+											.css({
+												position: 'fixed',
+												left: getMenuPosition(e.clientX, 'width', 'scrollLeft') - 10,
+												top: getMenuPosition(e.clientY, 'height', 'scrollTop') - 10
+											})
+											.off('click')
+											.on('click', function (e) {
+												$(this).hide();
+												var $invokedOn = $(this).data("invokedOn");
+												var $selectedMenu = $(e.target);
+												settings.menuSelected.call(this, $invokedOn, $selectedMenu);
+												ams.event.stop(e);
+											});
+					return false;
+				});
+
+				//make sure menu closes on any click
+				$(document).click(function () {
+					$(settings.menuSelector).hide();
+				});
+			});
+		},
+
+		/*
 		 * Main menus manager
 		 */
 		myams_menu: function(options) {
@@ -199,54 +261,49 @@
 			menu.find("LI A").on('click', function() {
 				var link = $(this);
 				var parent_ul = link.parent().find("UL");
-				if (parent_ul.size() != 0) {
-					if (settings.accordion) {
-						// Do nothing when the list is open
-						if (!parent_ul.is(':visible')) {
-							var parents = link.parent().parents("UL");
-							var visible = menu.find("UL:visible");
-							visible.each(function(visibleIndex) {
-								var close = true;
-								parents.each(function(parentIndex) {
-									if (parents[parentIndex] == visible[visibleIndex]) {
-										close = false;
-										return false;
-									}
+				if (settings.accordion) {
+					var parents = link.parent().parents("UL");
+					var visible = menu.find("UL:visible");
+					visible.each(function(visibleIndex) {
+						var close = true;
+						parents.each(function(parentIndex) {
+							if (parents[parentIndex] == visible[visibleIndex]) {
+								close = false;
+								return false;
+							}
+						});
+						if (close) {
+							if (parent_ul != visible[visibleIndex]) {
+								$(visible[visibleIndex]).slideUp(settings.speed, function() {
+									link.parent("LI")
+										.find("b:first")
+										.html(settings.closedSign);
+									link.parent("LI")
+										.removeClass("open");
 								});
-								if (close) {
-									if (parent_ul != visible[visibleIndex]) {
-										$(visible[visibleIndex]).slideUp(settings.speed, function() {
-											link.parent("LI")
-												.find("b:first")
-												.html(settings.closedSign);
-											link.parent("LI")
-												.removeClass("open");
-										});
-									}
-								}
-							});
+							}
 						}
-					}
-					var first_ul = link.parent().find("UL:first");
-					if (!link.attr('href').replace(/^#/,'') &&
-						first_ul.is(":visible") &&
-						!first_ul.hasClass("active")) {
-						first_ul.slideUp(settings.speed, function() {
-							link.parent("LI")
-								.removeClass("open")
-								.find("B:first")
-								.delay(settings.speed)
-								.html(settings.closedSign);
-						});
-					} else /*if (link.attr('href') != location.hash)*/ {
-						first_ul.slideDown(settings.speed, function() {
-							link.parent("LI")
-								.addClass("open")
-								.find("B:first")
-								.delay(settings.speed)
-								.html(settings.openedSign);
-						});
-					}
+					});
+				}
+				var first_ul = link.parent().find("UL:first");
+				if (!link.attr('href').replace(/^#/,'') &&
+					first_ul.is(":visible") &&
+					!first_ul.hasClass("active")) {
+					first_ul.slideUp(settings.speed, function() {
+						link.parent("LI")
+							.removeClass("open")
+							.find("B:first")
+							.delay(settings.speed)
+							.html(settings.closedSign);
+					});
+				} else /*if (link.attr('href') != location.hash)*/ {
+					first_ul.slideDown(settings.speed, function() {
+						link.parent("LI")
+							.addClass("open")
+							.find("B:first")
+							.delay(settings.speed)
+							.html(settings.openedSign);
+					});
 				}
 			});
 		}
@@ -323,6 +380,7 @@
 	if (window.MyAMS === undefined) {
 		window.MyAMS = {
 			devmode: true,
+			devext: '',
 			lang: 'en',
 			throttle_delay: 350,
 			menu_speed: 235,
@@ -342,9 +400,10 @@
 	 * Copyright Andrew Davy: https://forrst.com/posts/Get_the_URL_of_the_current_javascript_file-Dst
 	 */
 	MyAMS.baseURL = (function () {
-		var script = $('script[src$="/myams.js"], script[src$="/myams.min.js"]');
+		var script = $('script[src*="/myams.js"], script[src*="/myams.min.js"]');
 		var src = script.attr("src");
-		ams.devmode = !src.endsWith('.min.js');
+		ams.devmode = src.indexOf('.min.js') < 0;
+		ams.devext = ams.devmode ? '' : '.min';
 		return src.substring(0, src.lastIndexOf('/') + 1);
 	})();
 
@@ -628,6 +687,20 @@
 		},
 
 		/**
+		 * AJAX start callback
+		 */
+		start: function() {
+			$('#ajax-gear').show();
+		},
+
+		/**
+		 * AJAX stop callback
+		 */
+		stop: function() {
+			$('#ajax-gear').hide();
+		},
+
+		/**
 		 * Handle AJAX upload and download progress
 		 *
 		 * @param event: the source event
@@ -668,7 +741,7 @@
 				type: 'post',
 				cache: false,
 				async: typeof(callback) == 'function',
-				data: $.param(data, true),
+				data: $.param(data),
 				dataType: 'json',
 				success: callback || function(data /*, status*/) {
 					result = data.result;
@@ -907,7 +980,7 @@
 		 */
 		query: function(query, method, options, callback) {
 			ams.ajax.check($.jsonRpc,
-						   ams.baseURL + 'ext/jquery-jsonrpc' + (ams.devmode ? '.js' : '.min.js'),
+						   ams.baseURL + 'ext/jquery-jsonrpc' + ams.devext + '.js',
 						   function() {
 								var result;
 								if (typeof(options) == 'function') {
@@ -1016,7 +1089,7 @@
 		 */
 		post: function(url, method, data, options, callback) {
 			ams.ajax.check($.xmlrpc,
-						   ams.baseURL + 'ext/jquery-xmlrpc' + (ams.devmode ? '.js' : '.min.js'),
+						   ams.baseURL + 'ext/jquery-xmlrpc' + ams.devext + '.js',
 						   function() {
 								var result;
 								if (typeof(options) == 'function') {
@@ -1151,10 +1224,10 @@
 			$('.state-error', form).removeClassPrefix('state-');
 			// Check submit button
 			var button = $(form.data('ams-submit-button'));
-			if (button)
+			if (button && !button.data('ams-form-hide-loading'))
 				button.button('loading');
 			ams.ajax.check($.fn.ajaxSubmit,
-						   ams.baseURL + 'ext/jquery-form-3.49' + (ams.devmode ? '.js' : '.min.js'),
+						   ams.baseURL + 'ext/jquery-form-3.49' + ams.devext + '.js',
 						   function() {
 
 								function _submitAjaxForm(form, options) {
@@ -1333,7 +1406,7 @@
 									// and matching named buttons will be deleted (on first form submit)
 									// before JQuery-form plug-in can get them when submitting the form...
 									ams.ajax.check($.progressBar,
-												   ams.baseURL + 'ext/jquery-progressbar' + (ams.devmode ? '.js' : '.min.js'));
+												   ams.baseURL + 'ext/jquery-progressbar' + ams.devext + '.js');
 									var settings = $.extend({}, {
 										uuid: $.progressBar.submit(form)
 									});
@@ -1609,10 +1682,10 @@
 		 */
 		open: function(source, options) {
 			ams.ajax.check($.fn.modalmanager,
-						   ams.baseURL + 'ext/bootstrap-modalmanager' + (ams.devmode ? '.js' : '.min.js'),
+						   ams.baseURL + 'ext/bootstrap-modalmanager' + ams.devext + '.js',
 						   function() {
 								ams.ajax.check($.fn.modal.defaults,
-											   ams.baseURL + 'ext/bootstrap-modal' + (ams.devmode ? '.js' : '.min.js'),
+											   ams.baseURL + 'ext/bootstrap-modal' + ams.devext + '.js',
 								function(first_load) {
 									if (first_load) {
 										$(document).off('click.modal');
@@ -1756,6 +1829,9 @@
 		 */
 		hidden: function(e) {
 			var modal = e.target;
+			// Call registered cleaning callbacks
+			ams.skin.cleanContainer(modal);
+			// Call registered hide callbacks
 			var callbacks = ams.dialog._hide_callbacks;
 			for (var index in callbacks) {
 				callbacks[index].call(modal);
@@ -1778,7 +1854,7 @@
 			var source = $(this);
 			var label = source.parents('label');
 			var target = source.data('ams-select2-target');
-			$('INPUT[name="' + target + '"]', label).data('select2').val('');
+			$('[name="' + target + '"]', label).data('select2').val('');
 		},
 
 		/** Select2 selection formatter */
@@ -1852,6 +1928,52 @@
 			}
 		},
 
+		/** Context menu handler */
+		contextMenuHandler: function(target, menu) {
+			var menu_data = menu.data();
+			if (menu_data.toggle == 'modal') {
+				ams.dialog.open(menu);
+			} else {
+				var href = menu.attr('href') || menu_data.amsUrl;
+				if (!href || href.startsWith('javascript:') || menu.attr('target'))
+					return;
+				ams.event.stop();
+				var href_getter = ams.getFunctionByName(href);
+				if (typeof(href_getter) == 'function') {
+					href = href_getter.call(menu, target);
+				}
+				if (typeof(href) == 'function') {
+					// Javascript function call
+					href.call(menu, target);
+				} else {
+					// Standard AJAX or browser URL call
+					// Convert %23 chars to #
+					href = href.replace(/\%23/, '#');
+					var target = menu.data('ams-target');
+					if (target) {
+						ams.form.confirmChangedForm(target, function () {
+							ams.skin.loadURL(href, target, menu.data('ams-link-options'), menu.data('ams-link-callback'));
+						});
+					} else {
+						ams.form.confirmChangedForm(function () {
+							if (href.startsWith('#')) {
+								if (href != location.hash) {
+									if (ams.root.hasClass('mobile-view-activated')) {
+										ams.root.removeClass('hidden-menu');
+										window.setTimeout(function () {
+											window.location.hash = href;
+										}, 150);
+									} else
+										window.location.hash = href;
+								}
+							} else
+								window.location = href;
+						});
+					}
+				}
+			}
+		},
+
 		/** Datetimepicker dialog cleaner callback */
 		datetimepickerDialogHiddenCallback: function() {
 			$('.datepicker, .timepicker, .datetimepicker', this).datetimepicker('destroy');
@@ -1891,16 +2013,7 @@
 				}
 			});
 
-			// Run already enabled plug-ins
-			for (var index in ams.plugins.enabled) {
-				if (disabled.indexOf(index) >= 0)
-					continue;
-				var plugin = ams.plugins.enabled[index];
-				if (typeof(plugin) == 'function')
-					plugin(element);
-			}
-
-			// Load, run and register new plug-ins
+			// Load and register new plug-ins
 			var name;
 			$('[data-ams-plugins]', element).each(function() {
 				var source = $(this);
@@ -1928,8 +2041,6 @@
 							var callback = plugin.callback;
 							if (callback) {
 								var called = ams.getFunctionByName(callback);
-								if (typeof(called) == 'function')
-									called.apply(source);
 								if (plugin.register !== false)
 									ams.plugins.enabled[name] = called;
 							} else {
@@ -1946,6 +2057,15 @@
 					}
 				}
 			});
+
+			// Run all enabled plug-ins
+			for (var index in ams.plugins.enabled) {
+				if (disabled.indexOf(index) >= 0)
+					continue;
+				var plugin = ams.plugins.enabled[index];
+				if (typeof(plugin) == 'function')
+					plugin(element);
+			}
 		},
 
 		/**
@@ -2035,9 +2155,9 @@
 				var hints = $('.hint:not(:parents(.nohints))', element);
 				if (hints.length > 0)
 					ams.ajax.check($.fn.tipsy,
-								   ams.baseURL + 'ext/jquery-tipsy' + (ams.devmode ? '.js' : '.min.js'),
+								   ams.baseURL + 'ext/jquery-tipsy' + ams.devext + '.js',
 								   function() {
-										ams.getCSS(ams.baseURL + '../css/ext/jquery-tipsy' + (ams.devmode ? '.css' : '.min.css'),
+										ams.getCSS(ams.baseURL + '../css/ext/jquery-tipsy' + ams.devext + '.css',
 												  'jquery-tipsy');
 										hints.each(function() {
 											var hint = $(this);
@@ -2050,7 +2170,7 @@
 														   hint.attr(data.amsHintTitleAttr || 'title') ||
 														   (data.amsHintHtml ? hint.html() : hint.text());
 												},
-												opacity: data.amsHintOpacity,
+												opacity: data.amsHintOpacity || 0.95,
 												gravity: data.amsHintGravity || 'sw',
 												offset: data.amsHintOffset || 0
 											};
@@ -2147,10 +2267,13 @@
 							input.on('change', function(e) {
 								e.preventDefault();
 								var veto = {};
+								var isChecked = $(this).is(':checked');
 								legend.trigger('ams.checker.before-switch', [legend, veto]);
-								if (veto.veto)
+								if (veto.veto) {
+									// reset checked status because event is fired after change...
+									$(this).attr('checked', !isChecked);
 									return;
-								var isChecked = $(this).is(':checked');
+								}
 								ams.executeFunctionByName(data.amsCheckerChangeHandler, legend, isChecked);
 								if (!data.amsCheckerCancelDefault) {
 									var hidden = input.data('ams-checker-hidden-input');
@@ -2219,13 +2342,112 @@
 			},
 
 			/**
+			 * Draggable plug-in
+			 */
+			draggable: function(element) {
+				var draggables = $('.draggable', element);
+				if (draggables.length > 0) {
+					draggables.each(function() {
+						var draggable = $(this);
+						var data = draggable.data();
+						var data_options = {
+							containment: data.amsDraggableContainment,
+							helper: ams.getFunctionByName(data.amsDraggableHelper) || data.amsDraggableHelper,
+							start: ams.getFunctionByName(data.amsDraggableStart),
+							stop: ams.getFunctionByName(data.amsDraggableStop)
+						};
+						var settings = $.extend({}, data_options, data.amsDraggableOptions);
+						settings = ams.executeFunctionByName(data.amsDraggableInitCallback, draggable, settings) || settings;
+						var plugin = draggable.draggable(settings);
+						draggable.disableSelection();
+						ams.executeFunctionByName(data.amsDraggableAfterInitCallback, draggable, plugin, settings);
+					});
+				}
+			},
+
+			/**
+			 * Sortable plug-in
+			 */
+			sortable: function(element) {
+				var sortables = $('.sortable', element);
+				if (sortables.length > 0) {
+					sortables.each(function() {
+						var sortable = $(this);
+						var data = sortable.data();
+						var data_options = {
+							items: data.amsSortableItems,
+							handle: data.amsSortableHandle,
+							connectWith: data.amsSortableConnectwith,
+							start: ams.getFunctionByName(data.amsSortableStart),
+							over: ams.getFunctionByName(data.amsSortableOver),
+							containment: data.amsSortableContainment,
+							placeholder: data.amsSortablePlaceholder,
+							stop: ams.getFunctionByName(data.amsSortableStop)
+						};
+						var settings = $.extend({}, data_options, data.amsSortableOptions);
+						settings = ams.executeFunctionByName(data.amsSortableInitCallback, sortable, settings) || settings;
+						var plugin = sortable.sortable(settings);
+						sortable.disableSelection();
+						ams.executeFunctionByName(data.amsSortableAfterInitCallback, sortable, plugin, settings);
+					});
+				}
+			},
+
+			/**
+			 * Resizable plug-in
+			 */
+			resizable: function(element) {
+				var resizables = $('.resizable', element);
+				if (resizables.length > 0) {
+					resizables.each(function() {
+						var resizable = $(this);
+						var data = resizable.data();
+						var data_options = {
+							autoHide: data.amsResizableAutohide === false ? true : data.amsResizableAutohide,
+							containment: data.amsResizableContainment,
+							grid: data.amsResizableGrid,
+							handles: data.amsResizableHandles,
+							start: ams.getFunctionByName(data.amsResizableStart),
+							stop: ams.getFunctionByName(data.amsResizableStop)
+						};
+						var settings = $.extend({}, data_options, data.amsResizableOptions);
+						settings = ams.executeFunctionByName(data.amsResizableInitCallback, resizable, settings) || settings;
+						var plugin = resizable.resizable(settings);
+						resizable.disableSelection();
+						ams.executeFunctionByName(data.amsResizableAfterInitCallback, resizable, plugin, settings);
+					});
+				}
+			},
+
+			/**
+			 * Context menu plug-in
+			 */
+			contextMenu: function(element) {
+				var menus = $('.context-menu', element);
+				if (menus.length > 0) {
+					menus.each(function() {
+						var menu = $(this);
+						var data = menu.data();
+						var data_options = {
+							menuSelector: data.amsContextmenuSelector,
+							menuSelected: ams.helpers.contextMenuHandler
+						};
+						var settings = $.extend({}, data_options, data.amsContextmenuOptions);
+						settings = ams.executeFunctionByName(data.amsContextmenuInitCallback, menu, settings) || settings;
+						var plugin = menu.contextMenu(settings);
+						ams.executeFunctionByName(data.amsContextmenuAfterInitCallback, menu, plugin, settings);
+					});
+				}
+			},
+
+			/**
 			 * Select2 plug-in
 			 */
 			select2: function(element) {
 				var selects = $('.select2', element);
 				if (selects.length > 0) {
 					ams.ajax.check($.fn.select2,
-								   ams.baseURL + 'ext/jquery-select2-3.5.2' + (ams.devmode ? '.js' : '.min.js'),
+								   ams.baseURL + 'ext/jquery-select2-3.5.2' + ams.devext + '.js',
 								   function() {
 										selects.each(function() {
 											var select = $(this);
@@ -2316,9 +2538,11 @@
 											}
 
 											if (select.attr('readonly')) {
-												data_options.query = function() {
-													return [];
-												};
+												if (select.attr('type') == 'hidden') {
+													data_options.query = function () {
+														return [];
+													};
+												}
 											} else if (data.amsSelect2Query) {
 												// Custom query method
 												data_options.query = ams.getFunctionByName(data.amsSelect2Query);
@@ -2386,15 +2610,13 @@
 											var plugin = select.select2(settings);
 											ams.executeFunctionByName(data.amsSelect2AfterInitCallback, select, plugin, settings);
 											if (select.hasClass('ordered')) {
-												$(plugin.context).parents('.select2-parent').find('ul.select2-choices').sortable({
-													containment: 'parent',
-													start: function() {
-														select.select2('onSortStart');
-													},
-													update: function() {
-														select.select2('onSortEnd');
-													}
-											   })
+												ams.ajax.check($.fn.select2Sortable,
+															   ams.baseURL + 'ext/jquery-select2-sortable' + ams.devext + '.js',
+															   function() {
+																	select.select2Sortable({
+																		bindOrder: 'sortableStop'
+																	});
+															   });
 											}
 
 											select.on('change', function() {
@@ -2438,7 +2660,7 @@
 				var datepickers = $('.datepicker', element);
 				if (datepickers.length > 0) {
 					ams.ajax.check($.fn.datetimepicker,
-								   ams.baseURL + 'ext/jquery-datetimepicker' + (ams.devmode ? '.js': '.min.js'),
+								   ams.baseURL + 'ext/jquery-datetimepicker' + ams.devext + '.js',
 								   function(first_load) {
 										if (first_load) {
 											ams.getCSS(ams.baseURL + '../css/ext/jquery-datetimepicker' + (ams.devmode ? '.css' : '.min.css'), 'jquery-datetimepicker');
@@ -2470,7 +2692,7 @@
 				var datetimepickers = $('.datetimepicker', element);
 				if (datetimepickers.length > 0) {
 					ams.ajax.check($.fn.datetimepicker,
-								   ams.baseURL + 'ext/jquery-datetimepicker' + (ams.devmode ? '.js': '.min.js'),
+								   ams.baseURL + 'ext/jquery-datetimepicker' + ams.devext + '.js',
 								   function(first_load) {
 										if (first_load) {
 											ams.getCSS(ams.baseURL + '../css/ext/jquery-datetimepicker' + (ams.devmode ? '.css' : '.min.css'), 'jquery-datetimepicker');
@@ -2502,7 +2724,7 @@
 				var timepickers = $('.timepicker', element);
 				if (timepickers.length > 0) {
 					ams.ajax.check($.fn.datetimepicker,
-								   ams.baseURL + 'ext/jquery-datetimepicker' + (ams.devmode ? '.js': '.min.js'),
+								   ams.baseURL + 'ext/jquery-datetimepicker' + ams.devext + '.js',
 								   function(first_load) {
 										if (first_load) {
 											ams.getCSS(ams.baseURL + '../css/ext/jquery-datetimepicker' + (ams.devmode ? '.css' : '.min.css'), 'jquery-datetimepicker');
@@ -2533,10 +2755,10 @@
 				var colorpickers = $('.colorpicker', element);
 				if (colorpickers.length > 0) {
 					ams.ajax.check($.fn.minicolors,
-								   ams.baseURL + 'ext/jquery-minicolors' + (ams.devmode ? '.js' : '.min.js'),
+								   ams.baseURL + 'ext/jquery-minicolors' + ams.devext + '.js',
 								   function(first_load) {
 										if (first_load) {
-											ams.getCSS(ams.baseURL + '../css/ext/jquery-minicolors' + (ams.devmode ? '.css' : '.min.css'), 'jquery-minicolors');
+											ams.getCSS(ams.baseURL + '../css/ext/jquery-minicolors' + ams.devext + '.css', 'jquery-minicolors');
 										}
 										colorpickers.each(function() {
 											var input = $(this);
@@ -2560,7 +2782,7 @@
 				var typeaheads = $('.typeahead', element);
 				if (typeaheads.length > 0) {
 					ams.ajax.check($.fn.typeahead,
-								   ams.baseURL + 'ext/jquery-typeahead' + (ams.devmode ? '.js' : '.min.js'),
+								   ams.baseURL + 'ext/jquery-typeahead' + ams.devext + '.js',
 								   function() {
 										typeaheads.each(function() {
 											var input = $(this);
@@ -2582,7 +2804,7 @@
 				var forms = $('FORM:not([novalidate])', element);
 				if (forms.length > 0) {
 					ams.ajax.check($.fn.validate,
-								   ams.baseURL + 'ext/jquery-validate-1.11.1' + (ams.devmode ? '.js' : '.min.js'),
+								   ams.baseURL + 'ext/jquery-validate-1.11.1' + ams.devext + '.js',
 								   function(first_load) {
 										if (first_load) {
 											$.validator.setDefaults({
@@ -2626,7 +2848,7 @@
 																		// before JQuery-form plug-in can get them when submitting the form...
 																		$('.state-error', form).removeClass('state-error');
 																		ams.ajax.check($.fn.ajaxSubmit,
-																					   ams.baseURL + 'ext/jquery-form-3.49' + (ams.devmode ? '.js' : '.min.js'));
+																					   ams.baseURL + 'ext/jquery-form-3.49' + ams.devext + '.js');
 																		return ams.form.submit(form);
 																	}
 																	: ams.getFunctionByName(data.amsFormSubmitHandler)
@@ -2666,7 +2888,7 @@
 				var tables = $('.datatable', element);
 				if (tables.length > 0) {
 					ams.ajax.check($.fn.dataTable,
-								   ams.baseURL + 'ext/jquery-dataTables-1.9.4' + (ams.devmode ? '.js' : '.min.js'),
+								   ams.baseURL + 'ext/jquery-dataTables-1.9.4' + ams.devext + '.js',
 								   function(first_load) {
 										if (first_load) {
 											$.fn.dataTableExt.oSort['numeric-comma-asc']  = function(a, b) {
@@ -2686,7 +2908,7 @@
 										}
 										$(tables).each(function() {
 											ams.ajax.check($.fn.dataTableExt.oPagination['bootstrap_full'],
-														   ams.baseURL + 'myams-dataTables' + (ams.devmode ? '.js' : '.min.js'));
+														   ams.baseURL + 'myams-dataTables' + ams.devext + '.js');
 											var table = $(this);
 											var data = table.data();
 											var extensions = (data.amsDatatableExtensions || '').split(/\s+/);
@@ -2710,6 +2932,7 @@
 												bPaginate: data.amsDatatablePagination !== false,
 												bInfo: data.amsDatatableInfo !== false,
 												bSort: data.amsDatatableSort !== false,
+												aaSorting: data.amsDatatableSorting,
 												bDeferRender: true,
 												bAutoWidth: false,
 												iDisplayLength: data.amsDatatableDisplayLength || 25,
@@ -2728,23 +2951,23 @@
 													switch (extensions[index]) {
 														case 'autofill':
 															ams.ajax.check($.fn.dataTable.AutoFill,
-																		   ams.baseURL + 'ext/jquery-dataTables-autoFill' + (ams.devmode ? '.js' : '.min.js'));
+																		   ams.baseURL + 'ext/jquery-dataTables-autoFill' + ams.devext + '.js');
 															break;
 														case 'columnfilter':
 															ams.ajax.check($.fn.columnFilter,
-																		   ams.baseURL + 'ext/jquery-dataTables-columnFilter' + (ams.devmode ? '.js' : '.min.js'));
+																		   ams.baseURL + 'ext/jquery-dataTables-columnFilter' + ams.devext + '.js');
 															break;
 														case 'colreorder':
 															ams.ajax.check($.fn.dataTable.ColReorder,
-																		   ams.baseURL + 'ext/jquery-dataTables-colReorder' + (ams.devmode ? '.js' : '.min.js'));
+																		   ams.baseURL + 'ext/jquery-dataTables-colReorder' + ams.devext + '.js');
 															break;
 														case 'colreorderwithresize':
 															ams.ajax.check($.fn.dataTable.ColReorder,
-																		   ams.baseURL + 'ext/jquery-dataTables-colReorderWithResize' + (ams.devmode ? '.js' : '.min.js'));
+																		   ams.baseURL + 'ext/jquery-dataTables-colReorderWithResize' + ams.devext + '.js');
 															break;
 														case 'colvis':
 															ams.ajax.check($.fn.dataTable.ColVis,
-																		   ams.baseURL + 'ext/jquery-dataTables-colVis' + (ams.devmode ? '.js' : '.min.js'));
+																		   ams.baseURL + 'ext/jquery-dataTables-colVis' + ams.devext + '.js');
 															var cv_default = {
 																activate: 'click',
 																sAlign: 'right'
@@ -2753,33 +2976,33 @@
 															break;
 														case 'editable':
 															ams.ajax.check($.fn.editable,
-																		   ams.baseURL + 'ext/jquery-jeditable' + (ams.devmode ? '.js' : '.min.js'));
+																		   ams.baseURL + 'ext/jquery-jeditable' + ams.devext + '.js');
 															ams.ajax.check($.fn.makeEditable,
-																		   ams.baseURL + 'ext/jquery-dataTables-editable' + (ams.devmode ? '.js' : '.min.js'));
+																		   ams.baseURL + 'ext/jquery-dataTables-editable' + ams.devext + '.js');
 															break;
 														case 'fixedcolumns':
 															ams.ajax.check($.fn.dataTable.FixedColumns,
-																		   ams.baseURL + 'ext/jquery-dataTables-fixedColumns' + (ams.devmode ? '.js' : '.min.js'));
+																		   ams.baseURL + 'ext/jquery-dataTables-fixedColumns' + ams.devext + '.js');
 															break;
 														case 'fixedheader':
 															ams.ajax.check($.fn.dataTable.FixedHeader,
-																		   ams.baseURL + 'ext/jquery-dataTables-fixedHeader' + (ams.devmode ? '.js' : '.min.js'));
+																		   ams.baseURL + 'ext/jquery-dataTables-fixedHeader' + ams.devext + '.js');
 															break;
 														case 'keytable':
 															ams.ajax.check(window.KeyTable,
-																		   ams.baseURL + 'ext/jquery-dataTables-keyTable' + (ams.devmode ? '.js' : '.min.js'));
+																		   ams.baseURL + 'ext/jquery-dataTables-keyTable' + ams.devext + '.js');
 															break;
 														case 'rowgrouping':
 															ams.ajax.check($.fn.rowGrouping,
-																		   ams.baseURL + 'ext/jquery-dataTables-rowGrouping' + (ams.devmode ? '.js' : '.min.js'));
+																		   ams.baseURL + 'ext/jquery-dataTables-rowGrouping' + ams.devext + '.js');
 															break;
 														case 'rowreordering':
 															ams.ajax.check($.fn.rowReordering,
-																		   ams.baseURL + 'ext/jquery-dataTables-rowReordering' + (ams.devmode ? '.js' : '.min.js'));
+																		   ams.baseURL + 'ext/jquery-dataTables-rowReordering' + ams.devext + '.js');
 															break;
 														case 'scroller':
 															ams.ajax.check($.fn.dataTable.Scroller,
-																		   ams.baseURL + 'ext/jquery-dataTables-scroller' + (ams.devmode ? '.js' : '.min.js'));
+																		   ams.baseURL + 'ext/jquery-dataTables-scroller' + ams.devext + '.js');
 															break;
 														default:
 															break;
@@ -2878,7 +3101,7 @@
 				var tables = $('.table-dnd', element);
 				if (tables.length > 0) {
 					ams.ajax.check($.fn.tableDnD,
-								   ams.baseURL + 'ext/jquery-tablednd' + (ams.devmode ? '.js' : '.min.js'),
+								   ams.baseURL + 'ext/jquery-tablednd' + ams.devext + '.js',
 								   function(first_load) {
 										tables.each(function() {
 											var table = $(this);
@@ -2907,9 +3130,10 @@
 														if (typeof(local_target) == 'function') {
 															local_target.call(table, dnd_table, rows);
 														} else {
-															ams.ajax.post(target, {names: rows});
+															ams.ajax.post(target, {names: JSON.stringify(rows)});
 														}
 													}
+													return false;
 												}
 											};
 											var settings = $.extend({}, data_options, data.amsTabledndOptions);
@@ -2922,16 +3146,65 @@
 			},
 
 			/**
+			 * Image area select plug-in
+			 */
+			imgareaselect: function(element) {
+				var images = $('.imgareaselect', element);
+				if (images.length > 0) {
+					ams.ajax.check($.fn.imgAreaSelect,
+								   ams.baseURL + 'ext/jquery-imgareaselect-0.9.10' + ams.devext + '.js',
+								   function(first_load) {
+									   if (first_load)
+										   ams.getCSS(ams.baseURL + '../css/ext/jquery-imgareaselect' + ams.devext + '.csss');
+									   images.each(function() {
+										   var image = $(this);
+										   var data = image.data();
+										   var parent = data.amsImgareaselectParent ? image.parents(data.amsImgareaselectParent) : 'body';
+										   var data_options = {
+											   instance: true,
+											   handles: true,
+											   parent: parent,
+											   x1: data.amsImgareaselectX1 || 0,
+											   y1: data.amsImgareaselectY1 || 0,
+											   x2: data.amsImgareaselectX2 || data.amsImgareaselectImageWidth,
+											   y2: data.amsImgareaselectY2 || data.amsImgareaselectImageHeight,
+											   imageWidth: data.amsImgareaselectImageWidth,
+											   imageHeight: data.amsImgareaselectImageHeight,
+											   minWidth: 128,
+											   minHeight: 128,
+											   aspectRatio: data.amsImgareaselectRatio,
+											   onSelectEnd: ams.getFunctionByName(data.amsImgareaselectSelectEnd) || function(img, selection) {
+												   var target = data.amsImgareaselectTargetField || 'image_';
+												   $('input[name="' + target + 'x1"]', parent).val(selection.x1);
+												   $('input[name="' + target + 'y1"]', parent).val(selection.y1);
+												   $('input[name="' + target + 'x2"]', parent).val(selection.x2);
+												   $('input[name="' + target + 'y2"]', parent).val(selection.y2);
+											   }
+										   };
+										   var settings = $.extend({}, data_options, data.amsImgareaselectOptions);
+										   settings = ams.executeFunctionByName(data.amsImgareaselectInitCallback, image, settings) || settings;
+										   var plugin = image.imgAreaSelect(settings);
+										   ams.executeFunctionByName(data.amsImgareaselectAfterInitCallback, image, plugin, settings);
+										   // Add update timeout when plug-in is displayed into a modal dialog
+										   setTimeout(function() {
+											   plugin.update();
+										   }, 250);
+									   });
+								   })
+				}
+			},
+
+			/**
 			 * FancyBox plug-in
 			 */
 			fancybox: function(element) {
 				var fancyboxes = $('.fancybox', element);
 				if (fancyboxes.length > 0) {
 					ams.ajax.check($.fn.fancybox,
-								   ams.baseURL + 'ext/jquery-fancybox-2.1.5' + (ams.devmode ? '.js' : '.min.js'),
+								   ams.baseURL + 'ext/jquery-fancybox-2.1.5' + ams.devext + '.js',
 								   function(first_load) {
 										if (first_load)
-											ams.getCSS(ams.baseURL + '../css/ext/jquery-fancybox-2.1.5' + (ams.devmode ? '.css' : '.min.css'));
+											ams.getCSS(ams.baseURL + '../css/ext/jquery-fancybox-2.1.5' + ams.devext + '.css');
 										fancyboxes.each(function() {
 											var fancybox = $(this);
 											var data = fancybox.data();
@@ -2942,15 +3215,15 @@
 													switch (helper) {
 														case 'buttons':
 															ams.ajax.check($.fancybox.helpers.buttons,
-																		   ams.baseURL + 'ext/fancybox-helpers/fancybox-buttons.js' + (ams.devmode ? '.js' : '.min.js'));
+																		   ams.baseURL + 'ext/fancybox-helpers/fancybox-buttons' + ams.devext + '.js');
 															break;
 														case 'thumbs':
 															ams.ajax.check($.fancybox.helpers.thumbs,
-																		   ams.baseURL + 'ext/fancybox-helpers/fancybox-thumbs.js' + (ams.devmode ? '.js' : '.min.js'));
+																		   ams.baseURL + 'ext/fancybox-helpers/fancybox-thumbs' + ams.devext + '.js');
 															break;
 														case 'media':
 															ams.ajax.check($.fancybox.helpers.media,
-																		   ams.baseURL + 'ext/fancybox-helpers/fancybox-media.js' + (ams.devmode ? '.js' : '.min.js'));
+																		   ams.baseURL + 'ext/fancybox-helpers/fancybox-media' + ams.devext + '.js');
 															break;
 														default:
 															break;
@@ -2980,62 +3253,13 @@
 			},
 
 			/**
-			 * Image area select plug-in
-			 */
-			imgareaselect: function(element) {
-				var images = $('.imgareaselect', element);
-				if (images.length > 0) {
-					ams.ajax.check($.fn.imgAreaSelect,
-								   ams.baseURL + 'ext/jquery-imgareaselect-0.9.10' + (ams.devmode ? '.js' : '.min.js'),
-								   function(first_load) {
-										if (first_load)
-											ams.getCSS(ams.baseURL + '../css/ext/jquery-imgareaselect' + (ams.devmode ? '.css' : '.min.css'));
-										images.each(function() {
-											var image = $(this);
-											var data = image.data();
-											var parent = data.amsImgareaselectParent ? image.parents(data.amsImgareaselectParent) : 'body';
-											var data_options = {
-												instance: true,
-												handles: true,
-												parent: parent,
-												x1: data.amsImgareaselectX1 || 0,
-												y1: data.amsImgareaselectY1 || 0,
-												x2: data.amsImgareaselectX2 || data.amsImgareaselectImageWidth,
-												y2: data.amsImgareaselectY2 || data.amsImgareaselectImageHeight,
-												imageWidth: data.amsImgareaselectImageWidth,
-												imageHeight: data.amsImgareaselectImageHeight,
-												minWidth: 128,
-												minHeight: 128,
-												aspectRatio: data.amsImgareaselectRatio,
-												onSelectEnd: ams.getFunctionByName(data.amsImgareaselectSelectEnd) || function(img, selection) {
-													var target = data.amsImgareaselectTargetField || 'image_';
-													$('input[name="' + target + 'x1"]', parent).val(selection.x1);
-													$('input[name="' + target + 'y1"]', parent).val(selection.y1);
-													$('input[name="' + target + 'x2"]', parent).val(selection.x2);
-													$('input[name="' + target + 'y2"]', parent).val(selection.y2);
-												}
-											};
-											var settings = $.extend({}, data_options, data.amsImgareaselectOptions);
-											settings = ams.executeFunctionByName(data.amsImgareaselectInitCallback, image, settings) || settings;
-											var plugin = image.imgAreaSelect(settings);
-											ams.executeFunctionByName(data.amsImgareaselectAfterInitCallback, image, plugin, settings);
-											// Add update timeout when plug-in is displayed into a modal dialog
-											setTimeout(function() {
-												plugin.update();
-											}, 250);
-										});
-								   })
-				}
-			},
-
-			/**
 			 * Sparkline graphs
 			 */
 			graphs: function(element) {
 				var graphs = $('.sparkline', element);
 				if (graphs.length > 0) {
 					ams.ajax.check(ams.graphs,
-								   ams.baseURL + 'myams-graphs' + (ams.devmode ? '.js' : '.min.js'),
+								   ams.baseURL + 'myams-graphs' + ams.devext + '.js',
 								   function() {
 										ams.graphs.init(graphs);
 								   });
@@ -3052,7 +3276,7 @@
 								   ams.baseURL + 'ext/jquery-mousewheel.min.js',
 								   function() {
 										ams.ajax.check($.fn.mCustomScrollbar,
-													   ams.baseURL + 'ext/jquery-mCustomScrollbar' + (ams.devmode ? '.js' : '.min.js'),
+													   ams.baseURL + 'ext/jquery-mCustomScrollbar' + ams.devext + '.js',
 													   function(first_load) {
 															if (first_load)
 																ams.getCSS(ams.baseURL + '../css/ext/jquery-mCustomScrollbar.css',
@@ -3345,7 +3569,7 @@
 				var widgets = $('.ams-widget', element);
 				if (widgets.length > 0)
 					ams.ajax.check($.fn.MyAMSWidget,
-								   ams.baseURL + 'myams-widgets' + (ams.devmode ? '.js' : '.min.js'),
+								   ams.baseURL + 'myams-widgets' + ams.devext + '.js',
 								   function() {
 										widgets.each(function() {
 											var widget = $(this);
@@ -3415,7 +3639,7 @@
 		 */
 		bigBox: function(options, callback) {
 			ams.ajax.check(ams.notify,
-						   ams.baseURL + 'myams-notify' + (ams.devmode ? '.js' : '.min.js'),
+						   ams.baseURL + 'myams-notify' + ams.devext + '.js',
 						   function() {
 								ams.notify.messageBox(options, callback);
 						   });
@@ -3431,7 +3655,7 @@
 				status = 'info';
 			}
 			ams.ajax.check(ams.notify,
-						   ams.baseURL + 'myams-notify' + (ams.devmode ? '.js' : '.min.js'),
+						   ams.baseURL + 'myams-notify' + ams.devext + '.js',
 						   function() {
 								switch (status) {
 									case 'error':
@@ -3462,7 +3686,7 @@
 				status = 'info';
 			}
 			ams.ajax.check(ams.notify,
-						   ams.baseURL + 'myams-notify' + (ams.devmode ? '.js' : '.min.js'),
+						   ams.baseURL + 'myams-notify' + ams.devext + '.js',
 						   function() {
 								switch (status) {
 									case 'error':
@@ -3554,6 +3778,32 @@
 		},
 
 		/**
+		 * List of registered 'cleaning' callbacks
+		 * These callbacks are called before loading a new URL into a given container
+		 * to clean required elements from memory before the DOM elements are removed
+		 */
+		_clean_callbacks: [],
+
+		/**
+		 * Register a callback which should be called before a container is replaced
+		 */
+		registerCleanCallback: function(callback) {
+			var callbacks = ams.skin._clean_callbacks;
+			if (callbacks.indexOf(callback) < 0)
+				callbacks.push(callback);
+		},
+
+		/**
+		 * Call registered cleaning callbacks on given container
+		 */
+		cleanContainer: function(container) {
+			var callbacks = ams.skin._clean_callbacks;
+			for (var index in callbacks) {
+				callbacks[index].call(container);
+			}
+		},
+
+		/**
 		 * Load given URL into container
 		 */
 		loadURL: function(url, container, options, callback) {
@@ -3571,6 +3821,7 @@
 				dataType: 'html',
 				cache: false,
 				beforeSend: function() {
+					ams.skin.cleanContainer(container);
 					container.html('<h1><i class="fa fa-cog fa-spin"></i> Loading... </h1>');
 					if (container[0] == $('#content')[0]) {
 						ams.skin._drawBreadCrumb();
@@ -3602,10 +3853,14 @@
 								$('.alert', container.parents('.alerts-container')).remove();
 								container.css({opacity: '0.0'})
 										 .html(data)
+										 .removeClass('hidden')
 										 .delay(50)
 										 .animate({opacity: '1.0'}, 300);
 								ams.initContent(container);
 						}
+						if (options && options.afterLoadCallback) {
+							ams.executeFunctionByName(options.afterLoadCallback, this);
+						}
 					}
 				},
 				error: function(request, options, error) {
@@ -3680,6 +3935,8 @@
 				return request;
 			}
 		});
+		$(document).ajaxStart(ams.ajax.start);
+		$(document).ajaxStop(ams.ajax.stop);
 		$(document).ajaxError(ams.error.ajax);
 
 		// Check mobile/desktop
@@ -3691,7 +3948,7 @@
 			ams.device = 'mobile';
 			if (ams.enable_fastclick) {
 				ams.ajax.check($.fn.noClickDelay,
-							   ams.baseURL + '/ext/jquery-smartclick' + (ams.devmode ? '.js' : '.min.js'),
+							   ams.baseURL + '/ext/jquery-smartclick' + ams.devext + '.js',
 							   function() {
 								   $('NAV UL A').noClickDelay();
 								   $('#hide-menu A').noClickDelay();
@@ -3821,7 +4078,7 @@
 
 		// Resize events
 		ams.ajax.check($.resize,
-					   ams.baseURL + 'ext/jquery-resize' + (ams.devmode ? '.js' : '.min.js'),
+					   ams.baseURL + 'ext/jquery-resize' + ams.devext + '.js',
 					   function() {
 						   $('#main').resize(function() {
 							   ams.skin._setPageHeight();
@@ -3834,24 +4091,22 @@
 
 		// Init AJAX navigation
 		if (ams.ajax_nav) {
-			if ($('nav').length > 0)
-				ams.skin.checkURL();
 			$(document).on('click', 'a[href="#"]', function(e) {
 				e.preventDefault();
 			});
 			$(document).on('click', 'a[href!="#"]:not([data-toggle]), [data-ams-url]:not([data-toggle])', function(e) {
 				var link = $(e.currentTarget);
 				var href = link.attr('href') || link.data('ams-url');
-				if (!href || href.startsWith('javascript:') || link.attr('target'))
+				if (!href || href.startsWith('javascript:') || link.attr('target') || (link.data('ams-context-menu') === true))
 					return;
 				e.preventDefault();
+				e.stopPropagation();
 				var href_getter = ams.getFunctionByName(href);
 				if (typeof(href_getter) == 'function') {
 					href = href_getter.call(link);
 				}
 				if (typeof(href) == 'function') {
 					// Javascript function call
-					e.stopPropagation();
 					href.call(link);
 				} else {
 					// Standard AJAX or browser URL call
@@ -3900,6 +4155,8 @@
 		$(document).off('click.modal')
 				   .on('click', '[data-toggle="modal"]', function(e) {
 			var source = $(this);
+			if (source.data('ams-context-menu') === true)
+				return;
 			if (source.data('ams-stop-propagation') === true)
 				e.stopPropagation();
 			e.preventDefault();
@@ -3965,6 +4222,13 @@
 			}
 		});
 
+		// Prevent bootstrap dialog from blocking TinyMCE focus
+		$(document).on('focusin', function(e) {
+			if ($(e.target).closest('.mce-window').length) {
+				e.stopImmediatePropagation();
+			}
+		});
+
 		// Disable clicks on disabled tabs
 		$("a[data-toggle=tab]", ".nav-tabs").on("click", function(e) {
 			if ($(this).parent('li').hasClass("disabled")) {
@@ -3986,13 +4250,10 @@
 			}
 		});
 
-		// Init plug-ins required by main layout
-		ams.plugins.enabled.hint(document);
-
-		// Init content when not loaded by AJAX request
-		// or when redirecting to authentication page...
-		if ((window.location.hash == '') || (ams.getQueryVar(window.location.href, 'came_from') != false))
-			ams.initContent(document);
+		// Init page content
+		ams.initContent(document);
+		if (ams.ajax_nav && ($('nav').length > 0))
+			ams.skin.checkURL();
 
 		// Add unload event listener to check for modified forms
 		$(window).on('beforeunload', ams.form.checkBeforeUnload);