mirror of
				https://github.com/node-red/node-red-nodes.git
				synced 2025-03-01 10:37:43 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			554 lines
		
	
	
		
			31 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			554 lines
		
	
	
		
			31 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <style>
 | |
|     .rpi-gpio-pinTable {
 | |
|         width: 340px;
 | |
|         display: inline-table;
 | |
|         font-size: 13px;
 | |
|         height: 380px;
 | |
|         min-height: 380px;
 | |
|         max-height: 380px;
 | |
|     }
 | |
|     .rpi-gpio-pinTable input[type="radio"] {
 | |
|         width: auto;
 | |
|         margin: 3px 2px;
 | |
|         vertical-align: top;
 | |
|     }
 | |
|     .rpi-gpio-pinTable label {
 | |
|         width: auto;
 | |
|         margin: 0;
 | |
|         display: block;
 | |
|     }
 | |
|     .rpi-gpio-pinTable .pinTableBody {
 | |
|         width: 340px;
 | |
|         display: table-row-group;
 | |
|         line-height: 12px;
 | |
|     }
 | |
|     .rpi-gpio-pinTable .pinTableRow {
 | |
|         width: 340px;
 | |
|         display: table-row;
 | |
|         height: 20px;
 | |
|     }
 | |
|     .rpi-gpio-pinTable .pinTableCellL {
 | |
|         width: 170px;
 | |
|         height: 20px;
 | |
|         display: table-cell;
 | |
|         text-align: right;
 | |
|         padding-right: 4px;
 | |
|         vertical-align: middle;
 | |
|         border: 1px solid #444;
 | |
|     }
 | |
|     .rpi-gpio-pinTable .pinTableCellL label {
 | |
|         width: 170px;
 | |
|     }
 | |
|     .rpi-gpio-pinTable .pinTableCellR {
 | |
|         width: 170px;
 | |
|         height: 22px;
 | |
|         display: table-cell;
 | |
|         text-align: left;
 | |
|         padding-left: 4px;
 | |
|         vertical-align: middle;
 | |
|         border: 1px solid #000;
 | |
|     }
 | |
|     .rpi-gpio-pinTable .pinTableCellR label {
 | |
|         width: 170px;
 | |
|     }
 | |
|     .rpi-gpio-pinTable .pinColorPower {
 | |
|         background-color:#FECBCE;
 | |
|     }
 | |
|     .rpi-gpio-pinTable .pinColorGround {
 | |
|         background-color:#DDDDDD;
 | |
|     }
 | |
|     .rpi-gpio-pinTable .pinColorGPIO {
 | |
|         background-color:#BFEBBF;
 | |
|     }
 | |
|     .rpi-gpio-pinTable .pinColorDual {
 | |
|         background-color:#D0E6F4;
 | |
|     }
 | |
|     .rpi-gpio-pinTable .pinColorSD {
 | |
|         background-color:#FFFDD0;
 | |
|     }
 | |
| </style>
 | |
| <script type="text/html" data-template-name="rpi-gpio in">
 | |
| 
 | |
|     <div class="form-row" style="min-width: 540px">
 | |
|         <label><i class="fa fa-circle"></i> <span data-i18n="rpi-gpio.pinname"></span></label>
 | |
|         <input type="text" id="node-input-pin" style="display:none;">
 | |
|         <div class="rpi-gpio-pinTable">
 | |
|             <div class="pinTableBody" id="pinform">
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorPower"><label>3.3V Power - 1 <input disabled type="radio" name="pins" value=""></label></div>
 | |
|                     <div class="pinTableCellR pinColorPower"><label><input disabled type="radio" name="pins" value=""> 2 - 5V Power</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorDual"><label for="pinTable-pin-3">SDA1 - GPIO02 - 3 <input id="pinTable-pin-3" type="radio" name="pins" value="3"></label></div>
 | |
|                     <div class="pinTableCellR pinColorPower"><label><input disabled type="radio" name="pins" value=""> 4 - 5V Power</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorDual"><label for="pinTable-pin-5">SCL1 - GPIO03 - 5 <input id="pinTable-pin-5" type="radio" name="pins" value="5"></label></div>
 | |
