mirror of
				https://github.com/node-red/node-red-nodes.git
				synced 2025-03-01 10:37:43 +00:00 
			
		
		
		
	and can receive what it sends... Also slight rearrange of edit UI to make more like other nodes.
		
			
				
	
	
		
			185 lines
		
	
	
		
			7.0 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			185 lines
		
	
	
		
			7.0 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<!--
 | 
						|
 | 
						|
  Copyright 2014 Charalampos Doukas, @BuildingIoT
 | 
						|
 | 
						|
  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="pusher in">
 | 
						|
  <div class="form-row">
 | 
						|
     <label for="node-input-channel"><i class="icon-random"></i> Channel</label>
 | 
						|
     <input type="text" id="node-input-channel" placeholder="my_channel">
 | 
						|
  </div>
 | 
						|
  <div class="form-row">
 | 
						|
     <label for="node-input-eventname"><i class="icon-tasks"></i> Event</label>
 | 
						|
     <input type="text" id="node-input-eventname" placeholder="test_event_name">
 | 
						|
  </div>
 | 
						|
  <div class="form-row">
 | 
						|
     <label for="node-input-appkey_sub"><i class="icon-lock"></i> App Key</label>
 | 
						|
     <input type="text" id="node-input-appkey_sub" placeholder="key">
 | 
						|
  </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>
 | 
						|
 | 
						|
<!-- Next, some simple help text is provided for the node. -->
 | 
						|
<script type="text/x-red" data-help-name="pusher in">
 | 
						|
    <p>Pusher input mode. Use this node to subscribe to a Pusher channel/event. You need a valid Pusher App key.</p>
 | 
						|
</script>
 | 
						|
 | 
						|
<!-- Finally, the node type is registered along with all of its properties -->
 | 
						|
<script type="text/javascript">
 | 
						|
    RED.nodes.registerType('pusher in',{
 | 
						|
        category: 'social-input', // the palette category
 | 
						|
        color:"#A9D0F5",
 | 
						|
        defaults: { // defines the editable properties of the node
 | 
						|
            name: {value:""}, // along with default values.
 | 
						|
            channel: {value:"", required:true},
 | 
						|
            eventname: {value:"", required:true}
 | 
						|
        },
 | 
						|
        inputs:0, // set the number of inputs - only 0 or 1
 | 
						|
        outputs:1, // set the number of outputs - 0 to n
 | 
						|
        icon: "pusher.png", // set the icon (held in public/icons)
 | 
						|
        label: function() { // sets the default label contents
 | 
						|
            return this.name||"pusher";
 | 
						|
        },
 | 
						|
        labelStyle: function() { // sets the class to apply to the label
 | 
						|
            return this.name?"node_label_italic":"";
 | 
						|
        },
 | 
						|
        oneditsave: function() {
 | 
						|
            var credentials = {};
 | 
						|
            var newAppKey_sub = $('#node-input-appkey_sub').val();
 | 
						|
            credentials.pusherappkey_sub = newAppKey_sub;
 | 
						|
            $.ajax({
 | 
						|
                url: 'pusher/'+this.id,
 | 
						|
                type: 'POST',
 | 
						|
                data: credentials,
 | 
						|
                success: function(result){}
 | 
						|
            });
 | 
						|
        },
 | 
						|
        oneditprepare: function() {
 | 
						|
            $.getJSON('pusher/'+this.id,function(data) {
 | 
						|
                if (data.pusherappkey_sub) {
 | 
						|
                    $('#node-input-appkey_sub').val(data.pusherappkey_sub);
 | 
						|
                }
 | 
						|
            });
 | 
						|
        },
 | 
						|
        ondelete: function() {
 | 
						|
            $.ajax({
 | 
						|
                url: 'pusher/'+this.id,
 | 
						|
                type: 'DELETE',
 | 
						|
                success: function(result) {}
 | 
						|
            });
 | 
						|
        }
 | 
						|
    });
 | 
						|
</script>
 | 
						|
 | 
						|
