Implemented tooltips on input fields (both for instance config fields…

… and for action options). closes #49
bitfocus · Jun 10, 2018 · 71127e6 · 71127e6
1 parent 7285fec
commit 71127e6
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/lib/module/millumin/millumin.js b/lib/module/millumin/millumin.js
@@ -25,6 +25,7 @@ instance.prototype.config_fields = function () {
 			type: 'textinput',
 			id: 'host',
 			label: 'Target IP',
+			tooltip: 'The IP of the computer running Millumin',
 			width: 6,
 			regex: self.REGEX_IP
 		},
@@ -52,7 +53,7 @@ instance.prototype.actions = function(system) {
 			options: [
 				{
 					 type: 'textinput',
-					 label: 'Column Nr',
+					 label: 'Column',
 					 id: 'int',
 					 default: 1,
 					 regex: self.REGEX_NUMBER
@@ -65,7 +66,7 @@ instance.prototype.actions = function(system) {
 			options: [
 				{
 					 type: 'textinput',
-					 label: 'Column Nr',
+					 label: 'Column',
 					 id: 'int',
 					 default: 1,
 					 regex: self.REGEX_NUMBER
@@ -103,9 +104,10 @@ instance.prototype.actions = function(system) {
 			 options: [
 				{
 				 type: 'textinput',
-				 label: 'Column Nr',
+				 label: 'Column',
 				 id: 'int',
 				 default: 1,
+				 tooltip: 'Column number',
 				 regex: self.REGEX_NUMBER
 				}
 			]

diff --git a/lib/module/mitti/mitti.js b/lib/module/mitti/mitti.js
@@ -26,6 +26,7 @@ instance.prototype.config_fields = function () {
 			type: 'textinput',
 			id: 'host',
 			label: 'Target IP',
+			tooltip: 'The IP of the computer running Mitti',
 			width: 6,
 			regex: self.REGEX_IP
 		}

diff --git a/public/action.js b/public/action.js
@@ -77,6 +77,9 @@ $(function() {
 
 						if (option.type == 'textinput') {
 							var $opt_input = $("<input type='text' class='action-option-keyup form-control'>");
+							if (option.tooltip !== undefined) {
+								$opt_input.attr('title', option.tooltip);
+							}
 							$opt_input.data('action-id', action.id);
 							$opt_input.data('option-id', option.id);
 
@@ -116,6 +119,9 @@ $(function() {
 							var $opt_input = $("<select class='action-option-change form-control'></select>");
 							$opt_input.data('action-id', action.id);
 							$opt_input.data('option-id', option.id);
+							if (option.tooltip !== undefined) {
+								$opt_input.attr('title', option.tooltip);
+							}
 
 							for (var x in option.choices) {
 								var str = new String(option.choices[x]);