|                     <div class="pinTableCellR pinColorGround"><label><input disabled type="radio" name="pins" value=""> 6 - Ground</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorGPIO"><label for="pinTable-pin-7">GPIO04 - 7 <input id="pinTable-pin-7" type="radio" name="pins" value="7"></label></div>
 | |
|                     <div class="pinTableCellR pinColorDual"><label for="pinTable-pin-8"><input id="pinTable-pin-8" type="radio" name="pins" value="8"> 8 - GPIO14 - TxD</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorGround"><label>Ground - 9 <input disabled type="radio" name="pins" value=""></label></div>
 | |
|                     <div class="pinTableCellR pinColorDual"><label for="pinTable-pin-10"><input id="pinTable-pin-10" type="radio" name="pins" value="10"> 10 - GPIO15 - RxD</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorGPIO"><label for="pinTable-pin-11">GPIO17 - 11 <input id="pinTable-pin-11" type="radio" name="pins" value="11"></label></div>
 | |
|                     <div class="pinTableCellR pinColorGPIO"><label for="pinTable-pin-12"><input id="pinTable-pin-12" type="radio" name="pins" value="12"> 12 - GPIO18</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorGPIO"><label for="pinTable-pin-13">GPIO27 - 13 <input id="pinTable-pin-13" type="radio" name="pins" value="13"></label></div>
 | |
|                     <div class="pinTableCellR pinColorGround"><label><input disabled type="radio" name="pins" value=""> 14 - Ground</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorGPIO"><label for="pinTable-pin-15">GPIO22 - 15 <input id="pinTable-pin-15" type="radio" name="pins" value="15"></label></div>
 | |
|                     <div class="pinTableCellR pinColorGPIO"><label for="pinTable-pin-16"><input id="pinTable-pin-16" type="radio" name="pins" value="16"> 16 - GPIO23</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorPower"><label>3.3V Power - 17 <input disabled type="radio" name="pins" value=""></label></div>
 | |
|                     <div class="pinTableCellR pinColorGPIO"><label for="pinTable-pin-18"><input id="pinTable-pin-18" type="radio" name="pins" value="18"> 18 - GPIO24</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorDual"><label for="pinTable-pin-19">MOSI - GPIO10 - 19 <input id="pinTable-pin-19" type="radio" name="pins" value="19"></label></div>
 | |
|                     <div class="pinTableCellR pinColorGround"><label><input disabled type="radio" name="pins" value=""> 20 - Ground</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorDual"><label for="pinTable-pin-21">MISO - GPIO09 - 21 <input id="pinTable-pin-21" type="radio" name="pins" value="21"></label></div>
 | |
|                     <div class="pinTableCellR pinColorGPIO"><label for="pinTable-pin-22"><input id="pinTable-pin-22" type="radio" name="pins" value="22"> 22 - GPIO25</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorDual"><label for="pinTable-pin-23">SCLK - GPIO11 - 23 <input id="pinTable-pin-23" type="radio" name="pins" value="23"></label></div>
 | |
|                     <div class="pinTableCellR pinColorDual"><label for="pinTable-pin-24"><input id="pinTable-pin-24" type="radio" name="pins" value="24"> 24 - GPIO8 - CE0</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorGround"><label>Ground - 25 <input disabled type="radio" name="pins" value=""></label></div>
 | |
|                     <div class="pinTableCellR pinColorDual"><label for="pinTable-pin-26"><input id="pinTable-pin-26" type="radio" name="pins" value="26"> 26 - GPIO7 - CE1</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorSD"><label>SD - 27 <input disabled type="radio" name="pins" value=""></label></div>
 | |
|                     <div class="pinTableCellR pinColorSD"><label><input disabled type="radio" name="pins" value=""> 28 - SC</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorGPIO"><label for="pinTable-pin-29">GPIO05 - 29 <input id="pinTable-pin-29" type="radio" name="pins" value="29"></label></div>
 | |
|                     <div class="pinTableCellR pinColorGround"><label><input disabled type="radio" name="pins" value=""> 30 - Ground</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorGPIO"><label for="pinTable-pin-31">GPIO06 - 31 <input id="pinTable-pin-31" type="radio" name="pins" value="31"></label></div>
 | |
