mirror of
				https://github.com/node-red/node-red-nodes.git
				synced 2025-03-01 10:37:43 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			267 lines
		
	
	
		
			12 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			267 lines
		
	
	
		
			12 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!--
 | |
|   Copyright 2013,2014 IBM Corp.
 | |
| 
 | |
|   Licensed under the Apache License, Version 2.0 (the "License");
 | |
|   you may not use this file except in compliance with the License.
 | |
|   You may obtain a copy of the License at
 | |
| 
 | |
|   http://www.apache.org/licenses/LICENSE-2.0
 | |
| 
 | |
|   Unless required by applicable law or agreed to in writing, software
 | |
|   distributed under the License is distributed on an "AS IS" BASIS,
 | |
|   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 | |
|   See the License for the specific language governing permissions and
 | |
|   limitations under the License.
 | |
| -->
 | |
| 
 | |
| <script type="text/x-red" 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/x-red" data-help-name="serial in">
 | |
|     <p>Reads data from a local serial port.</p>
 | |
|     <p>Can either <ul><li>wait for a "split" character (default \n). Also accepts hex notation (0x0a).</li>
 | |
|     <li>Wait for a timeout in milliseconds for the first character received</li>
 | |
|     <li>Wait to fill a fixed sized buffer</li></ul></p>
 | |
|     <p>It then outputs <b>msg.payload</b> as either a UTF8 ascii string or a binary Buffer object.</p>
 | |
|     <p>If no split character is specified, or a timeout or buffer size of 0, then a stream of single characters is sent - again either as ascii chars or size 1 binary buffers.</p>
 | |
| </script>
 | |
| 
 | |
| <script type="text/javascript">
 | |
|     RED.nodes.registerType('serial in',{
 | |
|         category: 'input',
 | |
|         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":"";
 | |
|         }
 | |
|     });
 | |
| </script>
 | |
| 
 | |
| <script type="text/x-red" 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/x-red" data-help-name="serial out">
 | |
|     <p>Provides a connection to an outbound serial port.</p>
 | |
|     <p>Only the <b>msg.payload</b> is sent.</p>
 | |
|     <p>Optionally the new line character used to split the input can be appended to every message sent out to the serial port.</p>
 | |
| </script>
 | |
| 
 | |
| <script type="text/javascript">
 | |
