grovepi.html

<!--
  Copyright 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.
-->
<!-- Grove Pi Analog Sensor Node -->
<script type="text/x-red" data-template-name="grove analog sensor">
    <div class="form-row" id="grovepi-board-row">
        <label for="node-input-board"><i class="fa fa-cogs"></i> Board</label>
         <input type="text" id="node-input-board">
    </div>
    <div class="form-row" id="grovepi-pin-row">
        <label for="node-input-pin"><i class="fa fa-tags"></i> Analog Pin</label>
        <select id="node-input-pin">
            <option value="0">Analog 0</option>
            <option value="1">Analog 1</option>
            <option value="2">Analog 2</option>
        </select>
    </div>
    <div class="form-row interval-row" id="grovepi-interval-row">
        <label for="node-input-interval"<i class="fa fa-repeat"></i> Interval</label>
        <input id="node-input-interval" value="1" class="interval-time-count"></input>
        <select style="width: 100px" id="node-input-interval-units">
            <option value="s" data-i18n="inject.seconds"></option>
            <option value="m" data-i18n="inject.minutes"></option>
            <option value="h" data-i18n="inject.hours"></option>
        </select><br/>
    </div>
    <input type="hidden" id="node-input-repeat">
    <div class="form-row">
        <label for="node-input-name"><i class="icon-tag"></i> Name</label>
        <input type="text" id="node-input-name" placeholder="Name">
    </div>
</script>
<style>
    .interval-row {
    }
    .interval-time-row select {
        margin: 3px 0;
    }
    .interval-row > .ui-spinner {
        height: 28px;
        margin: 3px 0;
        border-color: rgb(204, 204, 204);
    }
    .interval-time-count {
        width: 40px !important;
    }
</style>
<script type="text/x-red" data-help-name="grove analog sensor">
    <p>Sends the reading from a Grove analog sensor to the next node</p>
    <p>The Reading will be in plain text in <b>msg.payload</b></p>
    <p>Make sure that you select the correct Analog pin in the node config.
    By default the node will get the reading every 1 second, however
    you can change this in the Interval section of the config.</p>
</script>

<script type="text/javascript">
    RED.nodes.registerType('grove analog sensor',{
        category: 'GrovePi',
        color: '#C7E9C0',
        defaults: {
            name: {value:""},
            pin: {value:"0", required: true},
            repeat: {value: "1", required: true},
            board: {type:"board-config", required:true}
        },
        inputs:0,
        outputs:1,
        icon: "grove.png",
        label: function() {
            return this.name||"grove analog sensor";
        },
        oneditprepare: function() {

            $(".interval-time-count").spinner({
               //max:60,
               min:1
           });
           $("#node-input-interval-units").change(function() {
               var units = $("#node-input-interval-units option:selected").val();
           });
           var r = "s";
           var c = this.repeat;
           if (this.repeat % 60 === 0) { r = "m"; c = c/60; }
           if (this.repeat % 1440 === 0) { r = "h"; c = c/60; }
           $("#node-input-interval").val(c);
           $("#node-input-interval-units").val(r);

       },
       oneditsave: function() {
           var repeat = "";
           var count = $("#node-input-interval").val();
           var units = $("#node-input-interval-units").val();
           if (units == "s") {
               repeat = count;
           } else {
               if(units == "m"){
                   repeat = count * 60;
               } else if (units ==  "h"){
                   repeat = count * 60 * 60;
               }
           }
           $("#node-input-repeat").val(repeat);
       }
    });
</script>
<!-- End of Grove Pi Analog Sensor Node -->

<!-- Grove Pi Digital Sensor Node -->
<script type="text/x-red" data-template-name="grove digital sensor">
    <div class="form-row" id="grovepi-board-row">
        <label for="node-input-board"><i class="fa fa-cogs"></i> Board</label>
         <input type="text" id="node-input-board">
    </div>
    <div class="form-row" id="grovepi-digital-type-row">
        <label for="node-input-sensor"><i class="fa fa-tags"></i> Sensor Type</label>
        <select id="node-input-sensor">
            <option value="button">Button</option>
            <option value="sound">Sound</option>
            <option value="ultrasonic">Ultrasonic Range</option>
            <option value="temphum">Temperature / Humidity</option>
        </select>
    </div>
    <div class="form-row" id="grovepi-pin-row">
        <label for="node-input-pin"><i class="fa fa-tags"></i> Digital Pin</label>
        <select id="node-input-pin">
            <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>
    </div>
    <div class="form-row interval-row" id="grovepi-interval-row">
        <label for="node-input-interval"<i class="fa fa-repeat"></i> Interval</label>
        <input id="node-input-interval" value="1" class="interval-time-count"></input>
        <select style="width: 100px" id="node-input-interval-units">
            <option value="s" data-i18n="inject.seconds"></option>
            <option value="m" data-i18n="inject.minutes"></option>
            <option value="h" data-i18n="inject.hours"></option>
        </select><br/>
    </div>
    <input type="hidden" id="node-input-repeat">
    <div class="form-row">
        <label for="node-input-name"><i class="icon-tag"></i> Name</label>
        <input type="text" id="node-input-name" placeholder="Name">
    </div>