|                     <div class="pinTableCellR pinColorGPIO"><label for="pinTable-pin-32"><input id="pinTable-pin-32" type="radio" name="pins" value="32"> 32 - GPIO12</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorGPIO"><label for="pinTable-pin-33">GPIO13 - 33 <input id="pinTable-pin-33" type="radio" name="pins" value="33"></label></div>
 | |
|                     <div class="pinTableCellR pinColorGround"><label><input disabled type="radio" name="pins" value=""> 34 - Ground</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorGPIO"><label for="pinTable-pin-35">GPIO19 - 35 <input id="pinTable-pin-35" type="radio" name="pins" value="35"></label></div>
 | |
|                     <div class="pinTableCellR pinColorGPIO"><label for="pinTable-pin-36"><input id="pinTable-pin-36" type="radio" name="pins" value="36"> 36 - GPIO16</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorGPIO"><label for="pinTable-pin-37">GPIO26 - 37 <input id="pinTable-pin-37" type="radio" name="pins" value="37"></label></div>
 | |
|                     <div class="pinTableCellR pinColorGPIO"><label for="pinTable-pin-38"><input id="pinTable-pin-38" type="radio" name="pins" value="38"> 38 - GPIO20</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorGround"><label>Ground - 39 <input disabled type="radio" name="pins" value=""></label></div>
 | |
|                     <div class="pinTableCellR pinColorGPIO"><label for="pinTable-pin-40"><input id="pinTable-pin-40" type="radio" name="pins" value="40"> 40 - GPIO21</label></div>
 | |
|                 </div>
 | |
|             </div>
 | |
|         </div>
 | |
|     </div>
 | |
|     <div class="form-row">
 | |
|         <label for="node-input-intype"><i class="fa fa-level-up"></i> <span data-i18n="rpi-gpio.label.resistor"></span></label>
 | |
|         <select type="text" id="node-input-intype" style="width:100px;">
 | |
|         <option value="tri" data-i18n="rpi-gpio.resistor.none"></option>
 | |
|         <option value="up" data-i18n="rpi-gpio.resistor.pullup"></option>
 | |
|         <option value="down" data-i18n="rpi-gpio.resistor.pulldown"></option>
 | |
|         </select>
 | |
|              <span data-i18n="rpi-gpio.label.debounce"></span>
 | |
|         <input type="text" id="node-input-debounce" style="width:47px; text-align:right"/> mS
 | |
|     </div>
 | |
|     <div class="form-row">
 | |
|         <label> </label>
 | |
|         <input type="checkbox" id="node-input-read" style="display: inline-block; width: auto; vertical-align: top;">
 | |
|         <label for="node-input-read" style="width:70%;"><span data-i18n="rpi-gpio.label.readinitial"></span></label>
 | |
|     </div>
 | |
|     <div class="form-row">
 | |
|         <label for="node-input-name"><i class="fa fa-tag"></i> <span data-i18n="common.label.name"></span></label>
 | |
|         <input type="text" id="node-input-name" data-i18n="[placeholder]common.label.name">
 | |
|     </div>
 | |
|     <div class="form-tips" id="pin-tip"><span data-i18n="[html]rpi-gpio.tip.pin"></span></div>
 | |
|     <div class="form-tips"><span data-i18n="[html]rpi-gpio.tip.in"></span></div>
 | |
| </script>
 | |
| 
 | |
| <script type="text/javascript">
 | |
|     var bcm2pin = {
 | |
|         "2":"3", "3":"5", "4":"7", "14":"8", "15":"10", "17":"11", "18":"12", "27":"13", "22":"15",
 | |
|         "23":"16", "24":"18", "10":"19", "9":"21", "25":"22", "11":"23", "8":"24", "7":"26",
 | |
|         "5":"29", "6":"31", "12":"32", "13":"33", "19":"35", "16":"36", "26":"37", "20":"38", "21":"40"
 | |
|     };
 | |
|     var pinsInUse = {};
 | |
