mirror of
https://github.com/node-red/node-red.git
synced 2023-10-10 13:36:53 +02:00
158 lines
6.3 KiB
HTML
158 lines
6.3 KiB
HTML
<!--
|
|
Copyright 2013,2014 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="mqtt in">
|
|
<div class="form-row">
|
|
<label for="node-input-broker"><i class="fa fa-globe"></i> Broker</label>
|
|
<input type="text" id="node-input-broker">
|
|
</div>
|
|
<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="Topic">
|
|
</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="mqtt in">
|
|
<p>MQTT input node. Connects to a broker and subscribes to the specified topic. The topic may contain MQTT wildcards.</p>
|
|
<p>Outputs an object called <b>msg</b> containing <b>msg.topic, msg.payload, msg.qos</b> and <b>msg.retain</b>.</p>
|
|
<p><b>msg.payload</b> is a String.</p>
|
|
</script>
|
|
|
|
<script type="text/javascript">
|
|
RED.nodes.registerType('mqtt in',{
|
|
category: 'input',
|
|
defaults: {
|
|
name: {value:""},
|
|
topic: {value:"",required:true},
|
|
broker: {type:"mqtt-broker", required:true}
|
|
},
|
|
color:"#d8bfd8",
|
|
inputs:0,
|
|
outputs:1,
|
|
icon: "bridge.png",
|
|
label: function() {
|
|
return this.name||this.topic||"mqtt";
|
|
},
|
|
labelStyle: function() {
|
|
return this.name?"node_label_italic":"";
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<script type="text/x-red" data-template-name="mqtt out">
|
|
<div class="form-row">
|
|
<label for="node-input-broker"><i class="fa fa-globe"></i> Broker</label>
|
|
<input type="text" id="node-input-broker">
|
|
</div>
|
|
<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="Topic">
|
|
</div>
|
|
<div class="form-row">
|
|
<label for="node-input-qos"><i class="fa fa-empire"></i> QoS</label>
|
|
<select id="node-input-qos" style="width:125px !important">
|
|
<option value=""></option>
|
|
<option value="0">0</option>
|
|
<option value="1">1</option>
|
|
<option value="2">2</option>
|
|
</select>
|
|
<i class="fa fa-history"></i> Retain <select id="node-input-retain" style="width:125px !important">
|
|
<option value=""></option>
|
|
<option value="false">false</option>
|
|
<option value="true">true</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>
|
|
<div class="form-tips">Tip: Leave topic, qos or retain blank if you want to set them via msg properties.</div>
|
|
</script>
|
|
|
|
<script type="text/x-red" data-help-name="mqtt out">
|
|
<p>Connects to a MQTT broker and publishes <b>msg.payload</b> either to the <b>msg.topic</b> or to the topic specified in the edit window. The value in the edit window has precedence.</p>
|
|
<p>Likewise QoS and/or retain values in the edit panel will overwrite any <b>msg.qos</b> and <b>msg.retain</b> properties. If nothing is set they default to <i>0</i> and <i>false</i> respectively.</p>
|
|
<p>If <b>msg.payload</b> contains an object it will be stringified before being sent.</p>
|
|
</script>
|
|
|
|
<script type="text/javascript">
|
|
RED.nodes.registerType('mqtt out',{
|
|
category: 'output',
|
|
defaults: {
|
|
name: {value:""},
|
|
topic: {value:""},
|
|
qos: {value:""},
|
|
retain: {value:""},
|
|
broker: {type:"mqtt-broker", required:true}
|
|
},
|
|
color:"#d8bfd8",
|
|
inputs:1,
|
|
outputs:0,
|
|
icon: "bridge.png",
|
|
align: "right",
|
|
label: function() {
|
|
return this.name||this.topic||"mqtt";
|
|
},
|
|
labelStyle: function() {
|
|
return this.name?"node_label_italic":"";
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<script type="text/x-red" data-template-name="mqtt-broker">
|
|
<div class="form-row node-input-broker">
|
|
<label for="node-config-input-broker"><i class="fa fa-globe"></i> Broker</label>
|
|
<input class="input-append-left" type="text" id="node-config-input-broker" placeholder="localhost" style="width: 40%;" >
|
|
<label for="node-config-input-port" style="margin-left: 10px; width: 35px; "> Port</label>
|
|
<input type="text" id="node-config-input-port" placeholder="Port" style="width:45px">
|
|
</div>
|
|
<div class="form-row">
|
|
<label for="node-config-input-clientid"><i class="fa fa-tag"></i> Client ID</label>
|
|
<input type="text" id="node-config-input-clientid" placeholder="Leave blank for auto generated">
|
|
</div>
|
|
<div class="form-row">
|
|
<label for="node-config-input-user"><i class="fa fa-user"></i> Username</label>
|
|
<input type="text" id="node-config-input-user">
|
|
</div>
|
|
<div class="form-row">
|
|
<label for="node-config-input-password"><i class="fa fa-lock"></i> Password</label>
|
|
<input type="password" id="node-config-input-password">
|
|
</div>
|
|
</script>
|
|
|
|
<script type="text/javascript">
|
|
RED.nodes.registerType('mqtt-broker',{
|
|
category: 'config',
|
|
defaults: {
|
|
broker: {value:"",required:true},
|
|
port: {value:1883,required:true,validate:RED.validators.number()},
|
|
clientid: { value:"" }
|
|
},
|
|
credentials: {
|
|
user: {type:"text"},
|
|
password: {type: "password"}
|
|
},
|
|
label: function() {
|
|
if (this.broker == "") { this.broker = "localhost"; }
|
|
return (this.clientid?this.clientid+"@":"")+this.broker+":"+this.port;
|
|
}
|
|
});
|
|
</script>
|