pixl-xyapp 2.1.16 → 2.1.18

package/css/base.css

@@ -1458,6 +1458,17 @@ body.dark .dialog .multiselect {
 	color: var(--theme-color-half);
 }
 
+.form_suffix_symbol {
+	position: relative;
+	left: -15px;
+	width: 20px;
+	height: 20px;
+	line-height: 20px;
+	text-align: center;
+	font-size: 14px;
+	color: var(--label-color);
+}
+
 .checkbox_container {
 	position: relative;
 	display: inline-block;
@@ -1596,8 +1607,8 @@ fieldset.info_fieldset > legend {
 	cursor: default;
 }
 fieldset.info_fieldset > .tool_desc {
-	margin-top: 4px;
-	font-size: 11px;
+	margin-bottom: 10px;
+	font-size: 12px;
 	color: var(--label-color);
 }
 

package/js/base.js

@@ -163,7 +163,7 @@ var app = {
 	
 	handleKeyDown: function(event) {
 		// send keydown event to page if text element isn't current focused
-		if (document.activeElement && document.activeElement.tagName.match(/^(INPUT|TEXTAREA)$/)) return;
+		if (document.activeElement && (document.activeElement.tagName.match(/^(INPUT|TEXTAREA)$/) || (document.activeElement.className == 'CodeMirror-code'))) return;
 		
 		if (this.page_manager && this.page_manager.current_page_id) {
 			var id = this.page_manager.current_page_id;

package/js/page.js

@@ -652,7 +652,7 @@ window.Page = class Page {
 		} // foreach row
 		
 		if (!rows.length) {
-			html += '<ul class="grid_row_empty"><div style="grid-column-start: span ' + cols.length + ';">';
+			html += '<ul class="grid_row_empty"><div style="grid-column: 1 / -1;">';
 			if (args.empty_msg) html += args.empty_msg;
 			else html += 'No '+pluralize(data_type)+' found.';
 			html += '</div></ul>';
@@ -821,7 +821,7 @@ window.Page = class Page {
 		} // foreach row
 		
 		if (!rows.length || (args.empty_msg && args.always_append_empty_msg)) {
-			html += '<ul class="grid_row_empty"><div style="grid-column-start: span ' + cols.length + ';">';
+			html += '<ul class="grid_row_empty"><div style="grid-column: 1 / -1;">';
 			if (args.empty_msg) html += args.empty_msg;
 			else html += 'No '+pluralize(data_type)+' found.';
 			html += '</div></ul>';
@@ -915,7 +915,7 @@ window.Page = class Page {
 		} // foreach row
 		
 		if (!rows.length) {
-			html += '<ul class="grid_row_empty"><div style="grid-column-start: span ' + cols.length + ';">';
+			html += '<ul class="grid_row_empty"><div style="grid-column: 1 / -1;">';
 			if (args.empty_msg) html += args.empty_msg;
 			else html += 'No '+pluralize(data_type)+' found.';
 			html += '</div></ul>';

package/js/select.js

@@ -10,6 +10,7 @@ var SingleSelect = {
 			var self = this;
 			var $this = $(this);
 			$this.css('display', 'none').attr({ 'aria-hidden': true, tabindex: '-1' });
+			if (app.mobile) $this.data('compact', true);
 			
 			var $ms = $('<div class="multiselect single" role="button" tabindex="0" aria-haspopup="listbox" aria-expanded="false"></div>');
 			if ($this.data('private')) $ms.attr('data-private', 1);
@@ -327,10 +328,10 @@ var MultiSelect = {
 		$(sel).each( function() {
 			var self = this;
 			var $this = $(this);
+			if (app.mobile) $this.data('compact', true);
 			$this.css('display', 'none').attr({ 'aria-hidden': true, 'tabindex': '-1' });
 			
 			var $ms = $('<div class="multiselect multi" role="button" tabindex="0" aria-haspopup="listbox" aria-expanded="false"></div>');
-			if ($this.data('compact')) $ms.addClass('compact');
 			if ($this.data('private')) $ms.attr('data-private', 1);
 			$this.after( $ms );
 			
@@ -392,10 +393,6 @@ var MultiSelect = {
 					return false;
 				});
 				
-				if ($this.data('compact') && ($ms[0].offsetHeight < $ms[0].scrollHeight)) {
-					$ms.find('.select_chevron').removeClass().addClass('select_chevron mdi mdi-dots-horizontal');
-				}
-				
 				if ($this.data('hold') && $this.data('volatile') && Popover.enabled && (Popover.$anchor.prop('id') == $this.prop('id'))) {
 					$('#d_sel_dialog_scrollarea > div.sel_dialog_item').each( function(idx) {
 						if (self.options[idx].selected) $(this).addClass('selected').attr('aria-selected', 'true');
@@ -437,10 +434,12 @@ var MultiSelect = {
 				}
 				html += '</div>';
 				
-				html += '<div class="sel_dialog_search_container" role="search">';
-					html += '<input type="text" id="fe_sel_dialog_search" class="sel_dialog_search" autocomplete="off" value=""/>';
-					html += '<div class="sel_dialog_search_icon"><i class="mdi mdi-magnify"></i></div>';
-				html += '</div>';
+				if (!$this.data('compact')) {
+					html += '<div class="sel_dialog_search_container" role="search">';
+						html += '<input type="text" id="fe_sel_dialog_search" class="sel_dialog_search" autocomplete="off" value=""/>';
+						html += '<div class="sel_dialog_search_icon"><i class="mdi mdi-magnify"></i></div>';
+					html += '</div>';
+				}
 				html += '<div id="d_sel_dialog_scrollarea" class="sel_dialog_scrollarea" role="listbox">';
 				
 				for (var idx = 0, len = self.options.length; idx < len; idx++) {
@@ -571,71 +570,74 @@ var MultiSelect = {
 					$(this).html( is_all_sel ? 'Select All' : 'Select None' );
 				});
 				
-				// setup input field
-				var $input = $('#fe_sel_dialog_search');
-				$input.focus();
-				
-				// setup keyboard handlers
-				$input.on('keyup', function(event) {
-					// refresh list on every keypress
-					var value = $input.val().toLowerCase();
-					
-					if (value.length) $('#d_sel_dialog_scrollarea > div.sel_dialog_group').hide();
-					else $('#d_sel_dialog_scrollarea > div.sel_dialog_group').show();
+				var $input = null;
+				if (!$this.data('compact')) {
+					// setup input field
+					$input = $('#fe_sel_dialog_search');
+					$input.focus();
 					
-					$('#d_sel_dialog_scrollarea > div.sel_dialog_item').each( function() {
-						var $item = $(this);
-						if ($item.hasClass('inherited')) {
-							if (value.length) $item.hide();
-							else $item.show();
-							return;
-						}
+					// setup keyboard handlers
+					$input.on('keyup', function(event) {
+						// refresh list on every keypress
+						var value = $input.val().toLowerCase();
+						
+						if (value.length) $('#d_sel_dialog_scrollarea > div.sel_dialog_group').hide();
+						else $('#d_sel_dialog_scrollarea > div.sel_dialog_group').show();
 						
-						var text = $item.find('> span').html().toLowerCase();
-						if (!value.length || (text.indexOf(value) > -1)) {
-							$item.addClass('match').show();
+						$('#d_sel_dialog_scrollarea > div.sel_dialog_item').each( function() {
+							var $item = $(this);
+							if ($item.hasClass('inherited')) {
+								if (value.length) $item.hide();
+								else $item.show();
+								return;
+							}
+							
+							var text = $item.find('> span').html().toLowerCase();
+							if (!value.length || (text.indexOf(value) > -1)) {
+								$item.addClass('match').show();
+							}
+							else {
+								$item.removeClass('match').hide();
+							}
+						} );
+						Popover.reposition();
+					});
+					$input.on('keydown', function(event) {
+						// capture enter key
+						var value = $input.val().toLowerCase();
+						if ((event.keyCode == 13) && value.length) {
+							// enter key with a value typed into the search box
+							event.preventDefault();
+							event.stopPropagation();
+							
+							var mup = jQuery.Event( "click" );
+							mup.metaKey = true; // bypass `hold` feature
+							$('#d_sel_dialog_scrollarea > div.sel_dialog_item.match').slice(0, 1).trigger(mup);
 						}
-						else {
-							$item.removeClass('match').hide();
+						else if ((event.keyCode == 13) && $this.data('hold')) {
+							// enter key WITHOUT value typed into search box + hold mode
+							event.preventDefault();
+							event.stopPropagation();
+							$('#btn_sel_dialog_add').trigger( jQuery.Event("click") );
 						}
-					} );
-					Popover.reposition();
-				});
-				$input.on('keydown', function(event) {
-					// capture enter key
-					var value = $input.val().toLowerCase();
-					if ((event.keyCode == 13) && value.length) {
-						// enter key with a value typed into the search box
-						event.preventDefault();
-						event.stopPropagation();
-						
-						var mup = jQuery.Event( "click" );
-						mup.metaKey = true; // bypass `hold` feature
-						$('#d_sel_dialog_scrollarea > div.sel_dialog_item.match').slice(0, 1).trigger(mup);
-					}
-					else if ((event.keyCode == 13) && $this.data('hold')) {
-						// enter key WITHOUT value typed into search box + hold mode
-						event.preventDefault();
-						event.stopPropagation();
-						$('#btn_sel_dialog_add').trigger( jQuery.Event("click") );
-					}
-					else if ((event.keyCode == 27) && $this.data('hold')) {
-						// esc key WITHOUT value typed into search box + hold mode
-						event.preventDefault();
-						event.stopPropagation();
-						$('#btn_sel_dialog_cancel').trigger( jQuery.Event("click") );
-					}
-				});
+						else if ((event.keyCode == 27) && $this.data('hold')) {
+							// esc key WITHOUT value typed into search box + hold mode
+							event.preventDefault();
+							event.stopPropagation();
+							$('#btn_sel_dialog_cancel').trigger( jQuery.Event("click") );
+						}
+					});
+				} // not compact
 				
 				// handle enter/esc keys if search field is NOT focused
 				Popover.onKeyDown = function(event) {
-					if ((event.keyCode == 13) && !$input.is(':focus') && $this.data('hold')) {
+					if ((event.keyCode == 13) && (!$input || !$input.is(':focus')) && $this.data('hold')) {
 						// enter key
 						event.preventDefault();
 						event.stopPropagation();
 						$('#btn_sel_dialog_add').trigger( jQuery.Event("click") );
 					}
-					else if ((event.keyCode == 27) && !$input.is(':focus') && $this.data('hold')) {
+					else if ((event.keyCode == 27) && (!$input || !$input.is(':focus')) && $this.data('hold')) {
 						// esc key
 						event.preventDefault();
 						event.stopPropagation();

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "pixl-xyapp",
-	"version": "2.1.16",
+	"version": "2.1.18",
 	"description": "Front-end web application and theme for xyOps.",
 	"author": "Joseph Huckaby <jhuckaby@pixlcore.com>",
 	"homepage": "https://github.com/pixlcore/pixl-xyapp",