grovepi.html

<!--
  Copyright 2016 Memet Olsen - ICT Automatisering B.V.
 
  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/javascript">
    RED.nodes.registerType('grovepi-led',{
        category: 'Grove Pi',
        color:"#c6dbef",
        defaults: {
            name: { value:"" },
            pin: { value:"",required:true,validate:RED.validators.number() },
            set: { value:"" },
        },
        inputs:1,
        outputs:0,
        icon: "rpi.png",
        align: "right",
        label: function() {
            return this.name||"Pin: "+this.pin ;
        },
        paletteLabel: 'LED',
        labelStyle: function() {
            return this.name?"node_label_italic":"";
        }
    });
</script>

<script type="text/x-red" data-template-name="grovepi-led">
    <div class="form-row">
        <label for="node-input-pin"><i class="fa fa-circle"></i> <span>Port</span></label>
        <select type="text" id="node-input-pin" style="width: 250px;">
            <option value="2">Digital 2</option>
            <option value="3">Digital 3</option>
            <option value="4">Digital 4</option>
            <option value="5">Digital 5</option>
            <option value="6">Digital 6</option>
            <option value="7">Digital 7</option>
            <option value="8">Digital 8</option>
         </select>
         &nbsp;<span id="pitype"></span>
    </div>
    <br/>
    <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">
    </div>
</script>

<script type="text/x-red" data-help-name="grovepi-led">
    <p>Raspberry Pi GrovePi LED node. Expects a <b>msg.payload</b> with a value between 0 and 255.</p>
    <p>Will write the passed in data to the selected digital port.</p>
    <p><b>Note:</b> we are using the actual physical port numbers on the GrovePi card as they are easier to locate.</p>
</script>






<script type="text/javascript">
    RED.nodes.registerType('grovepi-relay',{
        category: 'Grove Pi',
        color:"#c6dbef",
        defaults: {
            name: { value:"" },
            pin: { value:"",required:true,validate:RED.validators.number() },
        },
        inputs:1,
        outputs:0,
        icon: "rpi.png",
        align: "right",
        label: function() {
            return this.name||"Pin: "+this.pin ;
        },
        paletteLabel: 'Relay',
        labelStyle: function() {
            return this.name?"node_label_italic":"";
        }
    });
</script>

<script type="text/x-red" data-template-name="grovepi-relay">
    <div class="form-row">
        <label for="node-input-pin"><i class="fa fa-circle"></i> <span>Port</span></label>
        <select type="text" id="node-input-pin" style="width: 250px;">
            <option value="2">Digital 2</option>
            <option value="3">Digital 3</option>
            <option value="4">Digital 4</option>
            <option value="5">Digital 5</option>
            <option value="6">Digital 6</option>
            <option value="7">Digital 7</option>
            <option value="8">Digital 8</option>
         </select>
         &nbsp;<span id="pitype"></span>
    </div>
    <br/>
    <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">
    </div>
</script>

<script type="text/x-red" data-help-name="grovepi-relay">
    <p>Raspberry Pi GrovePi relay node. Expects a <b>msg.payload</b> with a value of 0 or 1.</p>
    <p>Will write the passed in data to the selected digital port.</p>
    <p><b>Note:</b> we are using the actual physical port numbers on the GrovePi card as they are easier to locate.</p>
</script>






<script type="text/javascript">
    RED.nodes.registerType('grovepi-buzzer',{
        category: 'Grove Pi',
        color:"#c6dbef",
        defaults: {
            name: { value:"" },
            pin: { value:"",required:true,validate:RED.validators.number() },
        },
        inputs:1,
        outputs:0,
        icon: "rpi.png",
        align: "right",
        label: function() {
            return this.name||"Pin: "+this.pin ;
        },
        paletteLabel: 'Buzzer',
        labelStyle: function() {
            return this.name?"node_label_italic":"";
        }
    });
</script>

<script type="text/x-red" data-template-name="grovepi-buzzer">
    <div class="form-row">
        <label for="node-input-pin"><i class="fa fa-circle"></i> <span>Port</span></label>
        <select type="text" id="node-input-pin" style="width: 250px;">
            <option value="2">Digital 2</option>
            <option value="3">Digital 3</option>
            <option value="4">Digital 4</option>
            <option value="5">Digital 5</option>
            <option value="6">Digital 6</option>
            <option value="7">Digital 7</option>
            <option value="8">Digital 8</option>
         </select>
         &nbsp;<span id="pitype"></span>
    </div>
    <br/>
    <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">
    </div>
</script>

<script type="text/x-red" data-help-name="grovepi-buzzer">
    <p>Raspberry Pi GrovePi buzzer node. Expects a <b>msg.payload</b> with a value of 0 or 1.</p>
    <p>Will write the passed in data to the selected digital port.</p>
    <p><b>Note:</b> we are using the actual physical port numbers on the GrovePi card as they are easier to locate.</p>
</script>