|     RED.nodes.registerType('serial out',{
 | |
|         category: 'output',
 | |
|         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/x-red" 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:60%;" data-i18n="[placeholder]serial.placeholder.serialport">
 | |
|         <a id="node-config-lookup-serial" class="btn"><i id="node-config-lookup-serial-icon" class="fa fa-search"></i></a>
 | |
|     </div>
 | |
|     <div class="form-row">
 | |
|         <table><tr>
 | |
|             <td width="102px"><i class="fa fa-wrench"></i> <span data-i18n="serial.label.settings"></span></td>
 | |
|             <td width="100px" data-i18n="serial.label.baudrate"></td>
 | |
|             <td width="80px" data-i18n="serial.label.databits"></td>
 | |
|             <td width="80px" data-i18n="serial.label.parity"></td>
 | |
|             <td width="80px" data-i18n="serial.label.stopbits"></td>
 | |
|         </tr><tr><td> </td>
 | |
|         <td>
 | |
|         <select type="text" id="node-config-input-serialbaud" style="width: 100px;">
 | |
|             <option value="115200">115200</option>
 | |
|             <option value="57600">57600</option>
 | |
|             <option value="38400">38400</option>
 | |
|             <option value="19200">19200</option>
 | |
|             <option value="9600">9600</option>
 | |
|             <option value="4800">4800</option>
 | |
|             <option value="2400">2400</option>
 | |
|             <option value="1800">1800</option>
 | |
|             <option value="1200">1200</option>
 | |
|             <option value="600">600</option>
 | |
|             <option value="300">300</option>
 | |
|             <option value="200">200</option>
 | |
|             <option value="150">150</option>
 | |
|             <option value="134">134</option>
 | |
|             <option value="110">110</option>
 | |
|             <option value="75">75</option>
 | |
|             <option value="50">50</option>
 | |
|         </select>
 | |
|         </td><td>
 | |
|         <select type="text" id="node-config-input-databits" style="width: 80px;">
 | |
|             <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: 80px;">
 | |
|             <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: 80px;">
 | |
|             <option value="2">2</option>
 | |
|             <option value="1">1</option>
 | |
|         </select>
 | |
|     </td>
 | |
|     </tr></table><br/>
 | |
| 
 | |
|     <div class="form-row">
 | |
|         <label><i class="fa fa-sign-in"></i> <span data-i18n="serial.label.input"></span></label>
 | |
|     </div>
 | |
|     <div class="form-row" style="padding-left: 10px;">
 | |
|         <span data-i18n="serial.label.split"></span>
 | |
|         <select type="text" id="node-config-input-out" style="margin-left: 5px; width:200px;">
 | |
|             <option value="char" data-i18n="serial.split.character"></option>
 | |
|             <option value="time" data-i18n="serial.split.timeout"></option>
 | |
|             <option value="count" data-i18n="serial.split.lengths"></option>
 | |
|         </select>
 | |
|         <input type="text" id="node-config-input-newline"  style="width:50px;">
 | |
|         <span id="node-units"></span>
 | |
|     </div>
 | |
|     <div class="form-row" style="padding-left: 10px;">
 | |
|         <span data-i18n="serial.label.deliver"></span>
 | |
|         <select type="text" id="node-config-input-bin" style="margin-left: 5px; width: 150px;">
 | |
|             <option value="false" data-i18n="serial.output.ascii"></option>
 | |
|             <option value="bin" data-i18n="serial.output.binary"></option>
 | |
|         </select>
 | |
|     </div>
 | |
|     <br/>
 | |
|     <div id="node-config-addchar">
 | |
|         <div class="form-row">
 | |
|             <label><i class="fa fa-sign-out"></i> <span data-i18n="serial.label.output"></span></label>
 | |
|         </div>
 | |
|         <div class="form-row">
 | |
|             <input style="width: 30px;margin-left: 10px; vertical-align: top;" type="checkbox" id="node-config-input-addchar"><label style="width: auto;" for="node-config-input-addchar"><span data-i18n="serial.addsplit"></span></label>
 | |
|         </div>
 | |
|     </div>
 | |
|     <div class="form-tips" id="tip-split"><span data-i18n="serial.tip.split"></span></div>
 | |
|     <div class="form-tips" id="tip-bin" hidden><span data-i18n="serial.tip.timeout"></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},
 | |
|             databits: {value:8,required:true},
 | |
|             parity: {value:"none",required:true},
 | |
|             stopbits: {value:1,required:true},
 | |
|             newline: {value:"\\n"},
 | |
|             bin: {value:"false"},
 | |
|             out: {value:"char"},
 | |
|             addchar: {value:false}
 | |
|         },
 | |
|         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;
 | |
|             $("#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-bin").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-bin").show();
 | |
|                 }
 | |
|                 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-bin").hide();
 | |
|                 }
 | |
|             });
 | |
| 
 | |
|             try {
 | |
|                 $("#node-config-input-serialport").autocomplete( "destroy" );
 | |
|             } catch(err) {
 | |
|             }
 | |
|             $("#node-config-lookup-serial").click(function() {
 | |
|                 //$("#node-config-lookup-serial-icon").removeClass('fa fa-search');
 | |
|                 //$("#node-config-lookup-serial-icon").addClass('fa fa-spinner');
 | |
|                 $("#node-config-lookup-serial").addClass('disabled');
 | |
|                 $.getJSON('serialports',function(data) {
 | |
|                     //$("#node-config-lookup-serial-icon").addClass('fa fa-search');
 | |
|                     //$("#node-config-lookup-serial-icon").removeClass('fa fa-spinner');
 | |
|                     $("#node-config-lookup-serial").removeClass('disabled');
 | |
|                     var ports = [];
 | |
|                     $.each(data, function(i, port){
 | |
|                         ports.push(port.comName);
 | |
|                     });
 | |
|                     $("#node-config-input-serialport").autocomplete({
 | |
|                         source:ports,
 | |
|                         minLength:0,
 | |
|                         close: function( event, ui ) {
 | |
|                             $("#node-config-input-serialport").autocomplete( "destroy" );
 | |
|                         }
 | |
|                     }).autocomplete("search","");
 | |
|                 });
 | |
|             });
 | |
|         }
 | |
|     });
 | |
| </script>
 |