mirror of
				https://github.com/node-red/node-red.git
				synced 2025-03-01 10:36:34 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			231 lines
		
	
	
		
			9.1 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			231 lines
		
	
	
		
			9.1 KiB
		
	
	
	
		
			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/x-red" data-template-name="twitter-credentials">
 | |
|     <div class="form-row" id="node-config-twitter-row"></div>
 | |
|     <input type="hidden" id="node-config-input-screen_name">
 | |
| </script>
 | |
| 
 | |
| <script type="text/javascript">
 | |
|     var twitterConfigNodeId = null;
 | |
|     var twitterConfigNodeIntervalId = null;
 | |
| 
 | |
|     function showTwitterAuthStart() {
 | |
|         var pathname = document.location.pathname;
 | |
|         if (pathname.slice(-1) != "/") {
 | |
|             pathname += "/";
 | |
|         }
 | |
|         var callback = encodeURIComponent(location.protocol+"//"+location.hostname+":"+location.port+pathname+"twitter/"+twitterConfigNodeId+"/auth/callback");
 | |
| 
 | |
|         $("#node-config-twitter-row").html('Click <a id="node-config-twitter-start" href="twitter/'+twitterConfigNodeId+'/auth?callback='+callback+'" target="_blank"><b>here</b></a> to authenticate with Twitter.');
 | |
|         $("#node-config-twitter-start").click(function() {
 | |
|             twitterConfigNodeIntervalId = window.setTimeout(pollTwitterCredentials,2000);
 | |
|         });
 | |
|     }
 | |
|     function updateTwitterScreenName(sn) {
 | |
|         $("#node-config-input-screen_name").val(sn);
 | |
|         $("#node-config-twitter-row").html('<label><i class="icon-user"></i> Twitter ID</label><span class="input-xlarge uneditable-input">'+sn+'</span>');
 | |
|     }
 | |
|     function pollTwitterCredentials(e) {
 | |
|         $.getJSON('twitter/'+twitterConfigNodeId,function(data) {
 | |
|             if (data.sn) {
 | |
|                 updateTwitterScreenName(data.sn);
 | |
|                 twitterConfigNodeIntervalId = null;
 | |
|             } else {
 | |
|                 twitterConfigNodeIntervalId = window.setTimeout(pollTwitterCredentials,2000);
 | |
|             }
 | |
|         })
 | |
|     }
 | |
|     RED.nodes.registerType('twitter-credentials',{
 | |
|         category: 'config',
 | |
|         defaults: {
 | |
|             screen_name: {value:""},
 | |
|             access_token: {value: ""},
 | |
|             access_token_secret: {value:""}
 | |
|         },
 | |
|         label: function() {
 | |
|             return this.screen_name;
 | |
|         },
 | |
|         exportable: false,
 | |
|         oneditprepare: function() {
 | |
|             twitterConfigNodeId = this.id;
 | |
|             if (!this.screen_name || this.screen_name == "") {
 | |
|                 showTwitterAuthStart();
 | |
|             } else {
 | |
|                 $.getJSON('twitter/'+twitterConfigNodeId,function(data) {
 | |
|                     if (data.sn) {
 | |
|                         updateTwitterScreenName(data.sn);
 | |
|                     } else {
 | |
|                         showTwitterAuthStart();
 | |
|                     }
 | |
|                 });
 | |
|             }
 | |
|         },
 | |
|         oneditsave: function() {
 | |
|             if (twitterConfigNodeIntervalId) {
 | |
|                 window.clearTimeout(twitterConfigNodeIntervalId);
 | |
|             }
 | |
|         },
 | |
|         oneditcancel: function(adding) {
 | |
|             if (twitterConfigNodeIntervalId) {
 | |
|                 window.clearTimeout(twitterConfigNodeIntervalId);
 | |
|             }
 | |
|             if (adding) {
 | |
|                 $.ajax({
 | |
|                     url: 'twitter/'+this.id,
 | |
|                     type: 'DELETE',
 | |
|                     success: function(result) {}
 | |
|                 });
 | |
|             }
 | |
|         },
 | |
|         ondelete: function() {
 | |
|             $.ajax({
 | |
|                 url: 'twitter/'+this.id,
 | |
|                 type: 'DELETE',
 | |
|                 success: function(result) {}
 | |
|             });
 | |
|         }
 | |
|     });
 | |
| </script>
 | |
| 
 | |
| <script type="text/x-red" data-template-name="twitter in">
 | |
|     <div class="form-row">
 | |
|         <label for="node-input-twitter"><i class="icon-user"></i> Log in as</label>
 | |
|         <input type="text" id="node-input-twitter">
 | |
|     </div>
 | |
|     <div class="form-row">
 | |
|         <label for="node-input-user"><i class="icon-search"></i> Search</label>
 | |
|         <select type="text" id="node-input-user" style="display: inline-block; vertical-align: middle; width:60%;">
 | |
|             <option value="false">all public tweets</option>
 | |
|             <option value="true">the tweets of who you follow</option>
 | |
|             <option value="user">the tweets of specific users</option>
 | |
|             <option value="dm">your direct messages</option>
 | |
|         </select>
 | |
|     </div>
 | |