<script type="text/x-red" data-template-name="pusher out">
 | 
						|
  <div class="form-row">
 | 
						|
     <label for="node-input-channel"><i class="icon-random"></i> Channel</label>
 | 
						|
     <input type="text" id="node-input-channel" placeholder="my_channel">
 | 
						|
  </div>
 | 
						|
 | 
						|
  <div class="form-row">
 | 
						|
     <label for="node-input-eventname"><i class="icon-tasks"></i> Event</label>
 | 
						|
     <input type="text" id="node-input-eventname" placeholder="test_event_name">
 | 
						|
  </div>
 | 
						|
 | 
						|
  <div class="form-row">
 | 
						|
     <label for="node-input-appid"><i class="icon-tag"></i> App ID</label>
 | 
						|
     <input type="text" id="node-input-appid" placeholder="app_id">
 | 
						|
  </div>
 | 
						|
 | 
						|
  <div class="form-row">
 | 
						|
     <label for="node-input-appkey"><i class="icon-lock"></i> App Key</label>
 | 
						|
     <input type="text" id="node-input-appkey" placeholder="key">
 | 
						|
  </div>
 | 
						|
 | 
						|
  <div class="form-row">
 | 
						|
     <label for="node-input-topic"><i class="icon-asterisk"></i> App Secret</label>
 | 
						|
     <input type="password" id="node-input-appsecret" placeholder="secret">
 | 
						|
  </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>
 | 
						|
 | 
						|
<!-- Next, some simple help text is provided for the node. -->
 | 
						|
<script type="text/x-red" data-help-name="pusher out">
 | 
						|
    <p>Pusher output node for sending messages to a specific channel/event. You need an App key, secret and ID of a Pusher app. The node will send the payload of the incoming message.</p>
 | 
						|
</script>
 | 
						|
 | 
						|
<!-- Finally, the node type is registered along with all of its properties -->
 | 
						|
<script type="text/javascript">
 | 
						|
    RED.nodes.registerType('pusher out',{
 | 
						|
        category: 'social-output', // the palette category
 | 
						|
        color:"#A9D0F5",
 | 
						|
        defaults: { // defines the editable properties of the node
 | 
						|
            name: {value:""}, // along with default values.
 | 
						|
            channel: {value:"", required:true},
 | 
						|
            eventname: {value:"", required:true}
 | 
						|
        },
 | 
						|
        inputs:1, // set the number of inputs - only 0 or 1
 | 
						|
        outputs:0, // set the number of outputs - 0 to n
 | 
						|
        icon: "pusher.png", // set the icon (held in public/icons)
 | 
						|
        align: "right",
 | 
						|
        label: function() { // sets the default label contents
 | 
						|
            return this.name||"pusher";
 | 
						|
        },
 | 
						|
        labelStyle: function() { // sets the class to apply to the label
 | 
						|
            return this.name?"node_label_italic":"";
 | 
						|
        },
 | 
						|
        oneditsave: function() {
 | 
						|
            var credentials = {};
 | 
						|
            var newAppID = $('#node-input-appid').val();
 | 
						|
            var newAppKey = $('#node-input-appkey').val();
 | 
						|
            var newAppSecret = $('#node-input-appsecret').val();
 | 
						|
            credentials.pusherappid = newAppID;
 | 
						|
            credentials.pusherappkey = newAppKey;
 | 
						|
            credentials.pusherappsecret = newAppSecret;
 | 
						|
            $.ajax({
 | 
						|
                url: 'pusher/'+this.id,
 | 
						|
                type: 'POST',
 | 
						|
                data: credentials,
 | 
						|
                success: function(result){}
 | 
						|
            });
 | 
						|
        },
 | 
						|
        oneditprepare: function() {
 | 
						|
            $.getJSON('pusher/'+this.id,function(data) {
 | 
						|
                if (data.pusherappid) {
 | 
						|
                    $('#node-input-appid').val(data.pusherappid);
 | 
						|
                }
 | 
						|
                if (data.pusherappkey) {
 | 
						|
                    $('#node-input-appkey').val(data.pusherappkey);
 | 
						|
                }
 | 
						|
                if (data.pusherappsecret) {
 | 
						|
                    $('#node-input-appsecret').val(data.pusherappsecret);
 | 
						|
                }
 | 
						|
            });
 | 
						|
        },
 | 
						|
        ondelete: function() {
 | 
						|
            $.ajax({
 | 
						|
                url: 'pusher/'+this.id,
 | 
						|
                type: 'DELETE',
 | 
						|
                success: function(result) {}
 | 
						|
            });
 | 
						|
        }
 | 
						|
    });
 | 
						|
</script>
 |