@bitpoolos/edge-bacnet 1.2.7 → 1.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/bacnet_client.js +1849 -1591
  2. package/bacnet_gateway.html +28 -0
  3. package/bacnet_gateway.js +4 -2
  4. package/bacnet_write.html +732 -743
  5. package/common.js +19 -25
  6. package/package.json +2 -2
package/bacnet_write.html CHANGED
@@ -3,767 +3,756 @@
3
3
  -->
4
4
 
5
5
  <script type="text/javascript">
6
-
7
- RED.nodes.registerType('Bacnet-Write', {
8
- category: 'Bitpool BACnet',
9
- color: '#00aeef',
10
- defaults: {
11
- name: {value: ""},
12
- applicationTag: {value: "4"},
13
- priority: {value: "16"},
14
- pointsToWrite: {value: []},
15
- writeDevices: {value: []},
16
- hiddenDeployToggle: {value: false},
17
- prevHiddenToggleState: {value: false}
6
+ RED.nodes.registerType("Bacnet-Write", {
7
+ category: "Bitpool BACnet",
8
+ color: "#00aeef",
9
+ defaults: {
10
+ name: { value: "" },
11
+ applicationTag: { value: "4" },
12
+ priority: { value: "16" },
13
+ pointsToWrite: { value: [] },
14
+ writeDevices: { value: [] },
15
+ hiddenDeployToggle: { value: false },
16
+ prevHiddenToggleState: { value: false },
17
+ },
18
+ inputs: 1,
19
+ outputs: 1,
20
+ icon: "bitpool.svg",
21
+ label: function () {
22
+ return "write";
23
+ },
24
+ paletteLabel: function () {
25
+ return "write";
26
+ },
27
+ oneditprepare: function () {
28
+ let node = this;
29
+
30
+ node.prevHiddenToggleState = node.hiddenDeployToggle;
31
+
32
+ const { createApp, ref, onMounted } = Vue;
33
+
34
+ //prime vue app
35
+ const App = {
36
+ data() {
37
+ return {
38
+ devices: ref(),
39
+ writeDevices: ref(),
40
+ deviceList: ref(),
41
+ pointList: ref(),
42
+ pointsToWrite: ref([]),
43
+ nodeService: ref(new NodeService()),
44
+ deviceCount: ref(),
45
+ };
18
46
  },
19
- inputs: 1,
20
- outputs: 1,
21
- icon: "bitpool.svg",
22
- label: function () {
23
- return "write";
47
+ setup() {
48
+ let pointList;
49
+ let deviceList;
50
+ const selectedKeys = ref(null);
51
+ const nodes = ref();
52
+ const expandedKeys = ref({});
53
+
54
+ const expandAll = () => {
55
+ for (let node of devices.value) {
56
+ expandNode(node);
57
+ }
58
+
59
+ expandedKeys.value = { ...expandedKeys.value };
60
+ };
61
+ const collapseAll = () => {
62
+ expandedKeys.value = {};
63
+ };
64
+ const expandNode = (node) => {
65
+ if (node.children && node.children.length) {
66
+ expandedKeys.value[node.key] = true;
67
+
68
+ for (let child of node.children) {
69
+ expandNode(child);
70
+ }
71
+ }
72
+ };
73
+
74
+ return {
75
+ nodes,
76
+ expandedKeys,
77
+ expandAll,
78
+ collapseAll,
79
+ expandNode,
80
+ };
24
81
  },
25
- paletteLabel: function () {
26
- return "write";
82
+ mounted() {
83
+ this.getData();
27
84
  },
28
- oneditprepare: function () {
29
- let node = this;
30
-
31
- node.prevHiddenToggleState = node.hiddenDeployToggle;
32
-
33
-
34
- const {createApp, ref, onMounted} = Vue;
35
-
36
- //prime vue app
37
- const App = {
38
- data() {
39
- return {
40
- devices: ref(),
41
- writeDevices: ref(),
42
- deviceList: ref(),
43
- pointList: ref(),
44
- pointsToWrite: ref([]),
45
- nodeService: ref(new NodeService()),
46
- deviceCount: ref(),
47
- }
48
- },
49
- setup() {
50
- let pointList;
51
- let deviceList;
52
- const selectedKeys = ref(null);
53
- const nodes = ref();
54
- const expandedKeys = ref({});
55
-
56
- const expandAll = () => {
57
- for (let node of devices.value) {
58
- expandNode(node);
59
- }
60
-
61
- expandedKeys.value = {...expandedKeys.value};
62
- };
63
- const collapseAll = () => {
64
- expandedKeys.value = {};
65
- };
66
- const expandNode = (node) => {
67
- if (node.children && node.children.length) {
68
- expandedKeys.value[node.key] = true;
69
-
70
- for (let child of node.children) {
71
- expandNode(child);
72
- }
73
- }
74
- };
75
-
76
- return {
77
- nodes,
78
- expandedKeys,
79
- expandAll,
80
- collapseAll,
81
- expandNode,
82
- }
83
- },
84
- mounted() {
85
- this.getData();
86
- },
87
- methods: {
88
- getData() {
89
- let app = this;
90
- this.nodeService.getNetworkData().then(function (result) {
91
- app.devices = result.renderList;
92
- app.deviceList = result.deviceList;
93
- app.pointList = result.pointList;
94
- app.pollFrequency = parseInt(result.pollFrequency);
95
- app.deviceCount = result.deviceList.length;
96
- });
97
- },
98
- addAllClicked(slotProps) {
99
- let app = this;
100
- //update UI
101
- if (this.writeDevices) {
102
- let foundIndex = this.writeDevices.findIndex(ele => ele.key == slotProps.node.key && ele.label == slotProps.node.label);
103
- if (foundIndex == -1) this.writeDevices.push(slotProps.node);
104
- } else {
105
- this.writeDevices = [slotProps.node];
106
- }
107
-
108
- this.$forceUpdate()
109
-
110
- //update node-red data structure to forward to gateway
111
- let device = this.deviceList.find(ele => {
112
- if(ele.address.address) {
113
- return ele.address.address == slotProps.node.ipAddr && ele.deviceId == slotProps.node.deviceId;
114
- } else{
115
- return ele.address == slotProps.node.ipAddr && ele.deviceId == slotProps.node.deviceId;
116
- }
117
- });
118
- let deviceAddress = app.getDeviceAddress(device.address);
119
- let key = `${deviceAddress}-${device.deviceId}`;
120
- let points = this.pointList[key];
121
-
122
- if (!this.pointsToWrite[key] || typeof this.pointsToWrite[key] == 'undefined') {
123
- this.pointsToWrite[key] = {};
124
- }
125
-
126
- for (let pointName in points) {
127
- let point = this.pointList[key][pointName];
128
- this.pointsToWrite[key][point.objectName] = point;
129
- }
130
-
131
- //force a deploy state
132
- node.hiddenDeployToggle = !node.prevHiddenToggleState;
133
- },
134
- removeAllClicked(slotProps) {
135
- let app = this;
136
- //update UI
137
- if (this.writeDevices.length > 0) {
138
- let foundIndex = this.writeDevices.findIndex(ele => ele.key == slotProps.node.key && ele.label == slotProps.node.label);
139
- if (foundIndex !== -1) this.writeDevices.splice(foundIndex, 1);
140
- }
141
- this.$forceUpdate()
142
-
143
- //update node-red data structure
144
- let device = this.deviceList.find(ele => {
145
- if(ele.address.address) {
146
- return ele.address.address == slotProps.node.ipAddr && ele.deviceId == slotProps.node.deviceId;
147
- } else{
148
- return ele.address == slotProps.node.ipAddr && ele.deviceId == slotProps.node.deviceId;
149
- }
150
- });
151
- let deviceAddress = app.getDeviceAddress(device.address);
152
- let key = `${deviceAddress}-${device.deviceId}`;
153
- if (this.pointsToWrite[key]) {
154
- delete this.pointsToWrite[key];
155
- }
156
-
157
- //force a deploy state
158
- node.hiddenDeployToggle = !node.prevHiddenToggleState;
159
- },
160
- addPointClicked(slotProps) {
161
- let app = this;
162
- //update UI
163
- let parentDeviceName = slotProps.node.parentDevice;
164
- let foundDeviceIndex = this.writeDevices ? this.writeDevices.findIndex(ele => ele.label == parentDeviceName) : -1;
165
- let device = this.deviceList.find(ele => ele.deviceName == parentDeviceName);
166
- let deviceAddress = app.getDeviceAddress(device.address);
167
- let key = `${deviceAddress}-${device.deviceId}`;
168
- let parentDevice = this.devices.find(ele => ele.ipAddr == deviceAddress);
169
- let childDevice;
170
- if(device.isMstp) {
171
- let foundChildIndex = parentDevice.children[1].children.findIndex(ele => ele.label == parentDeviceName);
172
- if(foundChildIndex !== -1) {
173
- childDevice = parentDevice.children[1].children[foundChildIndex];
174
- }
175
- }
176
-
177
- if (foundDeviceIndex == -1) {
178
- //no read devices present, add new
179
- let newReadParent;
180
- if(childDevice) {
181
- newReadParent = {...childDevice};
182
- } else {
183
- newReadParent = {...parentDevice};
184
- }
185
-
186
- newReadParent.children = [];
187
- newReadParent.children.push(slotProps.node);
188
-
189
- if (this.writeDevices) {
190
- this.writeDevices.push(newReadParent);
191
- } else {
192
- this.writeDevices = [newReadParent];
193
- }
194
-
195
- } else {
196
- // read device found, add point to existing
197
- this.writeDevices[foundDeviceIndex].children.push(slotProps.node);
198
- }
199
-
200
- slotProps.node.showAdded = true;
201
-
202
- console.log("write point added, slotProps.node: ", slotProps.node);
203
-
204
- this.$forceUpdate();
205
-
206
- //update node-red data structure
207
-
208
- let point = this.pointList[key][slotProps.node.pointName];
209
- point.deviceId = device.deviceId;
210
- point.deviceAddress = device.address;
211
-
212
- if (!this.pointsToWrite || this.pointsToWrite.length == 'undefined') {
213
- this.pointsToWrite = [];
214
- }
215
-
216
- let found = this.pointsToWrite.find(ele =>
217
- ele.deviceId == point.deviceId &&
218
- ele.objectName == point.objectName &&
219
- ele.meta.arrayIndex == point.meta.arrayIndex &&
220
- ele.meta.objectId.instance == point.meta.objectId.instance &&
221
- ele.meta.objectId.type == point.meta.objectId.type);
222
-
223
- if (!found) this.pointsToWrite.push(point);
224
-
225
- console.log("this.pointsToWrite: ", this.pointsToWrite);
226
-
227
- //force a deploy state
228
- node.hiddenDeployToggle = !node.prevHiddenToggleState;
229
- },
230
- removePointClicked(slotProps) {
231
- let app = this;
232
- //update UI
233
- let parentDeviceName = slotProps.node.parentDevice;
234
- let foundDeviceIndex = this.writeDevices ? this.writeDevices.findIndex(ele => ele.label == parentDeviceName) : -1;
235
- let parentDevice = this.devices.find(ele => ele.label == parentDeviceName);
236
-
237
- if (foundDeviceIndex !== -1) {
238
- let foundIndex = this.writeDevices[foundDeviceIndex].children.findIndex(ele => ele.key == slotProps.node.key && ele.label == slotProps.node.label);
239
- if (foundIndex !== -1) this.writeDevices[foundDeviceIndex].children.splice(foundIndex, 1);
240
- if (this.writeDevices[foundDeviceIndex].children.length == 0) {
241
- this.writeDevices.splice(foundDeviceIndex, 1);
242
- }
243
- }
244
-
245
- slotProps.node.showAdded = false;
246
-
247
- this.$forceUpdate();
248
-
249
- //update node-red data stucture
250
- let device = this.deviceList.find(ele => {
251
- if(ele.address.address) {
252
- return ele.address.address == parentDevice.ipAddr && ele.deviceId == parentDevice.deviceId;
253
- } else {
254
- return ele.address == parentDevice.ipAddr && ele.deviceId == parentDevice.deviceId;
255
- }
256
- });
257
- let deviceAddress = app.getDeviceAddress(device.address);
258
- let key = `${deviceAddress}-${device.deviceId}`;
259
- let point = this.pointList[key][slotProps.node.pointName];
260
- point.deviceId = device.deviceId;
261
-
262
- let foundIndex = this.pointsToWrite.findIndex(ele =>
263
- ele.deviceId == point.deviceId &&
264
- ele.objectName == point.objectName &&
265
- ele.meta.arrayIndex == point.meta.arrayIndex &&
266
- ele.meta.objectId.instance == point.meta.objectId.instance &&
267
- ele.meta.objectId.type == point.meta.objectId.type);
268
-
269
- if (foundIndex !== -1) {
270
- this.pointsToWrite.splice(foundIndex, 1);
271
- }
272
-
273
- //force a deploy state
274
- node.hiddenDeployToggle = !node.prevHiddenToggleState;
275
- },
276
- getDeviceAddress(addr) {
277
- switch(typeof addr) {
278
- case "object":
279
- return addr.address;
280
- case "string":
281
- return addr;
282
- default:
283
- return addr;
284
- }
285
- },
286
- isDeviceActive(slotProps) {
287
- let app = this;
288
- if (((Date.now() - slotProps.node.lastSeen) / 1000) < app.pollFrequency) {
289
- return true;
290
- }
291
- return false;
292
- },
293
- isSlotAdded(slotProps) {
294
- if (slotProps.node.showAdded == true) {
295
- return true;
296
- } else {
297
- return false;
298
- }
299
- },
300
- hasData() {
301
- if (this.devices && this.devices.length > 0) {
302
- return true
303
- } else {
304
- return false;
305
- }
306
- }
307
- },
308
- components: {
309
- "p-tree": primevue.tree,
310
- "p-button": primevue.button,
311
- "p-timeline": primevue.timeline
312
- }
313
- };
314
-
315
- let vueapp = createApp(App);
316
- vueapp.use(primevue.config.default)
317
- node.vm = vueapp.mount("#node-input-tabs-content");
318
-
319
- //reinstate device data
320
- if (node.writeDevices) {
321
- node.vm.$data.writeDevices = node.writeDevices;
85
+ methods: {
86
+ getData() {
87
+ let app = this;
88
+ this.nodeService.getNetworkData().then(function (result) {
89
+ app.devices = result.renderList;
90
+ app.deviceList = result.deviceList;
91
+ app.pointList = result.pointList;
92
+ app.pollFrequency = parseInt(result.pollFrequency);
93
+ app.deviceCount = result.deviceList.length;
94
+ });
95
+ },
96
+ addAllClicked(slotProps) {
97
+ let app = this;
98
+ //update UI
99
+ if (this.writeDevices) {
100
+ let foundIndex = this.writeDevices.findIndex(
101
+ (ele) => ele.key == slotProps.node.key && ele.label == slotProps.node.label
102
+ );
103
+ if (foundIndex == -1) this.writeDevices.push(slotProps.node);
104
+ } else {
105
+ this.writeDevices = [slotProps.node];
322
106
  }
323
- if (node.pointsToWrite) {
324
- node.vm.$data.pointsToWrite = node.pointsToWrite;
107
+
108
+ this.$forceUpdate();
109
+
110
+ //update node-red data structure to forward to gateway
111
+ let device = this.deviceList.find((ele) => {
112
+ if (ele.address.address) {
113
+ return ele.address.address == slotProps.node.ipAddr && ele.deviceId == slotProps.node.deviceId;
114
+ } else {
115
+ return ele.address == slotProps.node.ipAddr && ele.deviceId == slotProps.node.deviceId;
116
+ }
117
+ });
118
+ let deviceAddress = app.getDeviceAddress(device.address);
119
+ let key = `${deviceAddress}-${device.deviceId}`;
120
+ let points = this.pointList[key];
121
+
122
+ if (!this.pointsToWrite[key] || typeof this.pointsToWrite[key] == "undefined") {
123
+ this.pointsToWrite[key] = {};
325
124
  }
326
125
 
327
- let tabs = RED.tabs.create(
328
- {
329
- id: "node-input-read-tabs",
330
- onchange: function (tab) {
331
- $("#node-input-tabs-content").children().hide()
332
- $("#" + tab.id).show()
333
- }
334
- });
335
-
336
- tabs.addTab(
337
- {
338
- id: "read-networkTree-tab",
339
- label: "Device List"
340
- });
341
-
342
- tabs.addTab(
343
- {
344
- id: "read-writeList-tab",
345
- label: "Write List"
346
- });
347
-
348
-
349
- tabs.addTab(
350
- {
351
- id: "read-write-tab",
352
- label: "Properties"
353
- });
354
-
355
- document.getElementById("node-input-applicationTag").value = node.applicationTag;
356
- document.getElementById("node-input-priority").value = node.priority;
357
-
358
- //remove loading animation
359
- let loadingGif = document.getElementById("loadingGif");
360
- let loadingText = document.getElementById("loadingText");
361
- let table = document.getElementById("read-networkTree-tab-content");
362
- loadingGif.style.display = "none";
363
- loadingText.style.display = "none";
364
- table.style.display = "inherit";
126
+ for (let pointName in points) {
127
+ let point = this.pointList[key][pointName];
128
+ this.pointsToWrite[key][point.objectName] = point;
129
+ }
365
130
 
366
- },
367
- oneditsave: function () {
368
- let node = this;
369
- if (node.vm.$data.devices && node.vm.$data.devices.length > 0) node.devices = node.vm.$data.devices;
370
- if (node.vm.$data.writeDevices && node.vm.$data.writeDevices.length > 0) node.writeDevices = node.vm.$data.writeDevices;
371
- if (node.vm.$data.pointsToWrite && node.vm.$data.pointsToWrite.length > 0) node.pointsToWrite = node.vm.$data.pointsToWrite;
372
- }
373
- });
131
+ //force a deploy state
132
+ node.hiddenDeployToggle = !node.prevHiddenToggleState;
133
+ },
134
+ removeAllClicked(slotProps) {
135
+ let app = this;
136
+ //update UI
137
+ if (this.writeDevices.length > 0) {
138
+ let foundIndex = this.writeDevices.findIndex(
139
+ (ele) => ele.key == slotProps.node.key && ele.label == slotProps.node.label
140
+ );
141
+ if (foundIndex !== -1) this.writeDevices.splice(foundIndex, 1);
142
+ }
143
+ this.$forceUpdate();
144
+
145
+ //update node-red data structure
146
+ let device = this.deviceList.find((ele) => {
147
+ if (ele.address.address) {
148
+ return ele.address.address == slotProps.node.ipAddr && ele.deviceId == slotProps.node.deviceId;
149
+ } else {
150
+ return ele.address == slotProps.node.ipAddr && ele.deviceId == slotProps.node.deviceId;
151
+ }
152
+ });
153
+ let deviceAddress = app.getDeviceAddress(device.address);
154
+ let key = `${deviceAddress}-${device.deviceId}`;
155
+ if (this.pointsToWrite[key]) {
156
+ delete this.pointsToWrite[key];
157
+ }
158
+
159
+ //force a deploy state
160
+ node.hiddenDeployToggle = !node.prevHiddenToggleState;
161
+ },
162
+ addPointClicked(slotProps) {
163
+ let app = this;
164
+ //update UI
165
+ let parentDeviceName = slotProps.node.parentDevice;
166
+ let foundDeviceIndex = this.writeDevices
167
+ ? this.writeDevices.findIndex((ele) => ele.label == parentDeviceName)
168
+ : -1;
169
+ let device = this.deviceList.find((ele) => ele.deviceName == parentDeviceName);
170
+ let deviceAddress = app.getDeviceAddress(device.address);
171
+ let key = `${deviceAddress}-${device.deviceId}`;
172
+ let parentDevice = this.devices.find((ele) => ele.ipAddr == deviceAddress);
173
+ let childDevice;
174
+ if (device.isMstp) {
175
+ let foundChildIndex = parentDevice.children[1].children.findIndex((ele) => ele.label == parentDeviceName);
176
+ if (foundChildIndex !== -1) {
177
+ childDevice = parentDevice.children[1].children[foundChildIndex];
178
+ }
179
+ }
180
+
181
+ if (foundDeviceIndex == -1) {
182
+ //no read devices present, add new
183
+ let newReadParent;
184
+ if (childDevice) {
185
+ newReadParent = { ...childDevice };
186
+ } else {
187
+ newReadParent = { ...parentDevice };
188
+ }
189
+
190
+ newReadParent.children = [];
191
+ newReadParent.children.push(slotProps.node);
192
+
193
+ if (this.writeDevices) {
194
+ this.writeDevices.push(newReadParent);
195
+ } else {
196
+ this.writeDevices = [newReadParent];
197
+ }
198
+ } else {
199
+ // read device found, add point to existing
200
+ this.writeDevices[foundDeviceIndex].children.push(slotProps.node);
201
+ }
374
202
 
203
+ slotProps.node.showAdded = true;
204
+ this.$forceUpdate();
205
+
206
+ //update node-red data structure
207
+ let point = this.pointList[key][slotProps.node.pointName];
208
+ point.deviceId = device.deviceId;
209
+ point.deviceAddress = device.address;
210
+ point.key = slotProps.node.key;
211
+
212
+ if (!this.pointsToWrite || this.pointsToWrite.length == "undefined") {
213
+ this.pointsToWrite = [];
214
+ }
215
+
216
+ let found = this.pointsToWrite.find(
217
+ (ele) =>
218
+ ele.deviceId == point.deviceId &&
219
+ ele.objectName == point.objectName &&
220
+ ele.meta.arrayIndex == point.meta.arrayIndex &&
221
+ ele.meta.objectId.instance == point.meta.objectId.instance &&
222
+ ele.meta.objectId.type == point.meta.objectId.type
223
+ );
224
+
225
+ if (!found) this.pointsToWrite.push(point);
226
+
227
+ //force a deploy state
228
+ node.hiddenDeployToggle = !node.prevHiddenToggleState;
229
+ },
230
+ removePointClicked(slotProps) {
231
+ let app = this;
232
+
233
+ //update UI
234
+ let parentDeviceName = slotProps.node.parentDevice;
235
+ let foundDeviceIndex = this.writeDevices
236
+ ? this.writeDevices.findIndex((ele) => ele.label == parentDeviceName)
237
+ : -1;
238
+ let parentDevice = this.devices.find((ele) => ele.label == parentDeviceName);
239
+
240
+ if (foundDeviceIndex !== -1) {
241
+ let foundIndex = this.writeDevices[foundDeviceIndex].children.findIndex(
242
+ (ele) => ele.key == slotProps.node.key && ele.label == slotProps.node.label
243
+ );
244
+ if (foundIndex !== -1) this.writeDevices[foundDeviceIndex].children.splice(foundIndex, 1);
245
+ if (this.writeDevices[foundDeviceIndex].children.length == 0) {
246
+ this.writeDevices.splice(foundDeviceIndex, 1);
247
+ }
248
+ }
249
+
250
+ let foundIndex = this.pointsToWrite.findIndex((ele) => ele.key == slotProps.node.key);
251
+
252
+ if (foundIndex !== -1) {
253
+ this.pointsToWrite.splice(foundIndex, 1);
254
+ }
255
+
256
+ slotProps.node.showAdded = false;
257
+
258
+ this.$forceUpdate();
259
+
260
+ //force a deploy state
261
+ node.hiddenDeployToggle = !node.prevHiddenToggleState;
262
+ },
263
+ getDeviceAddress(addr) {
264
+ switch (typeof addr) {
265
+ case "object":
266
+ return addr.address;
267
+ case "string":
268
+ return addr;
269
+ default:
270
+ return addr;
271
+ }
272
+ },
273
+ isDeviceActive(slotProps) {
274
+ let app = this;
275
+ if ((Date.now() - slotProps.node.lastSeen) / 1000 < app.pollFrequency) {
276
+ return true;
277
+ }
278
+ return false;
279
+ },
280
+ isSlotAdded(slotProps) {
281
+ if (slotProps.node.showAdded == true) {
282
+ return true;
283
+ } else {
284
+ return false;
285
+ }
286
+ },
287
+ hasData() {
288
+ if (this.devices && this.devices.length > 0) {
289
+ return true;
290
+ } else {
291
+ return false;
292
+ }
293
+ },
294
+ },
295
+ components: {
296
+ "p-tree": primevue.tree,
297
+ "p-button": primevue.button,
298
+ "p-timeline": primevue.timeline,
299
+ },
300
+ };
301
+
302
+ let vueapp = createApp(App);
303
+ vueapp.use(primevue.config.default);
304
+ node.vm = vueapp.mount("#node-input-tabs-content");
305
+
306
+ //reinstate device data
307
+ if (node.writeDevices) {
308
+ node.vm.$data.writeDevices = node.writeDevices;
309
+ }
310
+ if (node.pointsToWrite) {
311
+ node.vm.$data.pointsToWrite = node.pointsToWrite;
312
+ }
313
+
314
+ let tabs = RED.tabs.create({
315
+ id: "node-input-read-tabs",
316
+ onchange: function (tab) {
317
+ $("#node-input-tabs-content").children().hide();
318
+ $("#" + tab.id).show();
319
+ },
320
+ });
321
+
322
+ tabs.addTab({
323
+ id: "read-networkTree-tab",
324
+ label: "Device List",
325
+ });
326
+
327
+ tabs.addTab({
328
+ id: "read-writeList-tab",
329
+ label: "Write List",
330
+ });
331
+
332
+ tabs.addTab({
333
+ id: "read-write-tab",
334
+ label: "Properties",
335
+ });
336
+
337
+ document.getElementById("node-input-applicationTag").value = node.applicationTag;
338
+ document.getElementById("node-input-priority").value = node.priority;
339
+
340
+ //remove loading animation
341
+ let loadingGif = document.getElementById("loadingGif");
342
+ let loadingText = document.getElementById("loadingText");
343
+ let table = document.getElementById("read-networkTree-tab-content");
344
+ loadingGif.style.display = "none";
345
+ loadingText.style.display = "none";
346
+ table.style.display = "inherit";
347
+ },
348
+ oneditsave: function () {
349
+ let node = this;
350
+ if (node.vm.$data.devices && node.vm.$data.devices.length > 0) node.devices = node.vm.$data.devices;
351
+ if (node.vm.$data.writeDevices && node.vm.$data.writeDevices.length > 0)
352
+ node.writeDevices = node.vm.$data.writeDevices;
353
+ if (node.vm.$data.pointsToWrite && node.vm.$data.pointsToWrite.length > 0)
354
+ node.pointsToWrite = node.vm.$data.pointsToWrite;
355
+ },
356
+ });
375
357
  </script>
376
358
 
377
359
  <script type="text/html" data-template-name="Bacnet-Write">
378
- <style>
379
- .p-treenode-label {
380
- color: black;
381
- width: 100%;
382
- }
383
- .p-tree {
384
- background: inherit !important;
385
- border: inherit !important;
386
- padding-right: 0px !important;
387
- }
388
- .p-button {
389
- margin-right: .5rem;
390
- }
391
- .addPointButton {
392
- float: right;
393
- }
394
- .minusPointButton {
395
- float: right;
396
- }
397
- .addPointButton:hover, .minusPointButton:hover {
398
- background: #d5d5d5 !important;
399
- }
400
- .pointLabel {
401
- font-weight: 400;
402
- }
403
- .deviceLabel {
404
- font-weight: 100;
405
- }
406
- .removeAllButton {
407
- float: right;
408
- }
409
- .addAllButton {
410
- float: right;
411
- }
412
- .bacnetbutton {
413
- background: none;
414
- border: none;
415
- color: black;
416
- font-weight: 400;
417
- }
418
- .bacnetbutton:hover {
419
- background: #f0f0f0;
420
- border-radius: 10px;
421
- }
422
- .allFunctionsText {
423
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
424
- padding-left: 5px;
425
- }
426
- .p-treenode-children > li > .p-treenode-children > li {
427
- font-size: 14px;
428
- /* height: 35px; */
429
- color: #b5b5b5 !important;
430
- }
431
- .p-treenode-children > li > .p-treenode-children > .p-treenode-label {
432
- color: #b5b5b5 !important;
433
- }
434
- .p-tree-toggler:enabled:hover {
435
- background: #d5d5d5 !important;
436
- }
437
- .p-tree-toggler:focus {
438
- border: none !important;
439
- box-shadow: none !important;
440
- }
441
- .deviceStatus {
442
- font-size: 10px;
443
- }
444
- .statusOnline {
445
- color: #11c511;
446
- }
447
- .statusOffline {
448
- color: red;
449
- }
450
- /*
360
+ <style>
361
+ .p-treenode-label {
362
+ color: black;
363
+ width: 100%;
364
+ }
365
+ .p-tree {
366
+ background: inherit !important;
367
+ border: inherit !important;
368
+ padding-right: 0px !important;
369
+ }
370
+ .p-button {
371
+ margin-right: 0.5rem;
372
+ }
373
+ .addPointButton {
374
+ float: right;
375
+ }
376
+ .minusPointButton {
377
+ float: right;
378
+ }
379
+ .addPointButton:hover,
380
+ .minusPointButton:hover {
381
+ background: #d5d5d5 !important;
382
+ }
383
+ .pointLabel {
384
+ font-weight: 400;
385
+ }
386
+ .deviceLabel {
387
+ font-weight: 100;
388
+ }
389
+ .removeAllButton {
390
+ float: right;
391
+ }
392
+ .addAllButton {
393
+ float: right;
394
+ }
395
+ .bacnetbutton {
396
+ background: none;
397
+ border: none;
398
+ color: black;
399
+ font-weight: 400;
400
+ }
401
+ .bacnetbutton:hover {
402
+ background: #f0f0f0;
403
+ border-radius: 10px;
404
+ }
405
+ .allFunctionsText {
406
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji",
407
+ "Segoe UI Emoji", "Segoe UI Symbol" !important;
408
+ padding-left: 5px;
409
+ }
410
+ .p-treenode-children > li > .p-treenode-children > li {
411
+ font-size: 14px;
412
+ /* height: 35px; */
413
+ color: #b5b5b5 !important;
414
+ }
415
+ .p-treenode-children > li > .p-treenode-children > .p-treenode-label {
416
+ color: #b5b5b5 !important;
417
+ }
418
+ .p-tree-toggler:enabled:hover {
419
+ background: #d5d5d5 !important;
420
+ }
421
+ .p-tree-toggler:focus {
422
+ border: none !important;
423
+ box-shadow: none !important;
424
+ }
425
+ .deviceStatus {
426
+ font-size: 10px;
427
+ }
428
+ .statusOnline {
429
+ color: #11c511;
430
+ }
431
+ .statusOffline {
432
+ color: red;
433
+ }
434
+ /*
451
435
  .deviceLabel {
452
436
  position: absolute;
453
437
  }
454
438
  */
455
- .objectPropertiesLabel {
456
- display: flex !important;
457
- flex-direction: row;
458
- align-items: center;
459
- }
460
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
461
- outline: 0 none !important;
462
- outline-offset: 0 !important;
463
- box-shadow: inset 0 0 0 1px #bdbdbd !important;
464
- }
465
- .checkbox-round {
466
- width: 13px !important;
467
- height: 13px !important;
468
- background-color: white;
469
- border-radius: 50%;
470
- vertical-align: middle;
471
- border: 1px solid #ddd;
472
- appearance: none;
473
- -webkit-appearance: none;
474
- outline: none;
475
- cursor: pointer;
476
- }
477
- .checkbox-round:checked {
478
- background-color: #00AEEF;
479
- }
480
- .checkbox-round:focus {
481
- outline: none !important;
482
- }
483
- .p-tree-filter:focus, .p-tree-filter:focus-visible, .p-inputtext:enabled:hover {
484
- box-shadow: inset 0 0 0 0.15rem #dfdcdc !important;
485
- border-color: transparent !important;
486
- }
487
- .bacnetbutton > .pi {
488
- display: flex;
489
- }
490
- .p-tree-container {
491
- margin: 0 !important;
492
- }
493
- .reloadButtonIcon {
494
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
495
- }
496
- .removeAllDevicesButton {
497
- border: none;
498
- background: none;
499
- font-size: 14px !important;
500
- float: right;
501
- display: flex;
502
- align-items: center;
503
- }
504
- .removeAllDevicesButton:hover {
505
- background-color: #d5d5d5;
506
- border-radius: 10px;
507
- }
508
- .reloadButton {
509
- border: none;
510
- background: none;
511
- font-size: 14px !important;
512
- float: right;
513
- }
514
- .rebuildDataButton {
515
- border: none;
516
- background: none;
517
- font-size: 14px !important;
518
- float: right;
519
- }
520
- .reloadButton:hover {
521
- background-color: #d5d5d5;
522
- border-radius: 10px;
523
- }
524
- .rebuildDataButton:hover {
525
- background-color: #d5d5d5;
526
- border-radius: 10px;
527
- }
528
- .headerDiv {
529
- display: flex;
530
- flex-direction: row;
531
- flex-wrap: nowrap;
532
- justify-content: space-around;
533
- height: 20px;
534
- }
535
- .msgTypeDiv {
536
- display: flex;
537
- align-items: flex-start;
538
- flex-direction: column;
539
- }
540
- .p-progressbar .p-progressbar-value {
541
- background: #00AEEF !important;
542
- }
543
- .p-treenode-label {
544
- overflow: hidden;
545
- white-space: nowrap;
546
- text-overflow: ellipsis;
547
- }
548
- .buttonGroup {
549
- padding-left: 7px;
550
- }
551
- #read-readList-tab {
552
- display: flex;
553
- flex-direction: column;
554
- }
555
- .removeAllDevicesDiv {
556
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
557
- padding-right: 20px;
558
- }
559
- .p-tree .p-treenode-children {
560
- padding: 0 !important;
561
- }
562
- .p-tree-toggler .p-link {
563
- width: 25px !important;
564
- }
565
-
566
- </style>
567
-
568
- <div class="form-row">
569
- <label for="node-input-name"><i class="icon-tag"></i><span data-i18n="bitpool-bacnet.label.name"></span> Name</label>
570
- <input type="text" id="node-input-name" placeholder="Name">
571
- </div>
572
-
573
- <div class='form-row node-input-read-tabs-row'>
574
- <ul style='min-width:600px;margin-bottom:20px' id='node-input-read-tabs'></ul>
575
- </div>
576
-
577
- <div id='node-input-tabs-content'>
578
-
579
- <div id='read-networkTree-tab' style='display:none'>
580
-
581
- <div id='read-networkTree-tab-content' class="networkTreeContent" style='display:none'>
582
- <div>
583
- <a class="countStatus" style="margin-left: 15px;">Count: {{deviceCount}} device(s)</a>
584
- <button @click="getData()" class="reloadButton">
585
- <i class="pi pi-refresh" style="color: #00AEEF;"><a class="allFunctionsText">Reload data</a></i>
586
- </button>
587
- </div>
588
-
589
- <div id="deviceListApp">
590
- <p-tree :value="devices" selectable="false" :filter="true" filterMode="lenient" v-if="hasData()">
591
- <template #device="slotProps">
592
- <div v-if="isDeviceActive(slotProps)" class="deviceLabelParent" >
593
- <b class="deviceLabel">{{slotProps.node.label}} <b class="statusOnline deviceStatus">Online</b></b>
594
- </div>
595
- <div v-else>
596
- <b class="deviceLabel">{{slotProps.node.label}} <b class="statusOffline deviceStatus">Offline</b></b>
597
- </div>
598
- </template>
599
-
600
- <template #point="slotProps" v-model:class="pointContent">
601
- <b class="pointLabel">{{slotProps.node.label}}</b>
602
- <template v-if="isSlotAdded(slotProps)">
603
- <button class="addPointButton bacnetbutton">
604
- <i class="pi pi-check-circle " style="color: #00AEEF;"></i>
605
- </button>
606
- </template>
607
- <template v-else>
608
- <button @click="addPointClicked(slotProps, this)" class="addPointButton bacnetbutton">
609
- <i class="pi pi-plus-circle "></i>
610
- </button>
611
- </template>
612
-
613
- <button @click="removePointClicked(slotProps, this)" class="minusPointButton bacnetbutton">
614
- <i class="pi pi-minus-circle "></i>
615
- </button>
616
-
617
- </template>
618
- </p-tree>
619
- <div v-else style="text-align: center; padding-top: 20px;">
620
- <a>No devices found.</a>
621
- </div>
622
- </div>
623
-
624
- </div>
625
-
626
- <img id="loadingGif" src="resources/@bitpoolos/edge-bacnet/BitpoolCube_Blue_350.gif" style="width: 70px; display: block; margin-left: auto; margin-right: auto;" />
627
- <p id="loadingText" style="display: block; margin-left: auto; margin-right: auto; text-align: center; color: #505050;">Loading current network info</p>
439
+ .objectPropertiesLabel {
440
+ display: flex !important;
441
+ flex-direction: row;
442
+ align-items: center;
443
+ }
444
+ .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
445
+ outline: 0 none !important;
446
+ outline-offset: 0 !important;
447
+ box-shadow: inset 0 0 0 1px #bdbdbd !important;
448
+ }
449
+ .checkbox-round {
450
+ width: 13px !important;
451
+ height: 13px !important;
452
+ background-color: white;
453
+ border-radius: 50%;
454
+ vertical-align: middle;
455
+ border: 1px solid #ddd;
456
+ appearance: none;
457
+ -webkit-appearance: none;
458
+ outline: none;
459
+ cursor: pointer;
460
+ }
461
+ .checkbox-round:checked {
462
+ background-color: #00aeef;
463
+ }
464
+ .checkbox-round:focus {
465
+ outline: none !important;
466
+ }
467
+ .p-tree-filter:focus,
468
+ .p-tree-filter:focus-visible,
469
+ .p-inputtext:enabled:hover {
470
+ box-shadow: inset 0 0 0 0.15rem #dfdcdc !important;
471
+ border-color: transparent !important;
472
+ }
473
+ .bacnetbutton > .pi {
474
+ display: flex;
475
+ }
476
+ .p-tree-container {
477
+ margin: 0 !important;
478
+ }
479
+ .reloadButtonIcon {
480
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji",
481
+ "Segoe UI Emoji", "Segoe UI Symbol" !important;
482
+ }
483
+ .removeAllDevicesButton {
484
+ border: none;
485
+ background: none;
486
+ font-size: 14px !important;
487
+ float: right;
488
+ display: flex;
489
+ align-items: center;
490
+ }
491
+ .removeAllDevicesButton:hover {
492
+ background-color: #d5d5d5;
493
+ border-radius: 10px;
494
+ }
495
+ .reloadButton {
496
+ border: none;
497
+ background: none;
498
+ font-size: 14px !important;
499
+ float: right;
500
+ }
501
+ .rebuildDataButton {
502
+ border: none;
503
+ background: none;
504
+ font-size: 14px !important;
505
+ float: right;
506
+ }
507
+ .reloadButton:hover {
508
+ background-color: #d5d5d5;
509
+ border-radius: 10px;
510
+ }
511
+ .rebuildDataButton:hover {
512
+ background-color: #d5d5d5;
513
+ border-radius: 10px;
514
+ }
515
+ .headerDiv {
516
+ display: flex;
517
+ flex-direction: row;
518
+ flex-wrap: nowrap;
519
+ justify-content: space-around;
520
+ height: 20px;
521
+ }
522
+ .msgTypeDiv {
523
+ display: flex;
524
+ align-items: flex-start;
525
+ flex-direction: column;
526
+ }
527
+ .p-progressbar .p-progressbar-value {
528
+ background: #00aeef !important;
529
+ }
530
+ .p-treenode-label {
531
+ overflow: hidden;
532
+ white-space: nowrap;
533
+ text-overflow: ellipsis;
534
+ }
535
+ .buttonGroup {
536
+ padding-left: 7px;
537
+ }
538
+ #read-readList-tab {
539
+ display: flex;
540
+ flex-direction: column;
541
+ }
542
+ .removeAllDevicesDiv {
543
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji",
544
+ "Segoe UI Emoji", "Segoe UI Symbol";
545
+ padding-right: 20px;
546
+ }
547
+ .p-tree .p-treenode-children {
548
+ padding: 0 !important;
549
+ }
550
+ .p-tree-toggler .p-link {
551
+ width: 25px !important;
552
+ }
553
+ </style>
554
+
555
+ <div class="form-row">
556
+ <label for="node-input-name"><i class="icon-tag"></i><span data-i18n="bitpool-bacnet.label.name"></span> Name</label>
557
+ <input type="text" id="node-input-name" placeholder="Name" />
558
+ </div>
559
+
560
+ <div class="form-row node-input-read-tabs-row">
561
+ <ul style="min-width:600px;margin-bottom:20px" id="node-input-read-tabs"></ul>
562
+ </div>
563
+
564
+ <div id="node-input-tabs-content">
565
+ <div id="read-networkTree-tab" style="display:none">
566
+ <div id="read-networkTree-tab-content" class="networkTreeContent" style="display:none">
567
+ <div>
568
+ <a class="countStatus" style="margin-left: 15px;">Count: {{deviceCount}} device(s)</a>
569
+ <button @click="getData()" class="reloadButton">
570
+ <i class="pi pi-refresh" style="color: #00AEEF;"><a class="allFunctionsText">Reload data</a></i>
571
+ </button>
628
572
  </div>
