blynk-websockets.html

<!--
  Copyright 2013 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/javascript">

(function() {

    function ws_oneditprepare() {
        /*if(this.client) {
            $("#node-input-mode").val('client').change();
        }*/
    }
    
    function ws_oneditsave() {

    }
    
    function ws_label() {
        _pin = 'no pin';
        _type = '';
        if(this.type == 'blynk-websockets-in-read') {
	        _type = 'Read Event';
        } 
        if(this.type == 'blynk-websockets-in-write') {
	        _type = 'Write Event';
        } 
        if(this.type == 'blynk-websockets-out-write') {
	        _type = 'Write';
        } 
        if(this.pin) {
	        _pin ='Pin V'+ this.pin + ' - ' +  _type;
        }
        if(this.type == "blynk-websockets-out-email") {
	        return this.name||this.email||'email';
        }
        if(this.type == "blynk-websockets-client") {
	        return this.name||this.key||'n/a';
        }
        return this.name||_pin;
    }
       
    function ws_validateclient() {
/*        if($("#node-input-mode").val() === 'client' || (this.client && !this.server)) {
            return RED.nodes.node(this.client) != null;
        }
        else {
            return true;
        }*/
        
        return true;
    }

    RED.nodes.registerType('blynk-websockets-client',{
        category: 'config',
        defaults: {
	        name: { value: ''},
            path: {value: '', required:true, validate:RED.validators.regex(/^((?!\/debug\/ws).)*$/) },
             key: {value: '', required:true}        
        },
        inputs:0,
        outputs:0,
        label: ws_label
    });
    
    RED.nodes.registerType('blynk-websockets-in-read', {
        category: 'blynk ws',
        paletteLabel: 'read event',
        defaults: {
            name: {value: ''},
            pin: {value: 0},
            client: {type:"blynk-websockets-client", validate: ws_validateclient}
        },
        color:"#1BC17C",
        inputs:0,
        outputs:1,
        icon: "white-globe.png",
        labelStyle: function() {
            return this.name?"node_label_italic":"";
        },
        label: ws_label,
        oneditsave: ws_oneditsave,
        oneditprepare: ws_oneditprepare
    });

   RED.nodes.registerType('blynk-websockets-in-write', {
        category: 'blynk ws',
        paletteLabel: 'write event',
        defaults: {
            name: {value: ''},
            pin: {value: 0},
            client: {type:"blynk-websockets-client", validate: ws_validateclient}
        },
        color:"#1BC17C",
        inputs:0,
        outputs:1,
        icon: "white-globe.png",
        labelStyle: function() {
            return this.name?"node_label_italic":"";
        },
        label: ws_label,
        oneditsave: ws_oneditsave,
        oneditprepare: ws_oneditprepare
    });
    
    RED.nodes.registerType('blynk-websockets-out-write',{
        category: 'blynk ws',
        paletteLabel: 'write',
        defaults: {
            name: {value: ''},
            pin: {value: 0},
            client: {type: "blynk-websockets-client", validate: ws_validateclient}
        },
        color:"#1BC17C",
        inputs:1,
        outputs:0,
        icon: "white-globe.png",
        align: "right",
        labelStyle: function() {
            return this.name?"node_label_italic":"";
        },
        label: ws_label,
        oneditsave: ws_oneditsave,
        oneditprepare: ws_oneditprepare
    });
    
    RED.nodes.registerType('blynk-websockets-out-email',{
        category: 'blynk ws',
        paletteLabel: 'email',
        defaults: {
            name: {value: ''},
            email: {},
            client: {type: "blynk-websockets-client", validate: ws_validateclient}
        },
        color:"#1BC17C",
        inputs:1,
        outputs:0,
        icon: "email.png",
        align: "right",
        labelStyle: function() {
            return this.name?"node_label_italic":"";
        },
        label: ws_label,
        oneditsave: ws_oneditsave,
        oneditprepare: ws_oneditprepare
    });


})();
</script>


<!-- Blynk Input Node - Read -->
<script type="text/x-red" data-template-name="blynk-websockets-in-read">
    <div class="form-row" id="websocket-client-row">
        <label for="node-input-client"><i class="fa fa-bookmark"></i> <span>Connection</span></label>
        <input type="text" id="node-input-client">
    </div>
    <div class="form-row">
        <label for="node-input-pin"><i class="fa fa-tag"></i> <span>Virtual Pin</span></label>
        <input type="number" id="node-input-pin"  min="0" max="128" placeholder="pin">
   </div>
   <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" placeholder="Name">
    </div>
