mirror of
https://github.com/node-red/node-red-nodes.git
synced 2023-10-10 13:36:58 +02:00
92 lines
3.9 KiB
HTML
92 lines
3.9 KiB
HTML
<!--
|
|
Copyright 2016 IBM Corp.
|
|
|
|
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="rpi-neopixels">
|
|
<div class="form-row">
|
|
<label for="node-input-pixels"><i class="fa fa-sun-o"></i> LEDs</label>
|
|
<input type="text" id="node-input-pixels" placeholder="number" style="width:60px;"> in the string
|
|
</div>
|
|
<div class="form-row">
|
|
<label for="node-input-bgnd"><i class="fa fa-picture-o"></i> Background</label>
|
|
<input type="text" id="node-input-bgnd" placeholder="HTML colour name or rrr,ggg,bbb">
|
|
</div>
|
|
<div class="form-row">
|
|
<label for="node-input-fgnd"><i class="fa fa-picture-o"></i> Foreground</label>
|
|
<input type="text" id="node-input-fgnd" placeholder="HTML colour name or rrr,ggg,bbb">
|
|
</div>
|
|
<div class="form-row">
|
|
<label for="node-input-mode"><i class="fa fa-cogs"></i> Mode</label>
|
|
<select id="node-input-mode" style="width:73%">
|
|
<option value="pcent">Percent of length</option>
|
|
<option value="pixels">Number of pixels</option>
|
|
<option value="shiftu">Add pixel to start</option>
|
|
<option value="shiftd">Add pixel to end</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-row">
|
|
<label for="node-input-wipe"><i class="fa fa-clock-o"></i> Wipe time</label>
|
|
<input type="text" id="node-input-wipe" placeholder="number" style="width:60px;"> mS
|
|
</div>
|
|
<br/>
|
|
<div class="form-row">
|
|
<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
|
|
<input type="text" id="node-input-name">
|
|
</div>
|
|
</script>
|
|
|
|
<script type="text/x-red" data-help-name="rpi-neopixels">
|
|
<p>Raspberry Pi node to drive a string of neopixel or ws2812 LEDs.</p>
|
|
<p>Defaults to a bar chart style mode using configured foreground and background colours.
|
|
It can accept a number in <b>msg.payload</b> that can be either the number of pixels, or a percentage of the total length.</p>
|
|
<p>If you want to change the foregound colour, you can send a CSV of <i>html colour,length</i>.</p>
|
|
<p>To set the background just send an <i>html colour</i> name.
|
|
<a href="http://html-color-codes.info/color-names/" target="_top">Here
|
|
is a list</a> of html colour names.<p>
|
|
<p>You can also select shift modes where a single colour pixel is added to either the start or the end of the strip.</p>
|
|
<p>The <i>nth</i> pixel is set by <b>msg.payload</b> with a CSV string <i>n,r,g,b</i>
|
|
<!-- <p>The whole strip is set by <b>msg.payload</b> with a CSV string <i>r,g,b</i> -->
|
|
<p>A range of pixels from <i>x</i> to <i>y</i> can be set by <b>msg.payload</b>
|
|
with a CSV string <i>x,y,r,g,b</i>
|
|
<p>The pixels data line should be connected to Pi physical pin 12 - GPIO 18. <i>Note:</i>
|
|
this may conflict with audio playback.</p>
|
|
</script>
|
|
|
|
<script type="text/javascript">
|
|
RED.nodes.registerType('rpi-neopixels',{
|
|
category: 'Raspberry Pi',
|
|
label: 'Raspberry Pi',
|
|
color:"#c6dbef",
|
|
defaults: {
|
|
name: { value:"" },
|
|
pixels: { value:"", required:true, validate:RED.validators.number() },
|
|
bgnd: { value:"" },
|
|
fgnd: { value:"" },
|
|
wipe: { value:"40", required:true, validate:RED.validators.number() },
|
|
mode: { value:"pcent" }
|
|
},
|
|
inputs:1,
|
|
outputs:0,
|
|
icon: "rpi.png",
|
|
align: "right",
|
|
label: function() {
|
|
return this.name||this.pixels+" neopixels";
|
|
},
|
|
labelStyle: function() {
|
|
return this.name?"node_label_italic":"";
|
|
}
|
|
});
|
|
</script>
|