X-Git-Url: http://git.archive.openwrt.org/?p=project%2Fluci2%2Fui.git;a=blobdiff_plain;f=luci2%2Fhtdocs%2Fluci2%2Fluci2.js;h=45584e70485269a0e5a09b3897b6aac3f836d22f;hp=220e040273f448db3aa90835987e0788360e83d2;hb=4bb42cc51fbf15038be9548c002c3a3d6b2a296f;hpb=d6ff503b64b24f2028ebec032945df24eda62074

diff --git a/luci2/htdocs/luci2/luci2.js b/luci2/htdocs/luci2/luci2.js
index 220e040..45584e7 100644
--- a/luci2/htdocs/luci2/luci2.js
+++ b/luci2/htdocs/luci2/luci2.js
@@ -4966,6 +4966,7 @@ function LuCI2()
 			this.instance = { };
 			this.dependencies = [ ];
 			this.rdependency = { };
+			this.events = { };
 
 			this.options = _luci2.defaults(options, {
 				placeholder: '',
@@ -5021,6 +5022,11 @@ function LuCI2()
 			return i.top;
 		},
 
+		active: function(sid)
+		{
+			return (this.instance[sid] && !this.instance[sid].disabled);
+		},
+
 		ucipath: function(sid)
 		{
 			return {
@@ -5160,14 +5166,30 @@ function LuCI2()
 			}
 
 			if (rv)
+			{
 				for (var field in d.self.rdependency)
 					d.self.rdependency[field].toggle(d.sid);
 
+				d.self.section.tabtoggle(d.sid);
+			}
+
 			return rv;
 		},
 
 		validator: function(sid, elem, multi)
 		{
+			var evdata = {
+				self:   this,
+				sid:    sid,
+				elem:   elem,
+				multi:  multi,
+				inst:   this.instance[sid],
+				opt:    this.options.optional
+			};
+
+			for (var evname in this.events)
+				elem.on(evname, evdata, this.events[evname]);
+
 			if (typeof(this.options.datatype) == 'undefined' && $.isEmptyObject(this.rdependency))
 				return elem;
 
@@ -5175,13 +5197,13 @@ function LuCI2()
 			if (typeof(this.options.datatype) == 'string')
 			{
 				try {
-					vstack = _luci2.cbi.validation.compile(this.options.datatype);
+					evdata.vstack = _luci2.cbi.validation.compile(this.options.datatype);
 				} catch(e) { };
 			}
 			else if (typeof(this.options.datatype) == 'function')
 			{
 				var vfunc = this.options.datatype;
-				vstack = [ function(elem) {
+				evdata.vstack = [ function(elem) {
 					var rv = vfunc(this, elem);
 					if (rv !== true)
 						validation.message = rv;
@@ -5189,16 +5211,6 @@ function LuCI2()
 				}, [ elem ] ];
 			}
 
-			var evdata = {
-				self:   this,
-				sid:    sid,
-				elem:   elem,
-				multi:  multi,
-				vstack: vstack,
-				inst:   this.instance[sid],
-				opt:    this.options.optional
-			};
-
 			if (elem.prop('tagName') == 'SELECT')
 			{
 				elem.change(evdata, this._ev_validate);
@@ -5228,7 +5240,7 @@ function LuCI2()
 			return (i.disabled || i.error.text() == '');
 		},
 
-		depends: function(d, v)
+		depends: function(d, v, add)
 		{
 			var dep;
 
@@ -5273,7 +5285,11 @@ function LuCI2()
 			if ($.isEmptyObject(dep))
 				return this;
 
-			this.dependencies.push(dep);
+			if (!add || !this.dependencies.length)
+				this.dependencies.push(dep);
+			else
+				for (var i = 0; i < this.dependencies.length; i++)
+					$.extend(this.dependencies[i], dep);
 
 			return this;
 		},
@@ -5303,7 +5319,7 @@ function LuCI2()
 							break;
 						}
 					}
-					else if (typeof(cmp) == 'string')
+					else if (typeof(cmp) == 'string' || typeof(cmp) == 'number')
 					{
 						if (val != cmp)
 						{
@@ -5348,6 +5364,12 @@ function LuCI2()
 			}
 
 			return false;
+		},
+
+		on: function(evname, evfunc)
+		{
+			this.events[evname] = evfunc;
+			return this;
 		}
 	});
 
