ztfy/ztfy.myams: comparison src/ztfy/myams/resources/js/myams.js

Mercurial Mercurial > ztfy > ztfy.myams / comparison

summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help

src/ztfy/myams/resources/js/myams.js

changeset 156	61176c64158d
parent 154	0fff49179f6d
child 160	6c271ae9cfd3

equal deleted inserted replaced

-:e0fb6fd568eb
+:61176c64158d
 	 * JQuery 'scrollbarWidth' function
 	 * Get width of vertical scrollbar
 	 */
 	if ($.scrollbarWidth === undefined) {
 		$.scrollbarWidth = function() {
-			var parent = $('<div style="width:50px;height:50px;overflow:auto"><div/></div>').appendTo('body');
+			var parent = $('<div style="width:50px; height:50px; overflow:auto"><div/></div>').appendTo('body');
 			var child = parent.children();
 			var width = child.innerWidth() - child.height(99).innerWidth();
 			parent.remove();
 			return width;
 		};
 				active_item.addClass("open");
 			});
 			menu.find("LI A").on('click', function() {
 				var link = $(this);
+				if (link.hasClass('active')) {
+					return;
+				}
+				var href = link.attr('href').replace(/^#/,'');
 				var parent_ul = link.parent().find("UL");
 				if (settings.accordion) {
 					var parents = link.parent().parents("UL");
 					var visible = menu.find("UL:visible");
 					visible.each(function(visibleIndex) {
 								return false;
 							}
 						});
 						if (close) {
 							if (parent_ul !== visible[visibleIndex]) {
-								$(visible[visibleIndex]).slideUp(settings.speed, function() {
+								var visibleItem = $(visible[visibleIndex]);
-									link.parent("LI")
+								if (href || !visibleItem.hasClass('active')) {
-										.find("b:first")
+									visibleItem.slideUp(settings.speed, function () {
-										.html(settings.closedSign);
+										$(this).parent("LI")
-									link.parent("LI")
+											.removeClass('open')
-										.removeClass("open");
+											.find("B:first")
-								});
+											.delay(settings.speed)
+											.html(settings.closedSign);
+									});
+								}
 							}
 						}
 					});
 				}
 				var first_ul = link.parent().find("UL:first");
-				if (!link.attr('href').replace(/^#/,'') &&
+				if (!href && first_ul.is(":visible") && !first_ul.hasClass("active")) {
-					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)
 	MyAMS.error = {
 		/**
 		 * Default JQuery AJAX error handler
 		 */
-		ajax: function(event, request /*, settings*/) {
+		ajax: function(event, response, request, error) {
-			if (request.statusText === 'OK') {
+			if (response.statusText === 'OK') {
 				return;
 			}
-			var response = ams.ajax.getResponse(request);
+			var ajax_response = ams.ajax.getResponse(response);
-			if (response.content_type === 'json') {
+			if (ajax_response.content_type === 'json') {
-				ams.ajax.handleJSON(response.data);
+				ams.ajax.handleJSON(ajax_response.data);
 			} else {
 				var title = event.statusText || event.type;
-				var message = request.responseText;
+				var message = response.responseText;
 				ams.skin.messageBox('error', {
 					title: ams.i18n.ERROR_OCCURED,
 					content: '<h4>' + title + '</h4><p>' + message + '</p>',
 					icon: 'fa fa-warning animated shake',
 					timeout: 10000
 				});
 			}
 			if (globals.console) {
 				globals.console.error(event);
-				globals.console.debug(request);
+				globals.console.debug(response);
 			}
 		},
 		/**
 		 * Show AJAX error
 				async: typeof(callback) === 'function',
 				data: $.param(data),
 				dataType: 'json',
 				success: callback || function(data /*, status*/) {
 					result = data.result;
-				},
+				}
-				error: ams.error.show
 			};
 			var settings = $.extend({}, defaults, options);
 			$.ajax(settings);
 			return result;
 		},
 			var focused = $('[data-ams-focus-target]', container).first();
 			if (!focused.exists()) {
 				focused = $('input, select', container).first();
 			}
 			if (focused.exists()) {
+				if (focused.hasClass('select2-input')) {
+					focused = focused.parents('.select2');
+				}
 				if (focused.hasClass('select2')) {
 					setTimeout(function() {
-						focused.select2('focus')
+						focused.select2('focus');
-						focused.select2('open');
+						if (focused.data('ams-focus-open') === true) {
+							focused.select2('open');
+						}
 					}, 100);
 				} else {
 					focused.focus();
 				}
 			}
 			// Check submit validators
 			if (!ams.form._checkSubmitValidators(form)) {
 				return false;
 			}
 			// Remove remaining status messages
-			$('.alert-danger, SPAN.state-error', form).remove();
+			$('.alert-danger, SPAN.state-error', form).not('.persistent').remove();
 			$('.state-error', form).removeClassPrefix('state-');
 			// Check submit button
 			var button = $(form.data('ams-submit-button'));
 			if (button && !button.data('ams-form-hide-loading')) {
 				button.button('loading');
 									.addClass('state-error');
 							$('li.state-error:first a', form).click();
 						}
 					}
 				}