|     RED.nodes.registerType('rpi-gpio in',{
 | |
|         category: 'Raspberry Pi',
 | |
|         color:"#c6dbef",
 | |
|         defaults: {
 | |
|             name: { value:"" },
 | |
|             pin: { value:"tri",required:true,validate:RED.validators.number() },
 | |
|             intype: { value:"tri" },
 | |
|             debounce: { value:"25" },
 | |
|             read: { value:false }
 | |
|         },
 | |
|         inputs:0,
 | |
|         outputs:1,
 | |
|         icon: "rpi.png",
 | |
|         info: function() {
 | |
|             if ( Object.keys(pinsInUse).length !== 0 ) {
 | |
|                 return "**Pins in use** : "+Object.keys(pinsInUse);
 | |
|             }
 | |
|             else { return ""; }
 | |
|         },
 | |
|         label: function() {
 | |
|             var suf = "";
 | |
|             if (this.intype === "up") { suf = "↑ "}
 | |
|             if (this.intype === "down") { suf = "↓ "}
 | |
|             return this.name || "PIN: "+suf+this.pin ;
 | |
|         },
 | |
|         labelStyle: function() {
 | |
|             return this.name?"node_label_italic":"";
 | |
|         },
 | |
|         outputLabels: function() { return "GPIO"+this.pin; },
 | |
|         oneditprepare: function() {
 | |
|             var pinnow = this.pin;
 | |
|             var pintip = this._("rpi-gpio.tip.pin");
 | |
|             var pinname = this._("rpi-gpio.pinname");
 | |
|             var alreadyuse = this._("rpi-gpio.alreadyuse");
 | |
|             var alreadyset = this._("rpi-gpio.alreadyset");
 | |
| 
 | |
|             $.getJSON('rpi-pins/'+this.id,function(data) {
 | |
|                 pinsInUse = data || {};
 | |
|                 $('#pin-tip').html(pintip + Object.keys(data));
 | |
|             });
 | |
|             $("#node-input-pin").on("change", function() {
 | |
|                 if ($("#node-input-pin").val()) {
 | |
|                     $("#pinform input[value="+$("#node-input-pin").val()+"]").prop('checked', true);
 | |
|                 }
 | |
|                 var pinnew = $("#node-input-pin").val();
 | |
|                 if ((pinnew) && (pinnew !== pinnow)) {
 | |
|                     if (pinsInUse.hasOwnProperty(pinnew)) {
 | |
|                         RED.notify(pinname+" "+pinnew+" "+alreadyuse,"warn");
 | |
|                     }
 | |
|                     pinnow = pinnew;
 | |
|                 }
 | |
|             });
 | |
|             $("#node-input-intype").on("change", function() {
 | |
|                 var newtype = $("#node-input-intype").val();
 | |
|                 if ((pinsInUse.hasOwnProperty(pinnow)) && (pinsInUse[pinnow] !== newtype)) {
 | |
|                     RED.notify(pinname+" "+pinnow+" "+alreadyset+" "+pinsInUse[pinnow],"error");
 | |
|                 }
 | |
|             });
 | |
|             $('#pinform input').on('change', function() {
 | |
|                 this.pin = $("#pinform input[type='radio']:checked").val();
 | |
|                 $("#node-input-pin").val(this.pin);
 | |
|             });
 | |
|         }
 | |
|     });
 | |
| </script>
 | |
| 
 | |
| <script type="text/html" data-template-name="rpi-gpio out">
 | |
|     <div class="form-row" style="min-width: 540px">
 | |
|         <label><i class="fa fa-circle"></i> <span data-i18n="rpi-gpio.pinname"></span></label>
 | |
|         <input type="text" id="node-input-pin" style="display:none;">
 | |
|         <div class="rpi-gpio-pinTable">
 | |
|             <div class="pinTableBody" id="pinform">
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorPower"><label>3.3V Power - 1 <input disabled type="radio" name="pins" value=""></label></div>
 | |
|                     <div class="pinTableCellR pinColorPower"><label><input disabled type="radio" name="pins" value=""> 2 - 5V Power</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorDual"><label for="pinTable-pin-3">SDA1 - GPIO02 - 3 <input id="pinTable-pin-3" type="radio" name="pins" value="3"></label></div>
 | |
|                     <div class="pinTableCellR pinColorPower"><label><input disabled type="radio" name="pins" value=""> 4 - 5V Power</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorDual"><label for="pinTable-pin-5">SCL1 - GPIO03 - 5 <input id="pinTable-pin-5" type="radio" name="pins" value="5"></label></div>
 | |