@@ -5467,7 +5489,7 @@ function LuCI2()
 			var s = $('<select />')
 				.addClass('form-control');
 
-			if (this.options.optional)
+			if (this.options.optional && !this.has_empty)
 				$('<option />')
 					.attr('value', '')
 					.text(_luci2.tr('-- Please choose --'))
@@ -5490,6 +5512,9 @@ function LuCI2()
 			if (!this.choices)
 				this.choices = [ ];
 
+			if (k == '')
+				this.has_empty = true;
+
 			this.choices.push([k, v || k]);
 			return this;
 		}
@@ -5564,10 +5589,7 @@ function LuCI2()
 			{
 				ev.data.select.hide();
 				ev.data.input.show().focus();
-
-				var v = ev.data.input.val();
-				ev.data.input.val(' ');
-				ev.data.input.val(v);
+				ev.data.input.val('');
 			}
 			else if (self.options.optional && s.selectedIndex == 0)
 			{
@@ -5577,6 +5599,8 @@ function LuCI2()
 			{
 				ev.data.input.val(ev.data.select.val());
 			}
+
+			ev.stopPropagation();
 		},
 
 		_blur: function(ev)
@@ -5587,7 +5611,7 @@ function LuCI2()
 
 			ev.data.select.empty();
 
-			if (self.options.optional)
+			if (self.options.optional && !self.has_empty)
 				$('<option />')
 					.attr('value', '')
 					.text(_luci2.tr('-- please choose --'))
@@ -5617,7 +5641,7 @@ function LuCI2()
 				.appendTo(ev.data.select);
 
 			ev.data.input.hide();
-			ev.data.select.val(val).show().focus();
+			ev.data.select.val(val).show().blur();
 		},
 
 		_enter: function(ev)
@@ -5664,6 +5688,9 @@ function LuCI2()
 			if (!this.choices)
 				this.choices = [ ];
 
+			if (k == '')
+				this.has_empty = true;
+
 			this.choices.push([k, v || k]);
 			return this;
 		},
@@ -6157,6 +6184,30 @@ function LuCI2()
 			return w;
 		},
 
+		tabtoggle: function(sid)
+		{
+			for (var i = 0; i < this.tabs.length; i++)
+			{
+				var tab = this.tabs[i];
+				var elem = $('#' + this.id('nodetab', sid, tab.id));
+				var empty = true;
+
+				for (var j = 0; j < tab.fields.length; j++)
+				{
+					if (tab.fields[j].active(sid))
+					{
+						empty = false;
+						break;
+					}
+				}
+
+				if (empty && elem.is(':visible'))
+					elem.fadeOut();
+				else if (!empty)
+					elem.fadeIn();
+			}
+		},
+
 		ucipackages: function(pkg)
 		{
 			for (var i = 0; i < this.tabs.length; i++)
@@ -6222,8 +6273,7 @@ function LuCI2()
 
 		validate: function()
 		{
-			this.error_count = 0;
-
+			var errors = 0;
 			var as = this.sections();
 
 			for (var i = 0; i < as.length; i++)
@@ -6231,19 +6281,19 @@ function LuCI2()
 				var invals = this.validate_section(as[i]['.name']);
 
 				if (invals > 0)
-					this.error_count += invals;
+					errors += invals;
 			}
 
 			var badge = $('#' + this.id('sectiontab')).children('span:first');
 
-			if (this.error_count > 0)
+			if (errors > 0)
 				badge.show()
-					.text(this.error_count)
-					.attr('title', _luci2.trp('1 Error', '%d Errors', this.error_count).format(this.error_count));
+					.text(errors)
+					.attr('title', _luci2.trp('1 Error', '%d Errors', errors).format(errors));
 			else
 				badge.hide();
 
-			return (this.error_count == 0);
+			return (errors == 0);
 		}
 	});
 