-				ams.skin.alert(form, errors.error_level || 'error', header, message, errors.error_message);
+				ams.skin.alert($('fieldset:first', form), errors.error_level || 'error', header, message, errors.error_message);
 			}
 		}
 	};
 													default:
 														var content = $(result);
 														var dialog = $('.modal-dialog', content.wrap('<div></div>').parent());
 														var dialog_data = dialog.data();
 														var data_options = {
+															backdrop: 'static',
 															overflow: dialog_data.amsModalOverflow || '.modal-viewport',
 															maxHeight: dialog_data.amsModalMaxHeight === undefined ?
 																	function() {
 																		return $(window).height() -
 																					$('.modal-header', content).outerHeight(true) -
 				for (var index=0; index < plugins.length; index++) {
 					disabled.push(plugins[index]);
 				}
 			});
-			// Load and register new plug-ins
+			// Scan new element for plug-ins
+			var plugins = {};
+			var plugin;
+			var name;
 			$('[data-ams-plugins]', element).each(function() {
+				function registerPlugin(name, new_plugin) {
+					if (plugins.hasOwnProperty(name)) {
+						var plugin = plugins[name];
+						plugin.css = plugin.css || new_plugin.css;
+						if (new_plugin.callback) {
+							plugin.callbacks.push(new_plugin.callback);
+						}
+						if (new_plugin.register) {
+							plugin.register = true;
+						}
+						if (new_plugin.async === false) {
+							plugin.async = false;
+						}
+					} else {
+						plugins[name] = {
+							src: new_plugin.src,
+							css: new_plugin.css,
+							callbacks: new_plugin.callback ? [new_plugin.callback] : [],
+							register: new_plugin.register,
+							async: new_plugin.async
+						}
+					}
+				}
 				var source = $(this);
-				var plugins = {};
+				var ams_plugins = source.data('ams-plugins');
-				var name;
+				if (typeof(ams_plugins) === 'string') {
-				if (typeof(source.data('ams-plugins')) === 'string') {
 					var names = source.data('ams-plugins').split(/\s+/);
-					for (var index=0; index < names.length; index++) {
+					for (var index = 0; index < names.length; index++) {
 						name = names[index];
-						plugins[name] = {
+						var new_plugin = {
 							src: source.data('ams-plugin-' + name + '-src'),
 							css: source.data('ams-plugin-' + name + '-css'),
 							callback: source.data('ams-plugin-' + name + '-callback'),
 							register: source.data('ams-plugin-' + name + '-register'),
 							async: source.data('ams-plugin-' + name + '-async')
 						};
+						registerPlugin(name, new_plugin);
 					}
 				} else {
-					plugins = source.data('ams-plugins');
+					for (name in ams_plugins) {
-				}
+						if (!ams_plugins.hasOwnProperty(name)) {
-				for (name in plugins) {
+							continue;
-					if (ams.plugins.enabled[name] === undefined) {
+						}
-						var plugin = plugins[name];
+						registerPlugin(name, ams_plugins[name]);
-						ams.getScript(plugin.src, function() {
+					}
-							var callback = plugin.callback;
+				}
-							if (callback) {
+			});
-								var called = ams.getFunctionByName(callback);
-								if (plugin.register !== false)
+			// Load new plug-ins and execute async ones
-									ams.plugins.enabled[name] = called;
+			for (name in plugins) {
-							} else {
+				if (ams.plugins.enabled[name] === undefined) {
-								if (plugin.register !== false)
+					plugin = plugins[name];
-									ams.plugins.enabled[name] = null;
+					ams.getScript(plugin.src, function() {
+						var index;
+						var callbacks = plugin.callbacks;
+						if (callbacks) {
+							for (index=0; index < callbacks.length; index++) {
+								var called = ams.getFunctionByName(callbacks[index]);
+								if (plugin.register !== false) {
+									var enabled = ams.plugins.enabled;
+									if (enabled.hasOwnProperty(name)) {
+										enabled[name].push(called);
+									} else {
+										enabled[name] = [called];
+									}
+								}
 							}
-							var css = plugin['css'];
+						} else {
-							if (css) {
+							if (plugin.register !== false) {
-								ams.getCSS(css, name + '_css');
+								ams.plugins.enabled[name] = null;
 							}
-						}, {
+						}
-							async: plugin.async === undefined ? true : plugin.async
+						var css = plugin.css;
-						});
+						if (css) {
-					}
+							ams.getCSS(css, name + '_css');
-				}
+						}
-			});
+						// If running in async mode, registered plug-ins are run
+						// before callback is called so we call plug-in manually
+						if (callbacks && (plugin.async !== false)) {
+							for (index=0; index < callbacks.length; index++) {
+								callbacks[index](element);
+							}
+						}
+					}, {
+						async: plugin.async === undefined ? true : plugin.async
+					});
+				}
+			}
 			// Run all enabled plug-ins
 			for (var index in ams.plugins.enabled) {
 				if (!ams.plugins.enabled.hasOwnProperty(index)) {
 					continue;
 				}
 				if (disabled.indexOf(index) >= 0) {
 					continue;
 				}
-				var plugin = ams.plugins.enabled[index];
+				var callbacks = ams.plugins.enabled[index];
-				if (typeof(plugin) === 'function') {
+				switch (typeof(callbacks)) {
-					plugin(element);
+					case 'function':
+						callbacks(element);
+						break;
+					default:
+						for (var cb_index = 0; cb_index < callbacks.length; cb_index++) {
+							var callback = callbacks[cb_index];
+							if (typeof(callback) === 'function') {
+								callback(element);
+							}
+						}
 				}
 			}
 		},
 		/**
 			 */
 			maskedit: function(element) {
 				var masks = $('[data-mask]', element);
 				if (masks.length > 0) {
 					ams.ajax.check($.fn.mask,
-								   ams.baseURL + 'ext/jquery-maskedinput-1.3.1.min.js',
+								   ams.baseURL + 'ext/jquery-maskedinput-1.4.1' + ams.devext + '.js',
 								   function() {
 										masks.each(function() {
 											var mask = $(this);
 											var data = mask.data();
 											var data_options = {
-												placeholder: data.amsMaskeditPlaceholder || 'X'
+												placeholder: data.amsMaskeditPlaceholder === undefined ? 'X' : data.amsMaskeditPlaceholder,
+												complete: ams.getFunctionByName(data.amsMaskeditComplete)
 											};
 											var settings = $.extend({}, data_options, data.amsMaskeditOptions);
 											settings = ams.executeFunctionByName(data.amsMaskeditInitCallback, mask, settings) || settings;
 											var plugin = mask.mask(mask.attr('data-mask'), settings);
 											ams.executeFunctionByName(data.amsMaskeditAfterInitCallback, mask, plugin, settings);
 					ams.ajax.check($.fn.tableDnD,
 								   ams.baseURL + 'ext/jquery-tablednd' + ams.devext + '.js',
 								   function(first_load) {
 										tables.each(function() {
 											var table = $(this);
-											$(table).on('mouseover', 'tr', function() {
-												$(this.cells[0]).addClass('drag-handle');
-											}).on('mouseout', 'tr', function() {
-												$(this.cells[0]).removeClass('drag-handle');
-											});
 											var data = table.data();
+											if (data.amsTabledndDragHandle) {
+												$('tr', table).addClass('no-drag-handle');
+											} else {
+												$(table).on('mouseover', 'tr', function () {
+													$(this.cells[0]).addClass('drag-handle');
+												}).on('mouseout', 'tr', function () {
+													$(this.cells[0]).removeClass('drag-handle');
+												});
+											}
 											var data_options = {
 												onDragClass: data.amsTabledndDragClass || 'dragging-row',
-												onDragStart: data.amsTabledndDragStart,
+												onDragStart: ams.getFunctionByName(data.amsTabledndDragStart),
 												dragHandle: data.amsTabledndDragHandle,
 												scrollAmount: data.amsTabledndScrollAmount,
 												onAllowDrop: data.amsTabledndAllowDrop,
-												onDrop: data.amsTabledndDrop || function(dnd_table, row) {
+												onDrop: ams.getFunctionByName(data.amsTabledndDrop) || function(dnd_table, row) {
 													var target = data.amsTabledndDropTarget;
 													if (target) {
+														// Disable row click handler
+														$(row).data('ams-disabled-handlers', 'click');
 														var rows = [];
 														$(dnd_table.rows).each(function() {
 															var row_id = $(this).data('ams-element-name');
 															if (row_id) {
 																rows.push(row_id);
 														if (typeof(local_target) === 'function') {
 															local_target.call(table, dnd_table, rows);
 														} else {
 															ams.ajax.post(target, {names: JSON.stringify(rows)});
 														}
+														// Restore row click handler
+														setTimeout(function() {
+															$(row).removeData('ams-disabled-handlers');
+														}, 50);
 													}
 													return false;
 												}
 											};
 											var settings = $.extend({}, data_options, data.amsTabledndOptions);
 		 * @message: main alert message
 		 * @subtitle: optional subtitle
 		 * @margin: if true, a margin will be displayed around alert
 		 */
 		alert: function(parent, status, header, message, subtitle, margin) {
-			$('.alert', parent).remove();
 			if (status === 'error') {
 				status = 'danger';
 			}
-			var content = '<div class="' + (margin ? 'margin-10' : '') + ' alert alert-block alert-' + status + ' fade in">' +
+			$('.alert-' + status, parent).remove();
+			var content = '<div class="' + (margin ? 'margin-10' : '') + ' alert alert-block alert-' + status + ' padding-5 fade in">' +
 				'<a class="close" data-dismiss="alert"><i class="fa fa-check"></i></a>' +
 				'<h4 class="alert-heading">' +
 				'<i class="fa fa-fw fa-warning"></i> ' + header +
 				'</h4>' +
 				(subtitle ? ('<p>' + subtitle + '</p>') : '');
 		/**
 		 * Initialize breadcrumbs based on active menu position
 		 */
 		_drawBreadCrumb: function() {
 			var crumb = $('#ribbon OL.breadcrumb');
-			crumb.empty()
+			$('li', crumb).not('.parent').remove();
-				 .append($('<li></li>').append($('<a></a>').text(ams.i18n.HOME)
+			if (!$('li', crumb).exists()) {
-														   .attr('href', $('nav a[href!="#"]:first').attr('href'))));
+				crumb.append($('<li></li>').append($('<a></a>').text(ams.i18n.HOME)
+															   .addClass('padding-right-5')
+															   .attr('href', $('nav a[href!="#"]:first').attr('href'))));
+			}
 			$('nav LI.active >A').each(function() {
 				var menu = $(this);
 				var body = $.trim(menu.clone()
 									  .children(".badge")
 									  .remove()
 		 * Check URL matching current location hash
 		 */
 		checkURL: function() {
 			function updateActiveMenus(menu) {
-				$('nav .active').removeClass('active');
+				$('.active', nav).removeClass('active');
 				menu.addClass('open')
 					.addClass('active');
 				menu.parents('li').addClass('open active')
 					.children('ul').addClass('active')
 					.show();
 				menu.parents('ul').addClass(menu.attr('href').replace(/^#/, '') ? 'active' : '')
 					.show();
 			}
 			var menu;
+			var nav = $('nav');
 			var hash = location.hash;
 			var url = hash.replace(/^#/, '');
 			if (url) {
 				var container = $('#content');
 				if (!container.exists()) {
 					container = $('body');
 				}
-				menu = $('nav A[href="' + hash + '"]');
+				menu = $('A[href="' + hash + '"]', nav);
 				if (menu.exists()) {
 					updateActiveMenus(menu);
 				}
 				ams.skin.loadURL(url, container);
 				document.title = $('[data-ams-page-title]:first', container).data('ams-page-title') ||
 								 menu.attr('title') ||
 								 document.title;
 			} else {
 				var active_url = $('[data-ams-active-menu]').data('ams-active-menu');
 				if (active_url) {
-					menu = $('nav A[href="' + active_url + '"]');
+					menu = $('A[href="' + active_url + '"]', nav);
 				} else {
-					menu = $('nav >UL >LI >A[href!="#"]').first();
+					menu = $('>UL >LI >A[href!="#"]', nav).first();
 				}
 				if (menu.exists()) {
 					updateActiveMenus(menu);
 					if (active_url) {
 						ams.skin._drawBreadCrumb();
 			if (ams.enable_fastclick) {
 				ams.ajax.check($.fn.noClickDelay,
 							   ams.baseURL + '/ext/jquery-smartclick' + ams.devext + '.js',
 							   function() {
 								   $('NAV UL A').noClickDelay();
-								   $('#hide-menu A').noClickDelay();
+								   $('A', '#hide-menu').noClickDelay();
 							   });
 			}
 		}
 		// Hide menu button
 				}
 			});
 		});
 		// Initialize left nav
-		$('NAV UL').myams_menu({
+		var nav = $('nav');
-			accordion : true,
+		$('UL', nav).myams_menu({
+			accordion : nav.data('ams-menu-accordion') !== false,
 			speed : ams.menu_speed
 		});
 		// Left navigation collapser
 		$('.minifyme').click(function(e) {
 					   function() {
 						   $('#main').resize(function() {
 							   ams.skin._setPageHeight();
 							   ams.skin._checkMobileWidth();
 						   });
-						   $('nav').resize(function() {
+						   nav.resize(function() {
 							   ams.skin._setPageHeight();
 						   });
 					   });
 		// Init AJAX navigation
 			$(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 handlers = link.data('ams-disabled-handlers');
+				if ((handlers === true) || (handlers === 'click')) {
+					return;
+				}
 				var href = link.attr('href') || link.data('ams-url');
 				if (!href || href.startsWith('javascript') || link.attr('target') || (link.data('ams-context-menu') === true)) {
 					return;
 				}
 				e.preventDefault();
 		// Initialize modal dialogs links
 		$(document).off('click.modal')
 				   .on('click', '[data-toggle="modal"]', function(e) {
 			var source = $(this);
+			var handlers = source.data('ams-disabled-handlers');
+			if ((handlers === true) || (handlers === 'click')) {
+				return;
+			}
 			if (source.data('ams-context-menu') === true) {
 				return;
 			}
 			if (source.data('ams-stop-propagation') === true) {
 				e.stopPropagation();
 		});
 		// Initialize custom click handlers
 		$(document).on('click', '[data-ams-click-handler]', function(e) {
 			var source = $(this);
+			var handlers = source.data('ams-disabled-handlers');
+			if ((handlers === true) || (handlers === 'click')) {
+				return;
+			}
 			var data = source.data();
 			if (data.amsClickHandler) {
 				if ((data.amsStopPropagation === true) || (data.amsClickStopPropagation === true)) {
 					e.stopPropagation();
 				}
 		});
 		// Initialize custom change handlers
 		$(document).on('change', '[data-ams-change-handler]', function(e) {
 			var source = $(this);
+			var handlers = source.data('ams-disabled-handlers');
+			if ((handlers === true) || (handlers === 'change')) {
+				return;
+			}
 			var data = source.data();
 			if (data.amsChangeHandler) {
 				if (data.amsChangeKeepDefault !== true) {
 					e.preventDefault();
 				}
 			}
 		});
 		// Init page content
 		ams.initContent(document);
-		if (ams.ajax_nav && $('nav').exists()) {
+		if (ams.ajax_nav && nav.exists()) {
 			ams.skin.checkURL();
 		}
 		ams.form.setFocus(document);
 		// Add unload event listener to check for modified forms

ztfy/ztfy.myams