|     <div class="form-row" id="node-input-tags-row">
 | |
|         <label for="node-input-tags"><i class="icon-tags"></i> <span id="node-input-tags-label">for</span></label>
 | |
|         <input type="text" id="node-input-tags" placeholder="comma-separated words, @ids, #tags">
 | |
|     </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>
 | |
|     <div class="form-tips">Tip: Use commas without spaces between multiple search terms. Comma = OR, Space = AND.
 | |
|     <br/>The Twitter API WILL NOT deliver 100% of all tweets.
 | |
|     <br/>Tweets of who you follow will include their retweets and favourites.</div>
 | |
| </script>
 | |
| 
 | |
| <script type="text/x-red" data-help-name="twitter in">
 | |
|     <p>Twitter input node. Can be used to search either:
 | |
|     <ul><li>the public or a user's stream for tweets containing the configured search term</li>
 | |
|         <li>all tweets by specific users</li>
 | |
|         <li>direct messages received by the authenticated user</li>
 | |
|     </ul></p>
 | |
|     <p>Use space for <i>and</i> and comma , for <i>or</i> when searching for multiple terms.</p>
 | |
|     <p>Sets the <b>msg.topic</b> to <i>tweets/</i> and then appends the senders screen name.</p>
 | |
|     <p>Sets <b>msg.location</b> to the tweeters location if known.</p>
 | |
|     <p>Sets <b>msg.tweet</b> to the full tweet object as documented by <a href="https://dev.twitter.com/docs/platform-objects/tweets">Twitter</a>.
 | |
|     <p><b>Note:</b> when set to a specific user's tweets, or your direct messages, the node is subject to
 | |
|       Twitter's API rate limiting. If you deploy the flows multiple times within a 15 minute window, you may
 | |
|       exceed the limit and will see errors from the node. These errors will clear when the current 15 minute window
 | |
|       passes.</p>
 | |
| </script>
 | |
| 
 | |
| <script type="text/javascript">
 | |
|     RED.nodes.registerType('twitter in',{
 | |
|         category: 'social-input',
 | |
|         color:"#C0DEED",
 | |
|         defaults: {
 | |
|             twitter: {type:"twitter-credentials",required:true},
 | |
|             tags: {value:"",validate:function(v) { return this.user == "dm" || v.length > 0;}},
 | |
|             user: {value:"false",required:true},
 | |
|             name: {value:""},
 | |
|             topic: {value:"tweets"}
 | |
|         },
 | |
|         inputs:0,
 | |
|         outputs:1,
 | |
|         icon: "twitter.png",
 | |
|         label: function() {
 | |
|             if (this.name) {
 | |
|                 return this.name;
 | |
|             }
 | |
|             if (this.user == "dm") {
 | |
|                 var user = RED.nodes.node(this.twitter);
 | |
|                 return (user?user.label()+" ":"")+"DMs";
 | |
|             } else if (this.user == "user") {
 | |
|                 return this.tags+" tweets";
 | |
|             }
 | |
|             return this.tags;
 | |
|         },
 | |
|         labelStyle: function() {
 | |
|             return this.name?"node_label_italic":"";
 | |
|         },
 | |
|         oneditprepare: function() {
 | |
|             $("#node-input-user").change(function() {
 | |
|                 var type = $("#node-input-user option:selected").val();
 | |
|                 if (type == "user") {
 | |
|                     $("#node-input-tags-row").show();
 | |
|                     $("#node-input-tags-label").html("User");
 | |
|                     $("#node-input-tags").attr("placeholder","comma-separated @twitter handles");
 | |
|                 } else if (type == "dm") {
 | |
|                     $("#node-input-tags-row").hide();
 | |
|                 } else {
 | |
|                     $("#node-input-tags-row").show();
 | |
|                     $("#node-input-tags-label").html("for");
 | |
|                     $("#node-input-tags").attr("placeholder","comma-separated words, @ids, #hashtags");
 | |
|                 }                
 | |
| 
 | |
|             });
 | |
|             $("#node-input-user").change();
 | |
|         
 | |
|         }
 | |
|     });
 | |
| </script>
 | |
| 
 | |
| 
 | |
| <script type="text/x-red" data-template-name="twitter out">
 | |
|     <div class="form-row">
 | |
|         <label for="node-input-twitter"><i class="icon-user"></i> Twitter</label>
 | |
|         <input type="text" id="node-input-twitter">
 | |
|     </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="twitter out">
 | |
|     <p>Twitter out node. Tweets the <b>msg.payload</b>.</p>
 | |
| </script>
 | |
| 
 | |
| <script type="text/javascript">
 | |
|     RED.nodes.registerType('twitter out',{
 | |
|         category: 'social-output',
 | |
|         color:"#C0DEED",
 | |
|         defaults: {
 | |
|             twitter: {type:"twitter-credentials",required:true},
 | |
|             name: {value:"Tweet"}
 | |
|         },
 | |
|         inputs:1,
 | |
|         outputs:0,
 | |
|         icon: "twitter.png",
 | |
|         align: "right",
 | |
|         label: function() {
 | |
|             return this.name;
 | |
|         }
 | |
|     });
 | |
| </script>
 |