|                     <div class="pinTableCellR pinColorGround"><label><input disabled type="radio" name="pins" value=""> 6 - Ground</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorGPIO"><label for="pinTable-pin-7">GPIO04 - 7 <input id="pinTable-pin-7" type="radio" name="pins" value="7"></label></div>
 | |
|                     <div class="pinTableCellR pinColorDual"><label for="pinTable-pin-8"><input id="pinTable-pin-8" type="radio" name="pins" value="8"> 8 - GPIO14 - TxD</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorGround"><label>Ground - 9 <input disabled type="radio" name="pins" value=""></label></div>
 | |
|                     <div class="pinTableCellR pinColorDual"><label for="pinTable-pin-10"><input id="pinTable-pin-10" type="radio" name="pins" value="10"> 10 - GPIO15 - RxD</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorGPIO"><label for="pinTable-pin-11">GPIO17 - 11 <input id="pinTable-pin-11" type="radio" name="pins" value="11"></label></div>
 | |
|                     <div class="pinTableCellR pinColorGPIO"><label for="pinTable-pin-12"><input id="pinTable-pin-12" type="radio" name="pins" value="12"> 12 - GPIO18</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorGPIO"><label for="pinTable-pin-13">GPIO27 - 13 <input id="pinTable-pin-13" type="radio" name="pins" value="13"></label></div>
 | |
|                     <div class="pinTableCellR pinColorGround"><label><input disabled type="radio" name="pins" value=""> 14 - Ground</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorGPIO"><label for="pinTable-pin-15">GPIO22 - 15 <input id="pinTable-pin-15" type="radio" name="pins" value="15"></label></div>
 | |
|                     <div class="pinTableCellR pinColorGPIO"><label for="pinTable-pin-16"><input id="pinTable-pin-16" type="radio" name="pins" value="16"> 16 - GPIO23</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorPower"><label>3.3V Power - 17 <input disabled type="radio" name="pins" value=""></label></div>
 | |
|                     <div class="pinTableCellR pinColorGPIO"><label for="pinTable-pin-18"><input id="pinTable-pin-18" type="radio" name="pins" value="18"> 18 - GPIO24</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorDual"><label for="pinTable-pin-19">MOSI - GPIO10 - 19 <input id="pinTable-pin-19" type="radio" name="pins" value="19"></label></div>
 | |
|                     <div class="pinTableCellR pinColorGround"><label><input disabled type="radio" name="pins" value=""> 20 - Ground</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorDual"><label for="pinTable-pin-21">MISO - GPIO09 - 21 <input id="pinTable-pin-21" type="radio" name="pins" value="21"></label></div>
 | |
|                     <div class="pinTableCellR pinColorGPIO"><label for="pinTable-pin-22"><input id="pinTable-pin-22" type="radio" name="pins" value="22"> 22 - GPIO25</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorDual"><label for="pinTable-pin-23">SCLK - GPIO11 - 23 <input id="pinTable-pin-23" type="radio" name="pins" value="23"></label></div>
 | |
|                     <div class="pinTableCellR pinColorDual"><label for="pinTable-pin-24"><input id="pinTable-pin-24" type="radio" name="pins" value="24"> 24 - GPIO8 - CE0</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorGround"><label>Ground - 25 <input disabled type="radio" name="pins" value=""></label></div>
 | |
|                     <div class="pinTableCellR pinColorDual"><label for="pinTable-pin-26"><input id="pinTable-pin-26" type="radio" name="pins" value="26"> 26 - GPIO7 - CE1</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorSD"><label>SD - 27 <input disabled type="radio" name="pins" value=""></label></div>
 | |
|                     <div class="pinTableCellR pinColorSD"><label><input disabled type="radio" name="pins" value=""> 28 - SC</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorGPIO"><label for="pinTable-pin-29">GPIO05 - 29 <input id="pinTable-pin-29" type="radio" name="pins" value="29"></label></div>
 | |
|                     <div class="pinTableCellR pinColorGround"><label><input disabled type="radio" name="pins" value=""> 30 - Ground</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorGPIO"><label for="pinTable-pin-31">GPIO06 - 31 <input id="pinTable-pin-31" type="radio" name="pins" value="31"></label></div>
 | |