629
573
 
630
- <div id='read-writeList-tab' style='display:none'>
631
- <p-tree :value="writeDevices">
632
- <template #device="slotProps">
633
- <b class="deviceLabel">{{slotProps.node.label}} </b>
634
- </template>
635
-
636
- <template #point="slotProps" v-model:class="pointContent">
637
- <b class="pointLabel">{{slotProps.node.label}}</b>
638
- <button @click="removePointClicked(slotProps, this)" class="minusPointButton bacnetbutton">
639
- <i class="pi pi-minus-circle "></i>
640
- </button>
641
- </template>
642
- </p-tree>
574
+ <div id="deviceListApp">
575
+ <p-tree :value="devices" selectable="false" :filter="true" filterMode="lenient" v-if="hasData()">
576
+ <template #device="slotProps">
577
+ <div v-if="isDeviceActive(slotProps)" class="deviceLabelParent">
578
+ <b class="deviceLabel">{{slotProps.node.label}} <b class="statusOnline deviceStatus">Online</b></b>
579
+ </div>
580
+ <div v-else>
581
+ <b class="deviceLabel">{{slotProps.node.label}} <b class="statusOffline deviceStatus">Offline</b></b>
582
+ </div>
583
+ </template>
584
+
585
+ <template #point="slotProps" v-model:class="pointContent">
586
+ <b class="pointLabel">{{slotProps.node.label}}</b>
587
+ <template v-if="isSlotAdded(slotProps)">
588
+ <button class="addPointButton bacnetbutton">
589
+ <i class="pi pi-check-circle " style="color: #00AEEF;"></i>
590
+ </button>
591
+ </template>
592
+ <template v-else>
593
+ <button @click="addPointClicked(slotProps, this)" class="addPointButton bacnetbutton">
594
+ <i class="pi pi-plus-circle "></i>
595
+ </button>
596
+ </template>
597
+
598
+ <button @click="removePointClicked(slotProps, this)" class="minusPointButton bacnetbutton">
599
+ <i class="pi pi-minus-circle "></i>
600
+ </button>
601
+ </template>
602
+ </p-tree>
603
+ <div v-else style="text-align: center; padding-top: 20px;">
604
+ <a>No devices found.</a>
605
+ </div>
643
606
  </div>