<script type="text/javascript">
    RED.nodes.registerType('grovepi-lcd-rgb',{
        category: 'Grove Pi',
        color:"#c6dbef",
        defaults: {
            name: { value:"" },
        },
        inputs:1,
        outputs:0,
        icon: "rpi.png",
        align: "right",
        label: function() {
            return this.name||"LCD rgb" ;
        },
        paletteLabel: 'LCD rgb',
        labelStyle: function() {
            return this.name?"node_label_italic":"";
        }
    });
</script>

<script type="text/x-red" data-template-name="grovepi-lcd-rgb">
    <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">
    </div>
</script>

<script type="text/x-red" data-help-name="grovepi-lcd-rgb">
    <p>Raspberry Pi GrovePi RGB backlit LCD node. Expects either <b>msg.payload.rgb</b> or <b>msg.payload.text</b> or both. 
    <p><b>msg.payload.rgb</b> should be an array with 3 values representing the R, G and B, for instance: <b>[255,0,0]</b> will result in a red backlight.</p>
    <p><b>msg.payload.text</b> should be a string with a maximum of 32 characters. The first 16 characters get displayed on the first row of the LCD screen and the remaining characters get displayed on the second row.
    <p>Will write the passed in data to the i2c port.</p>
    <p><b>Note:</b> we are using the actual physical port numbers on the GrovePi card as they are easier to locate.</p>
</script>






<script type="text/javascript">
    RED.nodes.registerType('grovepi-ultrasonic',{
        category: 'Grove Pi',
        color:"#c6dbef",
        defaults: {
            name: { value:"" },
            pin: { value:"",required:true,validate:RED.validators.number() },
        },
        inputs:0,
        outputs:1,
        icon: "rpi.png",
        label: function() {
            return this.name||"Pin: "+this.pin ;
        },
        paletteLabel: 'Ultrasonic',
        labelStyle: function() {
            return this.name?"node_label_italic":"";
        }
    });
</script>

<script type="text/x-red" data-template-name="grovepi-ultrasonic">
    <div class="form-row">
        <label for="node-input-pin"><i class="fa fa-circle"></i> <span>Port</span></label>
        <select type="text" id="node-input-pin" style="width: 250px;">
            <option value="2">Digital 2</option>
            <option value="3">Digital 3</option>
            <option value="4">Digital 4</option>
            <option value="5">Digital 5</option>
            <option value="6">Digital 6</option>
            <option value="7">Digital 7</option>
            <option value="8">Digital 8</option>
         </select>
         &nbsp;<span id="pitype"></span>
    </div>
    <br/>
    <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">
    </div>
</script>

<script type="text/x-red" data-help-name="grovepi-ultrasonic">
    <p>Raspberry Pi GrovePi Ultrasonic Ranger Sensor node.</p>
    <p>Will read the data from the selected digital port.</p>
    <p><b>Note:</b> we are using the actual physical port numbers on the GrovePi card as they are easier to locate.</p>
</script>




<script type="text/javascript">
    RED.nodes.registerType('grovepi-rotary',{
        category: 'Grove Pi',
        color:"#c6dbef",
        defaults: {
            name: { value:"" },
            pin: { value:"",required:true,validate:RED.validators.number() },
        },
        inputs:0,
        outputs:1,
        icon: "rpi.png",
        label: function() {
            return this.name||"Pin: "+this.pin ;
        },
        paletteLabel: 'Rotary',
        labelStyle: function() {
            return this.name?"node_label_italic":"";
        }
    });
</script>

<script type="text/x-red" data-template-name="grovepi-rotary">
    <div class="form-row">
        <label for="node-input-pin"><i class="fa fa-circle"></i> <span>Port</span></label>
        <select type="text" id="node-input-pin" style="width: 250px;">
            <option value="0">Analog 0</option>
            <option value="1">Analog 1</option>
            <option value="2">Analog 2</option>
         </select>
         &nbsp;<span id="pitype"></span>
    </div>
    <br/>
    <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">
    </div>
</script>

<script type="text/x-red" data-help-name="grovepi-rotary">
    <p>Raspberry Pi GrovePi Rotary Angle Sensor node.</p>
    <p>Will read the data from the selected analog port.</p>
    <p><b>Note:</b> we are using the actual physical port numbers on the GrovePi card as they are easier to locate.</p>
</script>





<script type="text/javascript">
    RED.nodes.registerType('grovepi-light',{
        category: 'Grove Pi',
        color:"#c6dbef",
        defaults: {
            name: { value:"" },
            pin: { value:"",required:true,validate:RED.validators.number() },
        },
        inputs:0,
        outputs:1,
        icon: "rpi.png",
        label: function() {
            return this.name||"Pin: "+this.pin ;
        },
        paletteLabel: 'Light',
        labelStyle: function() {
            return this.name?"node_label_italic":"";
        }
    });
</script>

<script type="text/x-red" data-template-name="grovepi-light">
    <div class="form-row">
        <label for="node-input-pin"><i class="fa fa-circle"></i> <span>Port</span></label>
        <select type="text" id="node-input-pin" style="width: 250px;">
            <option value="0">Analog 0</option>
            <option value="1">Analog 1</option>
            <option value="2">Analog 2</option>
         </select>
         &nbsp;<span id="pitype"></span>
    </div>
    <br/>
    <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">
    </div>