|                     <div class="pinTableCellR pinColorGPIO"><label for="pinTable-pin-32"><input id="pinTable-pin-32" type="radio" name="pins" value="32"> 32 - GPIO12</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorGPIO"><label for="pinTable-pin-33">GPIO13 - 33 <input id="pinTable-pin-33" type="radio" name="pins" value="33"></label></div>
 | |
|                     <div class="pinTableCellR pinColorGround"><label><input disabled type="radio" name="pins" value=""> 34 - Ground</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorGPIO"><label for="pinTable-pin-35">GPIO19 - 35 <input id="pinTable-pin-35" type="radio" name="pins" value="35"></label></div>
 | |
|                     <div class="pinTableCellR pinColorGPIO"><label for="pinTable-pin-36"><input id="pinTable-pin-36" type="radio" name="pins" value="36"> 36 - GPIO16</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorGPIO"><label for="pinTable-pin-37">GPIO26 - 37 <input id="pinTable-pin-37" type="radio" name="pins" value="37"></label></div>
 | |
|                     <div class="pinTableCellR pinColorGPIO"><label for="pinTable-pin-38"><input id="pinTable-pin-38" type="radio" name="pins" value="38"> 38 - GPIO20</label></div>
 | |
|                 </div>
 | |
|                 <div class="pinTableRow">
 | |
|                     <div class="pinTableCellL pinColorGround"><label>Ground - 39 <input disabled type="radio" name="pins" value=""></label></div>
 | |
|                     <div class="pinTableCellR pinColorGPIO"><label for="pinTable-pin-40"><input id="pinTable-pin-40" type="radio" name="pins" value="40"> 40 - GPIO21</label></div>
 | |
|                 </div>
 | |
|             </div>
 | |
|         </div>
 | |
|     </div>
 | |
|     <div class="form-row" id="node-set-pwm">
 | |
|         <label>    <span data-i18n="rpi-gpio.label.type"></span></label>
 | |
|         <select id="node-input-out" style="width: 250px;">
 | |
|             <option value="out" data-i18n="rpi-gpio.digout"></option>
 | |
|             <option value="pwm" data-i18n="rpi-gpio.pwmout"></option>
 | |
|         </select>
 | |
|     </div>
 | |
|     <div class="form-row" id="node-set-tick">
 | |
|         <label> </label>
 | |
|         <input type="checkbox" id="node-input-set" style="display: inline-block; width: auto; vertical-align: top;">
 | |
|         <label for="node-input-set" style="width: 70%;"><span data-i18n="rpi-gpio.label.initpin"></span></label>
 | |
|     </div>
 | |
|     <div class="form-row" id="node-set-state">
 | |
|         <label for="node-input-level"> </label>
 | |
|         <select id="node-input-level" style="width: 250px;">
 | |
|             <option value="0" data-i18n="rpi-gpio.initpin0"></option>
 | |
|             <option value="1" data-i18n="rpi-gpio.initpin1"></option>
 | |
|         </select>
 | |
|     </div>
 | |
|     <div class="form-row" id="node-set-freq">
 | |
|         <label for="node-input-freq"> <span data-i18n="rpi-gpio.label.freq"></span></label>
 | |
|         <input type="text" id="node-input-freq" placeholder="100"> Hz
 | |
|     </div>
 | |
|     <div class="form-row">
 | |
|         <label for="node-input-name"><i class="fa fa-tag"></i> <span data-i18n="common.label.name"></span></label>
 | |
|         <input type="text" id="node-input-name" data-i18n="[placeholder]common.label.name">
 | |
|     </div>
 | |
|     <div class="form-tips" id="pin-tip"><span data-i18n="[html]rpi-gpio.tip.pin"></span></div>
 | |
|     <div class="form-tips" id="dig-tip"><span data-i18n="[html]rpi-gpio.tip.dig"></span></div>
 | |
|     <div class="form-tips" id="pwm-tip"><span data-i18n="[html]rpi-gpio.tip.pwm"></span></div>
 | |
| </script>
 | |
| 
 | |
| <script type="text/javascript">
 | |
|     var bcm2pin = {
 | |
|         "2":"3", "3":"5", "4":"7", "14":"8", "15":"10", "17":"11", "18":"12", "27":"13", "22":"15",
 | |
|         "23":"16", "24":"18", "10":"19", "9":"21", "25":"22", "11":"23", "8":"24", "7":"26",
 | |
|         "5":"29", "6":"31", "12":"32", "13":"33", "19":"35", "16":"36", "26":"37", "20":"38", "21":"40"
 | |
|     };
 | |
