node-red-contrib-blynk-ws
Version:
Node Red integration with Blynk App and Server through websockets
103 lines (94 loc) • 3.71 kB
HTML
<script type="text/javascript">
// eslint-disable-next-line func-names
(function () {
function validPin(tmppin) {
const tmpPin = parseInt(tmppin, 10);
if (Number.isInteger(tmpPin) && tmpPin >= 0 && tmpPin <= 255) {
return true;
}
return false;
}
function onEditSave() {
if ($('#node-input-pinmode').val() == 1) { // eslint-disable-line eqeqeq
if (!validPin($('#node-input-pin').val())) {
$('#node-input-pin').val('0');
}
}
}
function oneditprepare() {
$('#node-input-pinmode').on('change', function onChangePinmode() {
if ($(this).val() == 0) { // eslint-disable-line eqeqeq
$('#div-write-pin').show();
} else {
$('#div-write-pin').hide();
}
}).change();
}
function label() {
let pin = 'pin error';
const type = 'Write';
const dynamic = (this.pinmode == 1); // eslint-disable-line eqeqeq
if (validPin(this.pin)) {
pin = `Pin V${this.pin} - ${type}`;
}
if (dynamic) {
pin = `Pin Dynamic - ${type}`;
}
return this.name || pin;
}
RED.nodes.registerType('blynk-ws-out-write', {
category: 'Blynk_ws',
paletteLabel: 'write',
defaults: {
name: { value: '' },
pin: { value: '', required: false, validate: RED.validators.regex(/^([0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-4][0-9]|25[0-5])$/) },
pinmode: { value: 0 },
client: { type: 'blynk-ws-client', required: true },
},
color: '#1BC17C',
inputs: 1,
outputs: 0,
icon: 'white-globe.png',
align: 'right',
labelStyle() {
return this.name ? 'node_label_italic' : '';
},
label,
oneditsave: onEditSave,
oneditprepare,
});
}());
</script>
<!-- Blynk out Node - Write -->
<script type="text/x-red" data-template-name="blynk-ws-out-write">
<div class="form-row" id="websocket-client-row">
<label for="node-input-client"><i class="fa fa-bookmark"></i> <span>Connection</span></label>
<input type="text" id="node-input-client">
</div>
<div class="form-row">
<label for="node-input-pinmode"><i class="fa fa-cogs"></i> <span>Pin Mode</span></label>
<select id="node-input-pinmode" style="width:70%">
<option value="0">Fixed</option>
<option value="1">Dynamic</option>
</select>
</div>
<div class="form-row" id="div-write-pin">
<label for="node-input-pin"><i class="fa fa-dot-circle-o"></i> <span>Virtual Pin</span></label>
<input type="number" id="node-input-pin" min="0" max="255" placeholder="pin">
</div>
<div class="form-row">
<label for="node-input-name"><i class="fa fa-tag"></i> <span>Name</span></label>
<input type="text" id="node-input-name" data-i18n="[placeholder]node-red:common.label.name">
</div>
</script>
<script type="text/x-red" data-help-name="blynk-ws-out-write">
<p>Blynk write node.</p>
<p>This node will write the value in <code>msg.payload</code> to the specified pin number.</p><br>
<p>"Pin mode" selects whether the pin number is fixed or dynamic<br>
Fixed, select the pin number in the interface<br>
Dynamic, the pin number is passed through <code> msg.pin</code> property</p>
<p class="form-tips">
Official documentation:
<a href="https://gablau.dev/blynk-legacy-docs/#blynk-main-operations-get-data-from-hardware-pushing-data-from-hardware">Push data</a>
<p>
</script>