dutch-weather.html

<!-- Config node -->

<script type="text/x-red" data-template-name="dutch-weather-conf">
	<div class="form-row">
		<label for="node-config-input-lat"><i class="fa fa-map-marker"></i> Latitude</label>
		<input type="text" id="node-config-input-lat">
	</div>
	<div class="form-row">
		<label for="node-config-input-lng"><i class="fa fa-map-marker"></i> Longitude</label>
		<input type="text" id="node-config-input-lng">
	</div>
</script>

<script type="text/javascript">
	function filterFloat(v) {
		v = (/^(\-|\+)?([0-9]+(\.[0-9]+)?|Infinity)$/.test(v)) ? Number(v) : NaN;
		return v;
	}

	RED.nodes.registerType('dutch-weather-conf',{
		category: 'config',
		defaults: {
			lat: { value: 51.424080, required: true, validate: function (v) { return !isNaN(filterFloat(v)); } },
			lng: { value: 5.442794, required: true, validate: function (v) { return !isNaN(filterFloat(v)); } }
		},
		color: '#D3D3D3',
		icon: 'font-awesome/fa-map-marker',
		label: function() {
			return 'Dutch weather for ' + parseFloat(this.lat).toFixed(2) + ',' + parseFloat(this.lng).toFixed(2);
		}
	});
</script>



<!-- Rain state node -->

<script type="text/x-red" data-template-name="dutch-weather-rain-state">
	<div class="form-row">
		<label for="node-input-conf"><i class="fa fa-map-marker"></i> Location configuration</label>
		<input type="text" id="node-input-conf">
	</div>
	<div class="form-row">
		<input type="hidden" id="node-input-name">
	</div>
	<div class="form-row">
		<input type="hidden" id="node-input-topic">
	</div>
</script>

<script type="text/x-red" data-help-name="dutch-weather-rain-state">
  <p>Provides information from the Dutch rain info provider Buienalarm at the interval defined in the configuration node.</p>
</script>

<script type="text/javascript">
	RED.nodes.registerType('dutch-weather-rain-state', {
		category: 'Dutch_Weather',
		defaults: {
			conf: { value: '', type: 'dutch-weather-conf', required: true },
			name: { },
			topic: { }
		},
		inputs: 1,
		outputs: 1,
		color: '#4CA3DD',
		icon: 'font-awesome/fa-tint',
		label: function() {
			return 'Rain state';
		}
	})
</script>



<!-- Meteoplaza node -->

<script type="text/x-red" data-template-name="dutch-weather-meteoplaza">
	<div class="form-row">
		<label for="node-input-conf"><i class="fa fa-map-marker"></i> Location configuration</label>
		<input type="text" id="node-input-conf">
	</div>
	<div class="form-row">
		<input type="hidden" id="node-input-name">
	</div>
	<div class="form-row">
		<input type="hidden" id="node-input-topic">
	</div>
</script>

<script type="text/x-red" data-help-name="dutch-weather-meteoplaza">
  <p>Provides information from the Dutch provider Meteoplaza at the interval defined in the configuration node.</p>
</script>

<script type="text/javascript">
	RED.nodes.registerType('dutch-weather-meteoplaza', {
		category: 'Dutch_Weather',
		defaults: {
			conf: { value: '', type: 'dutch-weather-conf', required: true },
			name: { },
			topic: { }
		},
		inputs: 1,
		outputs: 1,
		color: '#528B8B',
		icon: 'font-awesome/fa-newspaper-o',
		label: function() {
			return 'Meteoplaza';
		}
	})
</script>