mirror of
				https://github.com/node-red/node-red-nodes.git
				synced 2025-03-01 10:37:43 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			79 lines
		
	
	
		
			3.6 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			79 lines
		
	
	
		
			3.6 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| 
 | |
| <script type="text/x-red" data-template-name="sunrise">
 | |
|   <div class="form-row">
 | |
|     <label for="node-input-lat"><i class="fa fa-globe"></i> Latitude</label>
 | |
|     <input type="text" id="node-input-lat" placeholder="51.025">
 | |
|   </div>
 | |
|   <div class="form-row">
 | |
|     <label for="node-input-lon"><i class="fa fa-globe"></i> Longitude</label>
 | |
|     <input type="text" id="node-input-lon" placeholder="-1.4">
 | |
|   </div>
 | |
|   <div class="form-row">
 | |
|     <label for="node-input-start"><i class="fa fa-clock-o"></i> Start</label>
 | |
|     <select id="node-input-start" style='width:70%'>
 | |
|       <option value="sunrise">Sunrise</option>
 | |
|       <option value="sunriseEnd">Sunrise end</option>
 | |
|       <option value="dawn">Dawn, morning civil twilight starts</option>
 | |
|       <option value="goldenHourEnd">End of morning golden hour</option>
 | |
|       <option value="nauticalDawn">Morning nautical twilight starts</option>
 | |
|       <option value="nightEnd">Morning astronomical twilight starts</option>
 | |
|     </select>
 | |
|   </div>
 | |
|   <div class="form-row">
 | |
|     <label for="node-input-end"><i class="fa fa-clock-o"></i> End</label>
 | |
|     <select id="node-input-end" style='width:70%'>
 | |
|       <option value="sunset">Sunset, civil twilight starts</option>
 | |
|       <option value="sunsetStart">Sunset start</option>
 | |
|       <option value="goldenHour">Start of evening golden hour</option>
 | |
|       <option value="dusk">Dusk, Evening astronomical twilight starts</option>
 | |
|       <option value="nauticalDusk">Evening nautical twilight starts</option>
 | |
|       <option value="night">Dark enough for astronomy</option>
 | |
|     </select>
 | |
|   </div>
 | |
|   <div class="form-row">
 | |
|     <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
 | |
|     <input type="text" id="node-input-name" placeholder="Name">
 | |
|   </div>
 | |
| </script>
 | |
| 
 | |
| <script type="text/x-red" data-help-name="sunrise">
 | |
|     <p>Uses the suncalc module to generate an output at sunrise and sunset based on a specified location.</p>
 | |
|     <p>Several choices of definition of sunrise and sunset are available, see the <i><a href = "https://github.com/mourner/suncalc" target="_new">suncalc</a></i> module for details.</p>
 | |
|     <p>The first output emits a <code>msg.payload</code> of <i>1</i> or <i>0</i> every minute depending if in between selected times or not.
 | |
|     The second output emits only on the transition between night to day (<i>-> 1</i>) or day to night (<i>-> 0</i>).</p>
 | |
|     <p>Also sets <code>msg.topic</code> to <i>sun</i> and <code>msg.moon</code> to the fraction of the moon between 0 and 1.</p>
 | |
| </script>
 | |
| 
 | |
| <script type="text/javascript">
 | |
|     RED.nodes.registerType('sunrise',{
 | |
|         category: 'advanced-input',
 | |
|         color:"#ffcc66",
 | |
|         defaults: {
 | |
|             name: {value:""},
 | |
|             lat: {value:"", required:true, validate:RED.validators.number()},
 | |
|             lon: {value:"", required:true, validate:RED.validators.number()},
 | |
|             start: {value:"sunrise", required:true},
 | |
|             end: {value:"sunset", required:true}
 | |
|         },
 | |
|         inputs:0,
 | |
|         outputs:2,
 | |
|         icon: "sun.png",
 | |
|         label: function() {
 | |
|             return this.name||"Sun rise/set";
 | |
|         },
 | |
|         labelStyle: function() {
 | |
|             return this.name?"node_label_italic":"";
 | |
|         },
 | |
|         oneditprepare: function() {
 | |
|             if (($("#node-input-lat").val() === "") && ($("#node-input-lon").val() === "")) {
 | |
|                 if ("geolocation" in navigator) {
 | |
|                     navigator.geolocation.getCurrentPosition(function(position) {
 | |
|                         $("#node-input-lat").val(Number(position.coords.latitude.toFixed(5)));
 | |
|                         $("#node-input-lon").val(Number(position.coords.longitude.toFixed(5)));
 | |
|                     });
 | |
|                 }
 | |
|             }
 | |
|         }
 | |
|     });
 | |
| </script>
 |