Skip to content

Commit d2dbb6c

Browse files
ilcatoilcato
committed
Updated icons and alignment
1 parent acf1c15 commit d2dbb6c

File tree

1 file changed

+67
-69
lines changed

1 file changed

+67
-69
lines changed

‎arduino-cloud.html‎

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

103-
104-
<script type="text/x-red" data-template-name="property in">
105-
<div class="form-row node-input-connection">
106-
<label for="node-input-connection"><i class="fa fa-random"></i> Connection</label>
107-
<input type="text" id="node-input-connection">
108-
</div>
109-
<div class="form-row">
110-
<label for="node-input-thing"><i class="fa fa-microchip"></i> Thing</label>
111-
<select id="node-input-thing">
112-
</select>
113-
</div>
114-
<div class="form-row">
115-
<label for="node-input-property"><i class="fa fa-thermometer-full"></i> Property</label>
116-
<select id="node-input-property">
117-
</select>
118-
</div>
119-
<div class="form-row">
120-
<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
121-
<input type="text" id="node-input-name" placeholder="Name">
122-
</div>
123-
</script>
124-
<script type="text/x-red" data-help-name="property in">
125-
<p>This node injects in the flow the changed value of a specific Arduino IoT Cloud property.</p>
126-
</script>
127-
128-
<script type="text/x-red" data-template-name="property out">
129-
<div class="form-row node-input-connection">
130-
<label for="node-input-connection"><i class="fa fa-random"></i> Connection</label>
131-
<input type="text" id="node-input-connection">
132-
</div>
133-
<div class="form-row">
134-
<label for="node-input-thing"><i class="fa fa-microchip"></i> Thing</label>
135-
<select id="node-input-thing">
136-
</select>
137-
</div>
138-
<div class="form-row">
139-
<label for="node-input-property"><i class="fa fa-thermometer-full"></i> Property</label>
140-
<select id="node-input-property">
141-
</select>
142-
</div>
143-
<div class="form-row">
144-
<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
145-
<input type="text" id="node-input-name" placeholder="Name">
146-
</div>
147-
</script>
148-
<script type="text/x-red" data-help-name="property out">
149-
<p>This node update a specific Arduino IoT Cloud property with the value received in input</p>
150-
</script>
151-
152103
<script type="text/javascript">
153104
function prepareQueryString(connection) {
154105
const tmpClientid = window.connectionManager[connection] ? window.connectionManager[connection].tmpClientid : "";
@@ -239,40 +190,87 @@
239190
</script>
240191
<script type="text/x-red" data-template-name="arduino-connection">
241192
<div class="form-row">
242-
<label for="node-config-input-applicationname"><i class="fa fa-tag"></i> Name</label>
193+
<label for="node-config-input-applicationname"><i class="fa fa-tag fa-fw"></i>Name</label>
243194
<input type="text" id="node-config-input-applicationname" placeholder="Application name">
244195
</div>
245196
<div class="form-row">
246-
<label for="node-config-input-clientid"><i class="icon-tag"></i> Client ID</label>
197+
<label for="node-config-input-clientid"><i class="fa fa-id-badge fa-fw"></i>Client ID</label>
247198
<input type="password" id="node-config-input-clientid" placeholder="Client ID">
248199
</div>
249200
<div class="form-row">
250-
<label for="node-config-input-clientsecret"><i class="icon-tag"></i> Client secret</label>
201+
<label for="node-config-input-clientsecret"><i class="fa fa-lock fa-fw"></i>Client secret</label>
251202
<input type="password" id="node-config-input-clientsecret" placeholder="Client secret">
252203
</div>
253204
</script>
254205
<script type="text/x-red" data-help-name="arduino-connection">
255206
<p>Provides configuration options for an Arduino IoT Cloud session.</p>
256207
</script>
257208

209+
<script type="text/x-red" data-template-name="property in">
210+
<div class="form-row">
211+
<label for="node-input-connection"><i class="fa fa-random fa-fw"></i> Connection</label>
212+
<input type="text" id="node-input-connection">
213+
</div>
214+
<div class="form-row">
215+
<label for="node-input-thing"><i class="fa fa-cubes fa-fw"></i> Thing</label>
216+
<select id="node-input-thing">
217+
</select>
218+
</div>
219+
<div class="form-row">
220+
<label for="node-input-property"><i class="fa fa-cube fa-fw"></i> Property</label>
221+
<select id="node-input-property">
222+
</select>
223+
</div>
224+
<div class="form-row">
225+
<label for="node-input-name"><i class="fa fa-tag fa-fw"></i> Name</label>
226+
<input type="text" id="node-input-name" placeholder="Name">
227+
</div>
228+
</script>
229+
<script type="text/x-red" data-help-name="property in">
230+
<p>This node injects in the flow the changed value of a specific Arduino IoT Cloud property.</p>
231+
</script>
232+
233+
<script type="text/x-red" data-template-name="property out">
234+
<div class="form-row">
235+
<label for="node-input-connection"><i class="fa fa-random fa-fw"></i> Connection</label>
236+
<input type="text" id="node-input-connection">
237+
</div>
238+
<div class="form-row">
239+
<label for="node-input-thing"><i class="fa fa-cubes fa-fw"></i> Thing</label>
240+
<select id="node-input-thing">
241+
</select>
242+
</div>
243+
<div class="form-row">
244+
<label for="node-input-property"><i class="fa fa-cube fa-fw"></i> Property</label>
245+
<select id="node-input-property">
246+
</select>
247+
</div>
248+
<div class="form-row">
249+
<label for="node-input-name"><i class="fa fa-tag fa-fw"></i> Name</label>
250+
<input type="text" id="node-input-name" placeholder="Name">
251+
</div>
252+
</script>
253+
<script type="text/x-red" data-help-name="property out">
254+
<p>This node update a specific Arduino IoT Cloud property with the value received in input</p>
255+
</script>
258256

259257
<script type="text/x-red" data-template-name="property in hist">
260-
<div class="form-row node-input-connection">
261-
<label for="node-input-connection"><i class="fa fa-random"></i> Connection</label>
258+
<div class="form-row">
259+
<label for="node-input-connection"><i class="fa fa-random fa-fw"></i> Connection</label>
262260
<input type="text" id="node-input-connection">
263261
</div>
264262
<div class="form-row">
265-
<label for="node-input-thing"><i class="fa fa-microchip"></i> Thing</label>
263+
<label for="node-input-thing"><i class="fa fa-cubes fa-fw"></i> Thing</label>
266264
<select id="node-input-thing">
267265
</select>
268266
</div>
269267
<div class="form-row">
270-
<label for="node-input-property"><i class="fa fa-thermometer-full"></i> Property</label>
268+
<label for="node-input-property"><i class="fa fa-cube fa-fw"></i> Property</label>
271269
<select id="node-input-property">
272270
</select>
273271
</div>
274272
<div class="form-row" id="time-window-show">
275-
<label for="node-input-timeWindowCount"><i class="fa fa-history"></i> Time filter</label>
273+
<label for="node-input-timeWindowCount"><i class="fa fa-history fa-fw"></i> Time filter</label>
276274
<label for="node-input-timeWindowCount" style="width:auto">last</label>
277275
<input type="text" id="node-input-timeWindowCount" style="width:50px;">
278276
<select id="node-input-timeWindowUnit" style="width:80px;">
@@ -286,7 +284,7 @@
286284
<input type="hidden" id="node-input-lastPoints" style="width:60px;" placeholder="1000">
287285
</div>
288286
<div class="form-row">
289-
<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
287+
<label for="node-input-name"><i class="fa fa-tag fa-fw"></i> Name</label>
290288
<input type="text" id="node-input-name" placeholder="Name">
291289
</div>
292290
</script>
@@ -295,22 +293,22 @@
295293
</script>
296294

297295
<script type="text/x-red" data-template-name="property in poll">
298-
<div class="form-row node-input-connection">
299-
<label for="node-input-connection"><i class="fa fa-random"></i> Connection</label>
296+
<div class="form-row">
297+
<label for="node-input-connection"><i class="fa fa-random fa-fw"></i> Connection</label>
300298
<input type="text" id="node-input-connection">
301299
</div>
302300
<div class="form-row">
303-
<label for="node-input-thing"><i class="fa fa-microchip"></i> Thing</label>
301+
<label for="node-input-thing"><i class="fa fa-cubes fa-fw"></i> Thing</label>
304302
<select id="node-input-thing">
305303
</select>
306304
</div>
307305
<div class="form-row">
308-
<label for="node-input-property"><i class="fa fa-thermometer-full"></i> Property</label>
306+
<label for="node-input-property"><i class="fa fa-cube fa-fw"></i> Property</label>
309307
<select id="node-input-property">
310308
</select>
311309
</div>
312310
<div class="form-row" id="time-window-show">
313-
<label for="node-input-timeWindowCount"><i class="fa fa-repeat"></i> Poll Every</label>
311+
<label for="node-input-timeWindowCount"><i class="fa fa-repeat fa-fw"></i> Poll Every</label>
314312
<input type="text" id="node-input-timeWindowCount" style="width:50px;">
315313
<select id="node-input-timeWindowUnit" style="width:80px;">
316314
<option value="1">seconds</option>
@@ -323,7 +321,7 @@
323321
<input type="hidden" id="node-input-lastPoints" style="width:60px;" placeholder="1000">
324322
</div>
325323
<div class="form-row">
326-
<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
324+
<label for="node-input-name"><i class="fa fa-tag fa-fw"></i> Name</label>
327325
<input type="text" id="node-input-name" placeholder="Name">
328326
</div>
329327
</script>
@@ -333,22 +331,22 @@
333331

334332

335333
<script type="text/x-red" data-template-name="property in push">
336-
<div class="form-row node-input-connection">
337-
<label for="node-input-connection"><i class="fa fa-random"></i> Connection</label>
334+
<div class="form-row">
335+
<label for="node-input-connection"><i class="fa fa-random fa-fw"></i> Connection</label>
338336
<input type="text" id="node-input-connection">
339337
</div>
340338
<div class="form-row">
341-
<label for="node-input-thing"><i class="fa fa-microchip"></i> Thing</label>
339+
<label for="node-input-thing"><i class="fa fa-cubes fa-fw"></i> Thing</label>
342340
<select id="node-input-thing">
343341
</select>
344342
</div>
345343
<div class="form-row">
346-
<label for="node-input-property"><i class="fa fa-thermometer-full"></i> Property</label>
344+
<label for="node-input-property"><i class="fa fa-cube fa-fw"></i> Property</label>
347345
<select id="node-input-property">
348346
</select>
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>

0 commit comments

Comments
 (0)