node-red-contrib-miio-roborock
Version:
Roborock connectivity nodes for node-red
84 lines (76 loc) • 3.36 kB
HTML
<script type="text/x-red" data-template-name="miio-roborock-event">
<link rel="stylesheet" href="miio-roborock/static/css/multiple-select.css" type="text/css" />
<link rel="stylesheet" href="miio-roborock/static/css/common.css" type="text/css" />
<div class="form-row">
<label for="node-input-name" class="l-width"><i class="icon-tag"></i> <span data-i18n="label.name"></span></label>
<input type="text" id="node-input-name" data-i18n="[placeholder]placeholder.name">
</div>
<div class="form-row">
<label for="node-input-server" class="l-width"><i class="fa fa-globe"></i> <span data-i18n="label.server"></span></label>
<input type="text" id="node-input-server">
</div>
<div class="form-row">
<label for='node-input-outputAtStartup' class="l-width"><i class='fa fa-share-square'></i> <span data-i18n="label.start_output"></span></label>
<input type="checkbox" id="node-input-outputAtStartup" checked="checked" style="display: inline-block; width: auto; vertical-align: top;"> <span data-i18n="label.start_output_help"></span></input>
</div>
</script>
<script type="text/javascript">
RED.nodes.registerType('miio-roborock-event', {
category: 'Xiaomi',
color: '#FF233F',
defaults: {
name: {
value: ""
},
server: {
type: "miio-roborock-server",
required: true
},
outputAtStartup: {
value: true,
required: true,
}
},
icon: 'roborock.png',
inputs: 1,
outputs: 1,
outputLabels: ["event"],
paletteLabel: 'Roborock: event',
label: function() {
return this.name || 'Roborock: event';
},
oneditprepare: function () {
var node = this;
// $.getJSON('miio-roborock/getStatus', {
// controllerID: node.server
// }).done(function (data, textStatus, jqXHR) {
// try {
// if (Object.keys(data).length) {
// $eventTypesSelect.removeAttr('disabled');
// $.each(data, function (index, value) {
// $('<option value="' + index + '">' + index + ' (' + value + ')</option>').appendTo($eventTypesSelect);
// });
// $eventTypesSelect.val(node.eventTypes);
//
// // Initialize bootstrap multiselect form
// $eventTypesSelect.multipleSelect({
// single: false,
// maxHeight: 300,
// dropWidth: 320,
// width: 320,
// filter: true,
// filterPlaceholder: RED._("node-red-contrib-miio-roborock/event:multiselect.filter_event")
// });
// }
//
// } catch (error) {
// console.error('Error #4534');
// console.log(error);
// }
//
// }).fail(function (jqXHR, textStatus, errorThrown) {
//
// });
}
});
</script>