@bitpoolos/edge-bacnet 1.2.7 → 1.3.0

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.
@@ -8,4 +8,325 @@
8
8
  background: url("icons/icon-read.svg") no-repeat !important;
9
9
  width: 20px;
10
10
  height: 20px;
11
+ }
12
+
13
+
14
+
15
+
16
+ /* Read node styles */
17
+
18
+ .p-treenode-label {
19
+ color: black;
20
+ width: 100%;
21
+ }
22
+ .p-tree {
23
+ background: inherit !important;
24
+ border: inherit !important;
25
+ padding-right: 0px !important;
26
+ }
27
+ .p-button {
28
+ margin-right: .5rem;
29
+ }
30
+ .addPointButton {
31
+ float: right;
32
+ }
33
+ .minusPointButton {
34
+ float: right;
35
+ }
36
+ .addPointButton:hover, .minusPointButton:hover {
37
+ background: #d5d5d5 !important;
38
+ }
39
+ .pointLabel {
40
+ font-weight: 400;
41
+ }
42
+ .deviceLabel {
43
+ font-weight: 100;
44
+ }
45
+ .removeAllButton {
46
+ float: right;
47
+ }
48
+ .addAllButton {
49
+ float: right;
50
+ }
51
+ .bacnetbutton {
52
+ background: none;
53
+ border: none;
54
+ color: black;
55
+ font-weight: 400;
56
+ }
57
+ .bacnetbutton:hover {
58
+ background: #f0f0f0;
59
+ border-radius: 10px;
60
+ }
61
+ .allFunctionsText {
62
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
63
+ padding-left: 5px;
64
+ }
65
+ .p-treenode-children > li > .p-treenode-children > li {
66
+ font-size: 14px;
67
+ color: #b5b5b5 !important;
68
+ }
69
+ .p-treenode-children > li > .p-treenode-children > .p-treenode-label {
70
+ color: #b5b5b5 !important;
71
+ }
72
+ .p-tree-toggler:enabled:hover {
73
+ background: #d5d5d5 !important;
74
+ }
75
+ .p-tree-toggler:focus {
76
+ border: none !important;
77
+ box-shadow: none !important;
78
+ }
79
+ .deviceStatus {
80
+ font-size: 10px;
81
+ }
82
+ .statusOnline {
83
+ color: #11c511;
84
+ }
85
+ .statusOffline {
86
+ color: red;
87
+ }
88
+ .readDeviceList {
89
+ .deviceLabel {
90
+ position: absolute;
91
+ }
92
+ }
93
+ .objectPropertiesLabel {
94
+ display: flex !important;
95
+ flex-direction: row;
96
+ align-items: center;
97
+ }
98
+ .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
99
+ outline: 0 none !important;
100
+ outline-offset: 0 !important;
101
+ box-shadow: inset 0 0 0 1px #bdbdbd !important;
102
+ }
103
+ .checkbox-round {
104
+ width: 13px !important;
105
+ height: 13px !important;
106
+ background-color: white;
107
+ border-radius: 50%;
108
+ vertical-align: middle;
109
+ border: 1px solid #ddd;
110
+ appearance: none;
111
+ -webkit-appearance: none;
112
+ outline: none;
113
+ cursor: pointer;
114
+ }
115
+ .checkbox-round:checked {
116
+ background-color: #00AEEF;
117
+ }
118
+ .checkbox-round:focus {
119
+ outline: none !important;
120
+ }
121
+ .p-tree-filter:focus, .p-tree-filter:focus-visible, .p-inputtext:enabled:hover {
122
+ box-shadow: inset 0 0 0 0.15rem #dfdcdc !important;
123
+ border-color: transparent !important;
124
+ }
125
+ .bacnetbutton > .pi {
126
+ display: flex;
127
+ }
128
+ .p-tree-container {
129
+ margin: 0 !important;
130
+ }
131
+ .reloadButtonIcon {
132
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
133
+ }
134
+ .exportReadListButton {
135
+ border: none;
136
+ background: none;
137
+ font-size: 14px !important;
138
+ float: left;
139
+ display: flex;
140
+ align-items: center;
141
+ }
142
+ .exportReadListButton:hover {
143
+ background-color: #d5d5d5;
144
+ border-radius: 5px;
145
+ }
146
+ .removeAllDevicesButton {
147
+ border: none;
148
+ background: none;
149
+ font-size: 14px !important;
150
+ float: right;
151
+ display: flex;
152
+ align-items: center;
153
+ }
154
+ .removeAllDevicesButton:hover {
155
+ background-color: #d5d5d5;
156
+ border-radius: 10px;
157
+ }
158
+ .reloadButton {
159
+ border: none;
160
+ background: none;
161
+ font-size: 14px !important;
162
+ float: right;
163
+ }
164
+ .rebuildDataButton {
165
+ border: none;
166
+ background: none;
167
+ font-size: 14px !important;
168
+ float: right;
169
+ }
170
+ .reloadButton:hover {
171
+ background-color: #d5d5d5;
172
+ border-radius: 10px;
173
+ }
174
+ .rebuildDataButton:hover {
175
+ background-color: #d5d5d5;
176
+ border-radius: 10px;
177
+ }
178
+ .headerDiv {
179
+ display: flex;
180
+ flex-direction: row;
181
+ flex-wrap: nowrap;
182
+ justify-content: space-around;
183
+ height: 20px;
184
+ }
185
+ .msgTypeDiv {
186
+ display: flex;
187
+ align-items: flex-start;
188
+ flex-direction: column;
189
+ }
190
+ .p-progressbar .p-progressbar-value {
191
+ background: #00AEEF !important;
192
+ }
193
+ .p-treenode-label {
194
+ overflow: hidden;
195
+ white-space: nowrap;
196
+ text-overflow: ellipsis;
197
+ }
198
+ .buttonGroup {
199
+ padding-left: 7px;
200
+ }
201
+ #read-readList-tab {
202
+ display: flex;
203
+ flex-direction: column;
204
+ }
205
+ .removeAllDevicesDiv {
206
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
207
+ padding-right: 20px;
208
+ }
209
+ .p-tree .p-treenode-children {
210
+ padding: 0 !important;
211
+ }
212
+ .p-tree-toggler .p-link {
213
+ width: 25px !important;
214
+ }
215
+ .dot {
216
+ height: 13px;
217
+ width: 13px;
218
+ border: 0.75px solid #777777;
219
+ border-radius: 50%;
220
+ display: inline-block;
221
+ margin-right: 5px;
222
+ }
223
+ .dotOnline {
224
+ background-color: #11c511;
225
+ }
226
+ .dotOffline {
227
+ background-color: red;
228
+ }
229
+ .mstpDeviceCount {
230
+ margin-left: 10px;
231
+ background-color: #00aeef;
232
+ color: #ffffff;
233
+ border-radius: 45%;
234
+ font-size: 12px;
235
+ }
236
+
237
+ .point-context-menu {
238
+ --mouse-x: 0;
239
+ --mouse-y: 0;
240
+ display: none;
241
+ position: fixed;
242
+ margin: 0;
243
+ left: 0;
244
+ top: 0;
245
+ /* The following line is responsible for all the magic */
246
+ transform: translateX(min(var(--mouse-x), calc(100vw - 100%))) translateY(min(var(--mouse-y), calc(100vh - 100%)));
247
+ z-index: 10;
248
+ }
249
+
250
+
251
+ .context-menu {
252
+ --mouse-x: 0;
253
+ --mouse-y: 0;
254
+ display: none;
255
+ position: fixed;
256
+ margin: 0;
257
+ left: 0;
258
+ top: 0;
259
+ /* The following line is responsible for all the magic */
260
+ transform: translateX(min(var(--mouse-x), calc(100vw - 100%))) translateY(min(var(--mouse-y), calc(100vh - 100%)));
261
+ z-index: 10;
262
+ }
263
+ .context-menu-container {
264
+ flex-direction: column;
265
+ justify-content: space-evenly;
266
+ align-items: flex-start;
267
+ width: 100%;
268
+ }
269
+ .context-menu-item {
270
+ width: 100%;
271
+ height: 30px;
272
+ display: flex;
273
+ flex-direction: column;
274
+ justify-content: space-around;
275
+ }
276
+ .context-menu-item:hover {
277
+ cursor: pointer;
278
+ }
279
+ .context-menu-item-text {
280
+ padding-left: 10px;
281
+ }
282
+ .context-menu-icon {
283
+ color: white;
284
+ }
285
+ .export-points-button {
286
+ border: 1px solid var(--red-ui-secondary-border-color);
287
+ border-radius: 5px !important;
288
+ padding: 6px 12px;
289
+ cursor: pointer;
290
+ margin-right: 10px !important;
291
+ }
292
+ .diplayNameDialogSave {
293
+ background-color: #3295BD !important;
294
+ border-radius: 0 !important;
295
+ margin-right: 0 !important;
296
+ }
297
+ .diplayNameDialogSave > .p-button-label {
298
+ color: white !important;
299
+ }
300
+ .diplayNameDialogCancel {
301
+ background-color: #ffffff !important;
302
+ color: #666 !important;
303
+ border: 1px solid var(--red-ui-secondary-border-color);
304
+ border-radius: 0 !important;
305
+ margin-right: 0 !important;
306
+ }
307
+ .diplayNameDialogCancel:hover {
308
+ background-color: #e6e6e6 !important;
309
+ color: #666 !important;
310
+ border: 1px solid var(--red-ui-secondary-border-color);
311
+ }
312
+ .deviceNameDialog {
313
+
314
+ .p-dialog-header {
315
+ background: #133547 !important;
316
+ padding: 0.5rem !important;
317
+ }
318
+ .p-dialog-title {
319
+ color: white;
320
+ font-size: 1rem !important;
321
+ }
322
+ .p-dialog-content {
323
+ padding: 0.5em 0.75rem 0.5rem 0.75rem;
324
+
325
+ & label {
326
+ font-size: 0.9rem !important;
327
+ }
328
+ & input {
329
+ font-size: 1rem !important;
330
+ }
331
+ }
11
332
  }