Skip to content

Commit 44d5793

Browse files
authored
Merge pull request #19 from bcmi-labs/mqtt-lib
Implementation of the input node with the MQTT protocol.
2 parents 907c5c9 + 0b6b464 commit 44d5793

File tree

10 files changed

+1548
-307
lines changed

10 files changed

+1548
-307
lines changed

arduino-cloud.html

Lines changed: 67 additions & 69 deletions
Original file line numberDiff line numberDiff line change
@@ -112,55 +112,6 @@
112112
setupNode("property in push", "inject", 1, 1);
113113
</script>
114114

115-
116-
<script type="text/x-red" data-template-name="property in">
117-
<div class="form-row node-input-connection">
118-
<label for="node-input-connection"><i class="fa fa-random"></i> Connection</label>
119-
<input type="text" id="node-input-connection">
120-
</div>
121-
<div class="form-row">
122-
<label for="node-input-thing"><i class="fa fa-microchip"></i> Thing</label>
123-
<select id="node-input-thing">
124-
</select>
125-
</div>
126-
<div class="form-row">
127-
<label for="node-input-property"><i class="fa fa-thermometer-full"></i> Property</label>
128-
<select id="node-input-property">
129-
</select>
130-
</div>
131-
<div class="form-row">
132-
<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
133-
<input type="text" id="node-input-name" placeholder="Name">
134-
</div>
135-
</script>
136-
<script type="text/x-red" data-help-name="property in">
137-
<p>This node injects in the flow the changed value of a specific Arduino IoT Cloud property.</p>
138-
</script>
139-
140-
<script type="text/x-red" data-template-name="property out">
141-
<div class="form-row node-input-connection">
142-
<label for="node-input-connection"><i class="fa fa-random"></i> Connection</label>
143-
<input type="text" id="node-input-connection">
144-
</div>
145-
<div class="form-row">
146-
<label for="node-input-thing"><i class="fa fa-microchip"></i> Thing</label>
147-
<select id="node-input-thing">
148-
</select>
149-
</div>
150-
<div class="form-row">
151-
<label for="node-input-property"><i class="fa fa-thermometer-full"></i> Property</label>
152-
<select id="node-input-property">
153-
</select>
154-
</div>
155-
<div class="form-row">
156-
<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
157-
<input type="text" id="node-input-name" placeholder="Name">
158-
</div>
159-
</script>
160-
<script type="text/x-red" data-help-name="property out">
161-
<p>This node update a specific Arduino IoT Cloud property with the value received in input</p>
162-
</script>
163-
164115
<script type="text/javascript">
165116
function prepareQueryString(connection) {
166117
const tmpClientid = window.connectionManager[connection] ? window.connectionManager[connection].tmpClientid : "";
@@ -264,40 +215,87 @@
264215
</script>
265216
<script type="text/x-red" data-template-name="arduino-connection">
266217
<div class="form-row">
267-
<label for="node-config-input-applicationname"><i class="fa fa-tag"></i> Name</label>
218+
<label for="node-config-input-applicationname"><i class="fa fa-tag fa-fw"></i>Name</label>
268219
<input type="text" id="node-config-input-applicationname" placeholder="Application name">
269220
</div>
270221
<div class="form-row">
271-
<label for="node-config-input-clientid"><i class="icon-tag"></i> Client ID</label>
222+
<label for="node-config-input-clientid"><i class="fa fa-id-badge fa-fw"></i>Client ID</label>
272223
<input type="password" id="node-config-input-clientid" placeholder="Client ID">
273224
</div>
274225
<div class="form-row">
275-
<label for="node-config-input-clientsecret"><i class="icon-tag"></i> Client secret</label>
226+
<label for="node-config-input-clientsecret"><i class="fa fa-lock fa-fw"></i>Client secret</label>
276227
<input type="password" id="node-config-input-clientsecret" placeholder="Client secret">
277228
</div>
278229
</script>
279230
<script type="text/x-red" data-help-name="arduino-connection">
280231
<p>Provides configuration options for an Arduino IoT Cloud session.</p>
281232
</script>
282233

234+
<script type="text/x-red" data-template-name="property in">
235+
<div class="form-row">
236+
<label for="node-input-connection"><i class="fa fa-random fa-fw"></i> Connection</label>
237+
<input type="text" id="node-input-connection">
238+
</div>
239+
<div class="form-row">
240+
<label for="node-input-thing"><i class="fa fa-cubes fa-fw"></i> Thing</label>
241+
<select id="node-input-thing">
242+
</select>
243+
</div>
244+
<div class="form-row">
245+
<label for="node-input-property"><i class="fa fa-cube fa-fw"></i> Property</label>
246+
<select id="node-input-property">
247+
</select>
248+
</div>
249+
<div class="form-row">
250+
<label for="node-input-name"><i class="fa fa-tag fa-fw"></i> Name</label>
251+
<input type="text" id="node-input-name" placeholder="Name">
252+
</div>
253+
</script>
254+
<script type="text/x-red" data-help-name="property in">
255+
<p>This node injects in the flow the changed value of a specific Arduino IoT Cloud property.</p>
256+
</script>
257+
258+
<script type="text/x-red" data-template-name="property out">
259+
<div class="form-row">
260+
<label for="node-input-connection"><i class="fa fa-random fa-fw"></i> Connection</label>
261+
<input type="text" id="node-input-connection">
262+
</div>
263+
<div class="form-row">
264+
<label for="node-input-thing"><i class="fa fa-cubes fa-fw"></i> Thing</label>
265+
<select id="node-input-thing">
266+
</select>
267+
</div>
268+
<div class="form-row">
269+
<label for="node-input-property"><i class="fa fa-cube fa-fw"></i> Property</label>
270+
<select id="node-input-property">
271+
</select>
272+
</div>
273+
<div class="form-row">
274+
<label for="node-input-name"><i class="fa fa-tag fa-fw"></i> Name</label>
275+
<input type="text" id="node-input-name" placeholder="Name">
276+
</div>
277+
</script>
278+
<script type="text/x-red" data-help-name="property out">
279+
<p>This node update a specific Arduino IoT Cloud property with the value received in input</p>
280+
</script>
283281

284282
<script type="text/x-red" data-template-name="property in hist">
285-
<div class="form-row node-input-connection">
286-
<label for="node-input-connection"><i class="fa fa-random"></i> Connection</label>
283+
<div class="form-row">
284+
<label for="node-input-connection"><i class="fa fa-random fa-fw"></i> Connection</label>
287285
<input type="text" id="node-input-connection">
288286
</div>
289287
<div class="form-row">
290-
<label for="node-input-thing"><i class="fa fa-microchip"></i> Thing</label>
288+
<label for="node-input-thing"><i class="fa fa-cubes fa-fw"></i> Thing</label>
291289
<select id="node-input-thing">
292290
</select>
293291
</div>
294292
<div class="form-row">
295-
<label for="node-input-property"><i class="fa fa-thermometer-full"></i> Property</label>
293+
<label for="node-input-property"><i class="fa fa-cube fa-fw"></i> Property</label>
296294
<select id="node-input-property">
297295
</select>
298296
</div>
299297
<div class="form-row" id="time-window-show">
300-
<label for="node-input-timeWindowCount"><i class="fa fa-history"></i> Time filter</label>
298+
<label for="node-input-timeWindowCount"><i class="fa fa-history fa-fw"></i> Time filter</label>
301299
<label for="node-input-timeWindowCount" style="width:auto">last</label>
302300
<input type="text" id="node-input-timeWindowCount" style="width:50px;">
303301
<select id="node-input-timeWindowUnit" style="width:80px;">
@@ -311,7 +309,7 @@
311309
<input type="hidden" id="node-input-lastPoints" style="width:60px;" placeholder="1000">
312310
</div>
313311
<div class="form-row">
314-
<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
312+
<label for="node-input-name"><i class="fa fa-tag fa-fw"></i> Name</label>
315313
<input type="text" id="node-input-name" placeholder="Name">
316314
</div>
317315
</script>
@@ -320,22 +318,22 @@
320318
</script>
321319

322320
<script type="text/x-red" data-template-name="property in poll">
323-
<div class="form-row node-input-connection">
324-
<label for="node-input-connection"><i class="fa fa-random"></i> Connection</label>
321+
<div class="form-row">
322+
<label for="node-input-connection"><i class="fa fa-random fa-fw"></i> Connection</label>
325323
<input type="text" id="node-input-connection">
326324
</div>
327325
<div class="form-row">
328-
<label for="node-input-thing"><i class="fa fa-microchip"></i> Thing</label>
326+
<label for="node-input-thing"><i class="fa fa-cubes fa-fw"></i> Thing</label>
329327
<select id="node-input-thing">
330328
</select>
331329
</div>
332330
<div class="form-row">
333-
<label for="node-input-property"><i class="fa fa-thermometer-full"></i> Property</label>
331+
<label for="node-input-property"><i class="fa fa-cube fa-fw"></i> Property</label>
334332
<select id="node-input-property">
335333
</select>
336334
</div>
337335
<div class="form-row" id="time-window-show">
338-
<label for="node-input-timeWindowCount"><i class="fa fa-repeat"></i> Poll Every</label>
336+
<label for="node-input-timeWindowCount"><i class="fa fa-repeat fa-fw"></i> Poll Every</label>
339337
<input type="text" id="node-input-timeWindowCount" style="width:50px;">
340338
<select id="node-input-timeWindowUnit" style="width:80px;">
341339
<option value="1">seconds</option>
@@ -348,7 +346,7 @@
348346
<input type="hidden" id="node-input-lastPoints" style="width:60px;" placeholder="1000">
349347
</div>
350348
<div class="form-row">
351-
<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
349+
<label for="node-input-name"><i class="fa fa-tag fa-fw"></i> Name</label>
352350
<input type="text" id="node-input-name" placeholder="Name">
353351
</div>
354352
</script>
@@ -358,22 +356,22 @@
358356

359357

360358
<script type="text/x-red" data-template-name="property in push">
361-
<div class="form-row node-input-connection">
362-
<label for="node-input-connection"><i class="fa fa-random"></i> Connection</label>
359+
<div class="form-row">
360+
<label for="node-input-connection"><i class="fa fa-random fa-fw"></i> Connection</label>
363361
<input type="text" id="node-input-connection">
364362
</div>
365363
<div class="form-row">
366-
<label for="node-input-thing"><i class="fa fa-microchip"></i> Thing</label>
364+
<label for="node-input-thing"><i class="fa fa-cubes fa-fw"></i> Thing</label>
367365
<select id="node-input-thing">
368366
</select>
369367
</div>
370368
<div class="form-row">
371-
<label for="node-input-property"><i class="fa fa-thermometer-full"></i> Property</label>
369+
<label for="node-input-property"><i class="fa fa-cube fa-fw"></i> Property</label>
372370
<select id="node-input-property">
373371
</select>
374372
</div>
375373
<div class="form-row">
376-
<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
374+
<label for="node-input-name"><i class="fa fa-tag fa-fw"></i> Name</label>
377375
<input type="text" id="node-input-name" placeholder="Name">
378376
</div>
379377
</script>

0 commit comments

Comments
 (0)