frodovdr/node-red
1
0
Fork 0
mirror of https://github.com/node-red/node-red.git synced 2023-10-10 13:36:53 +02:00
Code Issues Releases Wiki Activity

Indent range node UI more in style with other nodes.

Browse Source
This commit is contained in:
Dave C-J 2014-09-07 22:13:10 +01:00
parent 426453d925
commit a03861cb6d
1 changed files with 11 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
nodes/core/logic/16-range.html
View File

@ -16,30 +16,28 @@
<script type="text/x-red" data-template-name="range"> <script type="text/x-red" data-template-name="range">
<div class="form-row"> <div class="form-row">
<select id="node-input-action" style="width:90%; margin-right:5px;"> <label for="node-input-action"><i class="fa fa-dot-circle-o"></i> Action</label>
<select id="node-input-action" style="width:70%; margin-right:5px;">
<option value="scale">Scale msg.payload</option> <option value="scale">Scale msg.payload</option>
<option value="clamp">Scale and limit to the target range</option> <option value="clamp">Scale and limit to the target range</option>
<option value="roll">Scale and wrap within the target range</option> <option value="roll">Scale and wrap within the target range</option>
</select> </select>
</div> </div>
<br/> <br/>
<div class="form-row"> <div class="form-row"><i class="fa fa-sign-in"></i> Map the input range:</div>
Map from the range: <div class="form-row"><label></label>
</div> from: <input type="text" id="node-input-minin" placeholder="e.g. 0" style="width:100px;"/>
<div class="form-row">
&nbsp;&nbsp;&nbsp;&nbsp;from: <input type="text" id="node-input-minin" placeholder="e.g. 0" style="width:100px;"/>
&nbsp;&nbsp;to: <input type="text" id="node-input-maxin" placeholder="e.g. 99" style="width:100px;"/> &nbsp;&nbsp;to: <input type="text" id="node-input-maxin" placeholder="e.g. 99" style="width:100px;"/>
</div> </div>
<div class="form-row"> <div class="form-row"><i class="fa fa-sign-out"></i> to the result range:</div>
to the result range: <div class="form-row"><label></label>
</div> from: <input type="text" id="node-input-minout" placeholder="e.g. 0" style="width:100px;"/>
<div class="form-row">
&nbsp;&nbsp;&nbsp;&nbsp;from: <input type="text" id="node-input-minout" placeholder="e.g. 0" style="width:100px;"/>
&nbsp;&nbsp;to: <input type="text" id="node-input-maxout" placeholder="e.g. 255" style="width:100px;"/> &nbsp;&nbsp;to: <input type="text" id="node-input-maxout" placeholder="e.g. 255" style="width:100px;"/>
</div> </div>
<br/> <br/>
<div class="form-row"> <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">Round to nearest integer?</label></input> <input type="checkbox" id="node-input-round" style="display: inline-block; width: auto; vertical-align: top;">
<label style="width: auto;" for="node-input-round">Round result to the nearest integer?</label></input>
</div> </div>
<br/> <br/>
<div class="form-row"> <div class="form-row">