|     var pinsInUse = {};
 | |
|     RED.nodes.registerType('rpi-gpio out',{
 | |
|         category: 'Raspberry Pi',
 | |
|         color:"#c6dbef",
 | |
|         defaults: {
 | |
|             name: { value:"" },
 | |
|             pin: { value:"",required:true,validate:RED.validators.number() },
 | |
|             set: { value:"" },
 | |
|             level: { value:"0" },
 | |
|             freq: {value:""},
 | |
|             out: { value:"out" }
 | |
|         },
 | |
|         inputs:1,
 | |
|         outputs:0,
 | |
|         icon: "rpi.png",
 | |
|         info: function() {
 | |
|             if ( Object.keys(pinsInUse).length !== 0 ) {
 | |
|                 return "**Pins in use** : "+Object.keys(pinsInUse);
 | |
|             }
 | |
|             else { return ""; }
 | |
|         },
 | |
|         align: "right",
 | |
|         label: function() {
 | |
|             if (this.out === "pwm") { return this.name || "PWM: "+this.pin; }
 | |
|             else if (this.out === "ser") { return this.name || "Servo: "+this.pin; }
 | |
|             else {
 | |
|                 var suf = "";
 | |
|                 if (this.set == true) { suf = (this.level === "1") ? " ¹" : " ₀"; }
 | |
|                 return this.name||"PIN: "+ this.pin + suf ;
 | |
|             }
 | |
|         },
 | |
|         labelStyle: function() {
 | |
|             return this.name?"node_label_italic":"";
 | |
|         },
 | |
|         inputLabels: function() { return "GPIO"+this.pin; },
 | |
|         oneditprepare: function() {
 | |
|             var pinnow = this.pin;
 | |
|             var pintip = this._("rpi-gpio.tip.pin");
 | |
|             var pinname = this._("rpi-gpio.pinname");
 | |
|             var alreadyuse = this._("rpi-gpio.alreadyuse");
 | |
|             var alreadyset = this._("rpi-gpio.alreadyset");
 | |
|             if (!$("#node-input-out").val()) { $("#node-input-out").val("out"); }
 | |
| 
 | |
|             $.getJSON('rpi-pins/'+this.id,function(data) {
 | |
|                 pinsInUse = data || {};
 | |
|                 $('#pin-tip').html(pintip + Object.keys(data));
 | |
|             });
 | |
| 
 | |
|             $("#node-input-pin").on("change", function() {
 | |
|                 if ($("#node-input-pin").val()) {
 | |
|                     $("#pinform input[value="+$("#node-input-pin").val()+"]").prop('checked', true);
 | |
|                 }
 | |
|                 var pinnew = $("#node-input-pin").val();
 | |
|                 if ((pinnew) && (pinnew !== pinnow)) {
 | |
|                     if (pinsInUse.hasOwnProperty(pinnew)) {
 | |
|                         RED.notify(pinname+" "+pinnew+" "+alreadyuse,"warn");
 | |
|                     }
 | |
|                     pinnow = pinnew;
 | |
|                 }
 | |
|             });
 | |
| 
 | |
|             $("#node-input-out").on("change", function() {
 | |
|                 var newtype = $("#node-input-out").val();
 | |
|                 if ((pinsInUse.hasOwnProperty(pinnow)) && (pinsInUse[pinnow] !== newtype)) {
 | |
|                     RED.notify(pinname+" "+pinnow+" "+alreadyset+" "+pinsInUse[pinnow],"error");
 | |
|                 }
 | |
|             });
 | |
| 
 | |
|             var hidestate = function () {
 | |
|                 if ($("#node-input-out").val() === "pwm") {
 | |
|                     $('#node-set-tick').hide();
 | |
|                     $('#node-set-state').hide();
 | |
|                     $('#node-input-set').prop('checked', false);
 | |
|                     $("#dig-tip").hide();
 | |
|                     $("#pwm-tip").show();
 | |
|                     $('#node-set-freq').show();
 | |
|                 }
 | |
|                 else {
 | |
|                     $('#node-set-tick').show();
 | |
|                     $("#dig-tip").show();
 | |
|                     $("#pwm-tip").hide();
 | |
|                     $('#node-set-freq').hide();
 | |
|                 }
 | |
|             };
 | |
|             $("#node-input-out").on("change", function () { hidestate(); });
 | |
|             hidestate();
 | |
| 
 | |
|             var setstate = function () {
 | |
|                 if ($('#node-input-set').is(":checked")) {
 | |
|                     $("#node-set-state").show();
 | |
|                 } else {
 | |
|                     $("#node-set-state").hide();
 | |
|                 }
 | |
|             };
 | |
|             $("#node-input-set").on("change", function () { setstate(); });
 | |
|             setstate();
 | |
| 
 | |
|             $('#pinform input').on('change', function() {
 | |
|                 this.pin = $("#pinform input[type='radio']:checked").val();
 | |
|                 $("#node-input-pin").val(this.pin);
 | |
|             });
 | |
|         }
 | |
|     });
 | |
