mirror of
				https://github.com/node-red/node-red.git
				synced 2025-03-01 10:36:34 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			172 lines
		
	
	
		
			7.2 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			172 lines
		
	
	
		
			7.2 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!--
 | |
|   Copyright 2013,2015 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="arduino in">
 | |
|     <div class="form-row">
 | |
|         <label for="node-input-arduino"><i class="fa fa-tasks"></i> Arduino</label>
 | |
|         <input type="text" id="node-input-arduino">
 | |
|     </div>
 | |
|     <div class="form-row">
 | |
|         <label for="node-input-pin"><i class="fa fa-circle"></i> Pin</label>
 | |
|         <input type="text" id="node-input-pin" placeholder="2">
 | |
|     </div>
 | |
|     <div class="form-row">
 | |
|         <label for="node-input-state"><i class="fa fa-wrench"></i> Type</label>
 | |
|         <select type="text" id="node-input-state" style="width: 150px;">
 | |
|             <option value="INPUT">Digital pin</option>
 | |
|             <option value="ANALOG">Analogue pin</option>
 | |
|         </select>
 | |
|     </div>
 | |
|     <div class="form-row">
 | |
|         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
 | |
|         <input type="text" id="node-input-name" placeholder="Name">
 | |
|     </div>
 | |
|     <div class="form-tips"><b>Note:</b> You cannot use the same pin for both output and input.</div>
 | |
| </script>
 | |
| 
 | |
| <script type="text/x-red" data-help-name="arduino in">
 | |
|     <p>Arduino input node. Connects to local Arduino and monitors the selected pin for changes. Uses <a href="http://firmata.org/" target="_new"><i>Firmata</i>.</a></p>
 | |
|     <p>The Arduino must be loaded with the Standard Firmata sketch available in the Arduino examples.</p>
 | |
|     <p>You can select either Digital or Analogue input. Outputs the value read as <b>msg.payload</b> and the pin number as <b>msg.topic</b>.</p>
 | |
|     <p>It only outputs on a change of value - fine for digital inputs, but you can get a lot of data from analogue pins which you must then handle.</p>
 | |
|     <p>You can set the sample rate in ms from 20 to 65535.</p>
 | |
| </script>
 | |
| 
 | |
| <script type="text/javascript">
 | |
|     RED.nodes.registerType('arduino in',{
 | |
|         category: 'Arduino',
 | |
|         color:"#3fadb5",
 | |
|         defaults: {
 | |
|             name: {value:""},
 | |
|             pin: {value:"",required:true},
 | |
|             state: {value:"INPUT",required:true},
 | |
|             arduino: {type:"arduino-board"}
 | |
|         },
 | |
|         inputs:0,
 | |
|         outputs:1,
 | |
|         icon: "arduino.png",
 | |
|         label: function() {
 | |
|             var a = "";
 | |
|             if (this.state === "ANALOG") { a = "A"; }
 | |
|             return this.name||"Pin: "+a+this.pin;
 | |
|         },
 | |
|         labelStyle: function() {
 | |
|             return this.name?"node_label_italic":"";
 | |
|         }
 | |
|     });
 | |
| </script>
 | |
| 
 | |
| <script type="text/x-red" data-template-name="arduino out">
 | |
|     <div class="form-row">
 | |
|         <label for="node-input-arduino"><i class="fa fa-tasks"></i> Arduino</label>
 | |
|         <input type="text" id="node-input-arduino">
 | |
|     </div>
 | |
|     <div class="form-row">
 | |
|         <label for="node-input-pin"><i class="fa fa-circle"></i> Pin</label>
 | |
|         <input type="text" id="node-input-pin" placeholder="13">
 | |
|     </div>
 | |
|     <div class="form-row">
 | |
|         <label for="node-input-state"><i class="fa fa-wrench"></i> Type</label>
 | |
|         <select type="text" id="node-input-state" style="width: 200px;">
 | |
|             <option value="OUTPUT">Digital (0/1)</option>
 | |
|             <option value="PWM">Analogue (0-255)</option>
 | |
