frodovdr/node-red-nodes
1
0
Fork 0
mirror of https://github.com/node-red/node-red-nodes.git synced 2025-03-01 10:37:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update blink1 node to allow multiple blink1s

Browse Source
This commit is contained in:
Dave Conway-Jones
2016-01-02 12:27:57 +00:00
parent 681bdae576
commit 0662354ec3
4 changed files with 85 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
hardware/blink1/77-blink1.html
View File

@@ -1,5 +1,5 @@
<!--
Copyright 2013 IBM Corp.
Copyright 2013,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.
@@ -15,9 +15,14 @@
-->
<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="0">
<input type="text" id="node-input-fade" placeholder="500">
</div>
<div class="form-row">
<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
@@ -27,8 +32,11 @@
<script type="text/x-red" data-help-name="blink1">
<p>ThingM Blink1 output node.</p>
<p>Expects a msg.payload with either a three part csv string of r,g,b or a hex colour #rrggbb</p>
<p>Also accepts <a hred="http://www.cheerlights.com/control-cheerlights" target="_new"></a>cheerlight</a> colour names.</p>
<p>Expects a <b>msg.payload</b> 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">
@@ -36,7 +44,8 @@
category: 'output',
color:"GoldenRod",
defaults: {
fade: {value:"0",required:true,validate:RED.validators.number()},
serial: {value:""},
fade: {value:"500",required:true,validate:RED.validators.number()},
name: {value:""}
},
inputs:1,
@@ -48,6 +57,19 @@
},
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>