607
+ </div>
608
+
609
+ <img
610
+ id="loadingGif"
611
+ src="resources/@bitpoolos/edge-bacnet/BitpoolCube_Blue_350.gif"
612
+ style="width: 70px; display: block; margin-left: auto; margin-right: auto;" />
613
+ <p id="loadingText" style="display: block; margin-left: auto; margin-right: auto; text-align: center; color: #505050;">
614
+ Loading current network info
615
+ </p>
616
+ </div>
644
617
 
645
- <div id='read-write-tab' style='display:none'>
646
- <div class="form-row">
647
- <label for="node-input-applicationTag"><i class="icon-tag"></i><span data-i18n="bitpool-bacnet.label.applicationTag"></span> Application Tag</label>
648
- <select id="node-input-applicationTag">
649
- <option value="0">NULL</option>
650
- <option value="1">BOOLEAN</option>
651
- <option value="2">UNSIGNED_INT</option>
652
- <option value="3">SIGNED_INT</option>
653
- <option value="4">REAL</option>
654
- <option value="5">DOUBLE</option>
655
- <option value="6">OCTET_STRING</option>
656
- <option value="7">CHARACTER_STRING</option>
657
- <option value="8">BIT_STRING</option>
658
- <option value="9">ENUMERATED</option>
659
- <option value="10">DATE</option>
660
- <option value="11">TIME</option>
661
- <option value="12">OBJECT_ID</option>
662
- <option value="13">RESERVE1</option>
663
- <option value="14">RESERVE2</option>
664
- <option value="15">RESERVE3</option>
665
- <option value="16">MAX_BACNET_APPLICATION_TAG</option>
666
- <option value="100">EMPTYLIST</option>
667
- <option value="101">WEEKNDAY</option>
668
- <option value="102">DATERANGE</option>
669
- <option value="103">DATETIME</option>
670
- <option value="104">TIMESTAMP</option>
671
- <option value="105">ERROR</option>
672
- <option value="106">DEVICE_OBJECT_PROPERTY_REFERENCE</option>
673
- <option value="107">DEVICE_OBJECT_REFERENCE</option>
674
- <option value="108">OBJECT_PROPERTY_REFERENCE</option>
675
- <option value="109">DESTINATION</option>
676
- <option value="110">RECIPIENT</option>
677
- <option value="111">COV_SUBSCRIPTION</option>
678
- <option value="112">CALENDAR_ENTRY</option>
679
- <option value="113">WEEKLY_SCHEDULE</option>
680
- <option value="114">SPECIAL_EVENT</option>
681
- <option value="115">READ_ACCESS_SPECIFICATION</option>
682
- <option value="116">READ_ACCESS_RESULT</option>
683
- <option value="117">LIGHTING_COMMAND</option>
684
- <option value="118">CONTEXT_SPECIFIC_DECODED</option>
685
- <option value="119">CONTEXT_SPECIFIC_ENCODED</option>
686
- <option value="120">LOG_RECORD</option>
687
- </select>
688
- </div>
689
-
690
- <div class="form-row">
691
- <label for="node-input-priority"><i class="icon-tag"></i><span data-i18n="bitpool-bacnet.label.priority"></span> Priority</label>
692
- <select id="node-input-priority">
693
- <option value="1">1 - Manual-Life Safety</option>
694
- <option value="2">2 - Automatic-Life Safety</option>
695
- <option value="3">3 - Available</option>
696
- <option value="4">4 - Available</option>
697
- <option value="5">5 - Critical Equipment Control</option>
698
- <option value="6">6 - Minimum On/Off</option>
699
- <option value="7">7 - Available</option>
700
- <option value="8">8 - Manual Operator</option>
701
- <option value="9">9 - Available</option>
702
- <option value="10">10 - Available</option>
703
- <option value="11">11 - Available</option>
704
- <option value="12">12 - Available</option>
705
- <option value="13">13 - Available</option>
706
- <option value="14">14 - Available</option>
707
- <option value="15">15 - Available</option>
708
- <option value="16">16 - Available</option>
709
- </select>
710
- </div>
711
-
712
- <label for="node-input-hiddenDeployToggle" style="display: none !important;" >
713
- <i class="icon-tag" style="display: none !important;"></i> <span data-i18n="bitpool-bacnet.label.hiddenDeployToggle" style="display: none !important;"></span>
714
- <input style="display: none !important;" type="checkbox" id="node-input-hiddenDeployToggle">
715
- </label>
716
- </div>
618
+ <div id="read-writeList-tab" style="display:none">
619
+ <p-tree :value="writeDevices">
620
+ <template #device="slotProps">
621
+ <b class="deviceLabel">{{slotProps.node.label}} </b>
622
+ </template>
623
+
624
+ <template #point="slotProps" v-model:class="pointContent">
625
+ <b class="pointLabel">{{slotProps.node.label}}</b>
626
+ <button @click="removePointClicked(slotProps, this)" class="minusPointButton bacnetbutton">
627
+ <i class="pi pi-minus-circle "></i>
628
+ </button>
629
+ </template>
630
+ </p-tree>
631
+ </div>
717
632
 