|             <option value="SERVO">Servo (0-180)</option>
 | |
|         </select>
 | |
|     </div>
 | |
|     <div class="form-row">
 | |
|         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
 | |
|         <input type="text" id="node-input-name" placeholder="Name">
 | |
|     </div>
 | |
|     <div class="form-tips"><b>Note:</b> You cannot use the same pin for both output and input.</div>
 | |
| </script>
 | |
| 
 | |
| <script type="text/x-red" data-help-name="arduino out">
 | |
|     <p>Arduino output node. Connects to local Arduino and writes to the selected digital pin. Uses <a href="http://firmata.org/" target="_new"><i>Firmata</i>.</a></p>
 | |
|     <p>The Arduino must be loaded with the Standard Firmata sketch available in the Arduino examples.</p>
 | |
|     <p>You can select Digital, Analogue (PWM) or Servo type outputs. Expects a numeric value in <b>msg.payload</b>. The pin number is set in the properties panel.</p>
 | |
| </script>
 | |
| 
 | |
| <script type="text/javascript">
 | |
|     RED.nodes.registerType('arduino out',{
 | |
|         category: 'Arduino',
 | |
|         color:"#3fadb5",
 | |
|         defaults: {
 | |
|             name: {value:""},
 | |
|             pin: {value:"",required:true},
 | |
|             state: {value:"",required:true},
 | |
|             arduino: {type:"arduino-board"}
 | |
|         },
 | |
|         inputs:1,
 | |
|         outputs:0,
 | |
|         icon: "arduino.png",
 | |
|         align: "right",
 | |
|         label: function() {
 | |
|             return this.name||"Pin: "+this.pin;
 | |
|         },
 | |
|         labelStyle: function() {
 | |
|             return this.name?"node_label_italic":"";
 | |
|         }
 | |
|     });
 | |
| </script>
 | |
| 
 | |
| 
 | |
| <script type="text/x-red" data-template-name="arduino-board">
 | |
|     <div class="form-row">
 | |
|         <label for="node-config-input-device"><i class="fa fa-random"></i> Port</label>
 | |
|         <input type="text" id="node-config-input-device" style="width:60%;" placeholder="e.g. /dev/ttyUSB0  COM1"/>
 | |
|         <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-tips"><b>Tip:</b> Use search to list serial ports, or leave blank to connect to first device found.</div>
 | |
| </script>
 | |
| 
 | |
| <script type="text/javascript">
 | |
|     RED.nodes.registerType('arduino-board',{
 | |
|         category: 'config',
 | |
|         defaults: {
 | |
|             device: {value:""}
 | |
|         },
 | |
|         label: function() {
 | |
|             return this.device||"arduino";
 | |
|         },
 | |
|         oneditprepare: function() {
 | |
|             try {
 | |
|                 $("#node-config-input-device").autocomplete( "destroy" );
 | |
|             } catch(err) { }
 | |
|             $("#node-config-lookup-serial").click(function() {
 | |
|                 $("#node-config-lookup-serial-icon").removeClass('fa-search');
 | |
|                 $("#node-config-lookup-serial-icon").addClass('spinner');
 | |
|                 $("#node-config-lookup-serial").addClass('disabled');
 | |
| 
 | |
|                 $.getJSON('arduinoports',function(data) {
 | |
|                     $("#node-config-lookup-serial-icon").addClass('fa-search');
 | |
|                     $("#node-config-lookup-serial-icon").removeClass('spinner');
 | |
|                     $("#node-config-lookup-serial").removeClass('disabled');
 | |
|                     var ports = [];
 | |
|                     $.each(data, function(i, port){
 | |
|                         ports.push(port);
 | |
|                     });
 | |
|                     $("#node-config-input-device").autocomplete({
 | |
|                         source:ports,
 | |
|                         minLength:0,
 | |
|                         close: function( event, ui ) {
 | |
|                             $("#node-config-input-device").autocomplete( "destroy" );
 | |
|                         }
 | |
|                     }).autocomplete("search","");
 | |
|                 });
 | |
|             });
 | |
|         }
 | |
|     });
 | |
| </script>
 |