Wiki source code of Demo for Smart Office, Factory

Version 45.1 by Hera Guo on 2024/11/07 09:51
Show last authors
1 **Table of Contents:**
2
3 {{toc/}}
4
5
6
7
8 = 1. About this demo =
9
10 This demo is to show the installation for various sensors in Dragino Office, Dragino Facotry & ThingsEye Office. It covers various types of sensors such as Temperature, Humidity, CO2, Water Flow, Vibration & many many.
11
12 User can check this [[Public Share Link>>https://thingseye.io/dashboard/d17f70f0-6b5f-11ef-a329-6fb88c149adb?publicId=33180810-5c40-11ef-a329-6fb88c149adb ]] and see the dash board for this demo. The dash board keeps updating, while the main structure will keep the same. It has **Three Level DashBoard **as decribe below.
13
14 * **First Level - Overview for all branches**: This dashboard shows all branches overview status and location.
15 * **Second Level - Branch Level**: This dashboard shows all sensors installation and status in the selected branch.
16 * **Third Level - Sensor Level**: This dashboard shows the detail reading for a specify sensor
17
18 [[image:Level1.png||height="133" width="298"]] [[image:Arrow.png||height="27" width="51"]] [[image:Level2.png||height="134" width="264"]][[image:Arrow.png||height="27" width="51"]] [[image:2024-09-26 23-47-06.png||height="130" width="256"]]
19
20
21 The rest of this chapter will provide the introduction for how to set up similiar solution.
22
23
24 = 2.Basic configuration instructions =
25
26 When you start a complex IoT project, you first need to learn some basic configuration methods for ThingsEye.
27
28 Here are some instructions you need to know：
29
30 Dashboard creation and some basic configurations:[[https:~~/~~/wiki.thingseye.io/xwiki/bin/view/Main/How%20to%20import%20and%20use%20the%20dashboard%3F/#H3.2.2.1CreatA0alarm>>https://wiki.thingseye.io/xwiki/bin/view/Main/How%20to%20import%20and%20use%20the%20dashboard%3F/#H3.2.2.1CreatA0alarm]]
31
32 Rule chain creation:[[https:~~/~~/wiki.thingseye.io/xwiki/bin/view/Main/Basic%20configuration%20of%20rule%20chains>>https://wiki.thingseye.io/xwiki/bin/view/Main/Basic%20configuration%20of%20rule%20chains/]]
33
34 Devices connected to thingseye：[[https:~~/~~/wiki.thingseye.io/xwiki/bin/view/Main/How%20to%20connect%20my%20devices%20to%20ThingsEye%3F/>>https://wiki.thingseye.io/xwiki/bin/view/Main/How%20to%20connect%20my%20devices%20to%20ThingsEye%3F/]]
35
36 = 3.overview =
37
38 == 3.1 MHierarchical architectureore features ==
39
40 Before we start a project, we first need to understand the organizational structure of the project. Only with a clear outline can our project construction process be smoother
41
42 **Assets：**Dragino Office  、Dragino Factory
43
44 **Devices：**
45
46 Dragino Factory：temperature and humidity measurement×7、Gateway×1
47
48 Dragino Office：temperature and humidity measurement×2、Air quality measurement×4
49
50 == 3.2 Dashboard architecture ==
51
52 In this demo, the dashboard is divided into three layers, namely: home page, asset, and device.
53
54 **home page:**It includes three parts: map, asset list, and all alarm. From this interface, you can see how many factories, offices, and so on there are
55
56 **asset:**It includes three parts: asset map, device list, and asset alarm. From this interface, you can see how many sensors are deployed in the office or project, where they are located, and their alarm status
57
58 **device:**This section displays the specific information collected by the device, and different types of sensors have different display interfaces
59
60 [[image:屏幕截图 2024-11-04 134645.png]]
61
62 First floor：
63
64 [[image:1730702565889-204.png||height="771" width="1445"]]
65
66 Second floor：
67
68 [[image:1730702622551-808.png||height="756" width="1450"]]
69
70 Third floor：
71
72 [[image:1730702656725-496.png||height="775" width="1455"]]
73
74 [[image:1730702814435-805.png||height="797" width="1458"]]
75
76
77 [[image:1730702688377-367.png||height="770" width="1462"]]
78
79 * How many types of devices do you need, how many layers of third level dashboards you need to create.
80
81 == 3.3 Alarm rules ==
82
83 High Temperature、Low Temperature、High humidity、Low humidity、Low voltage、Device Disconnected
84
85 [[image:屏幕截图 2024-11-04 135045.png]]
86
87 = 4.configuration details =
88
89 After understanding the architecture and layering of the complete project, we can start configuring it
90
91 == 4.1 Dashboard configuration details ==
92
93 === 4.1.1.Data source (Entity aliases) ===
94
95 detail:Obtain data based on dashboard status
96
97 [[image:1730709424998-915.png||height="729" width="1436"]]
98
99 Alarm:Obtain alarm information
100
101 [[image:1730709479828-595.png||height="696" width="1435"]]
102
103 Dragino&GXHL,Ltd:Obtain data through asset types
104
105 [[image:1730709511861-439.png||height="714" width="1435"]]
106
107 Selected Supermarket:Retrieve devices by device type
108
109 [[image:1730709527720-418.png||height="751" width="1433"]]
110
111 Supermarket Devices:Obtain data through device type
112
113 [[image:1730709555797-383.png||height="726" width="1434"]]
114
115 LHT65N Device：Obtain data based on device type
116
117 [[image:1730857191863-514.png||height="725" width="1433"]]
118
119 === 4.1.2.Page Configuration ===
120
121 ==== 4.1.2.1、Configure the interface of the third layer Davies. ====
122
123 ==== 4.1.2.2、Configure the interface of the second layer asset ====
124
125 ===== 4.1.2.2.1 Equipment distribution diagram： =====
126
127 **Data：**
128
129 [[image:1730770392454-317.png||height="745" width="1439"]]
130
131 **Appearannce：**In this module, we need to arrange our devices in the corresponding positions and use icons to display our devices. Therefore, in the Appearance interface, we need to configure them
132
133 **Tooltip function：**This module displays the current information of the device
134
135 [[image:1730857537965-184.png]]
136
137 {{code language="none"}}
138 var msg = data
139 if(msg.Label=="gateway" && msg.type == "gateway"){
140 var stauts
141 if (msg.gatewaystauts=="true"){
142 stauts = "Connect"
143 }
144 else{
145 stauts = "Disconnected"
146 }
147 var str = "<b>"+msg.entityName+"</b><br/><b>"+stauts+"</b><br/>"
148 return str
149 }
150 else if(msg.type=="gxhl01" && msg.Label!="gateway"){
151 var str = "<b>"+msg.entityName+"</b><br/><b>"+msg.Label+"</b><br/><b>Bat:</b>"+msg.BatV+"V<br/><b>Temperature:</b>"+ msg.TempC_SHT+ "°C<br/><b>Humidity:</b>"+msg.Hum_SHT+"%"
152 return str
153 }
154 else{
155 var str = "<b>"+msg.entityName+"</b><br/><b>"+msg.Label+"</b><br/><b>Bat:</b>"+msg.BatV+"V<br/><b>Temperature:</b>"+ msg.temperature+ "°C<br/><b>Humidity:"+msg.humidity+"%"+"</b><br/>"+
156 "<b>Co2:"+msg.co2+"</b></br><b>Air_Pressure:"+msg.air_pressure
157
158 return str
159 }
160 {{/code}}
161
162 (% class="wikigeneratedid" id="HMarkerimagefunctionFF1A" %)
163 **Marker image function：**This module can display different icons based on different types of sensors and their status to achieve its functionality
164
165 (% class="wikigeneratedid" %)
166 [[image:1730857750749-240.png]]
167
168 {{code language="none"}}
169 var res
170 var msg = data
171 if(msg.Label=="gateway" && msg.type=="gateway"){
172 if (msg.gatewaystauts == "true"){
173 res = {
174 url: images[3],
175 size: 40
176 }
177 }
178 else{
179 res = {
180 url: images[2],
181 size: 40
182 }
183 }}
184 else if(msg.Label!="gateway" && msg.type=="gxhl01" ){
185 if (msg.active=="false"){
186 res = {
187 url: images[1],
188 size: 40
189 }}
190 else{
191 res = {
192 url: images[0],
193 size: 40
194 }
195 }
196 }
197 else if(msg.type=="LWL02"){
198 if (msg.WATER_LEAK_STATUS=="0"){
199 res = {
200 url: images[6],
201 size: 40
202 }}
203 else{
204 res = {
205 url: images[7],
206 size: 40
207 }
208 }
209 }
210 else if(msg.type=="LDS02"){
211 if (msg.DOOR_OPEN_STATUS=="0"){
212 res = {
213 url: images[5],
214 size: 40
215 }}
216 else{
217 res = {
218 url: images[8],
219 size: 40
220 }
221 }
222 }
223 else if(msg.type=="LDS12"){
224 res = {
225 url: images[10],
226 size: 40
227 }}
228 else if(msg.type=="SE01"){
229 res = {
230 url: images[9],
231 size: 40
232 }}
233 else if(msg.type=="PB01"){
234 res = {
235 url: images[11],
236 size: 40
237 }}
238 else if(msg.type=="S31b"){
239 res = {
240 url: images[12],
241 size: 40
242 }}
243 else if(msg.type=="LHT65N"){
244 res = {
245 url: images[13],
246 size: 40
247 }}
248 else{
249 res = {
250 url: images[4],
251 size: 40
252 }
253 }
254 return res;
255 {{/code}}
256
257 (% class="wikigeneratedid" %)
258 [[image:1730770875793-351.png]]
259
260 (% class="wikigeneratedid" %)
261 **Actions:**We need to implement the function of entering the details interface through the corresponding device icon, so in this module, we need to add actions to achieve redirection
262
263 {{code language="none"}}
264 var entitySubType;
265 var $injector = widgetContext.$scope.$injector;
266 $injector.get(widgetContext.servicesMap.get('entityService')).getEntity(entityId.entityType, entityId.id)
267 .subscribe(function(data) {
268 entitySubType = data.type;
269 console.log(entitySubType)
270 if (entitySubType == 'gateway') {
271 openDashboardStates('gateway_detail');
272 } else if (entitySubType == 'gxhl01') {
273 openDashboardStates('detail');
274 }
275 else if(entitySubType == 'AQS01-dragino-office'){
276 openDashboardStates("aqs01_detail")
277 }
278 else if (entitySubType == 'LDS12') {
279 openDashboardStates('lds12_detail');
280 }
281 else if (entitySubType == 'LDS02') {
282 openDashboardStates('lds02_detail');
283 }
284 else if (entitySubType == 'SE01') {
285 openDashboardStates('se01_detail');
286 }
287 else if (entitySubType == 'PB01') {
288 openDashboardStates('pb01_detail');
289 }
290 else if (entitySubType == 'LWL02') {
291 openDashboardStates('lwl02_detail');
292 }
293 else if (entitySubType == 'LPS8N') {
294 openDashboardStates('lps8n_detail');
295 }
296 else if (entitySubType == 'LHT65N') {
297 openDashboardStates('lht65n_detail');
298 }
299 else if (entitySubType == 'S31b') {
300 openDashboardStates('s31b_detail');
301 }
302 });
303
304 function openDashboardStates(statedId) {
305 var stateParams = widgetContext.stateController.getStateParams();
306 var params = {
307 entityId: entityId,
308 entityName: entityName
309 };
310
311 if (stateParams.city) {
312 params.city = stateParams.city;
313 }
314
315 widgetContext.stateController.openState(statedId, params, false);
316 }
317
318 {{/code}}
319
320 [[image:1730771103096-522.png]]
321
322 ===== 4.1.2.2.2 Device List =====
323
324 (% class="wikigeneratedid" id="HDataFF1A" %)
325 **Data：**
326
327 [[image:1730771199343-553.png]]
328
329 **Actions：**Equipment distribution diagram: In this module, functions need to be implemented such as adding devices, editing devices, deleting devices, and jumping to the device details page. Therefore, the following actions need to be added:
330
331 [[image:1730771228766-212.png]]
332
333 (% class="wikigeneratedid" id="HEditdeviceFF1A" %)
334 **Edit device：**Implementation function: Device editing
335
336 [[image:1730771256045-238.png]]
337
338 {{code language="none"}}
339 let $injector = widgetContext.$scope.$injector;
340 let customDialog = $injector.get(widgetContext.servicesMap.get('customDialog'));
341 let deviceService = $injector.get(widgetContext.servicesMap.get('deviceService'));
342 let attributeService = $injector.get(widgetContext.servicesMap.get('attributeService'));
343
344 openEditDeviceDialog();
345
346 function openEditDeviceDialog() {
347 customDialog.customDialog(htmlTemplate, EditDeviceDialogController).subscribe();
348 }
349
350 function EditDeviceDialogController(instance) {
351 let vm = instance;
352
353 vm.device = null;
354 vm.attributes = {};
355
356 vm.editDeviceFormGroup = vm.fb.group({
357 deviceName: ['', [vm.validators.required]],
358 deviceType: ['', [vm.validators.required]],
359 deviceLabel: [''],
360 attributes: vm.fb.group({
361 latitude: [null],
362 longitude: [null]
363 })
364 });
365
366 vm.cancel = function() {
367 vm.dialogRef.close(null);
368 };
369
370 vm.save = function() {
371 vm.editDeviceFormGroup.markAsPristine();
372 if (vm.editDeviceFormGroup.get('deviceType').value !== vm.device.type) {
373 delete vm.device.deviceProfileId;
374 }
375 vm.device.name = vm.editDeviceFormGroup.get('deviceName').value,
376 vm.device.type = vm.editDeviceFormGroup.get('deviceType').value,
377 vm.device.label = vm.editDeviceFormGroup.get('deviceLabel').value
378 deviceService.saveDevice(vm.device).subscribe(
379 function () {
380 saveAttributes().subscribe(
381 function () {
382 widgetContext.updateAliases();
383 vm.dialogRef.close(null);
384 }
385 );
386 }
387 );
388 };
389
390 getEntityInfo();
391
392 function getEntityInfo() {
393 deviceService.getDevice(entityId.id).subscribe(
394 function (device) {
395 attributeService.getEntityAttributes(entityId, 'SERVER_SCOPE',
396 ['latitude', 'longitude']).subscribe(
397 function (attributes) {
398 for (let i = 0; i < attributes.length; i++) {
399 vm.attributes[attributes[i].key] = attributes[i].value;
400 }
401 vm.device = device;
402 vm.editDeviceFormGroup.patchValue(
403 {
404 deviceName: vm.device.name,
405 deviceType: vm.device.type,
406 deviceLabel: vm.device.label,
407 attributes: {
408 latitude: vm.attributes.latitude,
409 longitude: vm.attributes.longitude
410 }
411 }, {emitEvent: false}
412 );
413 }
414 );
415 }
416 );
417 }
418
419 function saveAttributes() {
420 let attributes = vm.editDeviceFormGroup.get('attributes').value;
421 let attributesArray = [];
422 for (let key in attributes) {
423 attributesArray.push({key: key, value: attributes[key]});
424 }
425 if (attributesArray.length > 0) {
426 return attributeService.saveEntityAttributes(entityId, 'SERVER_SCOPE', attributesArray);
427 } else {
428 return widgetContext.rxjs.of([]);
429 }
430 }
431 }
432 {{/code}}
433
434 **Delete device：**Implementation function: Device deletion
435
436 [[image:1730771318657-502.png]]
437
438 {{code language="none"}}
439 let $injector = widgetContext.$scope.$injector;
440 let dialogs = $injector.get(widgetContext.servicesMap.get('dialogs'));
441 let deviceService = $injector.get(widgetContext.servicesMap.get('deviceService'));
442
443 openDeleteDeviceDialog();
444
445 function openDeleteDeviceDialog() {
446 let title = "Are you sure you want to delete the device " + entityName + "?";
447 let content = "Be careful, after the confirmation, the device and all related data will become unrecoverable!";
448 dialogs.confirm(title, content, 'Cancel', 'Delete').subscribe(
449 function (result) {
450 if (result) {
451 deleteDevice();
452 }
453 }
454 );
455 }
456
457 function deleteDevice() {
458 deviceService.deleteDevice(entityId.id).subscribe(
459 function () {
460 widgetContext.updateAliases();
461 }
462 );
463 }
464
465 {{/code}}
466
467 **jump:I**mplementation function: Jump to the device details page
468
469 [[image:1730771386258-676.png]]
470
471 {{code language="none"}}
472 console.log(entityName)
473 var entitySubType;
474 var $injector = widgetContext.$scope.$injector;
475 //console.log($injector)
476 $injector.get(widgetContext.servicesMap.get('entityService')).getEntity(entityId.entityType, entityId.id)
477 .subscribe(function(data) {
478 console.log(data)
479 entitySubType = data.type;
480 console.log(entitySubType)
481 if (entitySubType == 'AQS01-dragino-office') {
482 openDashboardStates('aqs01_detail');
483 }else if (entitySubType == 'gateway') {
484 openDashboardStates('gateway_detail');
485 } else if (entitySubType == 'gxhl01') {
486 openDashboardStates('detail');
487
488 } else if (entitySubType == 'tank-type1') {
489 openDashboardStates('test1');
490 }
491 else if (entitySubType == 'LDS12') {
492 openDashboardStates('lds12_detail');
493 }
494 else if (entitySubType == 'LDS02') {
495 openDashboardStates('lds02_detail');
496 }
497 else if (entitySubType == 'SE01') {
498 openDashboardStates('se01_detail');
499 }
500 else if (entitySubType == 'PB01') {
501 openDashboardStates('pb01_detail');
502 }
503 else if (entitySubType == 'LWL02') {
504 openDashboardStates('lwl02_detail');
505 }
506 else if (entitySubType == 'LPS8N') {
507 openDashboardStates('lps8n_detail');
508 }
509 else if (entitySubType == 'LHT65N') {
510 openDashboardStates('lht65n_detail');
511 }
512 else if (entitySubType == 'S31b') {
513 openDashboardStates('s31b_detail');
514 }
515 });
516
517 function openDashboardStates(statedId) {
518 var stateParams = widgetContext.stateController.getStateParams();
519 //console.log(stateParams)
520 var params = {
521 entityId: entityId,
522 entityName: entityName
523 };
524 widgetContext.stateController.updateState(statedId, params, false);
525 }
526 {{/code}}
527
528 (% class="wikigeneratedid" id="H-1" %)
529 **Add device：**Implementation function: Add device
530
531 [[image:1730771441589-122.png]]
532
533 {{code language="none"}}
534 let $injector = widgetContext.$scope.$injector;
535 let customDialog = $injector.get(widgetContext.servicesMap.get('customDialog'));
536 let deviceService = $injector.get(widgetContext.servicesMap.get('deviceService'));
537 let attributeService = $injector.get(widgetContext.servicesMap.get('attributeService'));
538
539 openAddDeviceDialog();
540
541 function openAddDeviceDialog() {
542 customDialog.customDialog(htmlTemplate, AddDeviceDialogController).subscribe();
543 }
544
545 function AddDeviceDialogController(instance) {
546 let vm = instance;
547
548 vm.addDeviceFormGroup = vm.fb.group({
549 deviceName: ['', [vm.validators.required]],
550 deviceType: ['', [vm.validators.required]],
551 deviceLabel: [''],
552 attributes: vm.fb.group({
553 latitude: [null],
554 longitude: [null]
555 })
556 });
557
558 vm.cancel = function() {
559 vm.dialogRef.close(null);
560 };
561
562 vm.save = function() {
563 vm.addDeviceFormGroup.markAsPristine();
564 let device = {
565 name: vm.addDeviceFormGroup.get('deviceName').value,
566 type: vm.addDeviceFormGroup.get('deviceType').value,
567 label: vm.addDeviceFormGroup.get('deviceLabel').value
568 };
569 deviceService.saveDevice(device).subscribe(
570 function (device) {
571 saveAttributes(device.id).subscribe(
572 function () {
573 widgetContext.updateAliases();
574 vm.dialogRef.close(null);
575 }
576 );
577 }
578 );
579 };
580
581 function saveAttributes(entityId) {
582 let attributes = vm.addDeviceFormGroup.get('attributes').value;
583 let attributesArray = [];
584 for (let key in attributes) {
585 attributesArray.push({key: key, value: attributes[key]});
586 }
587 if (attributesArray.length > 0) {
588 return attributeService.saveEntityAttributes(entityId, "SERVER_SCOPE", attributesArray);
589 } else {
590 return widgetContext.rxjs.of([]);
591 }
592 }
593 }
594 {{/code}}
595
596 ==== ====
597
598 ===== 4.1.2.2.3 Asset Alarm: =====
599
600 **Data：**
601
602 [[image:1730771504586-433.png]]
603
604 ==== 4.1.2.3、Configure the first layer menu interface ====
605
606
607
608 ===== 4.1.2.3.1 **Map:** =====
609
610 **Data:**
611
612 ===== =====
613
614 [[image:1730710271230-716.png||height="729" width="1427"]]
615
616 **Actions**:The map interface has two actions, among which Select supermarket can refresh the device list and related alarms on the right side to enter the location, and Supermarket_detail can jump to the second level physical interface to view the details of the location based on the selected location
617
618 [[image:1730710850458-781.png||height="770" width="1429"]]
619
620 **Select supermarket:**Implementation function: Refresh the side page
621
622 {{code language="none"}}
623 var params = widgetContext.stateController.getStateParams();
624 var selectedSupermarket = params['selectedSupermarket'];
625 if (selectedSupermarket && selectedSupermarket.entityId.id === entityId.id) {
626 params['selectedSupermarket'] = null;
627 } else {
628 params['selectedSupermarket'] = { entityId: entityId, entityName: entityName, entityLabel: entityLabel };
629 }
630 widgetContext.stateController.updateState(null, params);
631 {{/code}}
632
633 [[image:1730710875401-848.png||height="767" width="1429"]]
634
635 **Supermarket_detail:**Implementation function: Jump to the asset details page
636
637 {{code language="none"}}
638 var params = JSON.parse(JSON.stringify(widgetContext.stateController.getStateParams()));
639 params['selectedSupermarket'] = {
640 entityId: entityId,
641 entityName: entityName,
642 entityLabel: entityLabel,
643 };
644 params['targetEntityParamName'] = 'selectedSupermarket';
645 params['selectedDevice'] = null;
646
647 widgetContext.stateController.openState('svgmap', params);
648 {{/code}}
649
650 [[image:1730710990334-601.png||height="772" width="1433"]]
651
652 * (((
653 In this demo, exclusive map icons were set as follows:
654 )))
655
656 {{code language="none"}}
657 var res = {
658 url: images[0],
659 size: 66
660 };
661 return res;
662 {{/code}}
663
664 [[image:1730710395303-672.png||height="771" width="1438"]]
665
666 ===== 4.1.2.3.1 Asset List: =====
667
668 **Data:**
669
670 [[image:1730710693066-349.png||height="772" width="1439"]]
671
672 **Actions:**The Assets List interface has an action, which is the same as the Supermarket_details in the Map. You can jump to the second level entity interface to view the details of the selected location based on its location
673
674 [[image:1730712335338-750.png||height="751" width="1423"]]
675
676 [[image:1730712473941-913.png||height="781" width="1422"]]
677
678 All Alarms:
679
680 [[image:1730712539209-554.png||height="764" width="1424"]]
681
682 == 4.2 Alarm configuration details ==
683
684 === 4.2.1 High temperature ===
685
686 Creat:
687
688 [[image:1730862483514-101.png||height="750" width="1407"]]
689
690 Clear:
691
692 [[image:1730862584519-902.png||height="758" width="1404"]]
693
694 === 4.2.2 Low Temperature ===
695
696 Creat:
697
698 [[image:1730863708259-750.png||height="752" width="1403"]]
699
700 Clear:
701
702 [[image:1730863750414-979.png||height="746" width="1403"]]
703
704 === 4.2.3 High humidity ===
705
706 Creat:
707
708 [[image:1730864045747-876.png||height="752" width="1396"]]
709
710 Clear:
711
712 [[image:1730864077395-395.png||height="735" width="1393"]]
713
714 === 4.2.4 Low humidity ===
715
716 Creat：
717
718 [[image:1730864117808-484.png||height="741" width="1392"]]
719
720 Clear：
721
722 [[image:1730864159071-895.png||height="745" width="1392"]]
723
724 === 4.2.5 Low voltage ===
725
726 Creat：
727
728 [[image:1730864207037-477.png||height="740" width="1388"]]
729
730 Clear：
731
732 [[image:1730864250506-111.png||height="735" width="1389"]]
733
734 === 4.2.6 Device Disconnected ===
735
736 Creat：
737
738 [[image:1730864293216-991.png||height="739" width="1387"]]
739
740 Clear：
741
742 [[image:1730864331859-740.png||height="735" width="1385"]]
743
744 == 4.3 Rule chain configuration details ==
745
746 [[image:1730864784118-474.png]]
747
748 **Script：**Email configuration for sending device alarm information
749
750 [[image:1730864676542-406.png||height="732" width="1384"]]
751
752 {{code language="none"}}
753 function locatime(timenumber){
754 var date = new Date(timenumber)
755 return date.toLocaleDateString() + ' ' + date.toLocaleTimeString()
756 }
757 var name = msg.name
758 var devicename = msg.originatorName
759 var label = msg.originatorLabel
760 var status = msg.status
761 var detaildata =JSON.parse(msg.details.data)
762 var tempswitch
763
764 if (name != "Device Disconnected") {
765 //detaildata=JSON.parse(msg.details.data)
766 if (detaildata.Temperature_alarm_switch == true) {
767 tempswitch = "open"
768 } else {
769 tempswitch = "close"
770 }
771 var humswitch
772 if (detaildata.Humidity_alarm_switch == true) {
773 humswitch = "open"
774 } else {
775 humswitch = "close"
776 }
777 var batswitch
778 if (detaildata.Voltage_alarm_switch == true) {
779 batswitch = "open"
780 } else {
781 batswitch = "close"
782 }
783 var str2 = "<p>-- Temperature alarm switch status: " +
784 tempswitch + "</p>" +
785 "<p>-- Humidity alarm switch status: " + humswitch +
786 "</p>" +
787 "<p>-- Voltage alarm switch status: " + batswitch
788 }
789
790 if (name == "High Temperature" && status ==
791 "ACTIVE_UNACK") {
792 var emailstr =
793 "<div><p><span style='color: black; font-weight: bold'>" +
794 "Device " + label + " has alarm:</span></p>" +
795 "<p><span style='color: red; font-weight: bold'>-- High Temperature Alarm</span></p>" +
796 "<p>-- Current Temperature : " + detaildata
797 .TempC_SHT + "</p><br>" +
798 "<p>Device Configure:</p>" +
799 "<p>-- Temperature Threshold : min: " + detaildata
800 .Low_temperature_alarm + ", max: " + detaildata
801 .High_temperature_alarm + "</p>" +
802 "<p>-- Humidity Threshold: min: " + detaildata
803 .Low_humidity_alarm + ", max:" + detaildata
804 .High_humidity_alarm + "</p>" +
805 "<p>-- Battery threshold: min: " + detaildata
806 .Low_voltage_alarm + "</p>" + str2 + "</div>"
807 return {
808 msg: {
809 "data": emailstr
810 },
811 metadata: metadata,
812 msgType: msgType
813 };
814 } else if (name == "Low Temperature" && status ==
815 "ACTIVE_UNACK") {
816 var emailstr =
817 "<div><p><span style='color: black; font-weight: bold'>" +
818 "Device " + label + " has alarm:</span></p>" +
819 "<p><span style='color: red; font-weight: bold'>-- Low Temperature Alarm</span></p>" +
820 "<p>-- Current Temperature : " + detaildata
821 .TempC_SHT + "</p><br>" +
822 "<p>Device Configure:</p>" +
823 "<p>-- Temperature Threshold : min: " + detaildata
824 .Low_temperature_alarm + ", max: " + detaildata
825 .High_temperature_alarm + "</p>" +
826 "<p>-- Humidity Threshold: min: " + detaildata
827 .Low_humidity_alarm + ", max:" + detaildata
828 .High_humidity_alarm + "</p>" +
829 "<p>-- Battery threshold: min: " + detaildata
830 .Low_voltage_alarm + "</p>" + str2 + "</div>"
831
832 return {
833 msg: {
834 "data": emailstr
835 },
836 metadata: metadata,
837 msgType: msgType
838 };
839
840 } else if (name == "Device Disconnected" && status ==
841 "ACTIVE_UNACK") {
842 var time1 = locatime(Number(detaildata.lastActivityTime))
843 //var time1 = detaildata.lastActivityTime
844 // var chazhi = parseInt((detaildata.inactivityAlarmTime-detaildata.lastActivityTime)/1000/60)
845 // var emailstr =
846 // "<div><p><span style='color: red; font-weight: bold'>" +
847 // "Device " + label + " has Alarm</span></p><p>Last activity time: "+time1+"</p><p>Last Uplink: 21"+"minutes ago</p></div>"
848
849 var emailstr ="Device " + label + " has Alarm##Last activity time: "+time1+"##Last Uplink: 21minutes ago"
850 var newType = "POST_TELEMETRY_REQUEST"
851 return {
852 msg:emailstr,
853 metadata: metadata,
854 msgType: newType
855 }
856 } else if (name == "High humidity" && status ==
857 "ACTIVE_UNACK") {
858 var emailstr =
859 "<div><p><span style='color: black; font-weight: bold'>" +
860 "Device " + label + " has alarm:</span></p>" +
861 "<p><span style='color: red; font-weight: bold'>-- High Humidity Alarm</span></p>" +
862 "<p>-- Current Temperature : " + detaildata
863 .Hum_SHT + "</p><br>" +
864 "<p>Device Configure:</p>" +
865 "<p>-- Temperature Threshold : min: " + detaildata
866 .Low_temperature_alarm + ", max: " + detaildata
867 .High_temperature_alarm + "</p>" +
868 "<p>-- Humidity Threshold: min: " + detaildata
869 .Low_humidity_alarm + ", max:" + detaildata
870 .High_humidity_alarm + "</p>" +
871 "<p>-- Battery threshold: min: " + detaildata
872 .Low_voltage_alarm + "</p>" + str2 + "</div>"
873
874 return {
875 msg: {
876 "data": emailstr
877 },
878 metadata: metadata,
879 msgType: msgType
880 };
881 } else if (name == "Low humidity" && status ==
882 "ACTIVE_UNACK") {
883 var emailstr =
884 "<div><p><span style='color: black; font-weight: bold'>" +
885 "Device " + label + " has alarm:</span></p>" +
886 "<p><span style='color: red; font-weight: bold'>-- Low Humidity Alarm</span></p>" +
887 "<p>-- Current Temperature : " + detaildata
888 .Hum_SHT + "</p><br>" +
889 "<p>Device Configure:</p>" +
890 "<p>-- Temperature Threshold : min: " + detaildata
891 .Low_temperature_alarm + ", max: " + detaildata
892 .High_temperature_alarm + "</p>" +
893 "<p>-- Humidity Threshold: min: " + detaildata
894 .Low_humidity_alarm + ", max:" + detaildata
895 .High_humidity_alarm + "</p>" +
896 "<p>-- Battery threshold: min: " + detaildata
897 .Low_voltage_alarm + "</p>" + str2 + "</div>"
898
899 return {
900 msg: {
901 "data": emailstr
902 },
903 metadata: metadata,
904 msgType: msgType
905 };
906 } else if (name == "Low voltage" && status ==
907 "ACTIVE_UNACK") {
908 var emailstr =
909 "<div><p><span style='color: black; font-weight: bold'>" +
910 "Device " + label + " has alarm:</span></p>" +
911 "<p><span style='color: red; font-weight: bold'>-- Low Voltage Alarm</span></p>" +
912 "<p>-- Current Temperature : " + detaildata.BatV +
913 "</p><br>" +
914 "<p>Device Configure:</p>" +
915 "<p>-- Temperature Threshold : min: " + detaildata
916 .Low_temperature_alarm + ", max: " + detaildata
917 .High_temperature_alarm + "</p>" +
918 "<p>-- Humidity Threshold: min: " + detaildata
919 .Low_humidity_alarm + ", max:" + detaildata
920 .High_humidity_alarm + "</p>" +
921 "<p>-- Battery threshold: min: " + detaildata
922 .Low_voltage_alarm + "</p>" + str2 + "</div>"
923
924 return {
925 msg: {
926 "data": emailstr
927 },
928 metadata: metadata,
929 msgType: msgType
930 };
931 } else if (name == "High Temperature" && status ==
932 "CLEARED_UNACK") {
933 var emailstr =
934 "<div><p><span style='color: green; font-weight: bold'>Device " +
935 label +
936 " High Temperature Alarm Cleared</span></p>" +
937 "<p>-- Current Temperature : " + detaildata
938 .TempC_SHT + "</p><br>" +
939 "<p>Device Configure:</p>" +
940 "<p>-- Temperature Threshold : min: " + detaildata
941 .Low_temperature_alarm + ", max: " + detaildata
942 .High_temperature_alarm + "</p>" +
943 "<p>-- Humidity Threshold: min: " + detaildata
944 .Low_humidity_alarm + ", max:" + detaildata
945 .High_humidity_alarm + "</p>" +
946 "<p>-- Battery threshold: min: " + detaildata
947 .Low_voltage_alarm + "</p>" + str2 + "</div>"
948
949 return {
950 msg: {
951 "data": emailstr
952 },
953 metadata: metadata,
954 msgType: msgType
955 };
956 } else if (name == "Low Temperature" && status ==
957 "CLEARED_UNACK") {
958 var emailstr =
959 "<div><p><span style='color: green; font-weight: bold'>Device " +
960 label +
961 " Low Temperature Alarm Cleared</span></p>" +
962 "<p>-- Current Temperature : " + detaildata
963 .TempC_SHT + "</p><br>" +
964 "<p>Device Configure:</p>" +
965 "<p>-- Temperature Threshold : min: " + detaildata
966 .Low_temperature_alarm + ", max: " + detaildata
967 .High_temperature_alarm + "</p>" +
968 "<p>-- Humidity Threshold: min: " + detaildata
969 .Low_humidity_alarm + ", max:" + detaildata
970 .High_humidity_alarm + "</p>" +
971 "<p>-- Battery threshold: min: " + detaildata
972 .Low_voltage_alarm + "</p>" + str2 + "</div>"
973
974 return {
975 msg: {
976 "data": emailstr
977 },
978 metadata: metadata,
979 msgType: msgType
980 };
981 } else if (name == "High humidity" && status ==
982 "CLEARED_UNACK") {
983 var emailstr =
984 "<div><p><span style='color: green; font-weight: bold'>Device " +
985 label + " High Humidity Alarm Cleared</span></p>" +
986 "<p>-- Current Temperature : " + detaildata
987 .Hum_SHT + "</p><br>" +
988 "<p>Device Configure:</p>" +
989 "<p>-- Temperature Threshold : min: " + detaildata
990 .Low_temperature_alarm + ", max: " + detaildata
991 .High_temperature_alarm + "</p>" +
992 "<p>-- Humidity Threshold: min: " + detaildata
993 .Low_humidity_alarm + ", max:" + detaildata
994 .High_humidity_alarm + "</p>" +
995 "<p>-- Battery threshold: min: " + detaildata
996 .Low_voltage_alarm + "</p>" + str2 + "</div>"
997
998 return {
999 msg: {
1000 "data": emailstr
1001 },
1002 metadata: metadata,
1003 msgType: msgType
1004 };
1005 } else if (name == "Low humidity" && status ==
1006 "CLEARED_UNACK") {
1007 var emailstr =
1008 "<div><p><span style='color: green; font-weight: bold'>Device " +
1009 label + " Low Humidity Alarm Cleared</span></p>" +
1010 "<p>-- Current Temperature : " + detaildata
1011 .Hum_SHT + "</p><br>" +
1012 "<p>Device Configure:</p>" +
1013 "<p>-- Temperature Threshold : min: " + detaildata
1014 .Low_temperature_alarm + ", max: " + detaildata
1015 .High_temperature_alarm + "</p>" +
1016 "<p>-- Humidity Threshold: min: " + detaildata
1017 .Low_humidity_alarm + ", max:" + detaildata
1018 .High_humidity_alarm + "</p>" +
1019 "<p>-- Battery threshold: min: " + detaildata
1020 .Low_voltage_alarm + "</p>" + str2 + "</div>"
1021 return {
1022 msg: {
1023 "data": emailstr
1024 },
1025 metadata: metadata,
1026 msgType: msgType
1027 };
1028 } else if (name == "Low voltage" && status ==
1029 "CLEARED_UNACK") {
1030
1031 var emailstr =
1032 "<div><p><span style='color: green; font-weight: bold'>Device " +
1033 label + " Low Voltage Alarm Cleared</span></p>" +
1034 "<p>-- Current Temperature : " + detaildata.BatV +
1035 "</p><br><br>" +
1036 "<p>Device Configure:</p>" +
1037 "<p>-- Temperature Threshold : min: " + detaildata
1038 .Low_temperature_alarm + ", max: " + detaildata
1039 .High_temperature_alarm + "</p>" +
1040 "<p>-- Humidity Threshold: min: " + detaildata
1041 .Low_humidity_alarm + ", max:" + detaildata
1042 .High_humidity_alarm + "</p>" +
1043 "<p>-- Battery threshold: min: " + detaildata
1044 .Low_voltage_alarm + "</p>" + str2 + "</div>"
1045
1046 return {
1047 msg: {
1048 "data": emailstr
1049 },
1050 metadata: metadata,
1051 msgType: msgType
1052 };
1053 } else if (name == "Device Disconnected" && status ==
1054 "CLEARED_UNACK") {
1055 var time1 = locatime(Number(detaildata.lastActivityTime))
1056 //var time1 = detaildata.lastActivityTime
1057 // var chazhi = parseInt((detaildata.inactivityAlarmTime-detaildata.lastActivityTime)/1000/60)
1058 // var emailstr =
1059 // "<div><p><span style='color: green; font-weight: bold'>" +
1060 // "Device " + label + " has Alarm Cleared</span></p><p>Last activity time: "+time1+"</p></div>"
1061 var emailstr ="Device " + label + " has Alarm Cleared##Last activity time: "+time1
1062 var newType = "POST_TELEMETRY_REQUEST"
1063 return {
1064 msg: emailstr,
1065 metadata: metadata,
1066 msgType: newType
1067 }
1068 }
1069 {{/code}}
1070
1071 (% class="wikigeneratedid" %)
1072 **Generate Report：**
1073
1074 (% class="wikigeneratedid" %)
1075 [[image:1730865053380-293.png]]
1076
1077 = 5.other =
1078
1079 * If you want to create a similar dashboard, after understanding the case, you can download and import the dashboard, device profiles, rule chains, etc. of the case on GitHub, and make modifications based on them.
1080 * GitHub address：[[https:~~/~~/github.com/ThingsEye-io/te-platform/tree/main/case/Dragino%20Office%20%26%20Factory>>https://github.com/ThingsEye-io/te-platform/tree/main/case/Dragino%20Office%20%26%20Factory]]