node-red-nodes/hardware/physical-web/physical-web.html

234 lines
10 KiB
HTML

<script type="text/x-red" data-template-name="PhysicalWeb in">
<div class="form-row">
<label for="node-input-topic"><i class="fa fa-tasks"></i> Topic</label>
<input type="text" id="node-input-topic" placeholder="eddystone">
</div>
<div class="form-row">
<label><i class="fa fa-list"></i> Duplicates</span></label>
<input type="checkbox" id="node-input-duplicates" style="display: inline-block; width: auto; vertical-align: top;">
Check this to allow duplicate messages
</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="PhysicalWeb in">
<p><a href="https://google.github.io/physical-web/">Physical Web</a> node to scan for Eddystone beacons.</p>
<p>This node scans for Eddystones and publishes what it finds. The status of the Eddystone
(found, updated or lost) will be sent as <code>msg.topic</code> and the data as <code>msg.payload</code></p>
<p>If a <code>topic</code> is specified in the node configuration, it will override the status.</p>
<p><b>URL</b> type:</p>
<ul>
<li><code>type</code> - Eddystone type</li>
<li><code>txPower</code> - Received power at 0m in dBm</li>
<li><code>url</code> - The URL the beacon is broadcasting</li>
<li><code>tlm</code> - TLM data, if the device is interleaving broadcasts</li>
<li><code>rssi</code> - RSSI of the beacon</li>
<li><code>distance</code> - Estimated distance to the beacon</li>
</ul>
<p><b>UID</b> type:</p>
<ul>
<li><code>type</code> - Eddystone type</li>
<li><code>txPower</code> - Received power at 0m in dBm</li>
<li><code>namespace</code> - 10-byte ID of namspace</li>
<li><code>instance</code> - 6-byte ID insance</li>
<li><code>rssi</code> - RSSI of the beacon</li>
<li><code>distance</code> - Estimated distance to the beacon</li>
<li><code>tlm</code> - TLM data, if the device is interleaving broadcasts</li>
</ul>
<p>Where the <code>tlm</code> data will be an object containing:</p>
<ul>
<li><code>version</code> - TML version</li>
<li><code>vbatt</code> - Battery Voltage</li>
<li><code>temp</code> - Temperature</li>
<li><code>advCnt</code> - Advertising PDU count</li>
<li><code>secCnt</code> - Time since power on or reboot</li>
</ul>
</ul>
<p>Linux users should <a href="https://github.com/sandeepmistry/bleno#running-on-linux" target="_new">READ THIS</a>.</p>
</script>
<script type="text/javascript">
RED.nodes.registerType('PhysicalWeb in',{
category: 'input',
defaults: {
name: {value:""},
topic: {value:""},
duplicates: {value: true}
},
color: "#2F7ACD",
inputs:0,
outputs:1,
icon: "physical-web.png",
label: function() {
return this.name||"PhysicalWeb";
},
labelStyle: function() {
return this.name?"node_label_italic":"";
}
});
</script>
<script type="text/x-red" data-template-name="PhysicalWeb out">
<div class="form-row">
<label for="node-input-mode"><i class="fa fa-wrench"></i> <span>Mode</span></label>
<select id="node-input-mode" style='width:100px'>
<option value="url">url</option>
<option value="uid">uid</option>
</select>
</div>
<div class="form-row" id="node-url">
<label for="node-input-url"><i class="fa fa-link"></i> URL</label>
<input type="text" id="node-input-url" style="width:250px;" placeholder="http://...">
<span id="url-length"></span>
<!--<button type="button" id="node-input-url-shorten" disabled=true>Shorten</button> -->
<p style="margin-left:100px; width:70%">This URL needs to be shorter than 18 bytes
in length to meet Eddystone spec</p>
</div>
<div class="form-row" id="node-namespace">
<label for="node-input-namespace"><i class="fa fa-bluetooth"></i> Namespace</label>
<input type="text" id="node-input-namespace" style="width:250px;">
</div>
<div class="form-row" id="node-instance">
<label for="node-input-instance"><i class="fa fa-bluetooth"></i> Instance</label>
<input type="text" id="node-input-instance" style="width:250px;">
</div>
<div class="form-row">
<label for="node-input-period"><i class="fa fa-repeat"></i> Period</label>
<input type="text" id="node-input-period" style="width:80px;" placeholder="Period">
</div>
<div class="form-row">
<label for="node-input-count"><i class="fa fa-repeat"></i> Count</label>
<input type="text" id="node-input-count" style="width:80px;" placeholder="Count">
</div>
<div class="form-row">
<label for="node-input-power"><i class="fa fa-battery-half"></i> Power (dB)</label>
<input type="text" id="node-input-power" style="width:80px;" placeholder="Power">
</div>
<br/>
<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="PhysicalWeb out">
<p><a href="https://google.github.io/physical-web/">Physical Web</a> beacon node.</p>
<p>This node can be set to URL mode or UID mode</p>
<p>In <strong>URL mode</strong> this node can take the value of <code>msg.payload</code> and publishes it as an Eddystone URL
announcement. URLs <b>must</b> be less than 18 bytes long, so should be run through a shortner first.</p>
<p>You can also preset the URL, in which case the node does not require any input.</p>
<p>In <strong>UID mode</strong> this node can take the 10 bytes namespace (as an HEX string) as <code>msg.payload</code>
and the 6 bytes instance (as an HEX string) as <code>msg.topic</code>.
<p>The config window will allow you to set the powerlevel (-100 to 20 dbm) and the TLM count and period values.</p>
<p>TLM stands for telemetry data and is a type of packet sent alongside the main packet that provides diagnostics information.
The count and period determine the ratio of TLM packets sent versus normal packets.
A period of 10 and a count of 2 means that 2 TLM packets are sent for each 10 advertisements.</p>
<p>The actual advertisement rate can be set by changing the <code>BLENO_ADVERTISING_INTERVAL</code> environment variable.
For example, to set a 20ms interval, you would need to type <code>sudo BLENO_ADVERTISING_INTERVAL=20 node-red</code></p>
<p>Linux users should <a href="https://github.com/sandeepmistry/bleno#running-on-linux" target="_new">READ THIS</a>.</p>
<p>Sending <code>msg.advestising = false</code> will stop advertisement, sending <code>msg.advestising = true</code> will
resume it.</p>
</script>
<script type="text/javascript">
RED.nodes.registerType('PhysicalWeb out',{
category: 'output',
defaults: {
name: {value:""},
mode: {value:"url"},
url: {value:"",validate:function(v) {return v.length<19; }},
namespace: {value:""},
instance: {value:""},
power: {value:"-21",validate:RED.validators.number()},
period: {value:"10",validate:RED.validators.number()},
count: {value:"2",validate:RED.validators.number()}
},
color: "#2F7ACD",
inputs:1,
outputs:0,
icon: "physical-web.png",
label: function() {
return this.name||"PhysicalWeb";
},
labelStyle: function() {
return this.name?"node_label_italic":"";
},
oneditprepare: function() {
var checkLength = function(text) {
var l = text.length;
switch(true) {
case /^http:\/\/www./.test(text):
l -= 10;
break;
case /^https:\/\/www./.test(text):
l -= 11;
break;
case /^http:\/\//.test(text):
l -= 6;
break;
case /^https:\/\//.test(text):
l -= 7;
break;
}
switch(true) {
case /.*\.info\/.*/.test(text):
l -= 5;
break;
case /.*\.com\/.*/.test(text):
case /.*\.net\/.*/.test(text):
case /.*\.org\/.*/.test(text):
case /.*\.edu\/.*/.test(text):
case /.*\.biz\/.*/.test(text):
case /.*\.gov\/.*/.test(text):
case /.*\.info.*/.test(text):
l -= 4;
break;
case /.*\.com.*/.test(text):
case /.*\.net.*/.test(text):
case /.*\.org.*/.test(text):
case /.*\.edu.*/.test(text):
case /.*\.biz.*/.test(text):
case /.*\.gov.*/.test(text):
l -= 3;
break;
}
return l;
}
$("#node-input-period").spinner({min:0});
$("#node-input-count").spinner({min:0});
$("#node-input-power").spinner({min:-100,max:20});
$("#url-length").text(checkLength($('#node-input-url').val()));
$("#node-input-mode").on("change",function() {
if ($("#node-input-mode").val() === "uid") {
$("#node-url").hide();
$('#url-length').hide();
$("#node-namespace").show();
$("#node-instance").show();
} else {
$("#node-url").show();
$("#url-length").show();
$("#node-input-url").bind('input',function(){
console.log("change " + $(this).val());
$("#url-length").text(checkLength($(this).val()));
});
$("#node-namespace").hide();
$("#node-instance").hide();
}
});
}
});
</script>