ttb-zwave3
Version:
ZWave support for the Thingbox (http://TheThingbox.io) and TimeSquAir (http://TimeSquAir.io)
63 lines (62 loc) • 3.19 kB
HTML
<script type="text/x-red" data-template-name="zwave-in">
<div class="form-row">
<label for="node-input-nodeid"><i class="fa fa-tasks"></i> <span data-i18n="ttb-zwave2/zwave:zwave-in.nodeid"></span></label>
<input type="text" id="node-input-nodeid" data-i18n="[placeholder]ttb-zwave2/zwave:zwave-in.nodeid">
</div>
<div class="form-row">
<label for="node-input-name"><i class="fa fa-tag"></i> <span data-i18n="ttb-zwave2/zwave:zwave-in.name"></span></label>
<input type="text" id="node-input-name" data-i18n="[placeholder]ttb-zwave2/zwave:zwave-in.name">
</div>
<div style="cursor: pointer;" class="accordion-header ui-accordion-header ui-helper-reset ui-state-default ui-accordion-icons ui-corner-all" id="nset-advanced">
<span style="display: inline-block;">
<span class="ui-icon ui-icon-triangle-1-e" id="nset-advanced-arrow"></span>
</span>
<span data-i18n="ttb-zwave2/zwave:zwave-in.advanced.title"></span>
</div>
<div style="padding-top: 7px; padding-bottom: 7px; border-left: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-radius: 2px; display: none;" id="nset-advanced-form">
<div class="form-row" style="padding-top: 7px;">
<span style="margin-left: 10px;"></span>
<label for="node-input-broker"><i class="fa fa-globe"></i> <span data-i18n="ttb-zwave2/zwave:zwave-in.advanced.broker"></span></label>
<input type="text" id="node-input-broker">
</div>
<div class="form-row">
<span style="margin-left: 10px;"></span>
<label for="node-input-topic"><i class="fa fa-tasks"></i> <span data-i18n="ttb-zwave2/zwave:zwave.topic.label"></span></label>
<input type="text" id="node-input-topic" data-i18n="[placeholder]ttb-zwave2/zwave:zwave.topic.placeholder">
</div>
</div>
</script>
<script type="text/javascript">
RED.nodes.registerType('zwave-in', {
category: 'system',
color: "#ffffff",
defaults: {
name: {value: ""},
nodeid: {value: "", required: true},
topic: {value: ""},
broker: {type: "mqtt-broker", required: true}
},
inputs: 0,
outputs: 1,
icon: "zwave.png",
paletteLabel: "In",
label: function () {
return this.name || "Z-Wave Input";
},
oneditprepare: function () {
$("#nset-advanced").click(function () {
var form = $("#nset-advanced-form");
var arrow = $("#nset-advanced-arrow");
if (form.css("display") == "none") {
form.css("display", "block");
arrow.removeClass("ui-icon-triangle-1-e");
arrow.addClass("ui-icon-triangle-1-s");
} else {
form.css("display", "none");
arrow.removeClass("ui-icon-triangle-1-s");
arrow.addClass("ui-icon-triangle-1-e");
}
});
}
});
</script>