mirror of
https://github.com/node-red/node-red-nodes.git
synced 2023-10-10 13:36:58 +02:00
363 lines
18 KiB
HTML
363 lines
18 KiB
HTML
|
|
<script type="text/html" data-template-name="serial in">
|
|
<div class="form-row node-input-serial">
|
|
<label for="node-input-serial"><i class="fa fa-random"></i> <span data-i18n="serial.label.serialport"></span></label>
|
|
<input type="text" id="node-input-serial">
|
|
</div>
|
|
<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">
|
|
</div>
|
|
</script>
|
|
|
|
<script type="text/javascript">
|
|
RED.nodes.registerType('serial in',{
|
|
category: 'network',
|
|
defaults: {
|
|
name: {name:""},
|
|
serial: {type:"serial-port",required:true}
|
|
},
|
|
color:"BurlyWood",
|
|
inputs:0,
|
|
outputs:1,
|
|
icon: "serial.png",
|
|
label: function() {
|
|
var serialNode = RED.nodes.node(this.serial);
|
|
return this.name||(serialNode?serialNode.label().split(":")[0]:this._("serial.label.serial"));
|
|
},
|
|
labelStyle: function() {
|
|
return this.name?"node_label_italic":"";
|
|
},
|
|
outputLabels: function() { return RED.nodes.node(this.serial).bin === "bin" ? "buffer" : "string"; }
|
|
});
|
|
</script>
|
|
|
|
<script type="text/html" data-template-name="serial out">
|
|
<div class="form-row node-input-serial">
|
|
<label for="node-input-serial"><i class="fa fa-random"></i> <span data-i18n="serial.label.serialport"></span></label>
|
|
<input type="text" id="node-input-serial">
|
|
</div>
|
|
<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">
|
|
</div>
|
|
</script>
|
|
|
|
<script type="text/javascript">
|
|
RED.nodes.registerType('serial out',{
|
|
category: 'network',
|
|
defaults: {
|
|
name: {name:""},
|
|
serial: {type:"serial-port",required:true}
|
|
},
|
|
color:"BurlyWood",
|
|
inputs:1,
|
|
outputs:0,
|
|
icon: "serial.png",
|
|
align: "right",
|
|
label: function() {
|
|
var serialNode = RED.nodes.node(this.serial);
|
|
return this.name||(serialNode?serialNode.label().split(":")[0]:this._("serial.label.serial"));
|
|
},
|
|
labelStyle: function() {
|
|
return this.name?"node_label_italic":"";
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<script type="text/html" data-template-name="serial request">
|
|
<div class="form-row node-input-serial">
|
|
<label for="node-input-serial"><i class="fa fa-random"></i> <span data-i18n="serial.label.serialport"></span></label>
|
|
<input type="text" id="node-input-serial">
|
|
</div>
|
|
<div class="form-row">
|
|
<label for="node-inputoutput-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">
|
|
</div>
|
|
</script>
|
|
|
|
<script type="text/javascript">
|
|
RED.nodes.registerType('serial request',{
|
|
category: 'network',
|
|
defaults: {
|
|
name: {name:""},
|
|
serial: {type:"serial-port",required:true}
|
|
},
|
|
color:"BurlyWood",
|
|
inputs:1,
|
|
outputs:1,
|
|
icon: "serial.png",
|
|
align: "left",
|
|
label: function() {
|
|
var serialNode = RED.nodes.node(this.serial);
|
|
return this.name||(serialNode?serialNode.label().split(":")[0]:this._("serial.label.serial"));
|
|
},
|
|
labelStyle: function() {
|
|
return this.name?"node_label_italic":"";
|
|
},
|
|
outputLabels: function() { return RED.nodes.node(this.serial).bin === "bin" ? "buffer" : "string"; }
|
|
});
|
|
</script>
|
|
|
|
<script type="text/html" data-template-name="serial-port">
|
|
<div class="form-row">
|
|
<label for="node-config-input-serialport"><i class="fa fa-random"></i> <span data-i18n="serial.label.serialport"></span></label>
|
|
<input type="text" id="node-config-input-serialport" style="width:66%;" data-i18n="[placeholder]serial.placeholder.serialport">
|
|
<a id="node-config-lookup-serial" class="red-ui-button"><i id="node-config-lookup-serial-icon" class="fa fa-search"></i></a>
|
|
</div>
|
|
<div class="form-row" style="margin-bottom:8px;">
|
|
<table width="100%">
|
|
<tr style="line-height:10px;">
|
|
<td width="90px" style="font-size:14px;"><i class="fa fa-wrench"></i> <span data-i18n="serial.label.settings"></span></td>
|
|
<td width="110px" data-i18n="serial.label.baudrate"></td>
|
|
<td width="70px" data-i18n="serial.label.databits"></td>
|
|
<td width="80px" data-i18n="serial.label.parity"></td>
|
|
<td width="70px" data-i18n="serial.label.stopbits"></td>
|
|
</tr>
|
|
<tr>
|
|
<td> </td>
|
|
<td>
|
|
<input type="text" id="node-config-input-serialbaud" style="width:92% height:28px;">
|
|
</td>
|
|
<td><select type="text" id="node-config-input-databits" style="width:90%; height:28px;">
|
|
<option value="8">8</option>
|
|
<option value="7">7</option>
|
|
<option value="6">6</option>
|
|
<option value="5">5</option>
|
|
</select></td>
|
|
<td><select type="text" id="node-config-input-parity" style="width:90%; height:28px;">
|
|
<option value="none" data-i18n="serial.parity.none"></option>
|
|
<option value="even" data-i18n="serial.parity.even"></option>
|
|
<option value="mark" data-i18n="serial.parity.mark"></option>
|
|
<option value="odd" data-i18n="serial.parity.odd"></option>
|
|
<option value="space" data-i18n="serial.parity.space"></option>
|
|
</select></td>
|
|
<td><select type="text" id="node-config-input-stopbits" style="width:60px; height:28px;">
|
|
<option value="2">2</option>
|
|
<option value="1">1</option>
|
|
</select></td>
|
|
</tr></table>
|
|
</div>
|
|
<div class="form-row" style="margin-bottom:0px;">
|
|
<table width="100%">
|
|
<tr style="line-height:10px;">
|
|
<td style="width:90px;"> </td>
|
|
<td>DTR</td>
|
|
<td>RTS</td>
|
|
<td>CTS</td>
|
|
<td>DSR</td>
|
|
</tr>
|
|
<tr>
|
|
<td> </td>
|
|
<td><select type="text" id="node-config-input-dtr" style="width:72px; height:28px;">
|
|
<option value="none" data-i18n="serial.linestates.none"></option>
|
|
<option value="high" data-i18n="serial.linestates.high"></option>
|
|
<option value="low" data-i18n="serial.linestates.low"></option>
|
|
</select></td>
|
|
<td><select type="text" id="node-config-input-rts" style="width:72px; height:28px;">
|
|
<option value="none" data-i18n="serial.linestates.none"></option>
|
|
<option value="high" data-i18n="serial.linestates.high"></option>
|
|
<option value="low" data-i18n="serial.linestates.low"></option>
|
|
</select></td>
|
|
<td><select type="text" id="node-config-input-cts" style="width:72px; height:28px;">
|
|
<option value="none" data-i18n="serial.linestates.none"></option>
|
|
<option value="high" data-i18n="serial.linestates.high"></option>
|
|
<option value="low" data-i18n="serial.linestates.low"></option>
|
|
</select></td>
|
|
<td><select type="text" id="node-config-input-dsr" style="width:72px; height:28px;">
|
|
<option value="none" data-i18n="serial.linestates.none"></option>
|
|
<option value="high" data-i18n="serial.linestates.high"></option>
|
|
<option value="low" data-i18n="serial.linestates.low"></option>
|
|
</select></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="form-row" style="margin-top:12px; margin-bottom:0;">
|
|
<label><i class="fa fa-sign-in"></i> <span data-i18n="serial.label.input"></span></label>
|
|
</div>
|
|
<div class="form-row" style="padding-left:18px; margin-bottom:4px;">
|
|
<span data-i18n="serial.label.start"></span>
|
|
<input type="text" id="node-config-input-waitfor" style="width:50px; height:28px;">
|
|
<span data-i18n="serial.label.startor"></span>
|
|
</div>
|
|
<div class="form-row" style="padding-left:18px; margin-bottom:4px;">
|
|
<span data-i18n="serial.label.split"></span>
|
|
<select type="text" id="node-config-input-out" style="margin-left:11px; width:200px; height:28px;">
|
|
<option value="char" data-i18n="serial.split.character"></option>
|
|
<option value="time" data-i18n="serial.split.timeout"></option>
|
|
<option value="interbyte" data-i18n="serial.split.silent"></option>
|
|
<option value="count" data-i18n="serial.split.lengths"></option>
|
|
</select>
|
|
<input type="text" id="node-config-input-newline" style="width:50px; height:28px;">
|
|
<span id="node-units"></span>
|
|
</div>
|
|
<div class="form-row" style="padding-left:18px; margin-bottom:4px;">
|
|
<span data-i18n="serial.label.deliver"></span>
|
|
<select type="text" id="node-config-input-bin" style="margin-left:5px; width:150px; height:28px;">
|
|
<option value="false" data-i18n="serial.output.ascii"></option>
|
|
<option value="bin" data-i18n="serial.output.binary"></option>
|
|
</select>
|
|
</div>
|
|
<div id="node-config-addchar">
|
|
<div class="form-row" style="margin-top:16px; margin-bottom:0;">
|
|
<label><i class="fa fa-sign-out"></i> <span data-i18n="serial.label.output"></span></label>
|
|
</div>
|
|
<div class="form-row" style="padding-left:18px; margin-bottom:4px;">
|
|
<label style="width:auto;" for="node-config-input-addchar"><span data-i18n="serial.addsplit"></span></label>
|
|
<input type="text" id="node-config-input-addchar" style="width:50px; height:28px;">
|
|
</div>
|
|
</div>
|
|
<div id="node-config-req">
|
|
<div class="form-row" style="margin-top:16px; margin-bottom:0;">
|
|
<label><i class="fa fa-exchange"></i> <span data-i18n="serial.label.request"></span></label>
|
|
</div>
|
|
<div class="form-row" style="padding-left:18px; margin-bottom:18px;">
|
|
<span data-i18n="serial.label.responsetimeout"></span>
|
|
<input type="text" id="node-config-input-responsetimeout" style="width:60px; height:28px;">
|
|
<span data-i18n="serial.label.ms"></span>
|
|
</div>
|
|
</div>
|
|
<div class="form-tips" id="tip-waitfor" hidden><span data-i18n="serial.tip.waitfor"></span></div>
|
|
<div class="form-tips" id="tip-addchar" hidden><span data-i18n="serial.tip.addchar"></span></div>
|
|
<div class="form-tips" id="tip-responsetimeout" hidden><span data-i18n="serial.tip.responsetimeout"></span></div>
|
|
<div class="form-tips" id="tip-split"><span data-i18n="serial.tip.split"></span></div>
|
|
<div class="form-tips" id="tip-timeout" hidden><span data-i18n="serial.tip.timeout"></span></div>
|
|
<div class="form-tips" id="tip-silent" hidden><span data-i18n="serial.tip.silent"></span></div>
|
|
<div class="form-tips" id="tip-count" hidden><span data-i18n="serial.tip.count"></span></div>
|
|
</script>
|
|
|
|
<script type="text/javascript">
|
|
RED.nodes.registerType('serial-port',{
|
|
category: 'config',
|
|
defaults: {
|
|
//name: {value:""},
|
|
serialport: {value:"",required:true},
|
|
serialbaud: {value:"57600",required:true,validate:RED.validators.number()},
|
|
databits: {value:8,required:true},
|
|
parity: {value:"none",required:true},
|
|
stopbits: {value:1,required:true},
|
|
waitfor: {value:""},
|
|
dtr: {value:"none"},
|
|
rts: {value:"none"},
|
|
cts: {value:"none"},
|
|
dsr: {value:"none"},
|
|
newline: {value:"\\n"},
|
|
bin: {value:"false"},
|
|
out: {value:"char"},
|
|
addchar: {value:""},
|
|
responsetimeout: {value: 10000}
|
|
},
|
|
label: function() {
|
|
this.serialbaud = this.serialbaud || 57600;
|
|
this.databits = this.databits || 8;
|
|
this.parity = this.parity || this._("serial.label.none");
|
|
this.stopbits = this.stopbits || 1;
|
|
return this.serialport+":"+this.serialbaud+"-"+this.databits+this.parity.charAt(0).toUpperCase()+this.stopbits;
|
|
},
|
|
oneditprepare: function() {
|
|
var previous = null;
|
|
var blist = [
|
|
{value:"115200",label:"115200",hasValue:false},
|
|
{value:"57600",label:"57600",hasValue:false},
|
|
{value:"38400",label:"38400",hasValue:false},
|
|
{value:"19200",label:"19200",hasValue:false},
|
|
{value:"9600",label:"9600",hasValue:false},
|
|
{value:"4800",label:"4800",hasValue:false},
|
|
{value:"2400",label:"2400",hasValue:false},
|
|
{value:"1200",label:"1200",hasValue:false},
|
|
{value:"600",label:"600",hasValue:false},
|
|
{value:"300",label:"300",hasValue:false},
|
|
{label:"other",value:"other",icon:"red/images/typedInput/09.png",validate:/^[0-9]*$/}
|
|
];
|
|
|
|
var serialbaudType = "custom";
|
|
for (var i in blist) {
|
|
if (this.serialbaud == blist[i].value) {
|
|
serialbaudType = this.serialbaud;
|
|
}
|
|
}
|
|
|
|
$("#node-config-input-serialbaud").typedInput({
|
|
default: this.serialbaud,
|
|
types:blist
|
|
});
|
|
|
|
$("#node-config-input-out").on('focus', function () { previous = this.value; }).change(function() {
|
|
if (previous == null) { previous = $("#node-config-input-out").val(); }
|
|
if ($("#node-config-input-out").val() == "char") {
|
|
if (previous != "char") { $("#node-config-input-newline").val("\\n"); }
|
|
$("#node-units").text("");
|
|
// $("#node-config-addchar").show();
|
|
$("#tip-split").show();
|
|
$("#tip-timeout").hide();
|
|
$("#tip-silent").hide();
|
|
$("#tip-count").hide();
|
|
}
|
|
else if ($("#node-config-input-out").val() == "time") {
|
|
if (previous != "time") { $("#node-config-input-newline").val("0"); }
|
|
$("#node-units").text("ms");
|
|
// $("#node-config-addchar").hide();
|
|
// $("#node-config-input-addchar").val("false");
|
|
$("#tip-split").hide();
|
|
$("#tip-timeout").show();
|
|
$("#tip-silent").hide();
|
|
$("#tip-count").hide();
|
|
}
|
|
else if ($("#node-config-input-out").val() == "interbyte") {
|
|
if (previous != "interbyte") { $("#node-config-input-newline").val("0"); }
|
|
$("#node-units").text("ms");
|
|
// $("#node-config-addchar").hide();
|
|
// $("#node-config-input-addchar").val("false");
|
|
$("#tip-split").hide();
|
|
$("#tip-timeout").hide();
|
|
$("#tip-silent").show();
|
|
$("#tip-count").hide();
|
|
}
|
|
else {
|
|
if (previous != "count") { $("#node-config-input-newline").val(""); }
|
|
$("#node-units").text("chars");
|
|
// $("#node-config-addchar").hide();
|
|
// $("#node-config-input-addchar").val("false");
|
|
$("#tip-split").hide();
|
|
$("#tip-timeout").hide();
|
|
$("#tip-silent").hide();
|
|
$("#tip-count").show();
|
|
}
|
|
});
|
|
|
|
$("#node-config-input-responsetimeout").on('focus', function () { $("#tip-responsetimeout").show(); });
|
|
$("#node-config-input-responsetimeout").on('blur', function () { $("#tip-responsetimeout").hide(); });
|
|
$("#node-config-input-waitfor").on('focus', function () { $("#tip-waitfor").show(); });
|
|
$("#node-config-input-waitfor").on('blur', function () { $("#tip-waitfor").hide(); });
|
|
$("#node-config-input-addchar").on('focus', function () { $("#tip-addchar").show(); });
|
|
$("#node-config-input-addchar").on('blur', function () { $("#tip-addchar").hide(); });
|
|
|
|
try {
|
|
$("#node-config-input-serialport").autocomplete( "destroy" );
|
|
} catch(err) {
|
|
}
|
|
$("#node-config-lookup-serial").click(function() {
|
|
$("#node-config-lookup-serial").addClass('disabled');
|
|
$.getJSON('serialports',function(data) {
|
|
$("#node-config-lookup-serial").removeClass('disabled');
|
|
var ports = data || [];
|
|
$("#node-config-input-serialport").autocomplete({
|
|
source:ports,
|
|
minLength:0,
|
|
close: function( event, ui ) {
|
|
$("#node-config-input-serialport").autocomplete( "destroy" );
|
|
}
|
|
}).autocomplete("search","");
|
|
});
|
|
});
|
|
},
|
|
oneditsave: function() {
|
|
var mytype = $("#node-config-input-serialbaud").typedInput('type');
|
|
if (mytype !== "other") {
|
|
$("#node-config-input-serialbaud").typedInput('value',mytype);
|
|
}
|
|
this.serialbaud = $("#node-config-input-serialbaud").typedInput('value');
|
|
}
|
|
});
|
|
</script>
|