</script>
<script type="text/x-red" data-help-name="grove digital sensor">
    <p>Sends the reading from a Grove digital sensor to the next node</p>
    <p>The Reading will be in <b>msg.payload</b> but will vary depending on the type of sensor</p>
    <p>Make sure that you select the correct Digital pin in the node config as well as the type of digital sensor.
    By default the node will get the reading every 1 second, however
    you can change this in the Interval section of the config.</p>
</script>

<script type="text/javascript">
    RED.nodes.registerType('grove digital sensor',{
        category: 'GrovePi',
        color: '#C7E9C0',
        defaults: {
            name: {value:""},
            board: {type:"board-config", required:true},
            sensor: {value:"button", required: true},
            repeat: {value: "1", required: true},
            pin: {value:"2", required: true}
        },
        inputs:0,
        outputs:1,
        icon: "grove.png",
        label: function() {
            return this.name||"grove digital sensor";
        },
        oneditprepare: function() {

            $(".interval-time-count").spinner({
               //max:60,
               min:1
           });
           $("#node-input-interval-units").change(function() {
               var units = $("#node-input-interval-units option:selected").val();
           });
           var r = "s";
           var c = this.repeat;
           if (this.repeat % 60 === 0) { r = "m"; c = c/60; }
           if (this.repeat % 1440 === 0) { r = "h"; c = c/60; }
           $("#node-input-interval").val(c);
           $("#node-input-interval-units").val(r);

        },oneditsave: function() {
           var repeat = "";
           var count = $("#node-input-interval").val();
           var units = $("#node-input-interval-units").val();
           if (units == "s") {
               repeat = count;
           } else {
               if(units == "m"){
                   repeat = count * 60;
               } else if (units ==  "h"){
                   repeat = count * 60 * 60;
               }
           }
           $("#node-input-repeat").val(repeat);
        }
    });
</script>
<!-- End of Grove Pi Digital Sensor Node -->

<!-- Grove Pi Output Node -->
<script type="text/x-red" data-template-name="grove output">
    <div class="form-row" id="grovepi-board-row">
        <label for="node-input-board"><i class="fa fa-cogs"></i> Board</label>
         <input type="text" id="node-input-board">
    </div>
    <div class="form-row" id="grovepi-pin-row">
        <label for="node-input-pin"><i class="fa fa-tags"></i> Digital Pin</label>
        <select id="node-input-pin">
            <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>
    </div>
    <div class="form-row">
        <label for="node-input-name"><i class="icon-tag"></i> Name</label>
        <input type="text" id="node-input-name" placeholder="Name">
    </div>
</script>

<script type="text/x-red" data-help-name="grove output">
    <p>Receives input from the preceding node and turns the selected pin on or off</p>
    <p>You can send it either 1 or 0, true or false</p>
</script>

<script type="text/javascript">
    RED.nodes.registerType('grove output',{
        category: 'GrovePi',
        color: '#C7E9C0',
        defaults: {
            name: {value:""},
            board: {type:"board-config", required:true},
            pin: {value:"2", required: true}
        },
        inputs:1,
        outputs:0,
        icon: "grove.png",
        label: function() {
            return this.name||"grove output";
        }
    });
</script>
<!-- End of Grove Pi Output Node -->




<script type="text/javascript">
    RED.nodes.registerType('board-config',{
        category: 'config',
        defaults: {
            board: {value:"0", required:true}
        },
        label: function() {
            return this.board;
        }
    });
</script>
<script type="text/x-red" data-template-name="board-config">
    <div class="form-row">
        <label for="node-config-input-board"><i class="icon-bookmark"></i>GrovePi Board</label>
        <select id="node-config-input-board">
            <option value="GrovePi v1.2.3">Connected GrovePi v1.2.3</option>
        </select>
    </div>
</script>