node-red-contrib-light-fx
Version:
Nodes to help automate light states, dimming, colour and other controls.
58 lines (49 loc) • 2.2 kB
HTML
<script type="text/javascript">
RED.nodes.registerType('AnamicoLightFxChristmas', {
category: 'lighting',
color: '#D3C8E1',
defaults: {
name: { value : '', required: false },
lightNames: { value: '', required: true },
mode: { value : 'Original', required : true },
// delay: { value : '', required : false },
// transition: { value : '', required : false }
},
inputs: 1,
outputs: 1,
inputLabels: "control",
outputLabels: "festive lighting",
icon: "christmas.png",
label: function() {
return this.name || 'Christmas';
},
paletteLabel: 'Christmas'
});
</script>
<script type="text/x-red" data-template-name="AnamicoLightFxChristmas">
<div class="form-row">
<label for="node-input-name"><i class="icon-tag"></i> Name</label>
<input type="text" id="node-input-name" placeholder="Name">
</div>
<div class="form-row"> </div>
<div class="form-row">
<label for="node-input-lightNames"><i class="fa fa-lightglobe"></i> Light Names</label>
<textarea rows="4" cols="50" id="node-input-lightNames" placeholder="Names of lights, 1 per line">
</textarea>
</div>
<div class="form-tips">Tip: List the names of the lights that you want to be festive.</div>
<div class="form-row"> </div>
<div class="form-row">
<label for="node-input-mode"><i class="fa fa-lightbulb"></i> Mode</label>
<select id="node-input-mode">
<option value='Original'>Original</option>
</select>
</div>
</script>
<script type="text/x-red" data-help-name="AnamicoLightFxChristmas">
<h3>Christmas Lights</h3>
<p>Work in progress.</p>
<h3>Donate to show your support or gratitude</h3>
<p>Donations support the open source community and help authors continue to support these projects, please feel free to donate here.
<a target="donate" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=JUYN6NBFELTC2&source=url"><img src="https://img.shields.io/badge/donate-PayPal-green.svg"></a></p>
</script>