@mysterycode/node-red-sacn
Version:
Implementation of sACN (Streaming ACN) for Node-RED
103 lines (102 loc) • 3.73 kB
HTML
<script type="text/html" data-template-name="sacn-out">
<div class="form-row">
<label for="node-input-name">
<i class="fa fa-tag"></i>
<span data-i18n="node-red:common.label.name"></span>
</label>
<input type="text" id="node-input-name" data-i18n="[placeholder]node-red:common.label.name" style="width:70%;"/>
</div>
<div class="form-row">
<label for="node-input-universe">
<i class="fa fa-hashtag"></i>
<span data-i18n="sacn-out.label.universe"></span>
</label>
<input type="number" id="node-input-universe" min="1" max="63999" step="1" style="width:70%;"/>
</div>
<div class="form-row">
<label for="node-input-sourceName">
<i class="fa fa-hashtag"></i>
<span data-i18n="sacn-out.label.sourceName"></span>
</label>
<input type="text" id="node-input-sourceName" maxlength="50" style="width:70%;"/>
</div>
<div class="form-row">
<label for="node-input-speed">
<i class="fa fa-tachometer"></i>
<span data-i18n="sacn-out.label.speed"></span>
</label>
<select id="node-input-speed" style="width:70%;">
<option value="0" selected data-i18n="sacn-out.label.speed_once"></option>
<option value="24" data-i18n="sacn-out.label.speed_24"></option>
<option value="27" data-i18n="sacn-out.label.speed_27"></option>
<option value="30" data-i18n="sacn-out.label.speed_30"></option>
<option value="40" data-i18n="sacn-out.label.speed_40"></option>
<option value="44" data-i18n="sacn-out.label.speed_44"></option>
</select>
</div>
<div class="form-row">
<label for="node-input-priority">
<i class="fa fa-sort-numeric-asc "></i>
<span data-i18n="sacn-out.label.priority"></span>
</label>
<input type="number" id="node-input-priority" min="1" max="200" step="1" style="width:70%;"/>
</div>
<div class="form-row">
<label for="node-input-interface">
<i class="fa fa-plug"></i>
<span data-i18n="sacn-out.label.interface"></span>
</label>
<input type="text" id="node-input-interface" pattern="\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}" style="width:70%;"/>
</div>
<div class="form-row">
<label for="node-input-port">
<span data-i18n="sacn-out.label.port"></span>
</label>
<input type="number" id="node-input-port" style="width:70%;"/>
</div>
</script>
<script type="text/javascript">
RED.nodes.registerType("sacn-out", {
category: "sACN",
color: "#dcc515",
defaults: {
name: {
value: "Scene-Controller",
},
universe: {
value: 1,
required: true,
},
port: {
value: undefined,
required: false,
},
interface: {
value: "",
required: false,
},
speed: {
value: 0,
required: true,
},
priority: {
value: 100,
required: true,
},
sourceName: {
value: "Node-RED",
required: true,
},
},
inputs: 1,
outputs: 0,
paletteLabel: "sACN out",
icon: "font-awesome/fa-lightbulb-o",
label: function () {
return this.name || "sACN";
},
labelStyle: function () {
return this.name ? "node_label_italic" : "";
},
});
</script>