Initial commit to new repo (carried over from: https://github.com/ryancramerdesign/ProcessWire/tree/devns)

wire/templates-admin/scripts/install.js

@@ -0,0 +1,10 @@
+$(document).ready(function() {
+	$(".ui-button").hover(function() {
+		$(this).removeClass("ui-state-default").addClass("ui-state-hover");
+	}, function() {
+		$(this).removeClass("ui-state-hover").addClass("ui-state-default");
+	}).click(function() {
+		$(this).removeClass("ui-state-default").addClass("ui-state-active");
+	});
+});
+

wire/templates-admin/scripts/main.js

@@ -0,0 +1,318 @@
+/**
+ * ProcessWire Admin common javascript
+ *
+ * Copyright 2016 by Ryan Cramer
+ * 
+ */
+
+var ProcessWireAdmin = {
+
+	/**
+	 * Initialize all
+	 * 
+	 */
+	init: function() {
+		this.setupButtonStates();
+		this.setupTooltips();
+		this.setupDropdowns();
+	},
+	
+	/**
+	 * Enable jQuery UI tooltips
+	 *
+	 */
+	setupTooltips: function() {
+		$("a.tooltip, .pw-tooltip").tooltip({
+			position: {
+				my: "center bottom", // bottom-20
+				at: "center top"
+			}
+		}).hover(function() {
+			$(this).addClass('ui-state-hover');
+		}, function() {
+			$(this).removeClass('ui-state-hover');
+		});
+	},
+	
+	/**
+	 * Make buttons utilize the jQuery button state classes
+	 *
+	 */
+	setupButtonStates: function() {
+		// jQuery UI button states
+		$(document).on('mouseover', '.ui-button', function() {
+			var $t = $(this);
+			$t.removeClass("ui-state-default").addClass("ui-state-hover");
+			if($t.hasClass('ui-priority-secondary')) $t.toggleClass('xui-priority-secondary ui-priority-secondary');
+			if($t.hasClass('pw-button-dropdown-main')) {
+				$t.siblings('#pw-dropdown-toggle-' + $t.attr('id')).trigger('mouseover');
+			}
+		}).on('mouseout', '.ui-button', function() {
+			var $t = $(this);
+			$t.removeClass("ui-state-hover").addClass("ui-state-default");
+			if($t.hasClass('xui-priority-secondary')) $t.toggleClass('xui-priority-secondary ui-priority-secondary');
+			if($t.hasClass('pw-button-dropdown-main')) {
+				$t.siblings('#pw-dropdown-toggle-' + $t.attr('id')).trigger('mouseout');
+			}
+		}).on('click', '.ui-button', function() {
+			$(this).removeClass("ui-state-default").addClass("ui-state-active"); // .effect('highlight', {}, 100); 
+		}).on('click', 'a > button', function() {
+			var $a = $(this).parent();
+			var target = $a.attr('target');
+			if(typeof target != "undefined" && target == '_blank') {
+				// skip
+			} else {
+				// make buttons with <a> tags click to the href of the <a>
+				window.location = $a.attr('href');
+			}
+		});
+	},
+
+	/**
+	 * Setup dropdown menus
+	 * 
+	 */
+	setupDropdowns: function() {
+
+		// whether or not dropdown positions are currently being monitored
+		var dropdownPositionsMonitored = false;
+
+		var hoveredDropdownAjaxItem;
+
+		function setupDropdown() {
+
+			var $a = $(this);
+			var $ul;
+		
+			if($a.attr('data-dropdown')) {
+				// see if it is specifying a certain <ul>
+				// first check if the selector matches a sibling
+				$ul = $a.siblings($a.attr('data-dropdown'));
+				// if no match for sibling, check entire document
+				if(!$ul.length) $ul = $($a.attr('data-dropdown'));
+			} else {
+				// otherwise use the <ul> that is the sibling
+				$ul = $a.siblings('.dropdown-menu');
+			}
+
+			$ul.hide();
+			$a.data('dropdown-ul', $ul);
+
+			if($a.is('button')) {
+				if($a.find('.ui-button-text').length == 0) $a.button();
+				if($a.attr('type') == 'submit') {
+					$a.click(function() {
+						$a.addClass('dropdown-disabled');
+						setTimeout(function() {
+							$a.removeClass('dropdown-disabled');
+						}, 2000);
+					});
+				}
+			} else {
+				// $ul.css({ 'border-top-right-radius': 0 }); 
+			}
+			
+			// hide nav when an item is selected to avoid the whole nav getting selected
+			$ul.find('a').click(function() {
+				$ul.hide();
+				return true;
+			});
+
+			// prepend icon to dropdown items that themselves have more items
+			$ul.find(".has-items").each(function() {
+				var $icon = $("<i class='has-items-icon fa fa-angle-right ui-priority-secondary'></i>");
+				$(this).prepend($icon);
+			});
+
+			// when the mouse leaves the dropdown menu, hide it
+			$ul.mouseleave(function() {
+				//if($a.is(":hover")) return;
+				//if($a.filter(":hover").length) return;
+				$ul.hide();
+				$a.removeClass('hover');
+			});
+		}
+
+		function mouseenterDropdownToggle(e) {
+			
+			var $a = $(this);
+			var $ul = $a.data('dropdown-ul');
+			var delay = $a.hasClass('dropdown-toggle-delay') ? 700 : 0;
+			var lastOffset = $ul.data('dropdown-last-offset');
+			var timeout = $a.data('dropdown-timeout');
+			
+			if($a.hasClass('dropdown-toggle-click')) {
+				if(e.type != 'mousedown') return;
+				$a.removeClass('ui-state-focus');
+			}
+			if($a.hasClass('dropdown-disabled')) return;
+
+			timeout = setTimeout(function() {
+				if($a.hasClass('dropdown-disabled')) return;
+				var offset = $a.offset();
+				if(lastOffset != null) {
+					if(offset.top != lastOffset.top || offset.left != lastOffset.left) {
+						// dropdown-toggle has moved, destroy and re-create
+						$ul.menu('destroy').removeClass('dropdown-ready');
+					}
+				}
+
+				if(!$ul.hasClass('dropdown-ready')) {
+					$ul.css('position', 'absolute');
+					$ul.prependTo($('body')).addClass('dropdown-ready').menu();
+					var position = {my: 'right top', at: 'right bottom', of: $a};
+					var my = $ul.attr('data-my');
+					var at = $ul.attr('data-at');
+					if(my) position.my = my;
+					if(at) position.at = at;
+					$ul.position(position).css('z-index', 200);
+				}
+
+				$a.addClass('hover');
+				$ul.show();
+				$ul.data('dropdown-last-offset', offset);
+
+			}, delay);
+
+			$a.data('dropdown-timeout', timeout);
+		}
+
+		function mouseleaveDropdownToggle() {
+
+			var $a = $(this);
+			var $ul = $a.data('dropdown-ul');
+			var timeout = $a.data('dropdown-timeout');
+
+			if(timeout) clearTimeout(timeout);
+			setTimeout(function() {
+				if($ul.filter(":hover").length) return;
+				$ul.find('ul').hide();
+				$ul.hide();
+				$a.removeClass('hover');
+			}, 50);
+
+			if($("body").hasClass('touch-device')) {
+				$(this).attr('data-touchCnt', 0);
+			}
+		}
+
+		function hoverDropdownAjaxItem($a) {
+			var fromAttr = $a.attr('data-from');
+			if(!fromAttr) return;
+			var $from = $('#' + $a.attr('data-from'));
+			if($from.length > 0) setTimeout(function() {
+				var fromLeft = $from.offset().left;
+				//if($a.attr('id') == 'topnav-page-22') fromLeft--;
+				var $ul = $a.closest('li').parent('ul');
+				var thisLeft = $ul.offset().left;
+				if(thisLeft != fromLeft) $ul.css('left', fromLeft);
+			}, 500);
+		}
+
+		function mouseenterDropdownAjaxItem() {
+
+			var $a = $(this);
+			hoveredDropdownAjaxItem = $a;
+
+			setTimeout(function() {
+
+				// check if user wasn't hovered long enough for this to be their intent
+				if(!hoveredDropdownAjaxItem) return;
+				if(hoveredDropdownAjaxItem != $a) return;
+
+				$a.addClass('ajax-items-loaded');
+				// var url = $a.attr('href');
+				var url = $a.attr('data-json');
+				var $ul = $a.siblings('ul');
+				var setupDropdownHover = false;
+				var $itemsIcon = $a.children('.has-items-icon');
+				$itemsIcon.removeClass('fa-angle-right').addClass('fa-spinner fa-spin');
+
+				$.getJSON(url, function(data) {
+					$itemsIcon.removeClass('fa-spinner fa-spin').addClass('fa-angle-right');
+
+					// now add new event to monitor menu positions
+					if(!dropdownPositionsMonitored && data.list.length > 10) {
+						dropdownPositionsMonitored = true;
+						setupDropdownHover = true;
+						$(document).on('hover', 'ul.dropdown-menu a', function() {
+							hoverDropdownAjaxItem($(this));
+						});
+					}
+
+					if(data.add) {
+						var $li = $(
+							"<li class='ui-menu-item add'>" +
+							"<a href='" + data.url + data.add.url + "'>" +
+							"<i class='fa fa-fw fa-" + data.add.icon + "'></i>" +
+							data.add.label + "</a>" +
+							"</li>"
+						);
+						$ul.append($li);
+					}
+					// populate the retrieved items
+					$.each(data.list, function(n) {
+						var icon = '';
+						if(this.icon) icon = "<i class='ui-priority-secondary fa fa-fw fa-" + this.icon + "'></i>";
+						var url = this.url.indexOf('/') === 0 ? this.url : data.url + this.url;
+						var $li = $("<li class='ui-menu-item'><a href='" + url + "'>" + icon + this.label + "</a></li>");
+						if(typeof this.className != "undefined" && this.className && this.className.length) {
+							$li.addClass(this.className);
+						}
+						$ul.append($li);
+					});
+
+					$ul.addClass('navJSON')
+					$ul.addClass('length' + parseInt(data.list.length));
+
+					// trigger the first call
+					hoverDropdownAjaxItem($a);
+
+				}); // getJSON
+
+			}, 250); // setTimeout
+
+		}
+
+		function touchClick() {
+			var touchCnt = $(this).attr('data-touchCnt');
+			if(!touchCnt) touchCnt = 0;
+			touchCnt++;
+			$(this).attr('data-touchCnt', touchCnt);
+			if(touchCnt == 2) {
+				$(this).mouseleave();
+			} else {
+				$(this).mouseenter();
+			}
+			return false;
+		}
+
+		function init() {
+
+			if($("body").hasClass('touch-device')) {
+				$('#topnav').on("click", "a.dropdown-toggle, a.has-items", touchClick);
+			}
+
+			$(".dropdown-menu").on("click", "a:not(.pw-modal)", function(e) {
+				e.stopPropagation();
+			});
+
+			$(".dropdown-toggle").each(setupDropdown);
+
+			$(document)
+				.on('mousedown', '.dropdown-toggle-click', mouseenterDropdownToggle)
+				.on('mouseenter', '.dropdown-toggle:not(.dropdown-toggle-click)', mouseenterDropdownToggle)
+				.on('mouseleave', '.dropdown-toggle', mouseleaveDropdownToggle)
+				.on('mouseenter', '.dropdown-menu a.has-ajax-items:not(.ajax-items-loaded)', mouseenterDropdownAjaxItem) // navJSON
+				.on('mouseleave', '.dropdown-menu a.has-ajax-items', function() { // navJSON
+					hoveredDropdownAjaxItem = null;
+				});
+		}
+
+		init();
+		
+	} // setupDropdowns
+	
+};
+
+