633
+ <div id="read-write-tab" style="display:none">
634
+ <div class="form-row">
635
+ <label for="node-input-applicationTag"
636
+ ><i class="icon-tag"></i><span data-i18n="bitpool-bacnet.label.applicationTag"></span> Application Tag</label
637
+ >
638
+ <select id="node-input-applicationTag">
639
+ <option value="0">NULL</option>
640
+ <option value="1">BOOLEAN</option>
641
+ <option value="2">UNSIGNED_INT</option>
642
+ <option value="3">SIGNED_INT</option>
643
+ <option value="4">REAL</option>
644
+ <option value="5">DOUBLE</option>
645
+ <option value="6">OCTET_STRING</option>
646
+ <option value="7">CHARACTER_STRING</option>
647
+ <option value="8">BIT_STRING</option>
648
+ <option value="9">ENUMERATED</option>
649
+ <option value="10">DATE</option>
650
+ <option value="11">TIME</option>
651
+ <option value="12">OBJECT_ID</option>
652
+ <option value="13">RESERVE1</option>
653
+ <option value="14">RESERVE2</option>
654
+ <option value="15">RESERVE3</option>
655
+ <option value="16">MAX_BACNET_APPLICATION_TAG</option>
656
+ <option value="100">EMPTYLIST</option>
657
+ <option value="101">WEEKNDAY</option>
658
+ <option value="102">DATERANGE</option>
659
+ <option value="103">DATETIME</option>
660
+ <option value="104">TIMESTAMP</option>
661
+ <option value="105">ERROR</option>
662
+ <option value="106">DEVICE_OBJECT_PROPERTY_REFERENCE</option>
663
+ <option value="107">DEVICE_OBJECT_REFERENCE</option>
664
+ <option value="108">OBJECT_PROPERTY_REFERENCE</option>
665
+ <option value="109">DESTINATION</option>
666
+ <option value="110">RECIPIENT</option>
667
+ <option value="111">COV_SUBSCRIPTION</option>
668
+ <option value="112">CALENDAR_ENTRY</option>
669
+ <option value="113">WEEKLY_SCHEDULE</option>
670
+ <option value="114">SPECIAL_EVENT</option>
671
+ <option value="115">READ_ACCESS_SPECIFICATION</option>
672
+ <option value="116">READ_ACCESS_RESULT</option>
673
+ <option value="117">LIGHTING_COMMAND</option>
674
+ <option value="118">CONTEXT_SPECIFIC_DECODED</option>
675
+ <option value="119">CONTEXT_SPECIFIC_ENCODED</option>
676
+ <option value="120">LOG_RECORD</option>
677
+ </select>
678
+ </div>
679
+
680
+ <div class="form-row">
681
+ <label for="node-input-priority"
682
+ ><i class="icon-tag"></i><span data-i18n="bitpool-bacnet.label.priority"></span> Priority</label
683
+ >
684
+ <select id="node-input-priority">
685
+ <option value="1">1 - Manual-Life Safety</option>
686
+ <option value="2">2 - Automatic-Life Safety</option>
687
+ <option value="3">3 - Available</option>
688
+ <option value="4">4 - Available</option>
689
+ <option value="5">5 - Critical Equipment Control</option>
690
+ <option value="6">6 - Minimum On/Off</option>
691
+ <option value="7">7 - Available</option>
692
+ <option value="8">8 - Manual Operator</option>
693
+ <option value="9">9 - Available</option>
694
+ <option value="10">10 - Available</option>
695
+ <option value="11">11 - Available</option>
696
+ <option value="12">12 - Available</option>
697
+ <option value="13">13 - Available</option>
698
+ <option value="14">14 - Available</option>
699
+ <option value="15">15 - Available</option>
700
+ <option value="16">16 - Available</option>
701
+ </select>
702
+ </div>
703
+
704
+ <label for="node-input-hiddenDeployToggle" style="display: none !important;">
705
+ <i class="icon-tag" style="display: none !important;"></i>
706
+ <span data-i18n="bitpool-bacnet.label.hiddenDeployToggle" style="display: none !important;"></span>
707
+ <input style="display: none !important;" type="checkbox" id="node-input-hiddenDeployToggle" />
708
+ </label>
718
709
  </div>
