mirror of
https://github.com/node-red/node-red.git
synced 2025-03-01 10:36:34 +00:00
82 lines
4.2 KiB
HTML
82 lines
4.2 KiB
HTML
<!--
|
|
Copyright JS Foundation and other contributors, http://js.foundation
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
-->
|
|
|
|
<script type="text/x-red" data-template-name="range">
|
|
<div class="form-row">
|
|
<label for="node-input-action"><i class="fa fa-dot-circle-o"></i> <span data-i18n="range.label.action"></span></label>
|
|
<select id="node-input-action" style="width:70%;">
|
|
<option value="scale" data-i18n="range.scale.payload"></option>
|
|
<option value="clamp" data-i18n="range.scale.limit"></option>
|
|
<option value="roll" data-i18n="range.scale.wrap"></option>
|
|
</select>
|
|
</div>
|
|
<br/>
|
|
<div class="form-row"><i class="fa fa-sign-in"></i> <span data-i18n="range.label.inputrange"></span>:</div>
|
|
<div class="form-row"><label></label>
|
|
<span data-i18n="range.label.from"></span>: <input type="text" id="node-input-minin" data-i18n="[placeholder]range.placeholder.min" style="width:100px;"/>
|
|
<span data-i18n="range.label.to"></span>: <input type="text" id="node-input-maxin" data-i18n="[placeholder]range.placeholder.maxin" style="width:100px;"/>
|
|
</div>
|
|
<div class="form-row"><i class="fa fa-sign-out"></i> <span data-i18n="range.label.resultrange"></span>:</div>
|
|
<div class="form-row"><label></label>
|
|
<span data-i18n="range.label.from"></span>: <input type="text" id="node-input-minout" data-i18n="[placeholder]range.placeholder.min" style="width:100px;"/>
|
|
<span data-i18n="range.label.to"></span>: <input type="text" id="node-input-maxout" data-i18n="[placeholder]range.placeholder.maxout" style="width:100px;"/>
|
|
</div>
|
|
<br/>
|
|
<div class="form-row"><label></label>
|
|
<input type="checkbox" id="node-input-round" style="display: inline-block; width: auto; vertical-align: top;">
|
|
<label style="width: auto;" for="node-input-round"><span data-i18n="range.label.roundresult"></span></label></input>
|
|
</div>
|
|
<br/>
|
|
<div class="form-row">
|
|
<label for="node-input-name"><i class="fa fa-tag"></i> <span data-i18n="common.label.name"></span></label>
|
|
<input type="text" id="node-input-name" data-i18n="[placeholder]common.label.name">
|
|
</div>
|
|
<div class="form-tips" id="node-tip"><span data-i18n="range.tip"></span></div>
|
|
</script>
|
|
|
|
<script type="text/x-red" data-help-name="range">
|
|
<p>A simple function node to remap numeric input values to another scale.</p>
|
|
<p>Currently only does a linear scaling.</p>
|
|
<p><b>Note:</b> This only operates on <b>numbers</b>. Anything else will try to be made into a number and rejected if that fails.</p>
|
|
<p><i>Scale and limit to target range</i> means that the result will never be outside the range specified within the result range.</p>
|
|
<p><i>Scale and wrap within the target range</i> means that the result will essentially be a "modulo-style" wrap-around within the result range.</p>
|
|
</script>
|
|
|
|
<script type="text/javascript">
|
|
RED.nodes.registerType('range', {
|
|
color: "#E2D96E",
|
|
category: 'function',
|
|
defaults: {
|
|
minin: {value:"",required:true,validate:RED.validators.number()},
|
|
maxin: {value:"",required:true,validate:RED.validators.number()},
|
|
minout: {value:"",required:true,validate:RED.validators.number()},
|
|
maxout: {value:"",required:true,validate:RED.validators.number()},
|
|
action: {value:"scale"},
|
|
round: {value:false},
|
|
name: {value:""}
|
|
},
|
|
inputs: 1,
|
|
outputs: 1,
|
|
icon: "range.png",
|
|
label: function() {
|
|
return this.name || "range";
|
|
},
|
|
labelStyle: function() {
|
|
return this.name ? "node_label_italic" : "";
|
|
}
|
|
});
|
|
</script>
|