From f4fe7597c7e734821aa28304a1deb6cfcfd36df0 Mon Sep 17 00:00:00 2001
From: JeroenSt <github@jeroensteenhuis.nl>
Date: Tue, 2 Jun 2020 17:31:20 +0200
Subject: [PATCH] Added feature: Disable min and max value
 https://github.com/hotNipi/node-red-contrib-ui-level/issues/24

---
 ui-level.html | 12 ++++++++++++
 ui-level.js   |  8 ++++----
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/ui-level.html b/ui-level.html
index 9721160..5164671 100644
--- 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
index daa2110..9bc4a55 100644
--- 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;