Added feature: Disable min and max value hotNipi#24

jeroenst · Jun 2, 2020 · f4fe759 · f4fe759
1 parent 0c10dbb
commit f4fe759
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/ui-level.html b/ui-level.html
@@ -68,6 +68,7 @@
             textAnimations: { value: false },
             hideValue: { value: false },
             tickmode: { value: 'off' },
+            minmaxticks: { value: 'show' },
             peakmode: { value: false },
             peaktime: {
                 value: 3000, required: false, validate: function (v) {
@@ -122,6 +123,10 @@
                 this.tickmode = 'off';
                 $('#node-input-tickmode').val('off');
             }
+            if (this.minmaxticks === undefined) {
+                this.minmaxticks = 'show';
+                $('#node-input-minmaxticks').val('show');
+            }
             if (this.colorschema === undefined) {
                 this.colorschema = fixed;
                 $('#node-input-colorschema').val('Multiple segments');
@@ -357,6 +362,13 @@
             <option value='auto'>Auto</option>
         </select>
     </div>
+    <div class='form-row'>
+        <label for='node-input-minmaxticks'><i class='fa fa-list'></i> MinMaxTicks </label>
+        <select id='node-input-minmaxticks' style='width:200px !important'>
+            <option value='show'>Show</option>
+            <option value='hide'>Hide</option>
+        </select>
+    </div>
     <div class='form-row'>
         <label for='node-input-animations'><i class='fa fa-list'></i> Animations</label>
         <select id='node-input-animations' style='width:200px !important'>

diff --git a/ui-level.js b/ui-level.js
@@ -191,11 +191,11 @@ module.exports = function (RED) {
 						`+ config.unit + `
 						</tspan>					
 				</text>				
-				<text id=level_max_{{unique}} class="txt-{{unique}} small" text-anchor="start" dominant-baseline="hanging" x="15" y="0">`+ config.max + `</text>
+				<text ng-if="${config.minmaxticks != 'hide'}" id=level_max_{{unique}} class="txt-{{unique}} small" text-anchor="start" dominant-baseline="hanging" x="15" y="0">`+ config.max + `</text>
 				<text ng-if="${config.tickmode != 'off'}" ng-repeat="x in [].constructor(${config.interticks.length}) track by $index" id=level_tick_{{unique}}_{{$index}} 
 				class="txt-{{unique}} small" text-anchor="start" dominant-baseline="middle"
 				x="15"></text>		
-				<text id=level_min_{{unique}} class="txt-{{unique}} small" text-anchor="start" dominant-baseline="baseline" x="15" ng-attr-y=`+ config.lastpos + `px>` + config.min + `</text>			
+				<text ng-if="${config.minmaxticks != 'hide'}" id=level_min_{{unique}} class="txt-{{unique}} small" text-anchor="start" dominant-baseline="baseline" x="15" ng-attr-y=`+ config.lastpos + `px>` + config.min + `</text>			
 			</svg>`
 
 		var level_pair_h = String.raw`		
@@ -276,11 +276,11 @@ module.exports = function (RED) {
 						{{msg.payload[1]}}											
 				</text>
 
-				<text id=level_min_{{unique}} class="txt-{{unique}} small" text-anchor="start" dominant-baseline="middle" x="0" y="50%">`+ config.min + `</text>
+				<text ng-if="${config.minmaxticks != 'hide'}" id=level_min_{{unique}} class="txt-{{unique}} small" text-anchor="start" dominant-baseline="middle" x="0" y="50%">`+ config.min + `</text>
 				<text ng-if="${config.tickmode != 'off'}" ng-repeat="x in [].constructor(${config.interticks.length}) track by $index" id=level_tick_{{unique}}_{{$index}} 
 				class="txt-{{unique}} small" text-anchor="middle" dominant-baseline="middle"
 				y="50%"></text>		
-				<text id=level_max_{{unique}} class="txt-{{unique}} small" text-anchor="end" dominant-baseline="middle" ng-attr-x=`+ config.lastpos + `px y="50%">` + config.max + `</text>
+				<text ng-if="${config.minmaxticks == 'hide'}" id=level_max_{{unique}} class="txt-{{unique}} small" text-anchor="end" dominant-baseline="middle" ng-attr-x=`+ config.lastpos + `px y="50%">` + config.max + `</text>
 				
 			</svg>`
 		var layout;