| </script>
 | |
| 
 | |
| <script type="text/html" data-template-name="rpi-mouse">
 | |
|     <div class="form-row">
 | |
|         <label for="node-input-butt"><i class="fa fa-circle"></i> <span data-i18n="rpi-gpio.label.button"></span></label>
 | |
|         <select type="text" id="node-input-butt" style="width: 250px;">
 | |
|             <option value="1" data-i18n="rpi-gpio.left"></option>
 | |
|             <option value="2" data-i18n="rpi-gpio.right"></option>
 | |
|             <option value="4" data-i18n="rpi-gpio.middle"></option>
 | |
|             <option value="7" data-i18n="rpi-gpio.any"></option>
 | |
|          </select>
 | |
|     </div>
 | |
|     <br/>
 | |
|     <div class="form-row">
 | |
|         <label for="node-input-name"><i class="fa fa-tag"></i> <span data-i18n="common.label.name"></span></label>
 | |
|         <input type="text" id="node-input-name" data-i18n="[placeholder]common.label.name">
 | |
|     </div>
 | |
| </script>
 | |
| 
 | |
| <script type="text/javascript">
 | |
|     RED.nodes.registerType('rpi-mouse',{
 | |
|         category: 'Raspberry Pi',
 | |
|         color:"#c6dbef",
 | |
|         defaults: {
 | |
|             name: { value:"" },
 | |
|             butt: { value:"1",required:true }
 | |
|         },
 | |
|         inputs:0,
 | |
|         outputs:1,
 | |
|         icon: "rpi.png",
 | |
|         label: function() {
 | |
|             var na = this._("rpi-gpio.label.pimouse");
 | |
|             if (this.butt === "1") { na += " "+this._("rpi-gpio.label.left"); }
 | |
|             if (this.butt === "2") { na += " "+this._("rpi-gpio.label.right"); }
 | |
|             if (this.butt === "4") { na += " "+this._("rpi-gpio.label.middle"); }
 | |
|             return this.name||na;
 | |
|         },
 | |
|         labelStyle: function() {
 | |
|             return this.name?"node_label_italic":"";
 | |
|         }
 | |
|     });
 | |
| </script>
 | |
| 
 | |
| <script type="text/html" data-template-name="rpi-keyboard">
 | |
|     <div class="form-row">
 | |
|         <label for="node-input-name"><i class="fa fa-tag"></i> <span data-i18n="common.label.name"></span></label>
 | |
|         <input type="text" id="node-input-name" data-i18n="[placeholder]common.label.name">
 | |
|     </div>
 | |
| </script>
 | |
| 
 | |
| <script type="text/javascript">
 | |
|     RED.nodes.registerType('rpi-keyboard',{
 | |
|         category: 'Raspberry Pi',
 | |
|         color:"#c6dbef",
 | |
|         defaults: {
 | |
|             name: { value:"" }
 | |
|         },
 | |
|         inputs:0,
 | |
|         outputs:1,
 | |
|         icon: "rpi.png",
 | |
|         label: function() {
 | |
|             return this.name || this._("rpi-gpio.label.pikeyboard");
 | |
|         },
 | |
|         labelStyle: function() {
 | |
|             return this.name?"node_label_italic":"";
 | |
|         }
 | |
|     });
 | |
| </script>
 |