</script>

<script type="text/x-red" data-help-name="grovepi-light">
    <p>Raspberry Pi GrovePi Light Sensor node.</p>
    <p>Will read the data from the selected analog port.</p>
    <p><b>Note:</b> we are using the actual physical port numbers on the GrovePi card as they are easier to locate.</p>
</script>




<script type="text/javascript">
    RED.nodes.registerType('grovepi-button',{
        category: 'Grove Pi',
        color:"#c6dbef",
        defaults: {
            name: { value:"" },
            pin: { value:"",required:true,validate:RED.validators.number() },
        },
        inputs:0,
        outputs:1,
        icon: "rpi.png",
        label: function() {
            return this.name||"Pin: "+this.pin ;
        },
        paletteLabel: 'Button',
        labelStyle: function() {
            return this.name?"node_label_italic":"";
        }
    });
</script>

<script type="text/x-red" data-template-name="grovepi-button">
    <div class="form-row">
        <label for="node-input-pin"><i class="fa fa-circle"></i> <span>Port</span></label>
        <select type="text" id="node-input-pin" style="width: 250px;">
            <option value="2">Digital 2</option>
            <option value="3">Digital 3</option>
            <option value="4">Digital 4</option>
            <option value="5">Digital 5</option>
            <option value="6">Digital 6</option>
            <option value="7">Digital 7</option>
            <option value="8">Digital 8</option>
         </select>
         &nbsp;<span id="pitype"></span>
    </div>
    <br/>
    <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">
    </div>
</script>

<script type="text/x-red" data-help-name="grovepi-button">
    <p>Raspberry Pi GrovePi Button Sensor node.</p>
    <p>Will read the data from the selected digital port.</p>
    <p><b>Note:</b> we are using the actual physical port numbers on the GrovePi card as they are easier to locate.</p>
</script>





<script type="text/javascript">
    RED.nodes.registerType('grovepi-sound',{
        category: 'Grove Pi',
        color:"#c6dbef",
        defaults: {
            name: { value:"" },
            pin: { value:"",required:true,validate:RED.validators.number() },
        },
        inputs:0,
        outputs:1,
        icon: "rpi.png",
        label: function() {
            return this.name||"Pin: "+this.pin ;
        },
        paletteLabel: 'Sound',
        labelStyle: function() {
            return this.name?"node_label_italic":"";
        }
    });
</script>

<script type="text/x-red" data-template-name="grovepi-sound">
    <div class="form-row">
        <label for="node-input-pin"><i class="fa fa-circle"></i> <span>Port</span></label>
        <select type="text" id="node-input-pin" style="width: 250px;">
            <option value="0">Analog 0</option>
            <option value="1">Analog 1</option>
            <option value="2">Analog 2</option>
         </select>
         &nbsp;<span id="pitype"></span>
    </div>
    <br/>
    <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">
    </div>
</script>

<script type="text/x-red" data-help-name="grovepi-sound">
    <p>Raspberry Pi GrovePi Sound Sensor node.</p>
    <p>Will read the data from the selected analog port.</p>
    <p><b>Note:</b> we are using the actual physical port numbers on the GrovePi card as they are easier to locate.</p>
</script>



<script type="text/javascript">
    RED.nodes.registerType('grovepi-temperature',{
        category: 'Grove Pi',
        color:"#c6dbef",
        defaults: {
            name: { value:"" },
            pin: { value:"",required:true,validate:RED.validators.number() },
        },
        inputs:0,
        outputs:1,
        icon: "rpi.png",
        label: function() {
            return this.name||"Pin: "+this.pin ;
        },
        paletteLabel: 'DHT',
        labelStyle: function() {
            return this.name?"node_label_italic":"";
        }
    });
</script>

<script type="text/x-red" data-template-name="grovepi-temperature">
    <div class="form-row">
        <label for="node-input-pin"><i class="fa fa-circle"></i> <span>Port</span></label>
        <select type="text" id="node-input-pin" style="width: 250px;">
            <option value="2">Digital 2</option>
            <option value="3">Digital 3</option>
            <option value="4">Digital 4</option>
            <option value="5">Digital 5</option>
            <option value="6">Digital 6</option>
            <option value="7">Digital 7</option>
            <option value="8">Digital 8</option>
         </select>
         &nbsp;<span id="pitype"></span>
    </div>
    <br/>
    <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">
    </div>
</script>

<script type="text/x-red" data-help-name="grovepi-temperature">
    <p>Raspberry Pi GrovePi Temperature and Humidity Sensor node.</p>
    <p>Will read the data from the selected digital port. The output is an array with 3 values; temperature (in celcius), humidity & heat index.</p>
    <p><b>Note:</b> we are using the actual physical port numbers on the GrovePi card as they are easier to locate.</p>
</script>