719
- </script>
720
- <script type="text/html" data-help-name="Bacnet-Write">
721
- <p> A node used to view, select devices, device points, and point properties to add to the Write polling list. </p>
722
-
723
- <h3><strong>Device List</strong></h3>
724
- <ol class="node-ports">
725
- <p>
726
- This tab displays the devices and device points that are a result of a network Discover. The data is broken down and listed as Devices, Points for the Device,
727
- and Point properties for the Points.
728
-
729
- On this tab the user may choose specific points to Write values to.
730
-
731
- The reload button may be used to show any new data that may have been recieved by the bitpool BACnet node.
732
-
733
- Please note: Data can only be shown here once a Discover sucessfully recieves a response from online devices on the network
734
- </p>
735
-
736
- </ol>
737
-
738
- <h3><strong>Write List</strong></h3>
739
- <ol class="node-ports">
740
- <p>
741
- This tab shows all of the devices and points that have been chosen to write.
742
- </p>
743
-
744
- </ol>
745
-
746
- <h3><strong>Properties</strong></h3>
747
- <ol class="node-ports">
748
- <p>
749
- This tab allows the user to choose the Application Tag and Priority to be used in a Write function. Please make sure the device / controller is configured correctly to accept the write command.
750
- </p>
751
-
752
- </ol>
753
-
754
- <h3><strong>Examples</strong></h3>
755
- <p>For example flows, please use the examples section for this node. These examples can be found at: Node-red hamburger menu on top right -> Import -> Examples -> @bitpoolos/edge-bacnet</p>
756
- <p>To find captured examples of settings and flows, please go to our wiki <a href="https://wiki.bitpool.com/en/edge/apps/bitpool-edge/nr-bacnet">here</a></p>
757
-
758
-
759
- <h3>Resources:</h3>
760
- <p><a href="https://youtu.be/4K7mVxfvfbc">Video Walk-through </a></p>
761
- <h4><strong>Online Docs:</strong></h4>
762
- <ul type="1">
763
- <li><a href="https://www.bitpool.com/">bitpool.com</a> - check us out here.</li>
764
- <li><a href="https://app.bitpool.com/">app.bitpool.com</a> - set up your account.</li>
765
- <li><a href="https://wiki.bitpool.com/">wiki.bitpool.com</a> - find more documentation.</li>
766
- <li><a href="https://bacnet.org/">BACnet</a> - find more about the protocol.</li>
767
-
768
- </ul>
769
- </script>
710
+ </div>
711
+ </script>
712
+ <script type="text/html" data-help-name="Bacnet-Write">
713
+ <p>A node used to view, select devices, device points, and point properties to add to the Write polling list.</p>
714
+
715
+ <h3><strong>Device List</strong></h3>
716
+ <ol class="node-ports">
717
+ <p>
718
+ This tab displays the devices and device points that are a result of a network Discover. The data is broken down and
719
+ listed as Devices, Points for the Device, and Point properties for the Points. On this tab the user may choose specific
720
+ points to Write values to. The reload button may be used to show any new data that may have been recieved by the
721
+ bitpool BACnet node. Please note: Data can only be shown here once a Discover sucessfully recieves a response from
722
+ online devices on the network
723
+ </p>
724
+ </ol>
725
+
726
+ <h3><strong>Write List</strong></h3>
727
+ <ol class="node-ports">
728
+ <p>This tab shows all of the devices and points that have been chosen to write.</p>
729
+ </ol>
730
+
731
+ <h3><strong>Properties</strong></h3>
732
+ <ol class="node-ports">
733
+ <p>
734
+ This tab allows the user to choose the Application Tag and Priority to be used in a Write function. Please make sure
735
+ the device / controller is configured correctly to accept the write command.
736
+ </p>
737
+ </ol>
738
+
739
+ <h3><strong>Examples</strong></h3>
740
+ <p>
741
+ For example flows, please use the examples section for this node. These examples can be found at: Node-red hamburger menu
742
+ on top right -> Import -> Examples -> @bitpoolos/edge-bacnet
743
+ </p>
744
+ <p>
745
+ To find captured examples of settings and flows, please go to our wiki
746
+ <a href="https://wiki.bitpool.com/en/edge/apps/bitpool-edge/nr-bacnet">here</a>
747
+ </p>
748
+
749
+ <h3>Resources:</h3>
750
+ <p><a href="https://youtu.be/4K7mVxfvfbc">Video Walk-through </a></p>
751
+ <h4><strong>Online Docs:</strong></h4>
752
+ <ul type="1">
753
+ <li><a href="https://www.bitpool.com/">bitpool.com</a> - check us out here.</li>
754
+ <li><a href="https://app.bitpool.com/">app.bitpool.com</a> - set up your account.</li>
755
+ <li><a href="https://wiki.bitpool.com/">wiki.bitpool.com</a> - find more documentation.</li>
756
+ <li><a href="https://bacnet.org/">BACnet</a> - find more about the protocol.</li>
757
+ </ul>
758
+ </script>