</script>

<script type="text/x-red" data-help-name="blynk-websockets-in-read">
    <p>Blynk read event node.</p>
    <p>msg.payload will contain the virtual pin number that triggered the read event</p>
</script>

<!-- Blynk Input Node - Write -->
<script type="text/x-red" data-template-name="blynk-websockets-in-write">
    <div class="form-row" id="websocket-client-row">
        <label for="node-input-client"><i class="fa fa-bookmark"></i> <span>Connection</span></label>
        <input type="text" id="node-input-client">
    </div>
    <div class="form-row">
        <label for="node-input-pin"><i class="fa fa-tag"></i> <span>Virtual Pin</span></label>
        <input type="number" id="node-input-pin"  min="0" max="128" placeholder="pin">
    </div>
    <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" placeholder="Name">
    </div>
</script>

<script type="text/x-red" data-help-name="blynk-websockets-in-write">
    <p>Blynk write event node.</p>
    <p>msg.payload will contain the the value to write to the specified pin.</p>
    <p>msg.arrayOfValues will contain an array of values sent, useful for Widgets that have the MERGE ability.</p>
</script>

<!-- Blynk out Node - Write -->
<script type="text/x-red" data-template-name="blynk-websockets-out-write">
    <div class="form-row" id="websocket-client-row">
        <label for="node-input-client"><i class="fa fa-bookmark"></i> <span>Connection</span></label>
        <input type="text" id="node-input-client">
    </div>
    <div class="form-row">
        <label for="node-input-pin"><i class="fa fa-tag"></i> <span>Virtual Pin</span></label>
        <input type="number" id="node-input-pin"  min="0" max="128" placeholder="pin">
   	</div>
   	<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" placeholder="Name">
    </div>
</script>

<script type="text/x-red" data-help-name="blynk-websockets-out-write">
    <p>Blynk write node.</p>
    <p>This node will write the value in payload to the specified pin number.</p>.
</script>


<!-- Blynk out Node - Email -->
<script type="text/x-red" data-template-name="blynk-websockets-out-email">
    <div class="form-row" id="websocket-client-row">
        <label for="node-input-client"><i class="fa fa-bookmark"></i> <span>Connection</span></label>
        <input type="text" id="node-input-client">
    </div>
   	<div class="form-row">
        <label for="node-input-email"><i class="fa fa-tag"></i> <span>Email</span></label>
        <input type="text" id="node-input-email" placeholder="Email address">
    </div>
   	<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" placeholder="Name">
    </div>
</script>

<script type="text/x-red" data-help-name="blynk-websockets-out-email">
    <p>Blynk email node.</p>
    <p>This node will send an email using your msg.topic for subject and msg.payload for content.
	    <br />
	    Remember to add the email widget in your project and that the Blynk server has a setting how many emails per minute to send.
    </p>
</script>

<!-- Blynk Server configuration node -->
<script type="text/x-red" data-template-name="blynk-websockets-client">
    <div class="form-row">
        <label for="node-config-input-path"><i class="fa fa-bookmark"></i> Url</label>
        <input type="text" id="node-config-input-path" placeholder="ws://blynk-cloud.com:8080/websockets">
    </div>
    <div class="form-row">
        <label for="node-config-input-key"><i class="fa fa-bookmark"></i> Project key</label>
        <input type="text" id="node-config-input-key" placeholder="Blynk token">
    </div>
    <div class="form-row">
        <label for="node-config-input-name"><i class="fa fa-tag"></i> <span>Name</span></label>
        <input type="text" id="node-config-input-name" placeholder="Name">
    </div>

    <div class="form-tips">
        <p>The url of Blynk Cloud Server is:<br>
        <b>ws://blynk-cloud.com:8080/websockets</b></p>

    </div>
</script>

<script type="text/x-red" data-help-name="blynk-websockets-client">
   <p>This configuration node connects to a Blynk WebSocket Server on the specified URL.
   <br /><br />
	    The url of Blynk Cloud Server is:<br>
      <b>ws://blynk-cloud.com:8080/websockets</b></p>
</script>