@@ -6254,7 +6304,6 @@ function LuCI2()
 			this.options  = options;
 			this.tabs     = [ ];
 			this.fields   = { };
-			this.error_count  = 0;
 			this.active_panel = 0;
 			this.active_tab   = { };
 		},
@@ -7043,6 +7092,20 @@ function LuCI2()
 			return body;
 		},
 
+		_render_footer: function()
+		{
+			return $('<div />')
+				.addClass('panel panel-default panel-body text-right')
+				.append($('<div />')
+					.addClass('btn-group')
+					.append(_luci2.ui.button(_luci2.tr('Save & Apply'), 'primary')
+						.click({ self: this }, function(ev) {  }))
+					.append(_luci2.ui.button(_luci2.tr('Save'), 'default')
+						.click({ self: this }, function(ev) { ev.data.self.send(); }))
+					.append(_luci2.ui.button(_luci2.tr('Reset'), 'default')
+						.click({ self: this }, function(ev) { ev.data.self.insertInto(ev.data.self.target); })));
+		},
+
 		render: function()
 		{
 			var map = $('<form />');
@@ -7058,18 +7121,7 @@ function LuCI2()
 			map.append(this._render_body());
 
 			if (this.options.pageaction !== false)
-			{
-				map.append($('<div />')
-					.addClass('panel panel-default panel-body text-right')
-					.append($('<div />')
-						.addClass('btn-group')
-						.append(_luci2.ui.button(_luci2.tr('Save & Apply'), 'primary')
-							.click({ self: this }, function(ev) {  }))
-						.append(_luci2.ui.button(_luci2.tr('Save'), 'default')
-							.click({ self: this }, function(ev) { ev.data.self.send(); }))
-						.append(_luci2.ui.button(_luci2.tr('Reset'), 'default')
-							.click({ self: this }, function(ev) { ev.data.self.insertInto(ev.data.self.target); }))));
-			}
+				map.append(this._render_footer());
 
 			return map;
 		},
@@ -7229,4 +7281,55 @@ function LuCI2()
 			});
 		}
 	});
+
+	this.cbi.Modal = this.cbi.Map.extend({
+		_render_footer: function()
+		{
+			return $('<div />')
+				.addClass('btn-group')
+				.append(_luci2.ui.button(_luci2.tr('Save & Apply'), 'primary')
+					.click({ self: this }, function(ev) {  }))
+				.append(_luci2.ui.button(_luci2.tr('Save'), 'default')
+					.click({ self: this }, function(ev) { ev.data.self.send(); }))
+				.append(_luci2.ui.button(_luci2.tr('Cancel'), 'default')
+					.click({ self: this }, function(ev) { _luci2.ui.dialog(false); }));
+		},
+
+		render: function()
+		{
+			var modal = _luci2.ui.dialog(this.label('caption'), null, { wide: true });
+			var map = $('<form />');
+
+			var desc = this.label('description');
+			if (desc)
+				map.append($('<p />').text(desc));
+
+			map.append(this._render_body());
+
+			modal.find('.modal-body').append(map);
+			modal.find('.modal-footer').append(this._render_footer());
+
+			return modal;
+		},
+
+		redraw: function()
+		{
+			this.render();
+			this.finish();
+		},
+
+		show: function()
+		{
+			var self = this;
+
+			_luci2.ui.loading(true);
+
+			return self.load().then(function() {
+				self.render();
+				self.finish();
+
+				_luci2.ui.loading(false);
+			});
+		}
+	});
 };