<script type="text/x-red" data-template-name="blink1"> <div class="form-row"> <label for="node-input-serial"><i class="fa fa-random"></i> Device ID</label> <input type="text" id="node-input-serial" placeholder="defaults to first found" style="width:60%"> <a id="node-lookup-serial" class="btn"><i id="node-lookup-serial-icon" class="fa fa-search"></i></a> </div> <div class="form-row"> <label for="node-input-fade"><i class="fa fa-signal"></i> Fade (mS)</label> <input type="text" id="node-input-fade" placeholder="between 0 and 60,000 mS (1 min)"> </div> <div class="form-row"> <label for="node-input-name"><i class="fa fa-tag"></i> Name</label> <input type="text" id="node-input-name" placeholder="Name"> </div> </script> <script type="text/x-red" data-help-name="blink1"> <p>ThingM Blink1 output node.</p> <p>Expects a <code>msg.payload</code> with either a three part csv string of <i>r,g,b</i> or a hex colour <i>#rrggbb</i></p> <p>You can also use the <a href="http://www.cheerlights.com/control-cheerlights" target="_new">@cheerlights</a> colour names - red, green, blue, cyan, magenta, yellow, orange, pink, purple, white, oldlace (warmwhite), and also amber and black (off).</p> </script> <script type="text/javascript"> RED.nodes.registerType('blink1',{ category: 'output', color:"GoldenRod", defaults: { serial: {value:""}, fade: {value:"500",required:true,validate:RED.validators.number()}, name: {value:""} }, inputs:1, outputs:0, icon: "light.png", align: "right", label: function() { return this.name||"blink1"; }, labelStyle: function() { return this.name?"node_label_italic":""; }, oneditprepare: function() { $("#node-lookup-serial").click(function() { $.getJSON('blink1list',function(data) { $("#node-input-serial").autocomplete({ source:data, minLength:0, close: function( event, ui ) { $("#node-input-serial").autocomplete( "destroy" ); } }).autocomplete("search",""); }); }); } }); </script>