node-red-contrib-hikvision-ultimate/nodes/hikvisionUltimateText.html

A native set of nodes for Hikvision (and compatible) Cameras, Alarms, Radars, NVR, Doorbells, etc.

<script type="text/javascript">
	RED.nodes.registerType('hikvisionUltimateText', {
		category: 'Hikvision Ultimate',
		color: '#C0C0C0',
		defaults: {
			name: { value: "" },
			server: { type: "Hikvision-config", required: true },
			row1: { value: "" },
			row1XY: { value: "" },
			row2: { value: "" },
			row2XY: { value: "" },
			row3: { value: "" },
			row3XY: { value: "" },
			row4: { value: "" },
			row5XY: { value: "" },
			channelID: { value: "1" },
			
		},
		inputs: 1,
		outputs: 0,
		outputLabels: function (i) {
			var ret = "";
			switch (i) {
				case 0:
					return "Payload";
					break;
				case 1:
					return "Error";
					break;
				default:
					break;
			}
		},
		icon: "font-awesome/fa-pencil-square-o",
		label:
			function () {
				var label = "hikvisionUltimateText"
				if (this.name !== undefined && this.name.length > 0) {
					label = this.name;
				}
				return label;
			},
		paletteLabel: function () {
			return "Text";
		},
		oneditprepare: function () {

			var node = this;
		},
		oneditsave: function () {

		}
	});


</script>

<script type="text/x-red" data-template-name="hikvisionUltimateText">
	<div class="form-row">
		<b>Text overlay node</b>&nbsp&nbsp&nbsp&nbsp<span style="color:red"><i class="fa fa-question-circle"></i>&nbsp<a target="_blank" href="https://github.com/Supergiovane/node-red-contrib-hikvision-ultimate"><u>Help online</u></a></span>
        <br/>
		<br/>

		<label for="node-input-server">Server</label>
		<input type="text" id="node-input-server" />
	</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-row">
        <label for="node-input-channelID"><i class="fa fa-tasks"></i> Channel</label>
		<select id="node-input-channelID">
			<option value="1">Channel 1 (Default)</option>
			<option value="2">Channel 2</option>
			<option value="3">Channel 3</option>
			<option value="4">Channel 4</option>
			<option value="5">Channel 5</option>
			<option value="6">Channel 6</option>
			<option value="7">Channel 7</option>
			<option value="8">Channel 8</option>
			<option value="9">Channel 9</option>
			<option value="10">Channel 10</option>
			<option value="11">Channel 11</option>
			<option value="12">Channel 12</option>
			<option value="13">Channel 13</option>
			<option value="14">Channel 14</option>
			<option value="15">Channel 15</option>
			<option value="16">Channel 16</option>
			<option value="17">Channel 17</option>
			<option value="18">Channel 18</option>
			<option value="19">Channel 19</option>
			<option value="20">Channel 20</option>
			<option value="21">Channel 21</option>
			<option value="22">Channel 22</option>
			<option value="23">Channel 23</option>
			<option value="24">Channel 24</option>
			<option value="25">Channel 25</option>
			<option value="26">Channel 26</option>
			<option value="27">Channel 27</option>
			<option value="28">Channel 28</option>
			<option value="29">Channel 29</option>
			<option value="30">Channel 30</option>
			<option value="31">Channel 31</option>
			<option value="32">Channel 32</option>
		</select>
	</div>
	<div class="form-row">
        <label for="node-input-row1"><i class="fa fa-tasks"></i> Row 1</label>
        <input type="text" id="node-input-row1" placeholder="No text" style="width:260px">
		<input type="text" id="node-input-row1XY" placeholder="X,Y" style="width:80px">
	</div>
	<div class="form-row">
        <label for="node-input-row2"><i class="fa fa-tasks"></i> Row 2</label>
        <input type="text" id="node-input-row2" placeholder="No text" style="width:260px">
		<input type="text" id="node-input-row2XY" placeholder="X,Y" style="width:80px">
	</div>
	<div class="form-row">
        <label for="node-input-row3"><i class="fa fa-tasks"></i> Row 3</label>
        <input type="text" id="node-input-row3" placeholder="No text" style="width:260px">
		<input type="text" id="node-input-row3XY" placeholder="X,Y" style="width:80px">
	</div>
	<div class="form-row">
        <label for="node-input-row4"><i class="fa fa-tasks"></i> Row 4</label>
        <input type="text" id="node-input-row4" placeholder="No text" style="width:260px">
		<input type="text" id="node-input-row4XY" placeholder="X,Y" style="width:80px">
	</div>
	<div class="form-tips" style="margin-top:11px">
		Above options: Set the text (you have 4 rows). You can specify position using the textbox near the text, as x,y (for example: 100,200)
	</div>	


</script>

<script type="text/x-red" data-help-name="hikvisionUltimateText">
	<p>
        <a href="https://www.paypal.me/techtoday" target="_blank"><img src='https://img.shields.io/badge/Donate-PayPal-blue.svg?style=flat-square' width='30%'></a>
        
	</p>
	<p>
		The node sets a text overlay. You can override those text by msg input from flow. See the README on gitHub.
	</p>
	
</script>