Updates mesh agents, minor server fixes.
Ylian Saint-Hilaire committed
Jan 23, 2019 at 18:07 UTC
f3894b3bf7dea4bcf8fbfab92c8f984fff9868ff
23 files changed
+7429
-21
agents/MeshCmd-signed.exe
Binary files a/agents/MeshCmd-signed.exe and b/agents/MeshCmd-signed.exe differ
agents/MeshCmd64-signed.exe
Binary files a/agents/MeshCmd64-signed.exe and b/agents/MeshCmd64-signed.exe differ
agents/MeshService-signed.exe
Binary files a/agents/MeshService-signed.exe and b/agents/MeshService-signed.exe differ
agents/MeshService.exe
Binary files a/agents/MeshService.exe and b/agents/MeshService.exe differ
agents/MeshService64-signed.exe
Binary files a/agents/MeshService64-signed.exe and b/agents/MeshService64-signed.exe differ
agents/MeshService64.exe
Binary files a/agents/MeshService64.exe and b/agents/MeshService64.exe differ
agents/meshagent_arm
Binary files a/agents/meshagent_arm and b/agents/meshagent_arm differ
agents/meshagent_arm-linaro
Binary files a/agents/meshagent_arm-linaro and b/agents/meshagent_arm-linaro differ
agents/meshagent_armhf
Binary files a/agents/meshagent_armhf and b/agents/meshagent_armhf differ
agents/meshagent_mips
Binary files /dev/null and b/agents/meshagent_mips differ
agents/meshagent_osx-x86-64
Binary files a/agents/meshagent_osx-x86-64 and b/agents/meshagent_osx-x86-64 differ
agents/meshagent_pogo
Binary files a/agents/meshagent_pogo and b/agents/meshagent_pogo differ
agents/meshagent_poky
Binary files a/agents/meshagent_poky and b/agents/meshagent_poky differ
agents/meshagent_poky64
Binary files a/agents/meshagent_poky64 and b/agents/meshagent_poky64 differ
agents/meshagent_x86
Binary files a/agents/meshagent_x86 and b/agents/meshagent_x86 differ
agents/meshagent_x86-64
Binary files a/agents/meshagent_x86-64 and b/agents/meshagent_x86-64 differ
agents/meshagent_x86-64_nokvm
Binary files a/agents/meshagent_x86-64_nokvm and b/agents/meshagent_x86-64_nokvm differ
agents/meshagent_x86_nokvm
Binary files a/agents/meshagent_x86_nokvm and b/agents/meshagent_x86_nokvm differ
public/scripts/agent-desktop-0.0.2.js
+21
-6
@@ -160,7 +160,6 @@ var CreateAgentRemoteDesktop = function (canvasid, scrolldiv) {
160
161
obj.ProcessScreenMsg = function (width, height) {
162
if (obj.debugmode > 0) { console.log("ScreenSize: " + width + " x " + height); }
163
- console.log("ScreenSize: " + width + " x " + height);
163
obj.Canvas.setTransform(1, 0, 0, 1, 0, 0);
164
obj.rotation = 0;
165
obj.FirstDraw = true;
@@ -183,7 +182,7 @@ var CreateAgentRemoteDesktop = function (canvasid, scrolldiv) {
182
if (str.length < 4) return;
183
var cmdmsg = null, X = 0, Y = 0, command = ReadShort(str, 0), cmdsize = ReadShort(str, 2);
184
if ((cmdsize != str.length) && (obj.debugmode > 0)) { console.log(cmdsize, str.length, cmdsize == str.length); }
186
- if (command >= 18) { if (command == 65) { console.error(str); alert(str); } else { console.error("Invalid KVM command " + command + " of size " + cmdsize); console.log("Invalid KVM data", str.length, str, rstr2hex(str)); return; } }
185
+ if ((command >= 18) && (command != 65)) { console.error("Invalid KVM command " + command + " of size " + cmdsize); console.log("Invalid KVM data", str.length, str, rstr2hex(str)); return; }
186
if (cmdsize > str.length) { console.error("KVM invalid command size", cmdsize, str.length); return; }
187
//meshOnDebug("KVM Command: " + command + " Len:" + cmdsize);
188
@@ -250,13 +249,17 @@ var CreateAgentRemoteDesktop = function (canvasid, scrolldiv) {
249
//obj.Debug("Got KVM Message: " + str.substring(4, cmdsize));
250
if (obj.onMessage != null) obj.onMessage(str.substring(4, cmdsize), obj);
251
break;
252
+ case 65: // Alert
253
+ console.error(str.substring(4));
254
+ alert(str.substring(4));
255
+ break;
256
}
257
return cmdsize;
258
}
259
260
// Keyboard and Mouse I/O.
261
obj.MouseButton = { "NONE": 0x00, "LEFT": 0x02, "RIGHT": 0x08, "MIDDLE": 0x20 };
259
- obj.KeyAction = { "NONE": 0, "DOWN": 1, "UP": 2, "SCROLL": 3, "EXUP": 4, "EXDOWN": 5 };
262
+ obj.KeyAction = { "NONE": 0, "DOWN": 1, "UP": 2, "SCROLL": 3, "EXUP": 4, "EXDOWN": 5, "DBLCLICK": 6 };
263
obj.InputType = { "KEY": 1, "MOUSE": 2, "CTRLALTDEL": 10, "TOUCH": 15 };
264
obj.Alternate = 0;
265
@@ -433,9 +436,19 @@ var CreateAgentRemoteDesktop = function (canvasid, scrolldiv) {
436
}
437
438
var MouseMsg = "";
436
- if (Action == obj.KeyAction.SCROLL) MouseMsg = String.fromCharCode(0x00, obj.InputType.MOUSE, 0x00, 0x0C, 0x00, ((Action == obj.KeyAction.DOWN) ? Button : ((Button * 2) & 0xFF)), ((X / 256) & 0xFF), (X & 0xFF), ((Y / 256) & 0xFF), (Y & 0xFF), ((Delta / 256) & 0xFF), (Delta & 0xFF));
437
- else MouseMsg = String.fromCharCode(0x00, obj.InputType.MOUSE, 0x00, 0x0A, 0x00, ((Action == obj.KeyAction.DOWN) ? Button : ((Button * 2) & 0xFF)), ((X / 256) & 0xFF), (X & 0xFF), ((Y / 256) & 0xFF), (Y & 0xFF));
438
- if (obj.Action == obj.KeyAction.NONE) { if (obj.Alternate == 0 || obj.ipad) { obj.send(MouseMsg); obj.Alternate = 1; } else { obj.Alternate = 0; } } else { obj.send(MouseMsg); }
439
+ if (Action == obj.KeyAction.DBLCLICK) {
440
+ MouseMsg = String.fromCharCode(0x00, obj.InputType.MOUSE, 0x00, 0x0A, 0x00, 0x88, ((X / 256) & 0xFF), (X & 0xFF), ((Y / 256) & 0xFF), (Y & 0xFF));
441
+ } else if (Action == obj.KeyAction.SCROLL) {
442
+ MouseMsg = String.fromCharCode(0x00, obj.InputType.MOUSE, 0x00, 0x0C, 0x00, 0x00, ((X / 256) & 0xFF), (X & 0xFF), ((Y / 256) & 0xFF), (Y & 0xFF), ((Delta / 256) & 0xFF), (Delta & 0xFF));
443
+ } else {
444
+ MouseMsg = String.fromCharCode(0x00, obj.InputType.MOUSE, 0x00, 0x0A, 0x00, ((Action == obj.KeyAction.DOWN) ? Button : ((Button * 2) & 0xFF)), ((X / 256) & 0xFF), (X & 0xFF), ((Y / 256) & 0xFF), (Y & 0xFF));
445
+ }
446
+
447
+ if (obj.Action == obj.KeyAction.NONE) {
448
+ if (obj.Alternate == 0 || obj.ipad) { obj.send(MouseMsg); obj.Alternate = 1; } else { obj.Alternate = 0; }
449
+ } else {
450
+ obj.send(MouseMsg);
451
+ }
452
}
453
}
454
}
@@ -463,6 +476,7 @@ var CreateAgentRemoteDesktop = function (canvasid, scrolldiv) {
476
obj.xxMouseMove = function (e) { if (obj.State == 3) obj.SendMouseMsg(obj.KeyAction.NONE, e); if (e.preventDefault) e.preventDefault(); if (e.stopPropagation) e.stopPropagation(); return false; }
477
obj.xxMouseUp = function (e) { if (obj.State == 3) obj.SendMouseMsg(obj.KeyAction.UP, e); if (e.preventDefault) e.preventDefault(); if (e.stopPropagation) e.stopPropagation(); return false; }
478
obj.xxMouseDown = function (e) { if (obj.State == 3) obj.SendMouseMsg(obj.KeyAction.DOWN, e); if (e.preventDefault) e.preventDefault(); if (e.stopPropagation) e.stopPropagation(); return false; }
479
+ obj.xxMouseDblClick = function (e) { if (obj.State == 3) obj.SendMouseMsg(obj.KeyAction.DBLCLICK, e); if (e.preventDefault) e.preventDefault(); if (e.stopPropagation) e.stopPropagation(); return false; }
480
obj.xxDOMMouseScroll = function (e) { if (obj.State == 3) { obj.SendMouseMsg(obj.KeyAction.SCROLL, e); return false; } return true; }
481
obj.xxMouseWheel = function (e) { if (obj.State == 3) { obj.SendMouseMsg(obj.KeyAction.SCROLL, e); return false; } return true; }
482
obj.xxKeyUp = function (e) { if (obj.State == 3) { obj.SendKeyMsg(obj.KeyAction.UP, e); } if (e.preventDefault) e.preventDefault(); if (e.stopPropagation) e.stopPropagation(); return false; }
@@ -481,6 +495,7 @@ var CreateAgentRemoteDesktop = function (canvasid, scrolldiv) {
495
obj.handleKeyDown = function (e) { if (obj.stopInput == true || desktop.State != 3) return false; return obj.xxKeyDown(e); }
496
497
// Mouse handlers
498
+ obj.mousedblclick = function (e) { if (obj.stopInput == true) return false; return obj.xxMouseDblClick(e); }
499
obj.mousedown = function (e) { if (obj.stopInput == true) return false; return obj.xxMouseDown(e); }
500
obj.mouseup = function (e) { if (obj.stopInput == true) return false; return obj.xxMouseUp(e); }
501
obj.mousemove = function (e) { if (obj.stopInput == true) return false; return obj.xxMouseMove(e); }
public/scripts/amt-desktop-0.0.2.js
+1
@@ -773,6 +773,7 @@ var CreateAmtRemoteDesktop = function (divid, scrolldiv) {
773
obj.haltEvent = function (e) { if (e.preventDefault) e.preventDefault(); if (e.stopPropagation) e.stopPropagation(); return false; }
774
775
// RFB "PointerEvent" and mouse handlers
776
+ obj.mousedblclick = function (e) { }
777
obj.mousedown = function (e) { obj.buttonmask |= (1 << e.button); return obj.mousemove(e); }
778
obj.mouseup = function (e) { obj.buttonmask &= (0xFFFF - (1 << e.button)); return obj.mousemove(e); }
779
obj.mousemove = function (e) {
public/styles/style-morecss.css
new
+745
@@ -0,0 +1,745 @@
1
+body {
2
+ margin: 0;
3
+ padding: 0;
4
+ border: 0;
5
+ color: black;
6
+ font-size: 13px;
7
+ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
8
+ background-color: #d3d9d6;
9
+}
10
+
11
+#container {
12
+ background-color: #fff;
13
+ width: 960px;
14
+ min-width: 960px;
15
+ margin: 0 auto;
16
+ border-top: 0;
17
+ border-right: 1px solid #b7b7b7;
18
+ border-bottom: 0;
19
+ border-left: 1px solid #b7b7b7;
20
+ padding: 0;
21
+}
22
+
23
+#masthead {
24
+ width: auto;
25
+ margin: 0;
26
+ padding: 0;
27
+ overflow: auto;
28
+ text-align: right;
29
+ background-color: #036;
30
+ width: 960px;
31
+}
32
+
33
+#column_l {
34
+ position: relative;
35
+ float: left;
36
+ width: 930px;
37
+ margin: 0;
38
+ padding: 0 15px;
39
+ background-color: #fff;
40
+}
41
+
42
+#footer {
43
+ clear: both;
44
+ overflow: auto;
45
+ width: 100%;
46
+ text-align: center;
47
+ background-color: #113962;
48
+ padding-top: 5px;
49
+ padding-bottom: 5px;
50
+}
51
+
52
+#masthead img {
53
+ float: left;
54
+}
55
+
56
+#masthead p {
57
+ font-size: 11px;
58
+ color: #fff;
59
+ margin: 10px 10px 0;
60
+}
61
+
62
+#footer a {
63
+ color: #fff;
64
+ text-decoration: underline;
65
+}
66
+
67
+ #footer a:hover {
68
+ color: #fff;
69
+ text-decoration: none;
70
+ }
71
+
72
+a {
73
+ color: #036;
74
+ text-decoration: underline;
75
+}
76
+
77
+.i1 {
78
+ background: url(../images/icons50.png) 0px 0px;
79
+ height: 50px;
80
+ width: 50px;
81
+ cursor: pointer;
82
+ border: none;
83
+}
84
+
85
+.i2 {
86
+ background: url(../images/icons50.png) -50px 0px;
87
+ height: 50px;
88
+ width: 50px;
89
+ cursor: pointer;
90
+ border: none;
91
+}
92
+
93
+.i3 {
94
+ background: url(../images/icons50.png) -100px 0px;
95
+ height: 50px;
96
+ width: 50px;
97
+ cursor: pointer;
98
+ border: none;
99
+}
100
+
101
+.i4 {
102
+ background: url(../images/icons50.png) -150px 0px;
103
+ height: 50px;
104
+ width: 50px;
105
+ cursor: pointer;
106
+ border: none;
107
+}
108
+
109
+.i5 {
110
+ background: url(../images/icons50.png) -200px 0px;
111
+ height: 50px;
112
+ width: 50px;
113
+ cursor: pointer;
114
+ border: none;
115
+}
116
+
117
+.i6 {
118
+ background: url(../images/icons50.png) -250px 0px;
119
+ height: 50px;
120
+ width: 50px;
121
+ cursor: pointer;
122
+ border: none;
123
+}
124
+
125
+.j1 {
126
+ background: url(../images/icons16.png) 0px 0px;
127
+ height: 16px;
128
+ width: 16px;
129
+ cursor: pointer;
130
+ border: none;
131
+}
132
+
133
+.j2 {
134
+ background: url(../images/icons16.png) -16px 0px;
135
+ height: 16px;
136
+ width: 16px;
137
+ cursor: pointer;
138
+ border: none;
139
+}
140
+
141
+.j3 {
142
+ background: url(../images/icons16.png) -32px 0px;
143
+ height: 16px;
144
+ width: 16px;
145
+ cursor: pointer;
146
+ border: none;
147
+}
148
+
149
+.j4 {
150
+ background: url(../images/icons16.png) -48px 0px;
151
+ height: 16px;
152
+ width: 16px;
153
+ cursor: pointer;
154
+ border: none;
155
+}
156
+
157
+.j5 {
158
+ background: url(../images/icons16.png) -64px 0px;
159
+ height: 16px;
160
+ width: 16px;
161
+ cursor: pointer;
162
+ border: none;
163
+}
164
+
165
+.j6 {
166
+ background: url(../images/icons16.png) -80px 0px;
167
+ height: 16px;
168
+ width: 16px;
169
+ cursor: pointer;
170
+ border: none;
171
+}
172
+
173
+.lbbutton {
174
+ width:74px;
175
+ height:74px;
176
+ border-radius:5px;
177
+ background-color:white;
178
+ margin-left:8px;
179
+ margin-top:8px;
180
+ position:relative;
181
+ cursor:pointer;
182
+ opacity:0.5;
183
+}
184
+
185
+.lbbutton:hover {
186
+ opacity:1;
187
+}
188
+
189
+.lbbuttonsel {
190
+ opacity:0.9;
191
+}
192
+
193
+.lbbuttonsel2 {
194
+ width:82px;
195
+ border-radius:5px 0px 0px 5px;
196
+ opacity:1;
197
+}
198
+
199
+.lb1 {
200
+ background: url(../images/leftbar-62.jpg) -0px 0px;
201
+ height: 62px;
202
+ width: 62px;
203
+ cursor: pointer;
204
+ border: none;
205
+}
206
+
207
+.lb2 {
208
+ background: url(../images/leftbar-62.jpg) -75px 0px;
209
+ height: 62px;
210
+ width: 62px;
211
+ cursor: pointer;
212
+ border: none;
213
+}
214
+
215
+.lb3 {
216
+ background: url(../images/leftbar-62.jpg) -150px 0px;
217
+ height: 62px;
218
+ width: 62px;
219
+ cursor: pointer;
220
+ border: none;
221
+}
222
+
223
+.lb4 {
224
+ background: url(../images/leftbar-62.jpg) -225px 0px;
225
+ height: 62px;
226
+ width: 62px;
227
+ cursor: pointer;
228
+ border: none;
229
+}
230
+
231
+.lb5 {
232
+ background: url(../images/leftbar-62.jpg) -294px 0px;
233
+ height: 62px;
234
+ width: 62px;
235
+ cursor: pointer;
236
+ border: none;
237
+}
238
+
239
+.lb6 {
240
+ background: url(../images/leftbar-62.jpg) -360px 0px;
241
+ height: 62px;
242
+ width: 62px;
243
+ cursor: pointer;
244
+ border: none;
245
+}
246
+
247
+.m0 { background : url(../images/images16.png) -32px 0px; height : 16px; width : 16px; border:none; float:left }
248
+.m1 { background : url(../images/images16.png) -16px 0px; height : 16px; width : 16px; border:none; float:left }
249
+.m2 { background : url(../images/images16.png) -96px 0px; height : 16px; width : 16px; border:none; float:left }
250
+.m3 { background : url(../images/images16.png) -112px 0px; height : 16px; width : 16px; border:none; float:left }
251
+.si0 { background : url(../images/icons16.png) 0px 0px; height : 16px; width : 16px; border:none; float:left }
252
+.si1 { background : url(../images/icons16.png) -16px 0px; height : 16px; width : 16px; border:none; float:left }
253
+.si2 { background : url(../images/icons16.png) -32px 0px; height : 16px; width : 16px; border:none; float:left }
254
+.si3 { background : url(../images/icons16.png) -48px 0px; height : 16px; width : 16px; border:none; float:left }
255
+.si4 { background : url(../images/icons16.png) -64px 0px; height : 16px; width : 16px; border:none; float:left }
256
+
257
+.mi { background : url(../images/meshicon50.png) 0px 0px; height: 50px; width: 50px; cursor:pointer; border:none }
258
+
259
+#floatframe {
260
+ position: fixed;
261
+ top: 200px;
262
+ height: 300px;
263
+ z-index: 200;
264
+ display: none;
265
+}
266
+
267
+.style1 {
268
+ text-align: center;
269
+}
270
+
271
+.style2 {
272
+ text-align: center;
273
+ background-color: #808080;
274
+ font-weight: bold;
275
+}
276
+
277
+.style3 {
278
+ text-align: center;
279
+ color: white;
280
+ background-color: #808080;
281
+ font-weight: bold;
282
+}
283
+
284
+.style3x {
285
+ text-align: center;
286
+ color: white;
287
+ background-color: #808080;
288
+ font-weight: bold;
289
+}
290
+
291
+ .style3x:hover {
292
+ background-color: #606060;
293
+ }
294
+
295
+.style3sel {
296
+ text-align: center;
297
+ color: white;
298
+ background-color: #003366;
299
+ font-weight: bold;
300
+}
301
+
302
+.style4 {
303
+ color: white;
304
+ text-decoration: none;
305
+}
306
+
307
+.style5 {
308
+ text-align: center;
309
+ background-color: #808080;
310
+ font-weight: normal;
311
+}
312
+
313
+.style6 {
314
+ text-align: center;
315
+ background-color: #D3D9D6;
316
+}
317
+
318
+.style7 {
319
+ font-size: large;
320
+ background-color: #FFFFFF;
321
+}
322
+
323
+.style10 {
324
+ background-color: #C9C9C9;
325
+}
326
+
327
+.style11 {
328
+ font-size: large;
329
+ background-color: #C9C9C9;
330
+}
331
+
332
+.style14 {
333
+ text-align: left;
334
+ background-color: #D3D9D6;
335
+}
336
+
337
+.auto-style1 {
338
+ text-align: right;
339
+ background-color: #D3D9D6;
340
+}
341
+
342
+
343
+.fileIcon1 {
344
+ background: url(data:image/gif;base64,R0lGODlhEAAQAJEDAPb49Y2Sj9LT2f///yH5BAEAAAMALAAAAAAQABAAAAImnI+py+1vhJwyUYAzHTL4D3qdlJWaIFJqmKod607sDKIiDUP63hQAOw==);
345
+ height: 16px;
346
+ width: 16px;
347
+ cursor: pointer;
348
+ border: none;
349
+ float: left;
350
+ margin-top: 1px;
351
+}
352
+
353
+.fileIcon2 {
354
+ background: url(data:image/gif;base64,R0lGODlhEAAQAJEDAM2xV/Xur+XPgP///yH5BAEAAAMALAAAAAAQABAAAAJD3ISZIGHWUGihznesYDYATFVM+D2hJ4lgN1olxALAtAlmPCJvuMmJd6PJckDYwicrHhTD5o7plJmg0Uc0asNMkphHAQA7);
355
+ height: 16px;
356
+ width: 16px;
357
+ cursor: pointer;
358
+ border: none;
359
+ float: left;
360
+ margin-top: 1px;
361
+}
362
+
363
+.fileIcon3 {
364
+ background: url(data:image/gif;base64,R0lGODlhEAAQAJEDAPb19IGBgbq6uv///yH5BAEAAAMALAAAAAAQABAAAAIy3ISpxgcPH2ouQgFEw1YmxnUXKEaaEZZnVWZk66JwzKpvuwZzwOgwb/C1gIOA8Yg8DgoAOw==);
365
+ height: 16px;
366
+ width: 16px;
367
+ cursor: pointer;
368
+ border: none;
369
+ float: left;
370
+ margin-top: 1px;
371
+}
372
+
373
+.fileIcon4 {
374
+ background: url(../images/meshicon16.png);
375
+ height: 16px;
376
+ width: 16px;
377
+ cursor: pointer;
378
+ border: none;
379
+ float: left;
380
+ margin-top: 1px;
381
+}
382
+
383
+.filelist {
384
+ -moz-user-select: none;
385
+ -khtml-user-select: none;
386
+ -webkit-user-select: none;
387
+ -o-user-select: none;
388
+ cursor: default;
389
+ -khtml-user-drag: element;
390
+ background-color: white;
391
+ clear: both;
392
+}
393
+
394
+.noselect {
395
+ -webkit-touch-callout: none;
396
+ -webkit-user-select: none;
397
+ -khtml-user-select: none;
398
+ -moz-user-select: none;
399
+ -ms-user-select: none;
400
+ user-select: none;
401
+}
402
+
403
+.fsize {
404
+ float: right;
405
+ text-align: right;
406
+ width: 180px;
407
+}
408
+
409
+.g1 {
410
+ background-position: 0% 0%;
411
+ width: 14px;
412
+ height: 100%;
413
+ float: left;
414
+ /* fallback (Opera) */
415
+ /* Mozilla: */
416
+ /* Chrome, Safari:*/
417
+ background-image: linear-gradient(to right, #ffffff 0%, #c9c9c9 100%);
418
+ background-color: #c9c9c9;
419
+ background-repeat: repeat;
420
+ background-attachment: scroll;
421
+}
422
+
423
+.g1s {
424
+ background-image: linear-gradient(to right, #ffffff 0%, #b9b9b9 100%);
425
+}
426
+
427
+.g2 {
428
+ background-position: 0% 0%;
429
+ width: 14px;
430
+ height: 100%;
431
+ float: right;
432
+ /* fallback (Opera) */
433
+ /* Mozilla: */
434
+ /* Chrome, Safari:*/
435
+ background-image: linear-gradient(to right, #c9c9c9 0%, #ffffff 100%);
436
+ background-color: #c9c9c9;
437
+ background-repeat: repeat;
438
+ background-attachment: scroll;
439
+}
440
+
441
+.g2s {
442
+ background-image: linear-gradient(to right, #b9b9b9 0%, #ffffff 100%);
443
+}
444
+
445
+.h1 {
446
+ background-position: 0% 0%;
447
+ width: 14px;
448
+ height: 100%;
449
+ /* fallback (Opera) */
450
+ /* Mozilla: */
451
+ /* Chrome, Safari:*/
452
+ background-image: linear-gradient(to right, #ffffff 0%, #d3d9d6 100%);
453
+ background-color: #d3d9d6;
454
+ background-repeat: repeat;
455
+ background-attachment: scroll;
456
+}
457
+
458
+.h2 {
459
+ background-position: 0% 0%;
460
+ width: 14px;
461
+ height: 100%;
462
+ /* fallback (Opera) */
463
+ /* Mozilla: */
464
+ /* Chrome, Safari:*/
465
+ background-image: linear-gradient(to right, #d3d9d6 0%, #ffffff 100%);
466
+ background-color: #d3d9d6;
467
+ background-repeat: repeat;
468
+ background-attachment: scroll;
469
+}
470
+
471
+.e1 {
472
+ font-size: large;
473
+ margin-top: 4px;
474
+ margin-bottom: 3px;
475
+ overflow: hidden;
476
+ word-wrap: hyphenate;
477
+ white-space: nowrap;
478
+ text-overflow: ellipsis;
479
+ max-width: 200px
480
+}
481
+
482
+.e2 {
483
+ float: left;
484
+ height: 100%;
485
+}
486
+
487
+.f1 { background-color: #c9c9c9; }
488
+.f1s { background-color: #b9b9b9; }
489
+
490
+.bar {
491
+ font-size: large;
492
+ background-color: #C9C9C9;
493
+ height: 24px;
494
+ float: left;
495
+ margin-bottom: 2px;
496
+}
497
+
498
+.bar2 {
499
+ font-size: large;
500
+ height: 24px;
501
+ float: left;
502
+ margin-bottom: 2px;
503
+}
504
+
505
+.bar18 {
506
+ font-size: large;
507
+ background-color: #C9C9C9;
508
+ height: 18px;
509
+ float: left;
510
+ margin-bottom: 2px;
511
+}
512
+
513
+.bar182 {
514
+ font-size: large;
515
+ height: 18px;
516
+ float: left;
517
+ margin-bottom: 2px;
518
+}
519
+
520
+.devHeaderx {
521
+ color: lightgray;
522
+}
523
+
524
+.DevSt {
525
+ border-bottom-style: solid;
526
+ border-bottom-width: 1px;
527
+ border-bottom-color: #DDDDDD;
528
+}
529
+
530
+.contextMenu {
531
+ background: #F9F9F9;
532
+ box-shadow: 0 0 12px rgba( 0, 0, 0, .3 );
533
+ border: 1px solid #ccc;
534
+ /*border-radius: 4px;*/
535
+ display: none;
536
+ position: absolute;
537
+ top: 0;
538
+ left: 0;
539
+ list-style: none;
540
+ margin: 0;
541
+ padding: 5px;
542
+ min-width: 100px;
543
+ max-width: 150px;
544
+ z-index: 500;
545
+}
546
+
547
+.cmtext {
548
+ color: #444;
549
+ display: inline-block;
550
+ padding-left: 8px;
551
+ padding-right: 8px;
552
+ padding-top: 5px;
553
+ padding-bottom: 5px;
554
+ text-decoration: none;
555
+ width: 85%;
556
+ cursor: default;
557
+ overflow: hidden;
558
+ position: relative;
559
+}
560
+
561
+ .cmtext:hover {
562
+ color: #f9f9f9;
563
+ background: #444;
564
+ }
565
+
566
+.gray {
567
+ /*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");*/ /* Firefox 10+, Firefox on Android */
568
+ filter: gray; /* IE6-9 */
569
+ -webkit-filter: grayscale(100%) opacity(60%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
570
+}
571
+
572
+.unselectable {
573
+ -webkit-touch-callout: none;
574
+ -webkit-user-select: none;
575
+ -khtml-user-select: none;
576
+ -moz-user-select: none;
577
+ -ms-user-select: none;
578
+ user-select: none;
579
+}
580
+
581
+.notifiyBox {
582
+ position: absolute;
583
+ z-index:1000;
584
+ top: 50px;
585
+ right: 26px;
586
+ width: 300px;
587
+ text-align: left;
588
+ background-color: #F0ECCD;
589
+ border: 4px solid #666;
590
+ -webkit-border-radius: 10px;
591
+ -moz-border-radius: 10px;
592
+ border-radius: 10px;
593
+ -webkit-box-shadow: 2px 2px 4px #888;
594
+ -moz-box-shadow: 2px 2px 4px #888;
595
+ box-shadow: 2px 2px 4px #888;
596
+ max-height:200px;
597
+}
598
+
599
+.notifiyBox:before {
600
+ content: ' ';
601
+ position: absolute;
602
+ width: 0;
603
+ height: 0;
604
+ right: 5px;
605
+ top: -30px;
606
+ border: 15px solid;
607
+ border-color: transparent #666 #666 transparent;
608
+}
609
+
610
+.notifiyBox:after {
611
+ content: ' ';
612
+ position: absolute;
613
+ width: 0;
614
+ height: 0;
615
+ right: 7px;
616
+ top: -24px;
617
+ border: 12px solid;
618
+ border-color: transparent #F0ECCD #F0ECCD transparent;
619
+}
620
+
621
+.notification {
622
+ width:100%;
623
+ min-height:30px;
624
+}
625
+
626
+.notification:hover {
627
+ background-color: #EFE8B6;
628
+}
629
+
630
+.deskToolsBar {
631
+ padding:3px;
632
+}
633
+
634
+.deskToolsBar:hover {
635
+ background-color: #EFE8B6;
636
+}
637
+
638
+.userTableHeader {
639
+ border-bottom: 1pt solid lightgray;
640
+ padding-top: 4px;
641
+ padding-bottom: 4px;
642
+}
643
+
644
+.viewSelector {
645
+ width:32px;
646
+ height:32px;
647
+ background-color:#DDD;
648
+ border-radius:3px;
649
+ float:left;
650
+ margin-left:5px;
651
+ cursor: pointer;
652
+ opacity: 0.3;
653
+}
654
+
655
+.viewSelectorSel {
656
+ background-color:#BBB;
657
+ opacity: 0.8;
658
+}
659
+
660
+ .viewSelector:hover {
661
+ opacity: 0.5;
662
+ background-color:#AAA;
663
+ }
664
+
665
+
666
+.viewSelector1 {
667
+ margin-left:2px;
668
+ margin-top:2px;
669
+ background: url(../images/views.png) -0px 0px;
670
+ height: 28px;
671
+ width: 28px;
672
+}
673
+
674
+.viewSelector2 {
675
+ margin-left:2px;
676
+ margin-top:2px;
677
+ background: url(../images/views.png) -28px 0px;
678
+ height: 28px;
679
+ width: 28px;
680
+}
681
+
682
+.viewSelector3 {
683
+ margin-left:2px;
684
+ margin-top:2px;
685
+ background: url(../images/views.png) -56px 0px;
686
+ height: 28px;
687
+ width: 28px;
688
+}
689
+
690
+.viewSelector4 {
691
+ margin-left:2px;
692
+ margin-top:2px;
693
+ background: url(../images/views.png) -84px 0px;
694
+ height: 28px;
695
+ width: 28px;
696
+}
697
+
698
+.viewSelector5 {
699
+ margin-left:2px;
700
+ margin-top:2px;
701
+ background: url(../images/views.png) -112px 0px;
702
+ height: 28px;
703
+ width: 28px;
704
+}
705
+
706
+.backButtonEx {
707
+ margin-left:2px;
708
+ margin-top:2px;
709
+ background: url(../images/views.png) -140px 0px;
710
+ height: 28px;
711
+ width: 28px;
712
+}
713
+
714
+.backButton {
715
+ width:32px;
716
+ height:32px;
717
+ background-color:#DDD;
718
+ border-radius:3px;
719
+ float:left;
720
+ margin-right:5px;
721
+ cursor: pointer;
722
+ opacity: 0.3;
723
+}
724
+ .backButton:hover {
725
+ opacity: 0.5;
726
+ background-color:#AAA;
727
+ }
728
+
729
+.hoverButton {
730
+ opacity: 0.5;
731
+}
732
+
733
+ .hoverButton:hover {
734
+ opacity: 1;
735
+ }
736
+
737
+
738
+.devgrid-container {
739
+ display: grid;
740
+ grid-template-columns: repeat(auto-fit, minmax(300px, auto));
741
+}
742
+
743
+.devgrid-container > div {
744
+
745
+}
\ No newline at end of file
views/default-morecss.handlebars
new
+6639
@@ -0,0 +1,6639 @@
1
+<!DOCTYPE html>
2
+<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
3
+<head>
4
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
5
+ <meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
6
+ <meta name="viewport" content="user-scalable=1.0,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" />
7
+ <meta name="apple-mobile-web-app-capable" content="yes" />
8
+ <meta name="format-detection" content="telephone=no" />
9
+ <link type="text/css" href="styles/style.css" media="screen" rel="stylesheet" title="CSS" />
10
+ <link type="text/css" href="styles/ol.css" media="screen" rel="stylesheet" title="CSS" />
11
+ <link type="text/css" href="styles/ol3-contextmenu.min.css" media="screen" rel="stylesheet" title="CSS" />
12
+ <script type="text/javascript" src="scripts/common-0.0.1.js"></script>
13
+ <script type="text/javascript" src="scripts/meshcentral.js"></script>
14
+ <script type="text/javascript" src="scripts/amt-0.2.0.js"></script>
15
+ <script type="text/javascript" src="scripts/amt-wsman-0.2.0.js"></script>
16
+ <script type="text/javascript" src="scripts/amt-desktop-0.0.2.js"></script>
17
+ <script type="text/javascript" src="scripts/amt-terminal-0.0.2.js"></script>
18
+ <script type="text/javascript" src="scripts/zlib.js"></script>
19
+ <script type="text/javascript" src="scripts/zlib-inflate.js"></script>
20
+ <script type="text/javascript" src="scripts/zlib-adler32.js"></script>
21
+ <script type="text/javascript" src="scripts/zlib-crc32.js"></script>
22
+ <script type="text/javascript" src="scripts/amt-redir-ws-0.1.0.js"></script>
23
+ <script type="text/javascript" src="scripts/amt-wsman-ws-0.2.0.js"></script>
24
+ <script type="text/javascript" src="scripts/agent-redir-ws-0.1.0.js"></script>
25
+ <script type="text/javascript" src="scripts/agent-redir-rtc-0.1.0.js"></script>
26
+ <script type="text/javascript" src="scripts/agent-desktop-0.0.2.js"></script>
27
+ <script type="text/javascript" src="scripts/qrcode.min.js"></script>
28
+ <script keeplink=1 type="text/javascript" src="scripts/charts.js"></script>
29
+ <script keeplink=1 type="text/javascript" src="scripts/filesaver.1.1.20151003.js"></script>
30
+ <script keeplink=1 type="text/javascript" src="scripts/ol.js"></script>
31
+ <script keeplink=1 type="text/javascript" src="scripts/ol3-contextmenu.js"></script>
32
+ <title>MeshCentral</title>
33
+</head>
34
+<body id="body" onload="if (typeof(startup) !== 'undefined') startup();" oncontextmenu="handleContextMenu(event)" style="display:none">
35
+ <!-- right click menu -->
36
+ <div id="contextMenu" class="contextMenu" style="display:none">
37
+ <div id="cxinfo" class="cmtext" onclick="cmaction(1)"><b>Information</b></div>
38
+ <div id="cxdesktop" class="cmtext" onclick="cmaction(3)">Desktop</div>
39
+ <div id="cxterminal" class="cmtext" onclick="cmaction(2)">Terminal</div>
40
+ <div id="cxfiles" class="cmtext" onclick="cmaction(4)">Files</div>
41
+ <div id="cxevents" class="cmtext" onclick="cmaction(5)">Events</div>
42
+ <div id="cxconsole" class="cmtext" onclick="cmaction(6)">Console</div>
43
+ <hr id="cxmgroupsplit" />
44
+ <div id="cxmdesktop" class="cmtext" onclick="cmaction(7)" style=display:none>Multi-Desktop</div>
45
+ </div>
46
+ <div id="meshContextMenu" class="contextMenu" style="display: none; min-width: 0px">
47
+ <div id="cxselectall" class="cmtext" onclick="cmmeshaction(1)">Select All</div>
48
+ <div id="cxselectnone" class="cmtext" onclick="cmmeshaction(2)">Select None</div>
49
+ <hr id="cxmgroupsplit2" style=display:none />
50
+ <div id="cxmmdesktop" class="cmtext" style=display:none onclick="cmmeshaction(3)">Multi-Desktop</div>
51
+ </div>
52
+ <!-- main page -->
53
+ <div id=container style=max-height:100vh;position:relative>
54
+ <div id="notifiyBox" class="notifiyBox" style="display:none"></div>
55
+ <div id=mastheadx></div>
56
+ <div id=masthead class=noselect style="background:url(logo.png) 0px 0px;background-color:#036;background-repeat:no-repeat;height:66px;width:100%;overflow:hidden">
57
+ <div style="float:left;height:66px;color:#c8c8c8;padding-left:20px;padding-top:8px">
58
+ <strong><font style="font-size:46px;font-family:Arial,Helvetica,sans-serif">{{{title}}}</font></strong>
59
+ </div>
60
+ <div style="float:left;height:66px;color:#c8c8c8;padding-left:5px;padding-top:14px">
61
+ <strong><font style="font-size:14px;font-family:Arial,Helvetica,sans-serif">{{{title2}}}</font></strong>
62
+ </div>
63
+ <div style="float:right">
64
+ <div id=notificationCount onclick="clickNotificationIcon()" class="unselectable" style="display:none;min-width:28px;font-size:20px;border-radius:5px;background-color:lightblue;text-align:center;margin:8px;cursor:pointer;padding:4px" title="Click to view current notifications">0</div>
65
+ </div>
66
+ <p id="logoutControl">{{{logoutControl}}}</p>
67
+ </div>
68
+ <div id="page_leftbar" style="height:calc(100vh - 66px);width:90px;position:absolute;z-index:1000;background:#113962;background:linear-gradient(to bottom, #104893 0%,#113962 100%);color:white;display:none">
69
+ <div style="height:16px"></div>
70
+ <div id=LeftMenuMyDevices class="lbbutton lbbuttonsel" title="My Devices" onclick=go(1)>
71
+ <div class="lb2" style="position:absolute;top:6px;left:6px"></div>
72
+ </div>
73
+ <div id=LeftMenuMyAccount class="lbbutton" title="My Account" onclick=go(2)>
74
+ <div class="lb1" style="position:absolute;top:6px;left:6px"></div>
75
+ </div>
76
+ <div id=LeftMenuMyEvents class="lbbutton" title="My Events" onclick=go(3)>
77
+ <div class="lb3" style="position:absolute;top:6px;left:6px"></div>
78
+ </div>
79
+ <div id=LeftMenuMyFiles class="lbbutton" title="My Files" onclick=go(5)>
80
+ <div class="lb4" style="position:absolute;top:6px;left:6px"></div>
81
+ </div>
82
+ <div id=LeftMenuMyUsers class="lbbutton" title="My Users" onclick=go(4)>
83
+ <div class="lb5" style="position:absolute;top:6px;left:6px"></div>
84
+ </div>
85
+ <div id=LeftMenuMyServer class="lbbutton" title="My Server" onclick=go(6) style="display:none">
86
+ <div class="lb6" style="position:absolute;top:6px;left:6px"></div>
87
+ </div>
88
+ </div>
89
+ <div id="page_content" style="max-height:calc(100vh - 130px)">
90
+ <div id=topbarmaster>
91
+ <div id=topbar class=noselect>
92
+ <div>
93
+ <div style="position:relative">
94
+ <div style="position:absolute;top:3px;right:6px">
95
+ <span title="Toggle full width" style="cursor:pointer;color:white" onclick="toggleFullScreen(1)">↔</span>
96
+ </div>
97
+ <table id=MainMenuSpan style=width:100%;height:22px cellpadding=0 cellspacing=0 class=style1>
98
+ <tr>
99
+ <td id=MainMenuMyDevices style=width:100px;height:24px;cursor:pointer class=style3x onclick=go(1)>My Devices</td>
100
+ <td id=MainMenuMyAccount style=width:100px;height:24px;cursor:pointer class=style3x onclick=go(2)>My Account</td>
101
+ <td id=MainMenuMyEvents style=width:100px;height:24px;cursor:pointer class=style3x onclick=go(3)>My Events</td>
102
+ <td id=MainMenuMyFiles style=width:100px;height:24px;cursor:pointer class=style3x onclick=go(5)>My Files</td>
103
+ <td id=MainMenuMyUsers style=width:100px;height:24px;cursor:pointer;display:none class=style3x onclick=go(4)>My Users</td>
104
+ <td id=MainMenuMyServer style=width:100px;height:24px;cursor:pointer;display:none class=style3x onclick=go(6)>My Server</td>
105
+ <td class=style3 style="text-align:right;height:24px"> </td>
106
+ </tr>
107
+ </table>
108
+ <div id=MainSubMenuSpan style=display:none>
109
+ <table id=MainSubMenu style=width:100%;height:22px cellpadding=0 cellspacing=0 class=style1>
110
+ <tr>
111
+ <td id=MainDev style=width:100px;height:24px;cursor:pointer class=style3x onclick=go(10)>General</td>
112
+ <td id=MainDevDesktop style=width:100px;height:24px;cursor:pointer class=style3x onclick=go(11)>Desktop</td>
113
+ <td id=MainDevTerminal style=width:100px;height:24px;cursor:pointer class=style3x onclick=go(12)>Terminal</td>
114
+ <td id=MainDevFiles style=width:100px;height:24px;cursor:pointer;display:none class=style3x onclick=go(13)>Files</td>
115
+ <td id=MainDevEvents style=width:100px;height:24px;cursor:pointer class=style3x onclick=go(16)>Events</td>
116
+ <td id=MainDevAmt style=width:100px;height:24px;cursor:pointer class=style3x onclick=go(14)>Intel® AMT</td>
117
+ <td id=MainDevConsole style=width:100px;height:24px;cursor:pointer class=style3x onclick=go(15)>Console</td>
118
+ <td class=style3 style=height:24px> </td>
119
+ </tr>
120
+ </table>
121
+ </div>
122
+ <div id=MeshSubMenuSpan style=display:none>
123
+ <table id=MeshSubMenu style=width:100%;height:22px cellpadding=0 cellspacing=0 class=style1>
124
+ <tr>
125
+ <td id=MeshGeneral style=width:100px;height:24px;cursor:pointer class=style3x onclick=go(20)>General</td>
126
+ <td class=style3 style=height:24px> </td>
127
+ </tr>
128
+ </table>
129
+ </div>
130
+ <div id=UserSubMenuSpan style=display:none>
131
+ <table id=UserSubMenu style=width:100%;height:22px cellpadding=0 cellspacing=0 class=style1>
132
+ <tr>
133
+ <td id=UserGeneral style=width:100px;height:24px;cursor:pointer class=style3x onclick=go(30)>General</td>
134
+ <td id=UserEvents style=width:100px;height:24px;cursor:pointer class=style3x onclick=go(31)>Events</td>
135
+ <td class=style3 style=height:24px> </td>
136
+ </tr>
137
+ </table>
138
+ </div>
139
+ <div id=UserDummyMenuSpan>
140
+ <table id=UserDummyMenu style=width:100%;height:22px cellpadding=0 cellspacing=0 class=style1>
141
+ <tr><td class=style3 style="text-align:right;height:24px"> </td></tr>
142
+ </table>
143
+ </div>
144
+ </div>
145
+ </div>
146
+ </div>
147
+ </div>
148
+ <div id="column_l">
149
+ <div id=p0 style=display:none>
150
+ <div id=p0message style=margin:50px;text-align:center>Server disconnected, <href onclick=reload() style=cursor:pointer><u>click to reconnect</u></href>.</div>
151
+ </div>
152
+ <div id=p1 style=display:none>
153
+ <div style="float:right" id="devListToolbarViewIcons">
154
+ <div id=devViewButton1 class="viewSelector" onclick=onDeviceViewChange(1) title="Columns"><div class="viewSelector2"></div></div>
155
+ <div id=devViewButton2 class=viewSelector onclick=onDeviceViewChange(2) title="List"><div class="viewSelector1"></div></div>
156
+ <div id=devViewButton3 class=viewSelector onclick=onDeviceViewChange(3) title="Desktops"><div class="viewSelector3"></div></div>
157
+ <div id=devViewButton4 class=viewSelector onclick=onDeviceViewChange(4) title="Map"><div class="viewSelector4"></div></div>
158
+ </div><div><h1>My Devices</h1></div>
159
+ <table style=width:100%;height:24px;background-color:#d3d9d6;vertical-align:middle;border-spacing:0>
160
+ <tr>
161
+ <td class=h1></td>
162
+ <td id=devListToolbar class=style14>
163
+ <input type="button" id="SelectAllButton" onclick="selectallButtonFunction();" value="Select All" />
164
+ <input type=button id=GroupActionButton disabled="disabled" value="Group Action" onclick=groupActionFunction() />
165
+ <input id=SearchInput type=text style=width:120px placeholder=Filter onchange=masterUpdate(5) onkeyup=masterUpdate(5) autocomplete=off onfocus=onSearchFocus(1) onblur=onSearchFocus(0) />
166
+ <input type=checkbox id=RealNameCheckBox onclick=onRealNameCheckBox() /><span title="Show devices operating system name">OS Name</span>
167
+ </td>
168
+ <td id=kvmListToolbar class=style14 style=height:100%>
169
+ <input type="button" onclick="connectAllKvmFunction()" value="Connect All" />
170
+ <input type="button" onclick="disconnectAllKvmFunction()" value="Disconnect All" />
171
+ <input type="checkbox" id="autoConnectDesktopCheckbox" onclick="autoConnectDesktops(event)" title="Automatic connect" />Auto
172
+ <input type="button" onclick="showMultiDesktopSettings()" value="Settings" />
173
+ </td>
174
+ <td id=devMapToolbar class=style14 style=height:100%>
175
+ <input type=text id=mapSearchLocation placeholder="Search Location" onfocus=onMapSearchFocus(1) onblur=onMapSearchFocus(0) />
176
+ <input type=button value=Search title="Search for location" onclick=getSearchLocation() />
177
+ <input type=button id=refreshmap title="Reset map view" value=Reset style=margin-left:5px onclick=refreshMap(false,true) />
178
+ </td>
179
+ <td class="auto-style1" style=height:100%>
180
+ <div style="float:right;display:none" id=devListToolbarView>
181
+ View
182
+ <select id=viewselect onchange=onDeviceViewChange()>
183
+ <option value=1>Columns</option>
184
+ <option value=2>List</option>
185
+ <option value=3>Desktops</option>
186
+ <option id=viewselectmapoption value=4>Map</option>
187
+ </select>
188
+ </div>
189
+ <div style=float:right id=devListToolbarSort>
190
+ Sort
191
+ <select id=sortselect onchange=masterUpdate(6)>
192
+ <option>Group</option>
193
+ <option>Power</option>
194
+ <option>Device</option>
195
+ <option>Tags</option>
196
+ </select>
197
+
198
+ </div>
199
+ <div style=float:right id=devListToolbarSize>
200
+ Size
201
+ <select id=sizeselect onchange=onDeviceViewChange()>
202
+ <option value=0>Small</option>
203
+ <option value=1>Medium</option>
204
+ <option value=2>Large</option>
205
+ </select>
206
+
207
+ </div>
208
+ </td>
209
+ <td class=h2></td>
210
+ </tr>
211
+ </table>
212
+ <div id=NoMeshesPanel style=display:none>
213
+ <table style="width:100%;padding:20px">
214
+ <tr>
215
+ <td valign="top" style="width: 50px">
216
+ <img src="images/info.png" height="48" width="47" />
217
+ </td>
218
+ <td>
219
+ To get started, <a onclick=account_createMesh() style=cursor:pointer><strong>click here to create a device group</strong></a>.
220
+ </td>
221
+ </tr>
222
+ </table>
223
+ </div>
224
+ <div id="xdevices" style="max-height:calc(100vh - 239px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch"></div>
225
+ <div id="xdevicesmap" style="height:calc(100vh - 239px);width:100%;overflow:hidden;position:relative">
226
+ <div id=xmapSearchResultsDlg style="position:absolute;display:none;max-height:280px;left:5px;top:5px;max-width:250px;z-index:1000;background-color:#EEE;box-shadow:0px 0px 15px #666">
227
+ <div style="width:100%;background-color:#003366;color:#FFF;border-radius:5px 5px 0 0">
228
+ <div id=xmapSearchClose style=float:right;padding:5px;cursor:pointer onclick=mapCloseSearchWindow()><b>X</b></div>
229
+ <div style=padding:5px>Location Results</div>
230
+ <div style=width:100%;margin:6px></div>
231
+ </div>
232
+ <div id=xmapSearchResults style=margin:6px></div>
233
+ </div>
234
+ </div>
235
+ <div id="xmap-info-window" style="text-shadow: 0px 0px 15px #FFF"></div>
236
+ </div>
237
+ <div id=p2 style="display:none">
238
+ <h1>My Account</h1>
239
+ <div id="p2AccountActions">
240
+ <p><strong><img alt="" width=150 height=103 src=images/mainaccount.jpg style=margin-bottom:10px;margin-right:20px;float:right />Account actions</strong></p>
241
+ <p style="margin-left:40px">
242
+ <span id="verifyEmailId" style="display:none"><a onclick="account_showVerifyEmail()" style="cursor:pointer">Verify email</a><br /></span>
243
+ <span id="otpAuth" style="display:none"><a onclick="account_addOtp()" style="cursor:pointer">Add 2-step login</a><br /></span>
244
+ <span id="otpAuthRemove" style="display:none"><a onclick="account_removeOtp()" style="cursor:pointer">Remove 2-step login</a><br /></span>
245
+ <a onclick="account_showChangeEmail()" style="cursor:pointer">Change email address</a><br />
246
+ <a onclick="account_showChangePassword()" style="cursor:pointer">Change password</a><br />
247
+ <a onclick="account_showDeleteAccount()" style="cursor:pointer">Delete account</a><br />
248
+ </p>
249
+ <br style=clear:both />
250
+ </div>
251
+ <strong>Device Groups</strong>
252
+ ( <a onclick=account_createMesh() style=cursor:pointer><img height=12 src="images/icon-addnew.png" width=12 border=0 /> New</a> )
253
+ <br /><br />
254
+ <div id=p2meshes></div>
255
+ <div id=p2noMeshFound style=margin-left:40px;display:none>No device groups. <a onclick=account_createMesh() style=cursor:pointer><strong>Get started here!</strong></a></div>
256
+ <br style=clear:both />
257
+ </div>
258
+ <div id=p3 style=display:none>
259
+ <h1>My Events</h1>
260
+ <table style=width:100%;height:24px;background-color:#d3d9d6;margin-bottom:4px;vertical-align:middle;border-spacing:0>
261
+ <tr>
262
+ <td class=h1></td>
263
+ <td> <input id=p2deleteall type=button onclick=showDeleteAllEventsDialog() style=display:none value="Delete All..." /></td>
264
+ <td class=auto-style1>
265
+ Show
266
+ <select id=p3limitdropdown onchange=refreshEvents()>
267
+ <option value=60>Last 60</option>
268
+ <option value=120>Last 120</option>
269
+ <option value=250>Last 250</option>
270
+ <option value=500>Last 500</option>
271
+ <option value=1000>Last 1000</option>
272
+ </select>
273
+ </td>
274
+ <td class=h2></td>
275
+ </tr>
276
+ </table>
277
+ <div id=p3events style="height:calc(100vh - 243px);overflow-y:scroll"></div>
278
+ </div>
279
+ <div id=p4 style=display:none>
280
+ <h1>My Users</h1>
281
+ <table style=width:100%;height:24px;background-color:#d3d9d6;margin-bottom:4px;vertical-align:middle;border-spacing:0>
282
+ <tr>
283
+ <td class=h1></td>
284
+ <td class=style14>
285
+
286
+ <input type=button onclick=showCreateNewAccountDialog() value="New Account..." />
287
+ <input id=UserSearchInput type=text style=width:120px placeholder=Filter onchange=onUserSearchInputChanged() onkeyup=onUserSearchInputChanged() autocomplete=off onfocus=onUserSearchFocus(1) onblur=onUserSearchFocus(0) />
288
+ </td>
289
+ <td class=h2></td>
290
+ </tr>
291
+ </table>
292
+ <div id="p3users" style="max-height:calc(100vh - 243px);overflow-y:auto"></div>
293
+ </div>
294
+ <div id=p5 style=display:none>
295
+ <h1>My Files</h1>
296
+ <table id="p5toolbar" style="width:100%" cellpadding="0" cellspacing="0">
297
+ <tr>
298
+ <td style="width:100%;background-color:#d3d9d6;text-align:left;padding:4px" valign=bottom>
299
+ <div id="p5rightOfButtons" style="float:right;margin-top:3px"></div>
300
+ <div>
301
+ <input type=button id=p5FolderUp disabled="disabled" onclick="p5folderup();" value="Up" />
302
+ <input type=button id=p5SelectAllButton disabled="disabled" onclick="p5selectallfile();" value="Select All" onkeypress="return false;" onkeydown="return false;" />
303
+ <input type=button id=p5RenameFileButton disabled="disabled" value="Rename" onclick="p5renamefile();" onkeypress="return false;" onkeydown="return false;" />
304
+ <input type=button id=p5DeleteFileButton disabled="disabled" value="Delete" onclick="p5deletefile();" onkeypress="return false;" onkeydown="return false;" />
305
+ <input type=button id=p5NewFolderButton disabled="disabled" value="New Folder" onclick="p5createfolder();" onkeypress="return false;" onkeydown="return false;" />
306
+ <input type=button id=p5UploadButton disabled="disabled" value="Upload" onclick="p5uploadFile()" onkeypress="return false;" onkeydown="return false;" />
307
+ <input type=button id=p5CutButton disabled="disabled" value="Cut" onclick="p5copyFile(1)" onkeypress="return false" onkeydown="return false" />
308
+ <input type=button id=p5CopyButton disabled="disabled" value="Copy" onclick="p5copyFile(0)" onkeypress="return false" onkeydown="return false" />
309
+ <input type=button id=p5PasteButton disabled="disabled" value="Paste" onclick="p5pasteFile()" onkeypress="return false" onkeydown="return false" />
310
+ </div>
311
+ </td>
312
+ </tr>
313
+ <tr>
314
+ <td style="background-color:#E4E9E7;height:28px">
315
+ <div style=float:right>
316
+ <select id=p5sortdropdown onchange=updateFiles()>
317
+ <option value="1" selected="selected">Sort by name</option>
318
+ <option value="2">Sort by size</option>
319
+ <option value="3">Sort by date</option>
320
+ <option value="4">Descend by name</option>
321
+ <option value="5">Descend by size</option>
322
+ <option value="6">Descend by date</option>
323
+ </select>
324
+ </div>
325
+ <div> <span id="p5currentpath"></span></div>
326
+ </td>
327
+ </tr>
328
+ </table>
329
+ <div id="p5filetable" style="width:100%;height:calc(100vh - 294px);overflow:auto;-webkit-user-select:none;position:relative">
330
+ <!--
331
+ <form id=p5fileCatchAll method=post enctype=multipart/form-data action=uploadfile.ashx target=fileUploadFrame>
332
+ <input type=file id=p5fileCatchAllInput name=files style="position:absolute;left:0;width:100%;top:0;bottom:0;opacity:0;display:none" onchange="p5fileCatchAllInputChanged(event)" />
333
+ <input id=p5fileDragLink2 name="link" style="display:none" />
334
+ <input type=submit id=p5fileCatchAllSubmit style="display:none" />
335
+ </form>
336
+ -->
337
+ <div id="p5PublicShare" style="display:none;width:100%;overflow:auto;-webkit-user-select:none;background-color:lightsteelblue"><div style="padding:4px">These files are shared publicly, click "link" to get public url.</div></div>
338
+ <div id="bigok" style="width:256px;overflow:hidden;position:absolute;left:337px;top:20px;text-align:center;font-size:1600%;color:#AAAAAA;display:none"><b>✓</b></div>
339
+ <div id="bigfail" style="width:256px;overflow:hidden;position:absolute;left:337px;top:20px;text-align:center;font-size:1600%;color:#AAAAAA;display:none"><b>✗</b></div>
340
+ <span id="p5files"></span>
341
+ </div>
342
+ <table id="p5toolbarBottom" style=width:100% cellpadding=0 cellspacing=0>
343
+ <tr><td class=style6 style="text-align:left;padding:3px"> <span id="p5bottomstatus"></span></td></tr>
344
+ </table>
345
+ </div>
346
+ <div id=p6 style=display:none>
347
+ <img id=MainMeshImage src="serverpic.ashx" style=border-width:0px;height:200px;width:200px;float:right>
348
+ <h1>My Server</h1>
349
+ <p id="p2ServerActions"><strong>Server actions</strong></p>
350
+ <p style="margin-left:40px">
351
+ <a id="p2ServerActionsBackup" href="/backup.zip" rel="noreferrer noopener" target="_blank" style="cursor:pointer">Download server backup</a><br />
352
+ <a id="p2ServerActionsRestore" onclick="server_showRestoreDlg()" style="cursor:pointer">Restore server with backup</a><br />
353
+ <a id="p2ServerActionsVersion" onclick="server_showVersionDlg()" style="cursor:pointer">Check server version</a><br />
354
+ <a id="p2ServerActionsErrors" onclick="server_showErrorsDlg()" style="cursor:pointer">Show server error log</a><br />
355
+ </p>
356
+ <br /><strong>Server Statistics</strong><br /><br />
357
+ <div id="serverStats" style="margin-left:40px">
358
+ <div id="serverCpuChartView" style="display:none">
359
+ <div style="width:60px;display:inline-block"><canvas id="serverCpuChart" style="width:60px;height:60px"></canvas></div>
360
+ <div style="width:160px;display:inline-block" id="serverCpuChartText"></div>
361
+ </div>
362
+ <div id="serverMemoryChartView" style="display:none">
363
+ <div style="width:60px;display:inline-block"><canvas id="serverMemoryChart" style="width:60px;height:60px"></canvas></div>
364
+ <div style="width:160px;display:inline-block" id="serverMemoryChartText"></div>
365
+ </div><br /><br />
366
+ <div id="serverStatsTable"></div>
367
+ </div>
368
+ </div>
369
+ <div id=p10 style="display:none">
370
+ <table style="width:100%" cellpadding="0" cellspacing="0">
371
+ <tr>
372
+ <td style=width:auto valign=top>
373
+ <div id=p10title>
374
+ <div style="float:left"><div class="backButton" onclick=goBack() title="Back"><div class="backButtonEx"></div></div></div>
375
+ <h1>General - <span id=p10deviceName></span></h1>
376
+ </div>
377
+ <div id=p10html></div>
378
+ </td>
379
+ <td style=width:20px></td>
380
+ <td style=width:200px>
381
+ <a style=cursor:pointer onclick=p10showiconselector()><img id=MainComputerImage style=border-width:0px;height:200px;width:200px></a>
382
+ <div style="width:100%;text-align:center"><strong><span id=MainComputerState></span></strong></div>
383
+ </td>
384
+ </tr>
385
+ </table><br>
386
+ <div id=p10html2></div>
387
+ <div id=p10html3></div>
388
+ </div>
389
+ <div id=p11 class=noselect style=display:none>
390
+ <div id="p11title">
391
+ <div id=p11deviceNameHeader>
392
+ <div style="float:left"><div class="backButton" onclick=goBack() title="Back"><div class="backButtonEx"></div></div></div>
393
+ <div style="float:right" id="devListToolbarViewIcons"><div class="viewSelector" onclick=deskToggleFull(event) title="Full Screen. Hold shift to browser full screen."><div class="viewSelector5"></div></div></div>
394
+ <h1>Desktop - <span id=p11deviceName></span></h1>
395
+ </div>
396
+ </div>
397
+ <div id="p14warning" style='max-width:100%;display:none;cursor:pointer;margin-bottom:5px' onclick="showFeaturesDlg()">
398
+ <div class=icon2 style="float:left;margin:7px"></div>
399
+ <div style='width:auto;border-radius:8px;padding:8px;background-color:lightsalmon'>Intel® AMT Redirection port or KVM feature is disabled<span id="p14warninga">, click here to enable it.</span></div>
400
+ </div>
401
+ <div id="p14warning2" style='max-width:100%;display:none;cursor:pointer;margin-bottom:5px' onclick="showPowerActionDlg()">
402
+ <div class=icon2 style="float:left;margin:7px"></div>
403
+ <div style='width:auto;border-radius:8px;padding:8px;background-color:lightsalmon'>Remote computer is not powered on, click here to issue a power command.</div>
404
+ </div>
405
+ <table id=deskarea0 cellpadding=0 cellspacing=0 style="width:100%;padding:0px;padding:0px;margin-top:0px">
406
+ <tr id=deskarea1>
407
+ <td style="padding-top:2px;padding-bottom:2px;background:#C0C0C0">
408
+ <div style="float:right;text-align:right">
409
+ <span id="p14power"></span>
410
+ <div style='cursor:pointer;border:none;float:right;font-size:130%;margin-right:4px' title="Rotate Left" onclick="drotate(-1)">↺</div>
411
+ <div style='cursor:pointer;border:none;float:right;font-size:130%;margin-right:4px' title="Rotate Right" onclick="drotate(1)">↻</div>
412
+ <input id="deskFocusBtn" type="button" title="Toggle focus mode, when active only the region around the mouse is updated" onkeypress="return false" onkeydown="return false" value="Focus All" onclick="deskToggleFocus()" style="margin-right:3px;display:none">
413
+ <input id="deskSaveBtn" type="button" title="Save a screenshot of the remote desktop" onkeypress="return false" onkeydown="return false" value="Save..." onclick=deskSaveImage() style=margin-right:3px>
414
+ <input id="deskActionsBtn" type=button title="Perform power actions on the device" onkeypress="return false" onkeydown="return false" value=Actions onclick=deviceActionFunction() style=margin-right:3px />
415
+ <input id="deskActionsSettings" type="button" value="Settings..." title="Edit remote desktop settings" onkeypress="return false" onkeydown="return false" onclick="showDesktopSettings()" style="margin-right:3px">
416
+ <input type="button" title="Change the power state of the remote machine" onkeypress="return false" onkeydown="return false" value="Power Actions..." onclick="showPowerActionDlg()" style="margin-right:3px;display:none">
417
+ </div>
418
+ <div>
419
+ <div id="idx_deskFullBtn2" onclick=deskToggleFull(event) style="float:left;font-size:large;cursor:pointer;display:none"> ✖</div>
420
+ <input type="button" id="autoconnectbutton1" value="AutoConnect" onclick=autoConnectDesktop(event) onkeypress="return false" onkeydown="return false" style="display:none">
421
+ <span id=connectbutton1span> <input type=button id=connectbutton1 value="Connect" onclick=connectDesktop(event,1) onkeypress="return false" onkeydown="return false" disabled="disabled"></span>
422
+ <span id=connectbutton1hspan> <input type=button id=connectbutton1h value="HW Connect" onclick=connectDesktop(event,2) onkeypress="return false" onkeydown="return false" disabled="disabled"></span>
423
+ <span id=disconnectbutton1span> <input type=button id=disconnectbutton1 value="Disconnect" onclick=connectDesktop(event,0) onkeypress="return false" onkeydown="return false"></span>
424
+ <span id="deskstatus">Disconnected</span>
425
+ </div>
426
+ </td>
427
+ </tr>
428
+ <tr id=deskarea2>
429
+ <td>
430
+ <div style=background-color:gray><div id=progressbar style=height:2px;width:0%;background-color:red></div></div>
431
+ </td>
432
+ </tr>
433
+ <tr id=deskarea3>
434
+ <td id=deskarea3x style="background:black;text-align:center;position:relative;overflow:hidden">
435
+ <div id=DeskFocus style="overflow:hidden;color:transparent;border:3px dotted rgba(255,0,0,.2);position:absolute;border-radius:5px" oncontextmenu="return false" onmousedown=dmousedown(event) onmouseup=dmouseup(event) onmousemove=dmousemove(event)></div>
436
+ <div id=DeskParent style="overflow:hidden">
437
+ <canvas id=Desk width=640 height=480 style="overflow:hidden;width:100%;-ms-touch-action:none;margin-left:0px" oncontextmenu="return false" onmousedown=dmousedown(event) onmouseup=dmouseup(event) onmousemove=dmousemove(event) onmousewheel=dmousewheel(event)></canvas>
438
+ </div>
439
+ <div id=DeskTools style="position:absolute;width:400px;height:100%;background-color:gray;top:0;right:0;border-left:2px solid lightgray;display:none">
440
+ <a id=DeskToolsRefreshButton style="float:right;padding:3px;cursor:pointer" onclick="refreshDeskTools()">Refresh</a>
441
+ <div id=DeskToolsBar style="position:absolute;padding:3px;border-radius: 3px 3px 0px 0px;top:5px;left:4px;bottom:26px;background-color:lightgray;cursor:pointer">Processes</div>
442
+ <div style="position:absolute;top:26px;left:4px;right:4px;bottom:4px;background-color:lightgray;text-align:left">
443
+ <div style="border-bottom:1px solid darkgray;padding:3px"><a style=width:50px;padding-right:5px;float:left;cursor:pointer title="Sort by process id" onclick=sortProcess(0)>PID</a><a style=cursor:pointer title="Sort by name" onclick=sortProcess(1)>Name</a></div>
444
+ <div id="DeskToolsProcesses" style="overflow-y:scroll;position:absolute;top:24px;bottom:0px;width:100%"></div>
445
+ </div>
446
+ </div>
447
+ </td>
448
+ </tr>
449
+ <tr id=deskarea4>
450
+ <td style=padding-top:2px;padding-bottom:2px;background:#C0C0C0>
451
+ <div style=float:right;text-align:right>
452
+ <select id=termdisplays style=display:none onchange=deskSetDisplay(event) onclick=deskGetDisplayNumbers(event)></select>
453
+ <input id=DeskToolsButton type=button value=Tools title="Toggle tools view" onkeypress="return false" onkeydown="return false" onclick="toggleDeskTools()">
454
+ <span id=DeskChatButton style="float:right;margin-top:1px;margin-right:4px;cursor:pointer" title="Open chat window to this computer"><img src='images/icon-chat.png' onclick=deviceChat() height=16 width=16 style=padding-top:2px /></span>
455
+ <span id=DeskNotifyButton style="float:right;margin-top:1px;margin-right:4px;cursor:pointer" title="Display a notification on the remote computer"><img src='images/icon-notify.png' onclick=deviceToastFunction() height=16 width=16 style=padding-top:2px /></span>
456
+ <span id=DeskOpenWebButton style="float:right;margin-top:1px;margin-right:4px;cursor:pointer" title="Open a web address on remote computer"><img src='images/icon-url2.png' onclick=deviceUrlFunction() height=16 width=16 style=padding-top:2px /></span>
457
+ </div>
458
+ <div>
459
+ <select style="margin-left:6px" id="deskkeys">
460
+ <option value=5>Win</option>
461
+ <option value=0>Win+Down</option>
462
+ <option value=1>Win+Up</option>
463
+ <option value=2>Win+L</option>
464
+ <option value=3>Win+M</option>
465
+ <option value=4>Shift+Win+M</option>
466
+ <option value=6>Win+R</option>
467
+ </select>
468
+ <input id="DeskWD" type=button value="Send" onkeypress="return false" onkeydown="return false" onclick="deskSendKeys()">
469
+ <input id="DeskCAD" style="margin-left:6px" type="button" value="Ctrl-Alt-Del" onkeypress="return false" onkeydown="return false" onclick="sendCAD()">
470
+ <span id="DeskControlSpan" style="margin-left:6px" title="Toggle mouse and keyboard input"><input id="DeskControl" type="checkbox" onkeypress="return false" onkeydown="return false" onclick="toggleKvmControl()">Input</span>
471
+ </div>
472
+ </td>
473
+ </tr>
474
+ </table>
475
+ </div>
476
+ <div id=p12 style="display:none">
477
+ <div id="p12title">
478
+ <div style="float:left"><div class="backButton" onclick=goBack() title="Back"><div class="backButtonEx"></div></div></div>
479
+ <h1>Terminal - <span id=p12deviceName></span></h1>
480
+ </div>
481
+ <div id="p12warning" style='max-width:100%;display:none;cursor:pointer;margin-bottom:5px' onclick=showFeaturesDlg()>
482
+ <div class="icon2" style="float:left;margin:7px"></div>
483
+ <div style='width:auto;border-radius:8px;padding:8px;background-color:lightsalmon'>Intel® AMT Redirection port or KVM feature is disabled<span id="p14warninga">, click here to enable it.</span></div>
484
+ </div>
485
+ <div id="p12warning2" style='max-width:100%;display:none;cursor:pointer;margin-bottom:5px' onclick=showPowerActionDlg()>
486
+ <div class="icon2" style="float:left;margin:7px"></div>
487
+ <div style='width:auto;border-radius:8px;padding:8px;background-color:lightsalmon'>Remote computer is not powered on, click here to issue a power command.</div>
488
+ </div>
489
+ <table cellpadding=0 cellspacing=0 style="width:100%;padding:0px;padding:0px;margin-top:0px">
490
+ <tr>
491
+ <td style="padding-top:2px;padding-bottom:2px;background:#C0C0C0">
492
+ <div style="float:right;text-align:right">
493
+ <input id="termActionsBtn" type=button title="Perform power actions on the device" onkeypress="return false" onkeydown="return false" value=Actions onclick=deviceActionFunction() style=margin-right:3px />
494
+ </div>
495
+ <div>
496
+ <input type="button" id="autoconnectbutton2" value="AutoConnect" onclick=autoConnectTerminal(event) onkeypress="return false" onkeydown="return false" style="display:none">
497
+ <span id="connectbutton2span"> <input type="button" id="connectbutton2" value="Connect" onclick=connectTerminal(event,1) onkeypress="return false" onkeydown="return false" disabled="disabled"></span>
498
+ <span id="connectbutton2hspan"> <input type="button" id="connectbutton2h" value="HW Connect" onclick=connectTerminal(event,2) onkeypress="return false" onkeydown="return false" disabled="disabled"></span>
499
+ <span id="disconnectbutton2span"> <input type="button" id="disconnectbutton2" value="Disconnect" onclick=connectTerminal(event,0) onkeypress="return false" onkeydown="return false"></span>
500
+ <span id="termstatus">Disconnected</span>
501
+ </div>
502
+ </td>
503
+ </tr>
504
+ <tr>
505
+ <td>
506
+ <div style="background-color:gray"><div id="termprogressbar" style="height:2px;width:0%;background-color:red"></div></div>
507
+ </td>
508
+ </tr>
509
+ <tr>
510
+ <td style="background:black;text-align:center;height:500px;position:relative">
511
+ <pre id="Term" style="background:black;margin:0;padding:0"></pre>
512
+ </td>
513
+ </tr>
514
+ <tr>
515
+ <td style="padding-top:2px;padding-bottom:2px;background:#C0C0C0">
516
+ <div style="float:right;text-align:right">
517
+ <span id="terminalSettingsButtons" style="display:none">
518
+ <input id="id_tcrbutton" type="button" onkeypress="return false" onkeydown="return false" class="bottombutton" value="CR+LF" title="Toggle what the return key will send" onclick="termToggleCr()">
519
+ <input id="id_tfxkeysbutton" type="button" onkeypress="return false" onkeydown="return false" class="bottombutton" value="Intel (F10 = ESC+[OM)" title="Toggle F1 to F10 keys emulation type" onclick="termToggleFx()">
520
+ <input id="id_ttypebutton" type="button" onkeypress="return false" onkeydown="return false" class="bottombutton" value="Extended Ascii" title="Toggle terminal emulation type" onclick="termToggleType()">
521
+ </span>
522
+ <select id="specialkeylist" onkeypress="return false" style="margin-left:5px"></select>
523
+ <input id="specialkeylistinput" type="button" onkeypress="return false" class="bottombutton" value="Send" title="Send the selected special key" onclick="sendSpecialKey()" />
524
+ </div>
525
+ <div>
526
+
527
+ <input type=button onkeypress="return false" onkeydown="return false" class="bottombutton" id="ctrlcbutton" value="Ctl-C" onclick="termSendKey(3,'ctrlcbutton')" />
528
+ <input type=button onkeypress="return false" onkeydown="return false" class="bottombutton" id="ctrlxbutton" value="Ctl-X" onclick="termSendKey(24,'ctrlxbutton')" />
529
+ <input type=button onkeypress="return false" onkeydown="return false" class="bottombutton" id="escbutton" value="ESC" onclick="termSendKey(27,'escbutton')" />
530
+ <input type=button onkeypress="return false" onkeydown="return false" class="bottombutton" id="bsbutton" value="Backspace" onclick="termSendKey(8,'bsbutton')" />
531
+ <input type=button onkeypress="return false" onkeydown="return false" class="bottombutton" id="pastebutton" value="Paste" title="Paste text into the terminal" onclick="showTermPasteDialog()" />
532
+ </div>
533
+ </td>
534
+ </tr>
535
+ </table>
536
+ </div>
537
+ <div id=p13 style=display:none>
538
+ <div id="p13title">
539
+ <div style="float:left"><div class="backButton" onclick=goBack() title="Back"><div class="backButtonEx"></div></div></div>
540
+ <h1>Files - <span id=p13deviceName></span></h1>
541
+ </div>
542
+ <table id="p13toolbar" style="width: 100%" cellpadding="0" cellspacing="0">
543
+ <tr>
544
+ <td style="background-color:#C0C0C0;border-bottom:2px solid black;padding:2px">
545
+ <div style="float:right;text-align:right">
546
+ <input id="filesActionsBtn" type=button title="Perform power actions on the device" onkeypress="return false" onkeydown="return false" value=Actions onclick=deviceActionFunction() style=margin-right:3px />
547
+ </div>
548
+ <div>
549
+ <input id=p13AutoConnect value="AutoConnect" onclick=autoConnectFiles(event) onkeypress="return false" onkeydown="return false" type="button" style="display:none">
550
+ <input id=p13Connect value="Connect" onclick=connectFiles(event) onkeypress="return false" onkeydown="return false" type="button">
551
+ <span id=p13Status>Disconnected</span>
552
+ </div>
553
+ </td>
554
+ </tr>
555
+ <tr>
556
+ <td style="width:100%;background-color:#d3d9d6;text-align:left;padding:4px" valign=bottom>
557
+ <div id="p13rightOfButtons" style="float:right;margin-top:3px"></div>
558
+ <div>
559
+ <input type=button id=p13FolderUp disabled="disabled" onclick="p13folderup()" value="Up" />
560
+ <input type=button id=p13SelectAllButton disabled="disabled" onclick="p13selectallfile()" value="Select All" onkeypress="return false" onkeydown="return false" />
561
+ <input type=button id=p13RenameFileButton disabled="disabled" value="Rename" onclick="p13renamefile()" onkeypress="return false" onkeydown="return false" />
562
+ <input type=button id=p13DeleteFileButton disabled="disabled" value="Delete" onclick="p13deletefile()" onkeypress="return false" onkeydown="return false" />
563
+ <input type=button id=p13NewFolderButton disabled="disabled" value="New Folder" onclick="p13createfolder()" onkeypress="return false" onkeydown="return false" />
564
+ <input type=button id=p13UploadButton disabled="disabled" value="Upload" onclick="p13uploadFile()" onkeypress="return false" onkeydown="return false" />
565
+ <input type=button id=p13CutButton disabled="disabled" value="Cut" onclick="p13copyFile(1)" onkeypress="return false" onkeydown="return false" />
566
+ <input type=button id=p13CopyButton disabled="disabled" value="Copy" onclick="p13copyFile(0)" onkeypress="return false" onkeydown="return false" />
567
+ <input type=button id=p13PasteButton disabled="disabled" value="Paste" onclick="p13pasteFile()" onkeypress="return false" onkeydown="return false" />
568
+ <input type=button id=p13RefreshButton disabled="disabled" value="Refresh" onclick="p13folderup(9999)" onkeypress="return false" onkeydown="return false" />
569
+ </div>
570
+ </td>
571
+ </tr>
572
+ <tr>
573
+ <td style="background-color:#E4E9E7;height:28px">
574
+ <div style=float:right>
575
+ <select id=p13sortdropdown onchange=p13updateFiles()>
576
+ <option value=1 selected="selected">Sort by name</option>
577
+ <option value=2>Sort by size</option>
578
+ <option value=3>Sort by date</option>
579
+ <option value=4>Descend by name</option>
580
+ <option value=5>Descend by size</option>
581
+ <option value=6>Descend by date</option>
582
+ </select>
583
+ </div>
584
+ <div> <span id="p13currentpath"></span></div>
585
+ </td>
586
+ </tr>
587
+ </table>
588
+ <div id="p13filetable" style="width:100%;height:calc(100vh - 346px);overflow:auto;-webkit-user-select:none">
589
+ <div id="p13bigok" style="width:256px;overflow:hidden;position:absolute;left:337px;top:200px;text-align:center;font-size:1600%;color:#AAAAAA;display:none"><b>✓</b></div>
590
+ <div id="p13bigfail" style="width:256px;overflow:hidden;position:absolute;left:337px;top:200px;text-align:center;font-size:1600%;color:#AAAAAA;display:none"><b>✗</b></div>
591
+ <span id="p13files"></span>
592
+ </div>
593
+ <table id="p13toolbarBottom" style=width:100% cellpadding=0 cellspacing=0>
594
+ <tr><td class=style6 style="text-align:left;padding:3px"> <span id="p13bottomstatus"></span></td></tr>
595
+ </table>
596
+ </div>
597
+ <div id=p14 style=display:none>
598
+ <div id="p14title">
599
+ <div style="float:left"><div class="backButton" onclick=goBack() title="Back"><div class="backButtonEx"></div></div></div>
600
+ <h1>Intel® AMT - <span id=p14deviceName></span></h1>
601
+ </div>
602
+ <iframe id=p14iframe style="width:100%;height:calc(100vh - 242px);border:0;overflow:hidden" src="/commander.htm"></iframe>
603
+ </div>
604
+ <div id=p15 style=display:none>
605
+ <div id="p15title">
606
+ <div style="float:left"><div class="backButton" onclick=goBack() title="Back"><div class="backButtonEx"></div></div></div>
607
+ <h1>Console - <span id=p15deviceName></span></h1>
608
+ </div>
609
+ <table cellpadding=0 cellspacing=0 style="width:100%;padding:0px;padding:0px;margin-top:0px">
610
+ <tr>
611
+ <td style=background:#C0C0C0>
612
+ <div style=float:right;padding-right:4px>
613
+ <div style=padding:4px;display:inline-block id=p15coreName title="Information about current core running on this agent"></div>
614
+ <input type=button id=p15uploadCore value="Agent Action" onclick=p15uploadCore(event) title="Change the agent Java Script code module" />
615
+ </div>
616
+ <div id="p15statetext" style=padding:4px></div>
617
+ </td>
618
+ </tr>
619
+ <tr>
620
+ <td>
621
+ <div style="background-color:gray"><div id="consoleprogressbar" style="height:2px;width:0%;background-color:red"></div></div>
622
+ </td>
623
+ </tr>
624
+ <tr>
625
+ <td id=p15agentConsole style="background:black;margin:0;padding:0;color:lightgray;width:100%;height:calc(100vh - 296px);max-height:500px;position:relative">
626
+ <pre id=p15agentConsoleText style="position:absolute;margin:0;padding:0;top:0;bottom:0;left:0;right:0;overflow-y:scroll;overflow-x:auto"></pre>
627
+ </td>
628
+ </tr>
629
+ <tr>
630
+ <td style="padding-top:2px;padding-bottom:2px;background:#C0C0C0">
631
+ <table style="width:100%">
632
+ <tr>
633
+ <td style="width:99%">
634
+ <input id=p15consoleText style=width:100% onkeyup=p15consoleSend(event) onfocus=onConsoleFocus(1) onblur=onConsoleFocus(0) />
635
+ </td>
636
+ <td> </td>
637
+ <td style="width:1%"><input id="id_p15consoleClear" type="button" onkeypress="return false" onkeydown="return false" class="bottombutton" value="Clear" onclick="p15consoleClear()"></td>
638
+ </tr>
639
+ </table>
640
+ </td>
641
+ </tr>
642
+ </table>
643
+ </div>
644
+ <div id=p16 style=display:none>
645
+ <div id="p16title">
646
+ <div style="float:left"><div class="backButton" onclick=goBack() title="Back"><div class="backButtonEx"></div></div></div>
647
+ <h1>Events - <span id=p16deviceName></span></h1>
648
+ </div>
649
+ <div style=width:100%;height:24px;background-color:#d3d9d6;margin-bottom:4px>
650
+ <div class=style7 style=width:16px;height:100%;float:left> </div>
651
+ <div class=h1 style=height:100%;float:left> </div>
652
+ <!--<div class=style14 style=height:100%;float:left> <input id=p31deleteall type=button style=display:none value="Delete All..." /> </div>-->
653
+ <div class=style14 style=height:100%;float:left> <input type=button value=Refresh onclick=refreshDeviceEvents() /> </div>
654
+ <div class="auto-style1" style="height:100%;float:right">
655
+ Show
656
+ <select id=p16limitdropdown onchange=refreshDeviceEvents()>
657
+ <option value=60>Last 60</option>
658
+ <option value=120>Last 120</option>
659
+ <option value=250>Last 250</option>
660
+ <option value=500>Last 500</option>
661
+ <option value=1000>Last 1000</option>
662
+ </select>
663
+ <div style="height:100%;width:20px;float:right;background-color:#ffffff"></div>
664
+ <div class=h2 style=height:100%;float:right> </div>
665
+ </div>
666
+ </div>
667
+ <div id=p16events style="max-height:calc(100vh - 267px);overflow-y:auto"></div>
668
+ </div>
669
+ <div id=p20 style="display:none">
670
+ <picture id=MainMeshImage style=border-width:0px;height:200px;width:200px;float:right>
671
+ <source type="image/webp" width=200 height=200 srcset="images/webp/mesh-200.webp">
672
+ <img alt="" width=200 height=200 src=images/mesh-200.jpg />
673
+ </picture>
674
+ <div style="float:left"><div class="backButton" onclick=goBack() title="Back"><div class="backButtonEx"></div></div></div>
675
+ <h1>General - <span id=p20meshName></span></h1>
676
+ <p id=p20info></p>
677
+ </div>
678
+ <div id=p30 style=display:none>
679
+ <table style="width:100%" cellpadding="0" cellspacing="0">
680
+ <tr>
681
+ <td style=width:auto valign=top>
682
+ <div id="p30title">
683
+ <div style="float:left"><div class="backButton" onclick=goBack() title="Back"><div class="backButtonEx"></div></div></div>
684
+ <h1>General - <span id=p30userName></span></h1>
685
+ </div>
686
+ <div id=p30html></div>
687
+ </td>
688
+ <td style=width:20px></td>
689
+ <td style=width:200px>
690
+ <picture id=MainUserImage style=border-width:0px;height:200px;width:200px;float:right>
691
+ <source type="image/webp" width=200 height=200 srcset="images/webp/user-200.webp">
692
+ <img alt="" width=200 height=200 src=images/user-200.jpg />
693
+ </picture>
694
+ <div style="width:100%;text-align:center"><strong><span id=MainUserState></span></strong></div>
695
+ </td>
696
+ </tr>
697
+ </table><br>
698
+ <div id=p30html2></div>
699
+ <div id=p30html3></div>
700
+ </div>
701
+ <div id=p31 style=display:none>
702
+ <div style="float:left"><div class="backButton" onclick=goBack() title="Back"><div class="backButtonEx"></div></div></div>
703
+ <h1>Events - <span id=p31userName></span></h1>
704
+ <div style=width:100%;height:24px;background-color:#d3d9d6;margin-bottom:4px>
705
+ <div class=style7 style=width:16px;height:100%;float:left> </div>
706
+ <div class=h1 style=height:100%;float:left> </div>
707
+ <!--<div class=style14 style=height:100%;float:left> <input id=p31deleteall type=button style=display:none value="Delete All..." /> </div>-->
708
+ <div class=style14 style=height:100%;float:left> <input type=button value=Refresh onclick=refreshUsersEvents() /> </div>
709
+ <div class="auto-style1" style="height:100%;float:right">
710
+ Show
711
+ <select id=p31limitdropdown onchange=refreshUsersEvents()>
712
+ <option value=60>Last 60</option>
713
+ <option value=120>Last 120</option>
714
+ <option value=250>Last 250</option>
715
+ <option value=500>Last 500</option>
716
+ <option value=1000>Last 1000</option>
717
+ </select>
718
+ <div style="height:100%;width:20px;float:right;background-color:#ffffff"></div>
719
+ <div class="h2" style="height:100%;float:right;"> </div>
720
+ </div>
721
+ </div>
722
+ <div id=p31events style="max-height:calc(100vh - 267px);overflow-y:scroll"></div>
723
+ </div>
724
+ <br id="column_l_bottomgap" />
725
+ </div>
726
+ <div id=footer class=noselect>
727
+ <table cellpadding=0 cellspacing=10 style="width:100%">
728
+ <tr>
729
+ <td style="text-align:left;color:white">
730
+ {{{footer}}}
731
+ </td>
732
+ <td style="text-align:right">
733
+ <a id="verifyEmailId2" style="color:yellow;margin-left:3px;cursor:pointer;display:none" onclick="account_showVerifyEmail()">Verify Email</a>
734
+ <a style="margin-left:3px" href="terms">Terms & Privacy</a>
735
+ </td>
736
+ </tr>
737
+ </table>
738
+ </div>
739
+ <div id=dialog style="z-index:1000;background-color:#EEE;box-shadow:0px 0px 15px #666;font-family:Arial,Helvetica,sans-serif;border-radius:5px;position:fixed;top:160px;width:400px;left:calc((100% / 2) - 200px);display:none">
740
+ <div style="width:100%;background-color:#003366;color:#FFF;border-radius:5px 5px 0 0">
741
+ <div id=id_dialogclose style=float:right;padding:3px;margin-right:3px;cursor:pointer onclick=setDialogMode()>✖</div>
742
+ <div id=id_dialogtitle style=padding:5px></div>
743
+ <div style=width:100%;margin:6px></div>
744
+ </div>
745
+ <div style="margin-right:16px;margin-left:8px">
746
+ <div id=dialog1 style="margin:auto;text-align:center;margin:3px">
747
+ <div id=id_dialogMessage style="padding:10px"></div>
748
+ </div>
749
+ <div id=dialog2 style="margin:auto;margin:3px">
750
+ <div id=id_dialogOptions></div>
751
+ </div>
752
+ <div id=dialog3 style="margin:auto;margin:3px">
753
+ <div style=height:26px>
754
+ <select id=d3uploadMode style=float:right;width:260px onchange=d3modechange()>
755
+ <option value=1>Local file upload</option>
756
+ <option value=2>Server file selection</option>
757
+ </select>
758
+ <div>File Selection</div>
759
+ </div>
760
+ <div id=d3localmode style=height:26px;display:none>
761
+ <form id=d3localmodeform method=post enctype=multipart/form-data action=uploadfile.ashx target=fileUploadFrame>
762
+ <input type=text id=d3attrib name=attrib style=display:none />
763
+ <input type=file id=d3localFile name=files style=float:right;width:260px onchange=d3setActions() />
764
+ <input type=submit id=d3submit style=display:none />
765
+ </form>
766
+ <div>Upload File</div>
767
+ </div>
768
+ <div id=d3servermode>
769
+ <div style="width:100%;background-color:#d3d9d6;text-align:left;padding:3px" valign=bottom>
770
+ <input type=button id=p3FolderUp disabled="disabled" onclick=d3folderup() value="Up" />
771
+ </div>
772
+ <div id=d3serverfiles style="width:100%;height:150px;background-color:white;padding:2px;border:1px solid gray;overflow-y:scroll"></div>
773
+ </div>
774
+ </div>
775
+ <div id=dialog7 style="margin:auto;margin:3px">
776
+ <div id="d7meshkvm">
777
+ <h4 style="width:100%;border-bottom:1px solid gray">Agent Remote Desktop</h4>
778
+ <div style="margin:3px 0 3px 0">
779
+ <select id="d7bitmapquality" style="float:right;width:200px;height:20px" dir="rtl"></select>
780
+ <div style="height:20px">Quality</div>
781
+ </div>
782
+ <div style="margin:3px 0 3px 0">
783
+ <select id="d7bitmapscaling" style="float:right;width:200px;height:20px" dir="rtl">
784
+ <option selected=selected value=1024>100%</option>
785
+ <option value=896>87.5%</option>
786
+ <option value=768>75%</option>
787
+ <option value=640>62.5%</option>
788
+ <option value=512>50%</option>
789
+ <option value=384>37.5%</option>
790
+ <option value=256>25%</option>
791
+ <option value=128>12.5%</option>
792
+ </select>
793
+ <div style="height:20px">Scaling</div>
794
+ </div>
795
+ <div style="margin:3px 0 3px 0">
796
+ <select id="d7framelimiter" style="float:right;width:200px;height:20px" dir="rtl">
797
+ <option selected=selected value=50>Fast</option>
798
+ <option value=100>Medium</option>
799
+ <option value=400>Slow</option>
800
+ <option value=1000>Very slow</option>
801
+ </select>
802
+ <div style="height:20px">Frame rate</div>
803
+ </div>
804
+ </div>
805
+ <div id="d7amtkvm">
806
+ <h4 style="width:100%;border-bottom:1px solid gray">Intel® AMT Hardware KVM</h4>
807
+ <div style='height:26px'>
808
+ <select id="d7desktopmode" style="float:right;width:200px">
809
+ <option value="1">RLE8, Fastest</option>
810
+ <option value="2">RLE16, Recommended</option>
811
+ <option value="3">RAW8, Slow</option>
812
+ <option value="4">RAW16, Very Slow</option>
813
+ </select>
814
+ <div>Image Encoding</div>
815
+ </div>
816
+ <div style="height:60px">
817
+ <div style="float:right;border:1px solid #666;width:200px;height:60px;overflow-y:scroll;background-color:white">
818
+ <input type="checkbox" id='d7showfocus'>Show Focus Tool<br>
819
+ <input type="checkbox" id='d7showcursor'>Show Local Mouse Cursor<br>
820
+ </div>
821
+ <div>Other Settings</div>
822
+ </div>
823
+ </div>
824
+ </div>
825
+ </div>
826
+ <div id="idx_dlgButtonBar" style="padding:10px;margin-bottom:4px">
827
+ <input id="idx_dlgCancelButton" type="button" value="Cancel" style="float:right;width:80px;margin-left:5px" onclick="dialogclose(0)">
828
+ <input id="idx_dlgOkButton" type="button" value="OK" style="float:right;width:80px" onclick="dialogclose(1)">
829
+ <div style="height:25px"><input id=idx_dlgDeleteButton type=button value=Delete style="width:80px;display:none" onclick="dialogclose(2)"></div>
830
+ </div>
831
+ </div>
832
+ <iframe name="fileUploadFrame" style=display:none></iframe>
833
+ <form style=display:none method=post action=uploadfile.ashx enctype=multipart/form-data target=fileUploadFrame><input id=p5fileDragName name="name"><input id=p5fileDragSize name="size"><input id=p5fileDragType name="type"><input id=p5fileDragData name="data"><input id=p5fileDragLink name="link"><input type=submit id=p5loginSubmit2 style=display:none /></form>
834
+ <form style=display:none method=post action=uploadnodefile.ashx enctype=multipart/form-data target=fileUploadFrame><input id=p13fileDragName name="name"><input id=p13fileDragSize name="size"><input id=p13fileDragType name="type"><input id=p13fileDragData name="data"><input id=p13fileDragLink name="link"><input type=submit id=p13loginSubmit2 style=display:none /></form>
835
+ <audio id="chimes"><source src="sounds/chimes.mp3" type="audio/mp3"></audio>
836
+ </div>
837
+ </div>
838
+ <script type="text/javascript">
839
+ 'use strict';
840
+ var args;
841
+ var powerStatetable = ['', 'Powered', 'Sleep', 'Sleep', 'Sleep', 'Hibernating', 'Power off', 'Present'];
842
+ var StatusStrs = ['Disconnected', 'Connecting...', 'Setup...', 'Connected', 'Intel® AMT Connected'];
843
+ var sort = 0;
844
+ var searchFocus = 0;
845
+ var mapSearchFocus = 0;
846
+ var userSearchFocus = 0;
847
+ var consoleFocus = 0;
848
+ var showRealNames = false;
849
+ var meshserver = null;
850
+ var meshes = {};
851
+ var meshcount = 0;
852
+ var nodes = [];
853
+ var filetree = {};
854
+ var userinfo = null;
855
+ var serverinfo = null;
856
+ var events = [];
857
+ var users = null;
858
+ var wssessions = null;
859
+ var nodeShortIdent = 0;
860
+ var desktop;
861
+ var desktopsettings = { encoding: 2, showfocus: false, showmouse: true, showcad: true, quality: 40, scaling: 1024, framerate: 50 };
862
+ var multidesktopsettings = { quality: 20, scaling: 128, framerate: 1000 };
863
+ var terminal;
864
+ var files;
865
+ var debugLevel = parseInt("{{{debuglevel}}}");
866
+ var features = parseInt("{{{features}}}");
867
+ var sessionTime = parseInt("{{{sessiontime}}}");
868
+ var domain = "{{{domain}}}";
869
+ var domainUrl = "{{{domainurl}}}";
870
+ var multiDesktop = {};
871
+ var multiDesktopFilter = null;
872
+ var serverPublicNamePort = "{{{serverDnsName}}}:{{{serverPublicPort}}}";
873
+ var amtScanResults = null;
874
+ var debugmode = 0;
875
+ var clickOnce = (((features & 256) != 0) && detectClickOnce());
876
+ var attemptWebRTC = ((features & 128) != 0);
877
+ var webPageFullScreen = getstore('webPageFullScreen', true);
878
+ if (webPageFullScreen == 'false') { webPageFullScreen = false; }
879
+ if (webPageFullScreen == 'true') { webPageFullScreen = true; }
880
+ var passRequirements = "{{{passRequirements}}}";
881
+ if (passRequirements != "") { passRequirements = JSON.parse(decodeURIComponent(passRequirements)); }
882
+
883
+ function startup() {
884
+ if ((features & 32) == 0) {
885
+ // Guard against other site's top frames (web bugs).
886
+ var loc = null;
887
+ try { loc = top.location.toString().toLowerCase(); } catch (e) { }
888
+ if (top != self && (loc == null || top.active == false)) { top.location = self.location; return; }
889
+ }
890
+
891
+ toggleFullScreen();
892
+
893
+ // Check if we are in debug mode
894
+ args = parseUriArgs();
895
+ debugmode = args.debug;
896
+ if (args.webrtc != null) { attemptWebRTC = (args.webrtc == 1); }
897
+ QV('p13AutoConnect', debugmode); // Files
898
+ QV('autoconnectbutton2', debugmode); // Terminal
899
+ QV('autoconnectbutton1', debugmode); // Desktop
900
+
901
+ // Setup page visuals
902
+ if (args.hide) {
903
+ var hide = parseInt(args.hide);
904
+ QV('masthead', !(hide & 1));
905
+ QV('topbarmaster', !(hide & 2));
906
+ QV('page_leftbar', !(hide & 2));
907
+ QV('footer', !(hide & 4));
908
+ QV('p10title', !(hide & 8));
909
+ QV('p11title', !(hide & 8));
910
+ QV('p12title', !(hide & 8));
911
+ QV('p13title', !(hide & 8));
912
+ QV('p14title', !(hide & 8));
913
+ QV('p15title', !(hide & 8));
914
+ QV('p16title', !(hide & 8));
915
+ }
916
+ p1updateInfo();
917
+
918
+ // Setup the context menu
919
+ document.onclick = function (e) { hideContextMenu(); }
920
+ document.onkeypress = ondockeypress;
921
+ document.onkeydown = ondockeydown;
922
+ document.onkeyup = ondockeyup;
923
+ window.onresize = function () { masterUpdate(512); } // TODO: Could fix dialog box to always be centered using CSS.
924
+ masterUpdate(512);
925
+
926
+ // Connect to the mesh server
927
+ meshserver = MeshServerCreateControl(domainUrl);
928
+ meshserver.onStateChanged = onStateChanged;
929
+ meshserver.onMessage = onMessage;
930
+ meshserver.Start();
931
+
932
+ // Setup page controls
933
+ Q('sortselect').selectedIndex = sort = getstore("sort", 0);
934
+ Q('sizeselect').selectedIndex = getstore("viewsize", 1);
935
+ Q('SearchInput').value = getstore("search", "");
936
+ showRealNames = (getstore("showRealNames", 0) == 1);
937
+ Q('RealNameCheckBox').checked = showRealNames;
938
+ Q('viewselect').value = getstore("deviceView", 1);
939
+ Q('DeskControl').checked = (getstore('DeskControl', 1) == 1);
940
+
941
+ // Display the page devices
942
+ masterUpdate(3)
943
+ for (var j = 1; j < 5; j++) { Q('devViewButton' + j).classList.remove('viewSelectorSel'); }
944
+ Q('devViewButton' + Q('viewselect').value).classList.add('viewSelectorSel');
945
+
946
+
947
+ // Setup upload drag & drop
948
+ Q('p5filetable').addEventListener("drop", p5fileDragDrop, false);
949
+ Q('p5filetable').addEventListener("dragover", p5fileDragOver, false);
950
+ Q('p5filetable').addEventListener("dragleave", p5fileDragLeave, false);
951
+ //Q('p5fileCatchAllInput').addEventListener("drop", p5fileDragDrop, false);
952
+ //Q('p5fileCatchAllInput').addEventListener("dragover", p5fileDragOver, false);
953
+ //Q('p5fileCatchAllInput').addEventListener("dragleave", p5fileDragLeave, false);
954
+
955
+ // Setup upload drag & drop
956
+ Q('p13filetable').addEventListener("drop", p13fileDragDrop, false);
957
+ Q('p13filetable').addEventListener("dragover", p13fileDragOver, false);
958
+ Q('p13filetable').addEventListener("dragleave", p13fileDragLeave, false);
959
+
960
+ // Timeline update interval
961
+ setInterval(updateDeviceTimeline, 120000); // Check every 2 minutes
962
+
963
+ // Load desktop settings
964
+ var t = localStorage.getItem('desktopsettings');
965
+ if (t != null) { desktopsettings = JSON.parse(t); }
966
+ t = localStorage.getItem('multidesktopsettings');
967
+ if (t != null) { multidesktopsettings = JSON.parse(t); }
968
+ applyDesktopSettings();
969
+
970
+ // Terminal special keys
971
+ var x = '';
972
+ for (var c = 1; c < 27; c++) x += "<option value='" + c + "'>Ctrl-" + String.fromCharCode(64 + c) + " (" + c + ")</option>";
973
+ QH('specialkeylist', x);
974
+
975
+ // Setup server stats panel
976
+ setupServerStats();
977
+ }
978
+
979
+ // Toggle the web page to full screen
980
+ function toggleFullScreen(toggle) {
981
+ if (toggle === 1) { webPageFullScreen = !webPageFullScreen; putstore('webPageFullScreen', webPageFullScreen); }
982
+ if (webPageFullScreen == false) {
983
+ QS('container').width = '960px';
984
+ QS('container')['border-right'] = '1px solid #b7b7b7';
985
+ QS('container')['border-left'] = '1px solid #b7b7b7';
986
+ QS('container')['min-width'] = '960px';
987
+ QS('container')['overflow'] = '';
988
+ QS('column_l').width = '930px';
989
+ QS('column_l').height = '';
990
+ QS('column_l')['margin-left'] = '';
991
+ QS('column_l')["overflow-y"] = '';
992
+ QS('column_l')["max-height"] = (xxcurrentView >= 10) ? 'calc(100vh - 159px)' : 'calc(100vh - 135px)';
993
+ QS('container').position = '';
994
+ QS('page_content').position = '';
995
+ QV('MainMenuSpan', true);
996
+ QV('UserDummyMenuSpan', false);
997
+ QV('page_leftbar', false);
998
+ } else {
999
+ QS('container').position = 'absolute';
1000
+ QS('container').width = '100%';
1001
+ QS('container').top = '0px';
1002
+ QS('container').bottom = '0px';
1003
+ QS('container')['border-right'] = '0';
1004
+ QS('container')['border-left'] = '0';
1005
+ QS('container')['min-width'] = '700px';
1006
+ QS('container')['overflow'] = 'hidden';
1007
+ QS('page_content').position = 'absolute';
1008
+ QS('page_content').top = '66px';
1009
+ QS('page_content').left = '90px';
1010
+ QS('page_content').right = '0px';
1011
+ QS('page_content').bottom = '0px';
1012
+ QS('column_l').height = 'calc(100vh - 135px)';
1013
+ QS('column_l').width = 'calc(100% - 30px)';
1014
+ QS('column_l')["overflow-y"] = 'auto';
1015
+ QS('column_l')["max-height"] = 'calc(100vh - 135px)';
1016
+ QV('MainMenuSpan', false);
1017
+ QV('UserDummyMenuSpan', (xxcurrentView < 10) && webPageFullScreen);
1018
+ QV('page_leftbar', true);
1019
+ }
1020
+ //center();
1021
+ masterUpdate(512);
1022
+ QV('body', true);
1023
+ }
1024
+
1025
+ function getNodeFromId(id) { for (var i in nodes) { if (nodes[i]._id == id) return nodes[i]; } return null; }
1026
+ function reload() { window.location.href = window.location.href; }
1027
+
1028
+ function onStateChanged(server, state) {
1029
+ if (state == 0) {
1030
+ // Control web socket disconnected
1031
+ setDialogMode(0); // Close any dialog boxes if present
1032
+ go(0); // Go to disconnection panel
1033
+
1034
+ // Clean up
1035
+ powerTimeline = null;
1036
+ powerTimelineReq = null;
1037
+ powerTimelineNode = null;
1038
+ powerTimelineUpdate = null;
1039
+ deleteAllNotifications(); // Close and clear notifications if present
1040
+ hideContextMenu(); // Hide the context menu if present
1041
+ QV('verifyEmailId2', false);
1042
+ QV('logoutControl', false);
1043
+ setTimeout(serverPoll, 5000);
1044
+ } else if (state == 2) {
1045
+ // Fetch list of meshes, nodes, files
1046
+ meshserver.send({ action: 'meshes' });
1047
+ meshserver.send({ action: 'nodes' });
1048
+ meshserver.send({ action: 'files' });
1049
+ }
1050
+ }
1051
+
1052
+ // Poll the server, if it responds, refresh the page.
1053
+ function serverPoll() {
1054
+ var xdr = null;
1055
+ try { xdr = new XDomainRequest(); } catch (e) { }
1056
+ if (!xdr) xdr = new XMLHttpRequest();
1057
+ xdr.open("HEAD", window.location.href);
1058
+ xdr.timeout = 15000;
1059
+ xdr.onload = function () { reload(); };
1060
+ xdr.onerror = xdr.ontimeout = function () { setTimeout(serverPoll, 10000); };
1061
+ xdr.send();
1062
+ }
1063
+
1064
+ // Return true if this browser supports clickonce
1065
+ function detectClickOnce() {
1066
+ for (var i in window.navigator.mimeTypes) { if (window.navigator.mimeTypes[i].type == "application/x-ms-application") { return true; } }
1067
+ var userAgent = window.navigator.userAgent.toUpperCase();
1068
+ return (userAgent.indexOf('.NET CLR 3.5') >= 0) || (userAgent.indexOf('(WINDOWS NT ') >= 0);
1069
+ }
1070
+
1071
+ function updateSiteAdmin() {
1072
+ var noServerBackup = "{{{noServerBackup}}}";
1073
+ var siteRights = userinfo.siteadmin;
1074
+ if (noServerBackup == 1) { siteRights &= 0xFFFFFFFA; } // If not server backups allowed, remove server backup and restore permissions
1075
+
1076
+ // Update account actions
1077
+ QV('p2AccountActions', ((features & 4) == 0) && (serverinfo.domainauth == false)); // Hide Account Actions if in single user mode or domain authentication
1078
+ QV('p2ServerActions', siteRights & 21);
1079
+ QV('LeftMenuMyServer', siteRights & 21);
1080
+ QV('MainMenuMyServer', siteRights & 21);
1081
+ QV('p2ServerActionsBackup', siteRights & 1);
1082
+ QV('p2ServerActionsRestore', siteRights & 4);
1083
+ QV('p2ServerActionsVersion', siteRights & 16);
1084
+ QV('MainMenuMyFiles', siteRights & 8);
1085
+ QV('LeftMenuMyFiles', siteRights & 8);
1086
+ if (((siteRights & 8) == 0) && (xxcurrentView == 5)) { setDialogMode(0); go(1); }
1087
+ if (currentNode != null) { gotoDevice(currentNode._id, xxcurrentView, true); }
1088
+
1089
+ // Update user management state
1090
+ if ((userinfo.siteadmin & 2) != 0)
1091
+ {
1092
+ // We are user administrator
1093
+ if (users == null) { meshserver.send({ action: 'users' }); }
1094
+ if (wssessions == null) { meshserver.send({ action: 'wssessioncount' }); }
1095
+ } else {
1096
+ // We are not user administrator
1097
+ users = null;
1098
+ wssessions = null;
1099
+ updateUsers();
1100
+ if (xxcurrentView == 4 || ((xxcurrentView >= 30) && (xxcurrentView < 40))) { setDialogMode(0); go(1); currentUser = null; }
1101
+ }
1102
+ meshserver.send({ action: 'events', limit: parseInt(p3limitdropdown.value) });
1103
+ QV('p2deleteall', userinfo.siteadmin == 0xFFFFFFFF);
1104
+
1105
+ // If we are site administrator, register to get server statistics
1106
+ if ((siteRights & 21) != 0) { meshserver.send({ action: 'serverstats', interval: 10000 }); }
1107
+ }
1108
+
1109
+ // To boost the speed of the web page when even floods occur, this method perform a delayed update on the web page.
1110
+ var updateNaggleTimer = null;
1111
+ var updateNaggleFlags = 0;
1112
+ function masterUpdate(flags) {
1113
+ updateNaggleFlags |= flags;
1114
+ if (updateNaggleTimer == null) {
1115
+ updateNaggleTimer = setTimeout(function () {
1116
+ if (updateNaggleFlags & 512) { center(); }
1117
+ if (updateNaggleFlags & 1) { onSearchInputChanged(); }
1118
+ if (updateNaggleFlags & 2) { onSortSelectChange(true); }
1119
+ if (updateNaggleFlags & 128) { updateMeshes(); }
1120
+ if (updateNaggleFlags & 4) { updateDevices(); }
1121
+ if (updateNaggleFlags & 8) { drawNotifications(); }
1122
+ if (updateNaggleFlags & 16) { updateMapMarkers(); }
1123
+ if (updateNaggleFlags & 32) { eventsUpdate(); }
1124
+ if (updateNaggleFlags & 64) { refreshMap(false, true); }
1125
+ if (updateNaggleFlags & 256) { drawDeviceTimeline(); }
1126
+ if (updateNaggleFlags & 1024) { deviceEventsUpdate(); }
1127
+ if (updateNaggleFlags & 2048) { userEventsUpdate(); }
1128
+ updateNaggleTimer = null;
1129
+ updateNaggleFlags = 0;
1130
+ }, 150);
1131
+ }
1132
+ }
1133
+
1134
+ function onMessage(server, message) {
1135
+ switch (message.action) {
1136
+ case 'serverstats': {
1137
+ updateServerStats(message);
1138
+ break;
1139
+ }
1140
+ case 'serverinfo': {
1141
+ serverinfo = message.serverinfo;
1142
+ break;
1143
+ }
1144
+ case 'userinfo': {
1145
+ userinfo = message.userinfo;
1146
+ updateSiteAdmin();
1147
+ QV('verifyEmailId', (userinfo.emailVerified !== true) && (userinfo.email != null) && (serverinfo.emailcheck == true));
1148
+ QV('verifyEmailId2', (userinfo.emailVerified !== true) && (userinfo.email != null) && (serverinfo.emailcheck == true));
1149
+ QV('otpAuth', ((features & 4096) != 0) && (userinfo.otpsecret != 1));
1150
+ QV('otpAuthRemove', ((features & 4096) != 0) && (userinfo.otpsecret == 1));
1151
+ break;
1152
+ }
1153
+ case 'users': {
1154
+ users = {};
1155
+ for (var m in message.users) { users[message.users[m]._id] = message.users[m]; }
1156
+ updateUsers();
1157
+ break;
1158
+ }
1159
+ case 'wssessioncount': {
1160
+ wssessions = message.wssessions;
1161
+ updateUsers();
1162
+ break;
1163
+ }
1164
+ case 'meshes': {
1165
+ meshes = {};
1166
+ for (var m in message.meshes) { meshes[message.meshes[m]._id] = message.meshes[m]; }
1167
+ masterUpdate(4 + 128);
1168
+ break;
1169
+ }
1170
+ case 'files': {
1171
+ filetree = setupBackPointers(message.filetree);
1172
+ updateFiles();
1173
+ d3updatefiles();
1174
+ break;
1175
+ }
1176
+ case 'nodes': {
1177
+ nodes = [];
1178
+ for (var m in message.nodes) {
1179
+ if (!meshes[m]) { console.log('Invalid mesh (1): ' + m); continue; }
1180
+ for (var n in message.nodes[m]) {
1181
+ if (message.nodes[m][n]._id == null) { console.log('Invalid node (' + n + '): ' + JSON.stringify(message.nodes)); continue; }
1182
+ message.nodes[m][n].namel = message.nodes[m][n].name.toLowerCase();
1183
+ if (message.nodes[m][n].rname) { message.nodes[m][n].rnamel = message.nodes[m][n].rname.toLowerCase(); } else { message.nodes[m][n].rnamel = message.nodes[m][n].namel; }
1184
+ message.nodes[m][n].meshnamel = meshes[m].name.toLowerCase();
1185
+ message.nodes[m][n].meshid = m;
1186
+ message.nodes[m][n].state = (message.nodes[m][n].state)?(message.nodes[m][n].state):0;
1187
+ message.nodes[m][n].desc = message.nodes[m][n].desc;
1188
+ if (!message.nodes[m][n].icon) message.nodes[m][n].icon = 1;
1189
+ message.nodes[m][n].ident = ++nodeShortIdent;
1190
+ nodes.push(message.nodes[m][n]);
1191
+ }
1192
+ }
1193
+ masterUpdate(1 | 2 | 4 | 64);
1194
+
1195
+ if (xxcurrentView == 0) { if ('{{viewmode}}' != '') { go(parseInt('{{viewmode}}')); } else { setDialogMode(0); go(1); } }
1196
+ if ('{{currentNode}}' != '') { gotoDevice('{{currentNode}}',parseInt('{{viewmode}}'));}
1197
+ break;
1198
+ }
1199
+ case 'powertimeline': {
1200
+ if (message.nodeid != powerTimelineReq) break;
1201
+ powerTimelineNode = message.nodeid;
1202
+ powerTimeline = message.timeline;
1203
+ powerTimelineUpdate = Date.now() + 300000; // Update every 5 minutes
1204
+ if (currentNode._id == message.nodeid) { masterUpdate(256); }
1205
+ break;
1206
+ }
1207
+ case 'lastconnect': {
1208
+ var node = getNodeFromId(message.nodeid);
1209
+ if (node != null) {
1210
+ node.lastconnect = message.time;
1211
+ if ((currentNode._id == node._id) && (Q('MainComputerState').innerHTML == '')) {
1212
+ QH('MainComputerState', '<span style=font-size:12px>Last seen:<br />' + new Date(node.lastconnect).toLocaleDateString() + ', ' + new Date(node.lastconnect).toLocaleTimeString() + '</span>');
1213
+ }
1214
+ }
1215
+ break;
1216
+ }
1217
+ case 'msg': {
1218
+ // Check if this is a message from a node
1219
+ if (message.nodeid != null) {
1220
+ var index = -1;
1221
+ for (var i in nodes) { if (nodes[i]._id == message.nodeid) { index = i; break; } }
1222
+ if (index != -1) {
1223
+ // Node was found, dispatch the message
1224
+ if (message.type == 'console') { p15consoleReceive(nodes[index], message.value); } // This is a console message.
1225
+ else if (message.type == 'notify') { // This is a notification message.
1226
+ var n = { text:message.value };
1227
+ if (message.nodeid != null) { n.nodeid = message.nodeid; }
1228
+ if (message.tag != null) { n.tag = message.tag; }
1229
+ if (message.username != null) { n.username = message.username; }
1230
+ addNotification(n);
1231
+ } else if (message.type == 'ps') {
1232
+ showDeskToolsProcesses(message);
1233
+ }
1234
+ }
1235
+ } else {
1236
+ if (message.type == 'notify') { // This is a notification message.
1237
+ var n = { text:message.value };
1238
+ if (message.tag != null) { n.tag = message.tag; }
1239
+ if (message.username != null) { n.username = message.username; }
1240
+ addNotification(n);
1241
+ }
1242
+ }
1243
+ break;
1244
+ }
1245
+ case 'getnetworkinfo': {
1246
+ if ((currentNode._id == message.nodeid) && (xxdialogMode == 2) && (xxdialogTag == 'if' + message.nodeid)) {
1247
+ if (message.netif == null) {
1248
+ QH('d2netinfo', 'No network interface information available for this device.');
1249
+ } else {
1250
+ var x = '<div style=width:100%;max-height:260px;overflow-x:hidden;overflow-y:auto;line-height:160%>';
1251
+ x += addHtmlValue2('Last Updated', new Date(message.updateTime).toLocaleString());
1252
+ if (currentNode.publicip) { x += addHtmlValue2('Public IP address', currentNode.publicip); }
1253
+ for (var i in message.netif) {
1254
+ var net = message.netif[i];
1255
+ x += '<hr />'
1256
+ if (net.name) { x += addHtmlValue2('Name', '<b>' + EscapeHtml(net.name) + '</b>'); }
1257
+ if (net.desc) { x += addHtmlValue2('Description', EscapeHtml(net.desc).replace('(R)', '®').replace('(r)', '®')); }
1258
+ if (net.dnssuffix) { x += addHtmlValue2('DNS suffix', EscapeHtml(net.dnssuffix)); }
1259
+ if (net.mac) { x += addHtmlValue2('MAC address', EscapeHtml(net.mac.toUpperCase())); }
1260
+ if (net.v4addr) { x += addHtmlValue2('IPv4 address', EscapeHtml(net.v4addr)); }
1261
+ if (net.v4mask) { x += addHtmlValue2('IPv4 mask', EscapeHtml(net.v4mask)); }
1262
+ if (net.v4gateway) { x += addHtmlValue2('IPv4 gateway', EscapeHtml(net.v4gateway)); }
1263
+ if (net.gatewaymac) { x += addHtmlValue2('Gateway MAC', EscapeHtml(net.gatewaymac)); }
1264
+ }
1265
+ x += '</div>';
1266
+ QH('d2netinfo', x);
1267
+ }
1268
+ }
1269
+ break;
1270
+ }
1271
+ case 'serverversion': {
1272
+ if ((xxdialogMode == 2) && (xxdialogTag == 'MeshCentralServerUpdate')) {
1273
+ var x = '<div style=width:100%;max-height:260px;overflow-x:hidden;overflow-y:auto;line-height:160%>';
1274
+ if (!message.current) { message.current = 'Unknown'; }
1275
+ if (!message.latest) { message.latest = 'Unknown'; }
1276
+ x += addHtmlValue2('Current Version', '<b>' + EscapeHtml(message.current) + '</b>');
1277
+ x += addHtmlValue2('Latest Version', '<b>' + EscapeHtml(message.latest) + '</b>');
1278
+ x += '</div>';
1279
+ if ((message.latest.indexOf('.') == -1) || (message.current == message.latest) || ((features & 2048) == 0)) {
1280
+ setDialogMode(2, "MeshCentral Version", 1, null, x);
1281
+ } else {
1282
+ setDialogMode(2, "MeshCentral Version", 3, server_showVersionDlgEx, x + '<br /><input id=d2updateCheck type=checkbox onclick=server_showVersionDlgUpdate() /> Check and click OK to start server self-update.');
1283
+ server_showVersionDlgUpdate();
1284
+ }
1285
+ }
1286
+ break;
1287
+ }
1288
+ case 'servererrors': {
1289
+ if ((xxdialogMode == 2) && (xxdialogTag == 'MeshCentralServerErrors')) {
1290
+ if (message.data == null) {
1291
+ setDialogMode(2, "MeshCentral Server Errors", 1, null, 'Server has no error log.');
1292
+ } else {
1293
+ var x = '<div style=width:100%;max-height:260px;overflow-x:hidden;overflow:auto;line-height:160%;font-size:10px><pre>' + message.data + '<pre></div>';
1294
+ setDialogMode(2, "MeshCentral Server Errors", 3, server_showErrorsDlgEx, x + '<br /><input id=d2updateCheck type=checkbox onclick=server_showVersionDlgUpdate() /> Check and click OK to clear error log.');
1295
+ server_showVersionDlgUpdate();
1296
+ }
1297
+ }
1298
+ break;
1299
+ }
1300
+ case 'events': {
1301
+ if ((message.nodeid != null) && (currentNode != null) && (message.nodeid == currentNode._id)) {
1302
+ currentDeviceEvents = message.events;
1303
+ masterUpdate(1024);
1304
+ } else if ((message.user != null) && (message.user == currentUser.name)) {
1305
+ currentUserEvents = message.events;
1306
+ masterUpdate(2048);
1307
+ } else {
1308
+ events = message.events;
1309
+ masterUpdate(32);
1310
+ }
1311
+ break;
1312
+ }
1313
+ case 'getcookie': {
1314
+ if (message.tag == 'clickonce') {
1315
+ var basicPort = "{{{serverRedirPort}}}" == "" ? "{{{serverPublicPort}}}" : "{{{serverRedirPort}}}";
1316
+ var rdpurl = "http://" + window.location.hostname + ":" + basicPort + "/clickonce/minirouter/MeshMiniRouter.application?WS=wss%3A%2F%2F" + window.location.hostname + "%2Fmeshrelay.ashx%3Fauth=" + message.cookie + "&CH={{{webcerthash}}}&AP=" + message.protocol + ((debugmode == 1) ? "" : "&HOL=1");
1317
+ var newWindow = window.open(rdpurl, '_blank');
1318
+ newWindow.opener = null;
1319
+ }
1320
+ break;
1321
+ }
1322
+ case 'getNotes': {
1323
+ var n = Q('d2devNotes');
1324
+ if (n && (message.id == decodeURIComponent(n.attributes['noteid'].value))) {
1325
+ if (message.notes) { QH('d2devNotes', decodeURIComponent(message.notes)); } else { QH('d2devNotes', ''); }
1326
+ var ro = n.attributes['ro'].value == 'true';
1327
+ if (ro == false) { // If we have permissions, set read/write on this note.
1328
+ n.removeAttribute('readonly');
1329
+ QE('idx_dlgOkButton', true);
1330
+ QV('idx_dlgOkButton', true);
1331
+ focusTextBox('d2devNotes');
1332
+ }
1333
+ }
1334
+ break;
1335
+ }
1336
+ case 'otpauth-request': {
1337
+ if ((xxdialogMode == 2) && (xxdialogTag == 'otpauth-request')) {
1338
+ var secret = message.secret;
1339
+ if (secret.length == 52) { secret = secret.split(/(.............)/).filter(Boolean).join(' '); }
1340
+ else if (secret.length == 32) { secret = secret.split(/(....)/).filter(Boolean).join(' '); secret = secret.substring(0, 20) + '<br/>' + secret.substring(20) }
1341
+ QH('d2optinfo', '<table style=width:380px><tr><td style=vertical-align:top>Install <a href=\"https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2\" rel=\"noreferrer noopener\" target=_blank>Google Authenticator</a> or a compatible application and scan the barcode, use <a href=\"' + message.url + '\" rel=\"noreferrer noopener\" target=_blank> this link</a> or enter the secret. Then, enter the current 6 digit token below to activate 2-Step login.<br /><br />Secret<br /><tt id=d2optsecret secret=\"' + message.secret + '\" style=font-size:12px>' + secret + '</tt><br /><br /></td><td style=width:1px;vertical-align:top><a href=\"' + message.url + '\" rel=\"noreferrer noopener\" target=_blank><div id="qrcode"></div></a></td><tr><td colspan=2 style="text-align:center;border-top:1px solid black"><br />Enter the token here for 2-step login: <input type=text onkeypress=\"return (event.keyCode == 8) || (event.charCode >= 48 && event.charCode <= 57)\" onkeyup=account_addOtpCheck(event) onkeydown=account_addOtpCheck() maxlength=6 id=d2otpauthinput type=text></td></table>');
1342
+ new QRCode(Q("qrcode"), { text: message.url, width: 128, height: 128, colorDark: "#000000", colorLight: "#EEE", correctLevel: QRCode.CorrectLevel.H });
1343
+ QV('idx_dlgOkButton', true);
1344
+ QE('idx_dlgOkButton', false);
1345
+ Q('d2otpauthinput').focus();
1346
+ }
1347
+ break;
1348
+ }
1349
+ case 'otpauth-setup': {
1350
+ if (xxdialogMode) return;
1351
+ setDialogMode(2, "Add 2-Step Login", 1, null, message.success ? "<b style=color:green>2-step login activation successful</b>. You will now need a valid token to login again." : "<b style=color:red>2-step login activation failed</b>. Clear the secret from the application and try again. You only have a few minutes to enter the proper code.");
1352
+ break;
1353
+ }
1354
+ case 'otpauth-clear': {
1355
+ if (xxdialogMode) return;
1356
+ setDialogMode(2, "Remove 2-Step Login", 1, null, message.success ? "<b style=color:green>2-step login activation removed</b>. You can reactivate this feature at any time." : "<b style=color:red>2-step login activation removal failed</b>. Try again.");
1357
+ break;
1358
+ }
1359
+ case 'event': {
1360
+ if (!message.event.nolog) {
1361
+ events.unshift(message.event);
1362
+ var eventLimit = parseInt(p3limitdropdown.value);
1363
+ while (events.length > eventLimit) { events.pop(); } // Remove element(s) at the end
1364
+ masterUpdate(32);
1365
+ }
1366
+ switch (message.event.action) {
1367
+ case 'accountcreate':
1368
+ case 'accountchange': {
1369
+ // An account was created or changed
1370
+ if (userinfo.name == message.event.account.name) {
1371
+ var newsiteadmin = message.event.account.siteadmin?message.event.account.siteadmin:0;
1372
+ var oldsiteadmin = userinfo.siteadmin?userinfo.siteadmin:0;
1373
+ if ((message.event.account.quota != userinfo.quota) || (((userinfo.siteadmin & 8) == 0) && ((message.event.account.siteadmin & 8) != 0))) { meshserver.send({ action: 'files' }); }
1374
+ userinfo = message.event.account;
1375
+ if (oldsiteadmin != newsiteadmin) updateSiteAdmin();
1376
+ QV('verifyEmailId', (userinfo.emailVerified !== true) && (userinfo.email != null) && (serverinfo.emailcheck == true));
1377
+ QV('verifyEmailId2', (userinfo.emailVerified !== true) && (userinfo.email != null) && (serverinfo.emailcheck == true));
1378
+ }
1379
+ if (users == null) break;
1380
+ users[message.event.account._id] = message.event.account;
1381
+ updateUsers();
1382
+ break;
1383
+ }
1384
+ case 'accountremove': {
1385
+ // An account was removed
1386
+ if (users == null) break;
1387
+ delete users['user/' + domain + '/' + message.event.username.toLowerCase()];
1388
+ updateUsers();
1389
+ break;
1390
+ }
1391
+ case 'createmesh': {
1392
+ // A new mesh was created
1393
+ if (message.event.links['user/' + domain + '/' + userinfo.name.toLowerCase()] != null) { // Check if this is a mesh create for a mesh we own. If site administrator, we get all messages so need to ignore some.
1394
+ meshes[message.event.meshid] = { _id: message.event.meshid, name: message.event.name, mtype: message.event.mtype, desc: message.event.desc, links: message.event.links };
1395
+ masterUpdate(4 + 128);
1396
+ meshserver.send({ action: 'files' });
1397
+ }
1398
+ break;
1399
+ }
1400
+ case 'meshchange': {
1401
+ // Update mesh information
1402
+ if (meshes[message.event.meshid] == null) {
1403
+ // This is a new mesh for us
1404
+ meshes[message.event.meshid] = { _id: message.event.meshid, name: message.event.name, mtype: message.event.mtype, desc: message.event.desc, links: message.event.links };
1405
+ meshserver.send({ action: 'nodes' }); // Request a refresh of all nodes (TODO: We could optimize this to only request nodes for the new mesh).
1406
+ } else {
1407
+ // This is an existing mesh
1408
+ meshes[message.event.meshid].name = message.event.name;
1409
+ meshes[message.event.meshid].desc = message.event.desc;
1410
+ meshes[message.event.meshid].flags = message.event.flags;
1411
+ meshes[message.event.meshid].links = message.event.links;
1412
+
1413
+ // Check if we lost rights to this mesh in this change.
1414
+ if (meshes[message.event.meshid].links['user/' + domain + '/' + userinfo.name.toLowerCase()] == null) {
1415
+ if ((xxcurrentView == 20) && (currentMesh == meshes[message.event.meshid])) go(2);
1416
+ delete meshes[message.event.meshid];
1417
+
1418
+ // Delete all nodes in that mesh
1419
+ var newnodes = [];
1420
+ for (var i in nodes) { if (nodes[i].meshid != message.event.meshid) { newnodes.push(nodes[i]); } }
1421
+ nodes = newnodes;
1422
+
1423
+ // If we are looking at a node in the deleted mesh, move back to "My Devices"
1424
+ if (xxcurrentView >= 10 && xxcurrentView < 20 && currentNode && currentNode.meshid == message.event.meshid) { setDialogMode(0); go(1); }
1425
+ }
1426
+ }
1427
+ masterUpdate(4 + 128);
1428
+ meshserver.send({ action: 'files' });
1429
+
1430
+ // If we are looking at a mesh that is now deleted, move back to "My Account"
1431
+ if (xxcurrentView == 20 && currentMesh._id == message.event.meshid) { p20updateMesh(); }
1432
+ break;
1433
+ }
1434
+ case 'deletemesh': {
1435
+ // Delete the mesh
1436
+ if (meshes[message.event.meshid]) {
1437
+ delete meshes[message.event.meshid];
1438
+ masterUpdate(128);
1439
+ meshserver.send({ action: 'files' });
1440
+ }
1441
+
1442
+ // Delete all nodes in that mesh
1443
+ var newnodes = [];
1444
+ for (var i in nodes) { if (nodes[i].meshid != message.event.meshid) { newnodes.push(nodes[i]); } }
1445
+ nodes = newnodes;
1446
+ masterUpdate(4);
1447
+
1448
+ // If we are looking at a mesh that is now deleted, move back to "My Account"
1449
+ if (xxcurrentView >= 20 && xxcurrentView < 30 && currentMesh._id == message.event.meshid) { setDialogMode(0); go(2); }
1450
+ // If we are looking at a node in the deleted mesh, move back to "My Devices"
1451
+ if (xxcurrentView >= 10 && xxcurrentView < 20 && currentNode && currentNode.meshid == message.event.meshid) { setDialogMode(0); go(1); }
1452
+
1453
+ break;
1454
+ }
1455
+ case 'addnode': {
1456
+ var node = message.event.node;
1457
+ if (!meshes[node.meshid]) break; // This is a node for a mesh we don't know. Happens when we are site administrator, we get all messages.
1458
+ node.namel = node.name.toLowerCase();
1459
+ if (node.rname) { node.rnamel = node.rname.toLowerCase(); } else { node.rnamel = node.namel; }
1460
+ node.meshnamel = meshes[node.meshid].name.toLowerCase();
1461
+ node.state = 0;
1462
+ if (!node.icon) node.icon = 1;
1463
+ node.ident = ++nodeShortIdent;
1464
+ nodes.push(node);
1465
+
1466
+ // Web page update
1467
+ masterUpdate(1 | 2 | 4 | 16);
1468
+
1469
+ break;
1470
+ }
1471
+ case 'removenode': {
1472
+ var index = -1;
1473
+ for (var i in nodes) { if (nodes[i]._id == message.event.nodeid) { index = i; break; } }
1474
+ if (index != -1) {
1475
+ var node = nodes[index];
1476
+ if (currentNode == node) {
1477
+ if (xxcurrentView >= 10 && xxcurrentView < 20) { setDialogMode(0); go(1); }
1478
+ currentNode = null;
1479
+ // TODO: Correctly disconnect from this node (Desktop/Terminal/Files...)
1480
+ }
1481
+ nodes.splice(index, 1);
1482
+
1483
+ // Web page update
1484
+ masterUpdate(4 | 16);
1485
+ }
1486
+ break;
1487
+ }
1488
+ case 'changenode': {
1489
+ var index = -1;
1490
+ for (var i in nodes) { if (nodes[i]._id == message.event.nodeid) { index = i; break; } }
1491
+ if (index != -1) {
1492
+ var node = nodes[index];
1493
+
1494
+ // Change the node
1495
+ node.name = message.event.node.name;
1496
+ node.rname = message.event.node.rname;
1497
+ node.users = message.event.node.users;
1498
+ node.host = message.event.node.host;
1499
+ node.desc = message.event.node.desc;
1500
+ node.osdesc = message.event.node.osdesc;
1501
+ node.publicip = message.event.node.publicip;
1502
+ node.iploc = message.event.node.iploc;
1503
+ node.wifiloc = message.event.node.wifiloc;
1504
+ node.gpsloc = message.event.node.gpsloc;
1505
+ node.tags = message.event.node.tags;
1506
+ node.userloc = message.event.node.userloc;
1507
+ if (message.event.node.agent != null) {
1508
+ if (node.agent == null) node.agent = {};
1509
+ if (message.event.node.agent.ver != null) { node.agent.ver = message.event.node.agent.ver; }
1510
+ if (message.event.node.agent.id != null) { node.agent.id = message.event.node.agent.id; }
1511
+ if (message.event.node.agent.caps != null) { node.agent.caps = message.event.node.agent.caps; }
1512
+ if (message.event.node.agent.core != null) { node.agent.core = message.event.node.agent.core; } else { if (node.agent.core) { delete node.agent.core; } }
1513
+ node.agent.tag = message.event.node.agent.tag;
1514
+ }
1515
+ if (message.event.node.intelamt != null) {
1516
+ if (node.intelamt == null) node.intelamt = {};
1517
+ if (message.event.node.intelamt.host != null) { node.intelamt.user = message.event.node.intelamt.host; }
1518
+ if (message.event.node.intelamt.user != null) { node.intelamt.user = message.event.node.intelamt.user; }
1519
+ if (message.event.node.intelamt.tls != null) { node.intelamt.tls = message.event.node.intelamt.tls; }
1520
+ if (message.event.node.intelamt.ver != null) { node.intelamt.ver = message.event.node.intelamt.ver; }
1521
+ if (message.event.node.intelamt.state != null) { node.intelamt.state = message.event.node.intelamt.state; }
1522
+ }
1523
+ node.namel = node.name.toLowerCase();
1524
+ if (node.rname) { node.rnamel = node.rname.toLowerCase(); } else { node.rnamel = node.namel; }
1525
+ if (message.event.node.icon) { node.icon = message.event.node.icon; }
1526
+
1527
+ // Web page update
1528
+ masterUpdate(2 | 4 | 8 | 16);
1529
+ refreshDevice(node._id);
1530
+
1531
+ if ((currentNode == node) && (xxdialogMode != null) && (xxdialogTag == '@xxmap')) { p10showNodeLocationDialog(); }
1532
+ }
1533
+ break;
1534
+ }
1535
+ case 'nodeconnect': {
1536
+ // Indicated a node has changed connectivity state
1537
+ var index = -1;
1538
+ for (var i in nodes) { if (nodes[i]._id == message.event.nodeid) { index = i; break; } }
1539
+ if (index != -1) {
1540
+ var node = nodes[index];
1541
+
1542
+ // Change the node connection state
1543
+ node.conn = message.event.conn;
1544
+ node.pwr = message.event.pwr;
1545
+
1546
+ // Web page update
1547
+ masterUpdate(4 | 16);
1548
+ refreshDevice(node._id);
1549
+ }
1550
+ break;
1551
+ }
1552
+ case 'wssessioncount': {
1553
+ // Update the active web socket session count for a user
1554
+ if (wssessions != null) {
1555
+ if (message.event.count == 0 && wssessions['user/' + domain + '/' + message.event.username.toLowerCase()]) {
1556
+ delete wssessions['user/' + domain + '/' + message.event.username.toLowerCase()];
1557
+ } else {
1558
+ wssessions['user/' + domain + '/' + message.event.username.toLowerCase()] = message.event.count;
1559
+ }
1560
+ updateUsers();
1561
+ }
1562
+ break;
1563
+ }
1564
+ case 'clearevents': {
1565
+ events = [];
1566
+ masterUpdate(32);
1567
+ break;
1568
+ }
1569
+ case 'login': {
1570
+ // Update the last login time
1571
+ if (users != null && users['user/' + domain + '/' + message.event.username.toLowerCase()]) { users['user/' + domain + '/' + message.event.username.toLowerCase()].login = message.event.time; }
1572
+ break;
1573
+ }
1574
+ case 'scanamtdevice': {
1575
+ // Populate the Intel AMT scan dialog box with the result of the RMCP scan
1576
+ if ((xxdialogMode == null) || (!Q('dp1range')) || (Q('dp1range').value != message.event.range)) return;
1577
+ var x = '';
1578
+ if (message.event.results == null) {
1579
+ // The scan could not occur because of an error. Likely the user range was invalid.
1580
+ x = '<div style=width:100%;text-align:center;margin-top:12px>Unable to scan this address range.</div><div style=width:100%;text-align:center;margin-top:12px;color:gray;line-height:1.5>Sample IP range values<br />192.168.0.100<br />192.168.1.0/24<br />192.167.0.1-192.168.0.100</div>';
1581
+ } else {
1582
+ // Go thru all the results and populate the dialog box
1583
+ amtScanResults = message.event.results;
1584
+ for (var i in message.event.results) {
1585
+ var r = message.event.results[i], shortname = r.hostname;
1586
+ if (shortname.length > 20) { shortname = shortname.substring(0, 20) + '...'; }
1587
+ var str = '<b title="' + EscapeHtml(r.hostname) + '">' + EscapeHtml(shortname) + '</b> - v' + r.ver;
1588
+ if (r.state == 2) { if (r.tls == 1) { str += ' with TLS.'; } else { str += ' without TLS.'; } } else { str += ' not activated.'; }
1589
+ x += '<div style=width:100%;margin-bottom:2px;background-color:lightgray><div style=padding:4px><div style=display:inline-block;margin-right:5px><input class=DevScanCheckbox name=dp1checkbox tag="' + EscapeHtml(i) + '" type=checkbox onclick=addAmtScanToMeshCheckbox() /></div><div class=j1 style=display:inline-block></div><div style=display:inline-block;margin-left:5px;overflow-x:auto;white-space:nowrap>' + str + '</div></div></div>';
1590
+ }
1591
+ // If no results where found, display a nice message
1592
+ if (x == '') { x = '<div style=width:100%;text-align:center;margin-top:12px>Scan returned no results.</div><div style=width:100%;text-align:center;margin-top:12px;color:gray;line-height:1.5>Sample IP range values<br />192.168.0.100<br />192.168.1.0/24<br />192.167.0.1-192.168.0.100</div>'; }
1593
+ }
1594
+ // Set the html in the dialog box and re-enable the scan button
1595
+ QH('dp1results', x);
1596
+ QE('dp1range', true);
1597
+ QE('dp1rangebutton', true);
1598
+ break;
1599
+ }
1600
+ case 'notify': {
1601
+ var n = { text: message.event.value };
1602
+ if (message.event.tag != null) { n.tag = message.event.tag; }
1603
+ addNotification(n);
1604
+ break;
1605
+ }
1606
+ default:
1607
+ //console.log('Unknown message.event.action', message.event.action);
1608
+ break;
1609
+ }
1610
+ break;
1611
+ }
1612
+ default:
1613
+ console.log('Unknown message.action', message.action);
1614
+ break;
1615
+ }
1616
+ }
1617
+
1618
+ //
1619
+ // MY DEVICES
1620
+ //
1621
+
1622
+ function onRealNameCheckBox() {
1623
+ showRealNames = Q('RealNameCheckBox').checked;
1624
+ putstore("showRealNames", showRealNames ? 1 : 0);
1625
+ masterUpdate(6)
1626
+ return;
1627
+ }
1628
+
1629
+ function onDeviceViewChange(i) {
1630
+ if (i != null) { Q('viewselect').value = i; }
1631
+ for (var j = 1; j < 5; j++) { Q('devViewButton' + j).classList.remove('viewSelectorSel'); }
1632
+ Q('devViewButton' + Q('viewselect').value).classList.add('viewSelectorSel');
1633
+ putstore("deviceView", Q('viewselect').value);
1634
+ putstore("viewsize", Q('sizeselect').value);
1635
+ masterUpdate(4);
1636
+ }
1637
+
1638
+ function ondockeypress(e) {
1639
+ if (!xxdialogMode && xxcurrentView == 11 && desktop && Q("DeskControl").checked) return desktop.m.handleKeys(e);
1640
+ if (!xxdialogMode && xxcurrentView == 12 && terminal && terminal.State == 3) return terminal.m.TermHandleKeys(e);
1641
+ if (!xxdialogMode && xxcurrentView == 15) return agentConsoleHandleKeys(e);
1642
+ if (!xxdialogMode && xxcurrentView == 4) {
1643
+ if (e.ctrlKey == true || e.altKey == true || e.metaKey == true) return;
1644
+ var processed = 0;
1645
+ if (e.key) {
1646
+ if (e.key.length === 1 && userSearchFocus == 0) { Q('UserSearchInput').value = ((Q('UserSearchInput').value + e.key)); processed = 1; }
1647
+ if (e.keyCode == 8 && userSearchFocus == 0) { var x = Q('UserSearchInput').value; Q('UserSearchInput').value = x.substring(0, x.length - 1); processed = 1; }
1648
+ if (e.keyCode == 27) { Q('UserSearchInput').value = ''; processed = 1; }
1649
+ } else {
1650
+ if (e.charCode != 0 && userSearchFocus == 0) { Q('UserSearchInput').value = ((Q('UserSearchInput').value + String.fromCharCode(e.charCode))); processed = 1; }
1651
+ }
1652
+ if (processed > 0) { if (processed == 1) { onUserSearchInputChanged(); } return haltEvent(e); }
1653
+ }
1654
+ if (xxdialogMode || xxcurrentView != 1) return;
1655
+ if (e.ctrlKey == true && e.charCode == 96) {
1656
+ showRealNames = !showRealNames;
1657
+ Q('RealNameCheckBox').value = showRealNames;
1658
+ putstore("showRealNames", showRealNames ? 1 : 0);
1659
+ masterUpdate(6)
1660
+ return;
1661
+ }
1662
+ if (e.ctrlKey == true || e.altKey == true || e.metaKey == true) return;
1663
+ if (Q('viewselect').value < 3) {
1664
+ var processed = 0;
1665
+ if (e.key) {
1666
+ if (e.key.length === 1 && searchFocus == 0) { Q('SearchInput').value = ((Q('SearchInput').value + e.key)); processed = 1; }
1667
+ if (e.keyCode == 8 && searchFocus == 0) { var x = Q('SearchInput').value; Q('SearchInput').value = x.substring(0, x.length - 1); processed = 1; }
1668
+ if (e.keyCode == 27) { Q('SearchInput').value = ''; processed = 1; }
1669
+ } else {
1670
+ if (e.charCode != 0 && searchFocus == 0) { Q('SearchInput').value = ((Q('SearchInput').value + String.fromCharCode(e.charCode))); processed = 1; }
1671
+ }
1672
+ if (processed > 0) { if (processed == 1) { masterUpdate(5); } return haltEvent(e); }
1673
+ }
1674
+ if (Q('viewselect').value == 3) {
1675
+ if (e.key) {
1676
+ if (e.key.length === 1 && mapSearchFocus == 0) { Q('mapSearchLocation').value = ((Q('mapSearchLocation').value + e.key)); processed = 1; }
1677
+ //if (e.keyCode == 8 && mapSearchFocus == 0) { var x = Q('mapSearchLocation').value; Q('mapSearchLocation').value = x.substring(0, x.length - 1); processed = 1; }
1678
+ if (e.keyCode == 27) { Q('mapSearchLocation').value = ''; mapCloseSearchWindow(); processed = 1; }
1679
+ if (e.keyCode == 13) { getSearchLocation(); }
1680
+ } else {
1681
+ if (e.charCode != 0 && mapSearchFocus == 0) { Q('mapSearchLocation').value = ((Q('mapSearchLocation').value + String.fromCharCode(e.charCode))); processed = 1; }
1682
+ }
1683
+ }
1684
+ }
1685
+
1686
+ function ondockeydown(e) {
1687
+ if (!xxdialogMode && xxcurrentView == 11 && desktop && Q("DeskControl").checked) { return desktop.m.handleKeyDown(e); }
1688
+ if (!xxdialogMode && xxcurrentView == 12 && terminal && terminal.State == 3) { return terminal.m.TermHandleKeyDown(e); }
1689
+ if (!xxdialogMode && xxcurrentView == 13 && e.keyCode == 116 && p13filetree != null) { haltEvent(e); return false; } // F5 Refresh on files
1690
+ if (!xxdialogMode && xxcurrentView == 15) { return agentConsoleHandleKeys(e); }
1691
+ if (!xxdialogMode && xxcurrentView == 4) {
1692
+ if (e.keyCode === 8 && userSearchFocus == 0) { var x = Q('UserSearchInput').value; Q('UserSearchInput').value = (x.substring(0, x.length - 1)); processed = 1; }
1693
+ if (e.keyCode === 27) { Q('UserSearchInput').value = ''; processed = 1; }
1694
+ if (processed > 0) { if (processed == 1) { masterUpdate(5); } return haltEvent(e); }
1695
+ }
1696
+ if (xxdialogMode || xxcurrentView != 1 || e.ctrlKey == true || e.altKey == true || e.metaKey == true) return;
1697
+ var processed = 0;
1698
+ if (Q('viewselect').value < 3) {
1699
+ if (e.keyCode === 8 && searchFocus == 0) { var x = Q('SearchInput').value; Q('SearchInput').value = (x.substring(0, x.length - 1)); processed = 1; }
1700
+ if (e.keyCode === 27) { Q('SearchInput').value = ''; processed = 1; }
1701
+ if (processed > 0) { if (processed == 1) { masterUpdate(5); } return haltEvent(e); }
1702
+ }
1703
+ if (Q('viewselect').value == 3) {
1704
+ if (e.keyCode === 8 && mapSearchFocus == 0) { var x = Q('mapSearchLocation').value; Q('mapSearchLocation').value = (x.substring(0, x.length - 1)); processed = 1; }
1705
+ if (e.keyCode === 27) { Q('mapSearchLocation').value = ''; mapCloseSearchWindow(); processed = 1; }
1706
+ }
1707
+ }
1708
+
1709
+ function ondockeyup(e) {
1710
+ if (!xxdialogMode && xxcurrentView == 11 && desktop && Q("DeskControl").checked) return desktop.m.handleKeyUp(e);
1711
+ if (!xxdialogMode && xxcurrentView == 12 && terminal && terminal.State == 3) return terminal.m.TermHandleKeyUp(e);
1712
+ if (!xxdialogMode && xxcurrentView == 13 && e.keyCode == 116 && p13filetree != null) { p13folderup(9999); haltEvent(e); return false; } // F5 Refresh on files
1713
+ if (!xxdialogMode && xxcurrentView == 4) { if ((e.keyCode === 8 && searchFocus == 0) || e.keyCode === 27) { return haltEvent(e); } }
1714
+ if (xxdialogMode && e.keyCode == 27) { dialogclose(0); }
1715
+ if (xxdialogMode || xxcurrentView != 0 || e.ctrlKey == true || e.altKey == true || e.metaKey == true) return;
1716
+ if (Q('viewselect').value < 3) { if ((e.keyCode === 8 && searchFocus == 0) || e.keyCode === 27) { return haltEvent(e); } }
1717
+ if (Q('viewselect').value == 3) { if ((e.keyCode === 8 && mapSearchFocus == 0) || e.keyCode === 27) { return haltEvent(e); } }
1718
+ }
1719
+
1720
+ // Highlights the device being hovered
1721
+ function devMouseHover(element, over) {
1722
+ var view = Q('viewselect').value;
1723
+ if (view == 1) {
1724
+ var e = element.children[1].children[1];
1725
+ e.classList.remove('f1s');
1726
+ e.children[0].classList.remove('g1s');
1727
+ //e.children[1].classList.remove('e2s');
1728
+ e.children[2].classList.remove('g2s');
1729
+ if (over == 1) {
1730
+ e.classList.add('f1s');
1731
+ e.children[0].classList.add('g1s');
1732
+ //e.children[1].classList.add('e2s');
1733
+ e.children[2].classList.add('g2s');
1734
+ }
1735
+ } else if (view == 2) {
1736
+ var e = element;
1737
+ e.children[2].classList.remove('g1s');
1738
+ e.children[4].classList.remove('e2s');
1739
+ e.children[3].classList.remove('g2s');
1740
+ if (over == 1) {
1741
+ e.children[2].classList.add('g1s');
1742
+ e.children[4].classList.add('e2s');
1743
+ e.children[3].classList.add('g2s');
1744
+ }
1745
+ }
1746
+ }
1747
+
1748
+ var deviceHeaderId = 0;
1749
+ var deviceHeaderTotal = 0;
1750
+ var deviceHeadersTitles = {};
1751
+ var deviceHeaderCount;
1752
+ var deviceHeaders = {};
1753
+ var oldviewmode = 0;
1754
+ function updateDevices() {
1755
+ var r = '', c = 0, current = null, count = 0, displayedMeshes = {}, view = Q('viewselect').value, groups = {}, groupCount = {};
1756
+ QV('xdevices', view < 4);
1757
+ QV('xdevicesmap', view == 4);
1758
+ QV('devListToolbar', view < 3);
1759
+ QV('kvmListToolbar', view == 3);
1760
+ QV('devMapToolbar', view == 4);
1761
+ QV('devListToolbarSize', view == 3);
1762
+ QV('NoMeshesPanel', meshcount == 0);
1763
+ //QV('devListToolbarView', (meshcount != 0) && (nodes.length > 0));
1764
+ QV('devListToolbarViewIcons', (meshcount != 0) && (nodes.length > 0));
1765
+ QV('devListToolbarSort', (meshcount != 0) && (nodes.length > 0) && (view < 4));
1766
+ if ((meshcount == 0) || (nodes.length == 0)) { view = 1; sort = 0; }
1767
+ if (view == 4) {
1768
+ setTimeout( function() { if (xxmap.map != null) { xxmap.map.updateSize(); } }, 200);
1769
+ // TODO
1770
+ } else {
1771
+ // 3 wide, list view or desktop view
1772
+ deviceHeaderId = 0;
1773
+ deviceHeaderCount = {};
1774
+ deviceHeaderTotal = 0;
1775
+ deviceHeaders = {};
1776
+ deviceHeadersTitles = {};
1777
+ var kvmDivs = [];
1778
+
1779
+ // Perform node sort
1780
+ if (sort == 0) { nodes.sort(meshSort); }
1781
+ else if (sort == 1) { nodes.sort(powerSort); }
1782
+ else if (sort == 2) { if (showRealNames == true) { nodes.sort(deviceHostSort); } else { nodes.sort(deviceSort); } }
1783
+
1784
+ // Save the list of currently checked nodeid's
1785
+ var checkedNodeids = [], elements = document.getElementsByClassName("DeviceCheckbox"), checkcount = 0;
1786
+ for (var i=0;i<elements.length;i++) { if (elements[i].checked) { checkedNodeids.push(elements[i].value); } }
1787
+ if ((oldviewmode < 3) && (view == 3)) { multiDesktopFilter = checkedNodeids; }
1788
+ else if ((oldviewmode == 3) && (view < 3)) { checkedNodeids = multiDesktopFilter; }
1789
+
1790
+ // Go thru the list of nodes and display them
1791
+ for (var i in nodes) {
1792
+ if (nodes[i].v == false) continue;
1793
+ var mesh2 = meshes[nodes[i].meshid], meshlinks = mesh2.links['user/' + domain + '/' + userinfo.name.toLowerCase()];
1794
+ if (meshlinks == null) continue;
1795
+ var meshrights = meshlinks.rights;
1796
+ if ((view == 3) && (mesh2.mtype == 1)) continue;
1797
+ if (sort == 0) {
1798
+ // Mesh header
1799
+ if (nodes[i].meshid != current) {
1800
+ if ((view == 1) && (current != null)) { r += '</div>' }
1801
+ deviceHeaderSet();
1802
+ var extra = '';
1803
+ if (meshes[nodes[i].meshid].mtype == 1) { extra = '<span class=devHeaderx>, Intel® AMT only</span>'; }
1804
+ if ((view == 1) && (current != null)) { if (c == 2) { r += '<td><div style=width:301px></div></td>'; } if (r != '') { r += '</tr></table>'; } }
1805
+ r += '<div class=DevSt style=width:100%;padding-top:4px><span style=float:right>';
1806
+ r += getMeshActions(mesh2, meshrights);
1807
+ r += '</span><span id=MxMESH style=cursor:pointer onclick=gotoMesh("' + nodes[i].meshid + '")>' + EscapeHtml(meshes[nodes[i].meshid].name) + '</span>' + extra + '<span id=DevxHeader' + deviceHeaderId + ' class=devHeaderx></span></div>';
1808
+ if (view == 1) { r += '<div class=devgrid-container>' }
1809
+ current = nodes[i].meshid;
1810
+ displayedMeshes[current] = 1;
1811
+ c = 0;
1812
+ }
1813
+ } else if (sort == 1) {
1814
+ // Power header
1815
+ var pwr = nodes[i].pwr?nodes[i].pwr:0;
1816
+ if (pwr !== current) {
1817
+ if ((view == 1) && (current != null)) { r += '</div>' }
1818
+ deviceHeaderSet();
1819
+ if ((view == 1) && (current !== null)) { if (c == 2) { r += '<td><div style=width:301px></div></td>'; } if (r != '') { r += '</tr></table>'; } }
1820
+ r += '<div class=DevSt style=width:100%;padding-top:4px><span>' + PowerStateStr2(nodes[i].pwr) + '</span><span id=DevxHeader' + deviceHeaderId + ' class="devHeaderx"></span></div>';
1821
+ if (view == 1) { r += '<div class=devgrid-container>' }
1822
+ current = pwr;
1823
+ c = 0;
1824
+ }
1825
+ } else if (sort == 2) {
1826
+ // Device header
1827
+ if ((view == 1) && (current != null)) { r += '</div>' }
1828
+ if (current == null) { current = '1'; }
1829
+ if (view == 1) { r += '<div class=devgrid-container>' }
1830
+ }
1831
+
1832
+ count++;
1833
+ var title = EscapeHtml(nodes[i].name);
1834
+ if (title.length == 0) { title = '<i>None</i>'; }
1835
+ if ((nodes[i].rname != null) && (nodes[i].rname.length > 0)) { title += " / " + EscapeHtml(nodes[i].rname); }
1836
+ var name = EscapeHtml(nodes[i].name);
1837
+ if (showRealNames == true && nodes[i].rname != null) name = EscapeHtml(nodes[i].rname);
1838
+ if (name.length == 0) { name = '<i>None</i>'; }
1839
+
1840
+ // Node
1841
+ var icon = nodes[i].icon;
1842
+ var nodestate = NodeStateStr(nodes[i]);
1843
+ if ((!nodes[i].conn) || (nodes[i].conn == 0)) { icon += ' gray'; }
1844
+ if (view == 1) {
1845
+ r += '<div id=devs onmouseover=devMouseHover(this,1) onmouseout=devMouseHover(this,0) style=display:inline-block;min-width:300px;height:50px;padding-top:1px;padding-bottom:1px><div style=width:22px;height:100%;float:left;padding-top:12px;background-color:#FFF><input class="' + nodes[i].meshid + ' DeviceCheckbox" onclick=p1updateInfo() value=devid_' + nodes[i]._id + ' type=checkbox></div><div style=height:100%;cursor:pointer onclick=gotoDevice(\'' + nodes[i]._id + '\')><div class="i' + icon + '" style=width:50px;float:left;background-color:#FFF></div><div class=f1 style=height:100%><div class=g1></div><div class=e2><div class=e1 style="width:100%" title="' + title + '">' + name + '</div><div>' + nodestate + '</div></div><div class=g2></div></div></div></div>';
1846
+ } else if (view == 2) {
1847
+ r += '<tr><td><div id=devs class=bar18 onmouseover=devMouseHover(this,1) onmouseout=devMouseHover(this,0) style=height:18px;width:100%;font-size:medium>';
1848
+ r += '<div style=width:22px;float:left;background-color:white><input class="' + nodes[i].meshid + ' DeviceCheckbox" onclick=p1updateInfo() value=devid_' + nodes[i]._id + ' type=checkbox></div>';
1849
+ r += '<div style=float:left;height:18px;width:18px;background-color:white onclick=gotoDevice(\'' + nodes[i]._id + '\')><div class=j' + icon + ' style=width:16px;margin-top:1px;margin-left:2px;height:16px></div></div>';
1850
+ r += '<div class=g1 style=height:18px;float:left></div><div class=g2 style=height:18px;float:right></div>';
1851
+ r += '<div style=cursor:pointer;font-size:14px title="' + title + '" onclick=gotoDevice(\'' + nodes[i]._id + '\')><span style=float:right>' + nodestate + '</span><span style=width:300px>' + name + '</span></div></div></td></tr>';
1852
+ } else if ((view == 3) && (nodes[i].conn & 1) && (((meshrights & 8) || (meshrights & 256)) != 0) && ((nodes[i].agent.caps & 1) != 0)) { // Check if we have rights and agent is capable of KVM.
1853
+ if ((multiDesktopFilter.length == 0) || (multiDesktopFilter.indexOf('devid_' + nodes[i]._id) >= 0)) {
1854
+ r += '<div id=devs style=display:inline-block;margin:1px;background-color:lightgray;border-radius:5px;position:relative><div style=padding:3px;cursor:pointer onclick=gotoDevice(\'' + nodes[i]._id + '\',11)>';
1855
+ //r += '<input class="' + nodes[i].meshid + ' DeviceCheckbox" onclick=p1updateInfo() value=devid_' + nodes[i]._id + ' type=checkbox style=float:left>';
1856
+ r += '<div class="j' + icon + '" style=width:16px;float:left></div> ' + name + '</div>';
1857
+ r += '<span onclick=gotoDevice(\'' + nodes[i]._id + '\')></span><div id=xkvmid_' + nodes[i]._id.split('/')[2] + '><div id=skvmid_' + nodes[i]._id.split('/')[2] + ' style="position:absolute;color:white;left:5px;top:27px;text-shadow:0px 0px 5px #000;z-index:1000;cursor:default" onclick=toggleKvmDevice(\'' + nodes[i]._id + '\')>Disconnected</div></div>';
1858
+ r += '</div>';
1859
+ kvmDivs.push(nodes[i]._id);
1860
+ }
1861
+ }
1862
+
1863
+ // If we are displaying devices by group, put the device in the right group.
1864
+ if ((sort == 3) && (r != '')) {
1865
+ if (nodes[i].tags) {
1866
+ for (var j in nodes[i].tags) {
1867
+ var tag = nodes[i].tags[j];
1868
+ if (groups[tag] == null) { groups[tag] = r; groupCount[tag] = 1; } else { groups[tag] += r; groupCount[tag] += 1; }
1869
+ if (view == 3) break;
1870
+ }
1871
+ }
1872
+ r = '';
1873
+ }
1874
+
1875
+ deviceHeaderTotal++;
1876
+ if (typeof deviceHeaderCount[nodes[i].state] == 'undefined') { deviceHeaderCount[nodes[i].state] = 1; } else { deviceHeaderCount[nodes[i].state]++; }
1877
+ }
1878
+
1879
+ if (view == 1) {
1880
+ r += '</div>';
1881
+ }
1882
+
1883
+ // If displaying devices by groups, sort the group names and display the devices.
1884
+ if (sort == 3) {
1885
+ var groupNames = [];
1886
+ for (var i in groups) { groupNames.push(i); }
1887
+ groupNames.sort(function (a, b) { return a.toLowerCase().localeCompare(b.toLowerCase()); });
1888
+ for (var j in groupNames) {
1889
+ var i = groupNames[j]; r += '<div class=DevSt style=width:100%;padding-top:4px><span>' + i + '</span><span class="devHeaderx">, ' + groupCount[i] + ' device' + ((groupCount[i] > 1)?'s':'') + '</span></div>' + groups[i];
1890
+ }
1891
+ }
1892
+
1893
+ // If there is nothing to display, explain the problem
1894
+ if ((r == '') && (meshcount > 0) && (Q('SearchInput').value != '')) {
1895
+ if (sort == 3) {
1896
+ r = '<div style="margin:30px">No devices are included in any groups, click on a device\'s \"Groups\" to add to a group.</div>';
1897
+ } else {
1898
+ r = '<div style="margin:30px">No devices matching this search.</div>';
1899
+ }
1900
+ }
1901
+
1902
+ if ((view == 1) && (c == 2)) r += '<td><div style=width:301px></div></td>'; // Adds device padding
1903
+
1904
+ // Display all empty meshes, we need to do this because users can add devices to these at any time.
1905
+ if ((sort == 0) && (Q('SearchInput').value == '') && (view < 3)) {
1906
+ for (var i in meshes) {
1907
+ var mesh = meshes[i], meshlink = mesh.links['user/' + domain + '/' + userinfo.name.toLowerCase()];
1908
+ if (meshlink != null) {
1909
+ var meshrights = meshlink.rights;
1910
+ if (displayedMeshes[mesh._id] == null) {
1911
+ if ((current != '') && (r != '')) { r += '</tr></table>'; }
1912
+ r += '<table style=width:100%;padding-top:4px cellpadding=0 cellspacing=0><tr><td colspan=3 class=DevSt><span style=float:right>';
1913
+ r += getMeshActions(mesh, meshrights);
1914
+ r += '</span><span id=MxMESH style=cursor:pointer onclick=gotoMesh("' + mesh._id + '")>' + EscapeHtml(mesh.name) + '</span></td></tr><tr>';
1915
+ if (mesh.mtype == 1) {
1916
+ r += '<td><div style=padding:10px><i>No Intel® AMT devices in this mesh';
1917
+ if ((meshrights & 4) != 0) { r += ', <a style=cursor:pointer onclick=addDeviceToMesh(\"' + mesh._id + '\")>add one</a>'; }
1918
+ }
1919
+ if (mesh.mtype == 2) {
1920
+ r += '<td><div style=padding:10px><i>No devices in this mesh';
1921
+ if ((meshrights & 4) != 0) { r += ', <a style=cursor:pointer onclick=addAgentToMesh(\"' + mesh._id + '\")>add one</a>'; }
1922
+ }
1923
+ r += '.</i></div></td>';
1924
+ current = mesh._id;
1925
+ count++;
1926
+ }
1927
+ }
1928
+ }
1929
+ }
1930
+ r += '</tr></table><div style=height:1px></div>'; // This height of 1 div fixes a problem in Linux firefox browsers
1931
+
1932
+ // Add a "Add Device Group" option
1933
+ r += '<div style=border-top-style:solid;border-top-width:1px;border-top-color:#DDDDDD;cursor:pointer;font-size:10px>';
1934
+ if ((view < 3) && (sort == 0) && (meshcount > 0)) { r += '<a onclick=account_createMesh() title="Create a new group of devices." style=cursor:pointer>Add Device Group</a> '; }
1935
+ r += '<a onclick=p10showMeshCmdDialog(0) style=cursor:pointer title="Download MeshCmd, a command line tool that performs many functions.">MeshCmd</a></div>';
1936
+ r += '</div><br/>';
1937
+
1938
+ QH('xdevices', r);
1939
+ deviceHeaderSet();
1940
+
1941
+ // Re-check nodeid's
1942
+ var elements = document.getElementsByClassName("DeviceCheckbox"), checkcount = 0;
1943
+ for (var i=0;i<elements.length;i++) { elements[i].checked = (checkedNodeids.indexOf(elements[i].value) >= 0); }
1944
+
1945
+ for (var i in deviceHeaders) { QH(i, deviceHeaders[i]); }
1946
+ for (var i in deviceHeadersTitles) { Q(i).title = deviceHeadersTitles[i]; }
1947
+ p1updateInfo();
1948
+
1949
+ // Take care of KVM surfaces in desktop view mode
1950
+ if (view == 3) {
1951
+ // Figure out and adjust the size to fill the width of the div
1952
+ var vsize = [{ x: 180, y: 101 }, { x: 302, y: 169 }, { x: 454, y: 255 }][Q('sizeselect').selectedIndex];
1953
+ var realw = vsize.x + 2, tw = Q('xdevices').clientWidth - 30, xw = Math.floor(tw / realw);
1954
+ xw = realw + Math.floor((tw - (xw * realw)) / xw);
1955
+ vsize.y = vsize.y * (xw / vsize.x);
1956
+ vsize.x = xw;
1957
+
1958
+ for (var i in multiDesktop) { multiDesktop[i].xxdelete = true; }
1959
+ for (var i in kvmDivs) {
1960
+ var id = kvmDivs[i], shortid = id.split('/')[2], desk = multiDesktop[id];
1961
+ if (desk != null) {
1962
+ // This device already has a canvas, use it.
1963
+ desk.m.CanvasId.setAttribute('style', 'background-color:black;width:' + vsize.x + 'px;height:' + vsize.y + 'px');
1964
+ Q('xkvmid_' + shortid).appendChild(desk.m.CanvasId);
1965
+ delete desk.xxdelete;
1966
+ QH('skvmid_' + shortid, ['Disconnected', 'Connecting...', 'Setup...', '', ''][((desk.m.State == null)?desk.m.state:desk.m.State)]);
1967
+ } else {
1968
+ var node = getNodeFromId(id);
1969
+ if ((desktopNode == node) && (desktop != null)) { // Check if the main desktop is this device, if it is, use that.
1970
+ // This device already has a canvas, use it.
1971
+ var c = desktop.m.CanvasId;
1972
+ c.setAttribute('id', 'kvmid_' + shortid);
1973
+ c.setAttribute('style', 'background-color:black;width:' + vsize.x + 'px;height:' + vsize.y + 'px');
1974
+ c.setAttribute('onclick', 'toggleKvmDevice(\'' + id + '\')');
1975
+ c.removeAttribute('onmousedown');
1976
+ c.removeAttribute('onmouseup');
1977
+ c.removeAttribute('onmousemove');
1978
+ Q('xkvmid_' + shortid).appendChild(c);
1979
+ QH('skvmid_' + shortid, ['Disconnected', 'Connecting...', 'Setup...', '', ''][((desktop.m.State == null)?desktop.m.state:desktop.m.State)]);
1980
+ if (desktop.m.SendCompressionLevel) { desktop.m.SendCompressionLevel(1, multidesktopsettings.quality, multidesktopsettings.scaling, multidesktopsettings.framerate); }
1981
+ desktop.shortid = shortid;
1982
+ desktop.onStateChanged = onMultiDesktopStateChange;
1983
+ multiDesktop[id] = desktop;
1984
+ desktop = desktopNode = currentNode = null;
1985
+ // Setup a replacement desktop
1986
+ QH('DeskParent', '<canvas id="Desk" width="640" height="480" style="width:100%;-ms-touch-action:none;margin-left:0px" oncontextmenu="return false" onmousedown=dmousedown(event) onmouseup=dmouseup(event) onmousemove=dmousemove(event)></canvas>');
1987
+ } else {
1988
+ // This is a new device, create a canvas for it.
1989
+ var c = document.createElement('canvas');
1990
+ c.setAttribute('id', 'kvmid_' + shortid);
1991
+ c.setAttribute('width', 640);
1992
+ c.setAttribute('height', 480);
1993
+ c.setAttribute('oncontextmenu', 'return false');
1994
+ c.setAttribute('style', 'background-color:black;width:' + vsize.x + 'px;height:' + vsize.y + 'px');
1995
+ c.setAttribute('onclick', 'toggleKvmDevice(\'' + id + '\')');
1996
+ try { Q('xkvmid_' + shortid).appendChild(c); } catch (ex) {}
1997
+ // Check if we need to auto-connect
1998
+ if (Q('autoConnectDesktopCheckbox').checked == true) { setTimeout(function() { connectMultiDesktop(node, 1); }, 100); }
1999
+ }
2000
+ }
2001
+ }
2002
+ for (var i in multiDesktop) {
2003
+ // If a device is no longer viewed, disconnect it.
2004
+ if (multiDesktop[i].xxdelete == true) { multiDesktop[i].Stop(); delete multiDesktop[i]; }
2005
+ else if (debugmode && multiDesktop[i].m && multiDesktop[i].m.onScreenSizeChange) {
2006
+ mdeskAdjust(multiDesktop[i].m, multiDesktop[i].m.ScreenWidth, multiDesktop[i].m.ScreenHeight, multiDesktop[i].m.CanvasId); // Adjust screen size change
2007
+ }
2008
+ }
2009
+ deskAdjust();
2010
+ } else {
2011
+ disconnectAllKvmFunction();
2012
+ Q('autoConnectDesktopCheckbox').checked = false;
2013
+ }
2014
+ }
2015
+ oldviewmode = view;
2016
+ }
2017
+
2018
+ function toggleKvmDevice(nodeid) {
2019
+ var node = getNodeFromId(nodeid), mesh = meshes[node.meshid], meshrights = mesh.links['user/' + domain + '/' + userinfo.name.toLowerCase()].rights;
2020
+ if ((meshrights & 8) || (meshrights & 256)) { // Requires remote control rights or desktop view only rights
2021
+ //var conn = 0;
2022
+ //if ((node.conn & 1) != 0) { conn = 1; } else if ((node.conn & 6) != 0) { conn = 2; } // Check what type of connect we can do (Agent vs AMT)
2023
+ if (node.conn & 1) { connectMultiDesktop(node, 1); }
2024
+ }
2025
+ }
2026
+
2027
+ function autoConnectDesktops() { if (Q('autoConnectDesktopCheckbox').checked == true) { connectAllKvmFunction(); } }
2028
+ function connectAllKvmFunction() { for (var i in nodes) { if (multiDesktop[nodes[i]._id] == null) { toggleKvmDevice(nodes[i]._id); } } }
2029
+ function disconnectAllKvmFunction() { for (var nodeid in multiDesktop) { multiDesktop[nodeid].Stop(); } multiDesktop = {}; }
2030
+ function onMultiDesktopStateChange(desk, state) { try { QH('skvmid_' + desk.shortid, ['Disconnected', 'Connecting...', 'Setup...', '', ''][state]); } catch (ex) {} }
2031
+
2032
+ function showMultiDesktopSettings() {
2033
+ QV('d7amtkvm', false);
2034
+ QV('d7meshkvm', true);
2035
+ d7bitmapquality.value = multidesktopsettings.quality;
2036
+ d7bitmapscaling.value = multidesktopsettings.scaling;
2037
+ if (multidesktopsettings.framerate) { d7framelimiter.value = multidesktopsettings.framerate; } else { d7framelimiter.value = 1000; }
2038
+ setDialogMode(7, "Remote Desktop Settings", 3, showMultiDesktopSettingsChanged);
2039
+ }
2040
+
2041
+ function showMultiDesktopSettingsChanged() {
2042
+ multidesktopsettings.quality = d7bitmapquality.value;
2043
+ multidesktopsettings.scaling = d7bitmapscaling.value;
2044
+ multidesktopsettings.framerate = d7framelimiter.value;
2045
+ localStorage.setItem('multidesktopsettings', JSON.stringify(multidesktopsettings));
2046
+ // Make changes to all current connections
2047
+ for (var i in multiDesktop) { multiDesktop[i].m.SendCompressionLevel(1, multidesktopsettings.quality, multidesktopsettings.scaling, multidesktopsettings.framerate); }
2048
+ }
2049
+
2050
+ function connectMultiDesktop(node, contype) {
2051
+ var nodeid = node._id, shortid = nodeid.split('/')[2];
2052
+ var desk = multiDesktop[nodeid];
2053
+ if (desk == null) {
2054
+ if (Q('kvmid_' + shortid) == null) return; // Check if this device is being displayed, if not, exit now.
2055
+ if (contype == 2) {
2056
+ // Setup the Intel AMT remote desktop
2057
+ if ((node.intelamt.user == null) || (node.intelamt.user == '')) { return; }
2058
+ desk = CreateAmtRedirect(CreateAmtRemoteDesktop('kvmid_' + shortid));
2059
+ desk.shortid = shortid;
2060
+ //desk.debugmode = debugmode;
2061
+ desk.onStateChanged = onMultiDesktopStateChange;
2062
+ desk.m.bpp = 1;
2063
+ desk.m.useZRLE = true;
2064
+ desk.m.showmouse = true;
2065
+ desk.m.onKvmData = function (data) { console.log('KVM Data received in multi-desktop mode, this is not supported.'); }; // KVM Data Channel not supported in multi-desktop right now.
2066
+ //desk.m.onScreenSizeChange = deskAdjust;
2067
+ if (debugmode > 0) { desk.m.onScreenSizeChange = mdeskAdjust; } // Multi-Desktop Adjust
2068
+ desk.Start(nodeid, 16994, '*', '*', 0);
2069
+ desk.contype = 2;
2070
+ multiDesktop[nodeid] = desk;
2071
+ } else if (contype == 1) {
2072
+ // Setup the Mesh Agent remote desktop
2073
+ desk = CreateAgentRedirect(meshserver, CreateAgentRemoteDesktop('kvmid_' + shortid), serverPublicNamePort);
2074
+ desk.shortid = shortid;
2075
+ desk.attemptWebRTC = attemptWebRTC;
2076
+ desk.onStateChanged = onMultiDesktopStateChange;
2077
+ desk.m.CompressionLevel = multidesktopsettings.quality;
2078
+ desk.m.ScalingLevel = multidesktopsettings.scaling;
2079
+ desk.m.FrameRateTimer = multidesktopsettings.framerate;
2080
+ //desk.m.onDisplayinfo = deskDisplayInfo;
2081
+ //desk.m.onScreenSizeChange = deskAdjust;
2082
+ if (debugmode > 0) { desk.m.onScreenSizeChange = mdeskAdjust; } // Multi-Desktop Adjust
2083
+ desk.Start(nodeid);
2084
+ desk.contype = 1;
2085
+ multiDesktop[nodeid] = desk;
2086
+ }
2087
+ } else {
2088
+ // Disconnect and clean up the remote desktop
2089
+ desk.Stop();
2090
+ delete multiDesktop[nodeid];
2091
+ }
2092
+ }
2093
+
2094
+ function getMeshActions(mesh, meshrights) {
2095
+ if ((meshrights & 4) == 0) return '';
2096
+ var r = '';
2097
+ if ((features & 1024) == 0) { // If CIRA is allowed
2098
+ r += ' <a style=cursor:pointer;font-size:10px title="Add a new Intel® AMT computer that is located on the internet." onclick=addCiraDeviceToMesh(\"' + mesh._id + '\")>Add CIRA</a>';
2099
+ }
2100
+ if (mesh.mtype == 1) {
2101
+ if ((features & 1) == 0) { // If not WAN-Only
2102
+ r += ' <a style=cursor:pointer;font-size:10px title="Add a new Intel® AMT computer that is located on the local network." onclick=addDeviceToMesh(\"' + mesh._id + '\")>Add Local</a>';
2103
+ r += ' <a style=cursor:pointer;font-size:10px title="Add a new Intel® AMT computer by scanning the local network." onclick=addAmtScanToMesh(\"' + mesh._id + '\")>Scan Network</a>';
2104
+ }
2105
+ }
2106
+ if (mesh.mtype == 2) {
2107
+ r += ' <a style=cursor:pointer;font-size:10px title="Add a new computer to this mesh by installing the mesh agent." onclick=addAgentToMesh(\"' + mesh._id + '\")>Add Agent</a>';
2108
+ if (features & 64) {
2109
+ r += ' <a style=cursor:pointer;font-size:10px title="Invite someone to install the mesh agent on this mesh." onclick=inviteAgentToMesh(\"' + mesh._id + '\")>Invite</a>';
2110
+ }
2111
+ }
2112
+ return r;
2113
+ }
2114
+
2115
+ function addDeviceToMesh(meshid) {
2116
+ if (xxdialogMode) return;
2117
+ var mesh = meshes[meshid];
2118
+ var x = "Add a new Intel® AMT device to device group \"" + EscapeHtml(mesh.name) + "\".<br /><br />";
2119
+ x += addHtmlValue('Device Name', '<input id=dp1devicename style=width:230px maxlength=32 autocomplete=off onchange=validateDeviceToMesh() onkeyup=validateDeviceToMesh() />');
2120
+ x += addHtmlValue('Hostname', '<input id=dp1hostname style=width:230px maxlength=32 autocomplete=off placeholder="Same as device name" onchange=validateDeviceToMesh() onkeyup=validateDeviceToMesh() />');
2121
+ x += addHtmlValue('Username', '<input id=dp1username style=width:230px maxlength=32 autocomplete=off placeholder="admin" onchange=validateDeviceToMesh() onkeyup=validateDeviceToMesh() />');
2122
+ x += addHtmlValue('Password', '<input id=dp1password type=password style=width:230px autocomplete=off maxlength=32 onchange=validateDeviceToMesh() onkeyup=validateDeviceToMesh() />');
2123
+ x += addHtmlValue('Security', '<select id=dp1tls style=width:236px><option value=0>No TLS security</option><option value=1>TLS security required</option></select>');
2124
+ setDialogMode(2, "Add Intel® AMT device", 3, addDeviceToMeshEx, x, meshid);
2125
+ validateDeviceToMesh();
2126
+ Q('dp1devicename').focus();
2127
+ }
2128
+
2129
+ // Display the Intel AMT scanning dialog box
2130
+ function addAmtScanToMesh(meshid) {
2131
+ if (xxdialogMode) return;
2132
+ var x = "Enter a range of IP addresses to scan for Intel AMT devices.<br /><br />";
2133
+ x += addHtmlValue('IP Range', '<input id=dp1range style=width:184px value="192.168.1.0/24" onkeyup=addAmtScanToMeshKeyUp(event) /><input id=dp1rangebutton type=button value=Scan onclick=addAmtScanToMeshButton()></input>');
2134
+ x += '<div id=dp1results style="width:100%;height:200px;background-color:white;border:1px gray solid;overflow-y:scroll"></div>';
2135
+ setDialogMode(2, "Scan for Intel® AMT devices", 3, addAmtScanToMeshEx, x, meshid);
2136
+ QE('idx_dlgOkButton', false);
2137
+ QH('dp1results', '<div style=width:100%;text-align:center;margin-top:12px;color:gray;line-height:1.5>Sample IP range values<br />192.168.0.100<br />192.168.1.0/24<br />192.167.0.1-192.168.0.100</div>');
2138
+ focusTextBox('dp1range');
2139
+ }
2140
+
2141
+ function addAmtScanToMeshKeyUp(e) {
2142
+ if (e.keyCode == 13) { haltEvent(e); addAmtScanToMeshButton(); }
2143
+ }
2144
+
2145
+ // Called when OK is pressed on the Intel AMT scanning box
2146
+ function addAmtScanToMeshEx(button, meshid) {
2147
+ var elements = document.getElementsByClassName("DevScanCheckbox"), checkcount = 0;
2148
+ for (var i=0;i<elements.length;i++) {
2149
+ if (elements[i].checked) {
2150
+ var ipaddr = elements[i].getAttribute('tag');
2151
+ var amtinfo = amtScanResults[ipaddr];
2152
+ meshserver.send({ action: 'addamtdevice', meshid: meshid, devicename: ipaddr, hostname: amtinfo.hostname, amtusername: '', amtpassword: '', amttls: amtinfo.tls });
2153
+ }
2154
+ }
2155
+ }
2156
+
2157
+ // If the user presses the "Scan" button on the Intel AMT scanning dialog box, start a scan.
2158
+ function addAmtScanToMeshButton() {
2159
+ QE('dp1range', false);
2160
+ QE('dp1rangebutton', false);
2161
+ QH('dp1results', '<div style=width:100%;text-align:center;margin-top:12px>Scanning...</div>');
2162
+ meshserver.send({ action: 'scanamtdevice', range: Q('dp1range').value });
2163
+ }
2164
+
2165
+ // Called when a scanned computer is checked or unchecked.
2166
+ function addAmtScanToMeshCheckbox() {
2167
+ var elements = document.getElementsByClassName("DevScanCheckbox"), checkcount = 0;
2168
+ for (var i=0;i<elements.length;i++) { if (elements[i].checked) checkcount++; }
2169
+ QE('idx_dlgOkButton', checkcount > 0);
2170
+ }
2171
+
2172
+ function addCiraDeviceToMesh(meshid) {
2173
+ if (xxdialogMode) return;
2174
+ var mesh = meshes[meshid];
2175
+
2176
+ // Replace non alphabetic characters (@ and $) with 'X' because MPS username cannot accept it.
2177
+ var meshidx = meshid.split('/')[2].replace(/\@/g, 'X').replace(/\$/g, 'X');
2178
+
2179
+ var y = '<select id=dlgAddCiraSel onclick=dlgAddCiraSelClick() style=width:230px><option value=0>MeshCommander Script</option><option value=1>Manual Username/Password</option>';
2180
+ if ((features & 16) == 0) { y += '<option value=2>Manual Certificate</option></select>'; } // Only display this option if Intel AMT CIRA with Mutual-Auth is allowed.
2181
+
2182
+ var x = '';
2183
+ x += addHtmlValue('Setup Method', y);
2184
+ x += '<hr>';
2185
+
2186
+ // Setup CIRA using a MeshCommander script (Pretty Simple)
2187
+ x += "<div id=dlgAddCira0>To add a new Intel® AMT device to device group \"" + EscapeHtml(mesh.name) + "\" with CIRA, download the following script files and use <a href='http://meshcommander.com' rel='noreferrer noopener' target='_blank'>MeshCommander</a> to run the script to configure computers.<br /><br />";
2188
+ x += addHtmlValue('Setup CIRA', '<a href="mescript.ashx?type=1&meshid=' + meshidx.substring(0, 16) + '" rel="noreferrer noopener" target="_blank">cira_setup.mescript</a>');
2189
+ x += addHtmlValue('Cleanup CIRA', '<a href="mescript.ashx?type=2" rel="noreferrer noopener" target="_blank">cira_clean.mescript</a>');
2190
+ x += "</div>";
2191
+
2192
+ // Setup CIRA with user/pass authentication (Somewhat difficult)
2193
+ x += "<div id=dlgAddCira1 style=display:none>To add a new Intel® AMT device to device group \"" + EscapeHtml(mesh.name) + "\" with CIRA, load the following certificate as trusted root within Intel AMT";
2194
+ if (serverinfo.mpspass) { x += " and authenticate to the server using this username and password.<br /><br />"; } else { x += " and authenticate to the server using this username and any password.<br /><br />"; }
2195
+ x += addHtmlValue('Root Certificate', '<a href="MeshServerRootCert.cer" rel="noreferrer noopener" target="_blank">Root Certificate File</a>');
2196
+ x += addHtmlValue('Username', '<input style=width:230px readonly value="' + meshidx.substring(0, 16) + '" />');
2197
+ if (serverinfo.mpspass) { x += addHtmlValue('Password', '<input style=width:230px readonly value="' + EscapeHtml(serverinfo.mpspass) + '" />'); }
2198
+ if (serverinfo != null) { x += addHtmlValue('MPS Server', '<input style=width:230px readonly value="' + EscapeHtml(serverinfo.mpsname) + ':' + serverinfo.mpsport + '" />'); }
2199
+ x += "</div>";
2200
+
2201
+ // Setup CIRA with certificate authentication (Really difficult, only if TLS offload is not used)
2202
+ if ((features & 16) == 0) {
2203
+ x += "<div id=dlgAddCira2 style=display:none>To add a new Intel® AMT device to device group \"" + EscapeHtml(mesh.name) + "\" with CIRA, load the following certificate as trusted root within Intel AMT, authenticate using a client certificate with the following common name and connect to the following server.<br /><br />";
2204
+ x += addHtmlValue('Root Certificate', '<a href="MeshServerRootCert.cer" rel="noreferrer noopener" target="_blank">Root Certificate File</a>');
2205
+ x += addHtmlValue('Organization', '<input style=width:230px readonly value="' + meshidx + '" />');
2206
+ if (serverinfo != null) { x += addHtmlValue('MPS Server', '<input style=width:230px readonly value="' + EscapeHtml(serverinfo.mpsname) + ':' + serverinfo.mpsport + '" />'); }
2207
+ x += "</div>";
2208
+ }
2209
+
2210
+ setDialogMode(2, "Add Intel® AMT CIRA device", 1, null, x);
2211
+ }
2212
+
2213
+ function dlgAddCiraSelClick() {
2214
+ var val = Q('dlgAddCiraSel').value;
2215
+ QV('dlgAddCira0', val == 0);
2216
+ QV('dlgAddCira1', val == 1);
2217
+ QV('dlgAddCira2', val == 2);
2218
+ }
2219
+
2220
+ // Return true is the input string looks like an email address
2221
+ function checkEmail(str) {
2222
+ var x = str.split('@');
2223
+ var ok = ((x.length == 2) && (x[0].length > 0) && (x[1].split('.').length > 1) && (x[1].length > 2));
2224
+ if (ok == true) { var y = x[1].split('.'); for (var i in y) { if (y[i].length == 0) { ok = false; } } }
2225
+ return ok;
2226
+ }
2227
+
2228
+ function inviteAgentToMesh(meshid) {
2229
+ if (xxdialogMode) return;
2230
+ var mesh = meshes[meshid];
2231
+ var x = "Invite someone to install the mesh agent. An email with be sent with the link to the mesh agent installation for " + EscapeHtml(mesh.name) + ".<br /><br />";
2232
+ x += addHtmlValue('Name (optional)', '<input id=agentInviteName value="" style=width:230px maxlength=64 />');
2233
+ x += addHtmlValue('Email', '<input id=agentInviteEmail style=width:230px placeholder="example@email.com" onkeyup=validateAgentInvite()></input>');
2234
+ x += addHtmlValue('Operating System', '<select id=agentInviteNameOs style=width:236px><option value=0>Any supported</option><option value=1>Windows only</option><option value=3>Apple OSX only</option><option value=2>Linux only</option></select>');
2235
+ x += addHtmlValue('Installation Type', '<select id=agentInviteType style=width:236px><option value=0>Background and interactive</option><option value=2>Background only</option><option value=1>Interactive only</option></select>');
2236
+ x += addHtmlValue('Message<br />(optional)', '<textarea id=agentInviteMessage value="" style=width:230px;height:100px;resize:none maxlength=1024 /></textarea>');
2237
+ setDialogMode(2, "Invite", 3, performAgentInvite, x, meshid);
2238
+ validateAgentInvite();
2239
+ }
2240
+
2241
+ function validateAgentInvite() {
2242
+ QE('idx_dlgOkButton', checkEmail(Q('agentInviteEmail').value));
2243
+ }
2244
+
2245
+ function performAgentInvite(button, meshid) {
2246
+ meshserver.send({ action: 'inviteAgent', meshid: meshid, email: Q('agentInviteEmail').value, name: Q('agentInviteName').value, os: Q('agentInviteNameOs').value, flags: Q('agentInviteType').value, msg: Q('agentInviteMessage').value });
2247
+ }
2248
+
2249
+ function addAgentToMesh(meshid) {
2250
+ if (xxdialogMode) return;
2251
+ var mesh = meshes[meshid], x = '', installType = 0;
2252
+ x += addHtmlValue('Operating System', '<select id=aginsSelect onchange=addAgentToMeshClick() style=width:236px><option value=0>Windows</option><option value=1>Linux</option><option value=2>Apple OSX</option><option value=3>Windows (UnInstall)</option><option value=4>Linux (UnInstall)</option></select>');
2253
+ x += '<div id=aginsTypeDiv>';
2254
+ x += addHtmlValue('Installation Type', '<select id=aginsType onchange=addAgentToMeshClick() style=width:236px><option value=0>Background & interactive</option><option value=2>Background only</option><option value=1>Interactive only</option></select>');
2255
+ x += '</div><hr>';
2256
+
2257
+ // Windows agent install
2258
+ //x += "<div id=agins_windows>To add a new computer to device group \"" + EscapeHtml(mesh.name) + "\", download the mesh agent and configuration file and install the agent on the computer to manage.<br /><br />";
2259
+ x += "<div id=agins_windows>To add a new computer to device group \"" + EscapeHtml(mesh.name) + "\", download the mesh agent and install it the computer to manage. This agent has server and mesh information embedded within it.<br /><br />";
2260
+ x += addHtmlValue('Mesh Agent', '<a id=aginsw32lnk href="meshagents?id=3&meshid=' + meshid.split('/')[2] + '&installflags=0" rel="noreferrer noopener" target="_blank" title="32bit version of the MeshAgent">Windows (.exe)</a>');
2261
+ x += addHtmlValue('Mesh Agent', '<a id=aginsw64lnk href="meshagents?id=4&meshid=' + meshid.split('/')[2] + '&installflags=0" rel="noreferrer noopener" target="_blank" title="64bit version of the MeshAgent">Windows x64 (.exe)</a>');
2262
+ if (debugmode > 0) { x += addHtmlValue('Settings File', '<a id=aginswmshlnk href="meshsettings?id=' + meshid.split('/')[2] + '&installflags=0" rel="noreferrer noopener" target="_blank">' + EscapeHtml(mesh.name) + ' settings (.msh)</a>'); }
2263
+ x += "</div>";
2264
+
2265
+ // Linux agent install
2266
+ x += "<div id=agins_linux style=display:none>To add a computer to " + EscapeHtml(mesh.name) + " run the following command. Root credentials will be needed.<br />";
2267
+ x += '<textarea id=agins_linux_area rows=2 cols=20 readonly=readonly style=width:100%;resize:none;height:120px;overflow:scroll;font-size:12px readonly></textarea>';
2268
+ x += "</div>";
2269
+
2270
+ // OSX agent install
2271
+ x += "<div id=agins_osx style=display:none>To add a new computer to device group \"" + EscapeHtml(mesh.name) + "\", download the mesh agent and install it the computer to manage. This agent installer has server and mesh information embedded within it.<br /><br />";
2272
+ x += addHtmlValue('Mesh Agent', '<a href="meshosxagent?id=16&meshid=' + meshid.split('/')[2] + '" rel="noreferrer noopener" target="_blank" title="64bit version of OSX Mesh Agent">OSX Agent (64bit)</a>');
2273
+ x += "</div>";
2274
+
2275
+ // Windows agent uninstall
2276
+ x += "<div id=agins_windows_un style=display:none>To remove a mesh agent, download the file below, run it and click \"uninstall\".<br /><br />";
2277
+ x += addHtmlValue('Mesh Agent', '<a href="meshagents?id=3" rel="noreferrer noopener" target="_blank" title="32bit version of the MeshAgent">Windows (.exe)</a>');
2278
+ x += addHtmlValue('Mesh Agent', '<a href="meshagents?id=3" rel="noreferrer noopener" target="_blank" title="64bit version of the MeshAgent">Windows x64 (.exe)</a>');
2279
+ x += "</div>";
2280
+
2281
+ // Linux agent uninstall
2282
+ x += "<div id=agins_linux_un style=display:none>To remove a mesh agent, run the following command. Root credentials will be needed.<br />";
2283
+ x += '<textarea id=agins_linux_area_un rows=2 cols=20 readonly=readonly style=width:100%;resize:none;height:120px;overflow:scroll;font-size:12px readonly></textarea>';
2284
+ x += "</div>";
2285
+
2286
+ setDialogMode(2, "Add Mesh Agent", 9, null, x);
2287
+ var servername = serverinfo.name;
2288
+ if ((servername == 'un-configured') || ((features & 2) != 0)) { servername = window.location.hostname; } // If the server name is not set or it's in LAN-only mode, use the URL hostname as server name.
2289
+
2290
+ if (serverinfo.https == true) {
2291
+ var portStr = (serverinfo.port == 443)?'':(":" + serverinfo.port);
2292
+ Q('agins_linux_area').value = "wget https://" + servername + portStr + "/meshagents?script=1 --no-check-certificate -O ./meshinstall.sh && chmod 755 ./meshinstall.sh && sudo ./meshinstall.sh https://" + servername + portStr + " '" + meshid.split('/')[2] + "'\r\n";
2293
+ Q('agins_linux_area_un').value = "wget https://" + servername + portStr + "/meshagents?script=1 --no-check-certificate -O ./meshinstall.sh && chmod 755 ./meshinstall.sh && sudo ./meshinstall.sh uninstall\r\n";
2294
+ } else {
2295
+ var portStr = (serverinfo.port == 80)?'':(":" + serverinfo.port);
2296
+ Q('agins_linux_area').value = "wget http://" + servername + portStr + "/meshagents?script=1 -O ./meshinstall.sh && chmod 755 ./meshinstall.sh && sudo ./meshinstall.sh http://" + servername + portStr + " '" + meshid.split('/')[2] + "'\r\n";
2297
+ Q('agins_linux_area_un').value = "wget http://" + servername + portStr + "/meshagents?script=1 -O ./meshinstall.sh && chmod 755 ./meshinstall.sh && sudo ./meshinstall.sh uninstall\r\n";
2298
+ }
2299
+ Q('aginsSelect').focus();
2300
+ addAgentToMeshClick();
2301
+ }
2302
+
2303
+ function addAgentToMeshClick() {
2304
+ var v = Q('aginsSelect').value;
2305
+ QV('agins_windows', v == 0);
2306
+ QV('agins_linux', v == 1);
2307
+ QV('agins_osx', v == 2);
2308
+ QV('agins_windows_un', v == 3);
2309
+ QV('agins_linux_un', v == 4);
2310
+ QV('aginsTypeDiv', v == 0);
2311
+
2312
+ // Fix the links if needed
2313
+ Q('aginsw32lnk').href = (Q('aginsw32lnk').href.split('installflags=')[0]) + 'installflags=' + Q('aginsType').value;
2314
+ Q('aginsw64lnk').href = (Q('aginsw64lnk').href.split('installflags=')[0]) + 'installflags=' + Q('aginsType').value;
2315
+ if (debugmode > 0) { Q('aginswmshlnk').href = (Q('aginswmshlnk').href.split('installflags=')[0]) + 'installflags=' + Q('aginsType').value; }
2316
+ }
2317
+
2318
+ function validateDeviceToMesh() {
2319
+ QE('idx_dlgOkButton', (Q('dp1devicename').value.length > 0) && (passwordcheck(Q('dp1password').value)));
2320
+ }
2321
+
2322
+ function addDeviceToMeshEx(button, meshid) {
2323
+ var amtuser = Q('dp1username').value;
2324
+ if (amtuser == '') amtuser = 'admin';
2325
+ var host = Q('dp1hostname').value;
2326
+ if (host == '') host = Q('dp1devicename').value;
2327
+ meshserver.send({ action: 'addamtdevice', meshid: meshid, devicename: Q('dp1devicename').value, hostname: host, amtusername: amtuser, amtpassword: Q('dp1password').value, amttls: Q('dp1tls').value });
2328
+ }
2329
+
2330
+ function deviceHeaderSet() {
2331
+ if (deviceHeaderId == 0) { deviceHeaderId = 1; return; }
2332
+ deviceHeaders["DevxHeader" + deviceHeaderId] = ', ' + deviceHeaderTotal + ((deviceHeaderTotal == 1) ? ' node' : ' nodes');
2333
+ //var title = '';
2334
+ //for (x in deviceHeaderCount) { if (title.length > 0) title += ', '; title += deviceHeaderCount[x] + ' ' + PowerStateStr2(x); }
2335
+ //deviceHeadersTitles["DevxHeader" + deviceHeaderId] = title;
2336
+ deviceHeaderId++;
2337
+ deviceHeaderCount = {};
2338
+ deviceHeaderTotal = 0;
2339
+ }
2340
+
2341
+ var powerStateStrings = ['', '<span title="Device is powered on.">Powered</span>', '<span title="Device is in sleep state (S1).">Sleeping</span>', '<span title="Device is in sleep state (S2).">Sleeping</span>', '<span title="Device is in deep sleep state (S3).">Deep Sleep</span>', '<span title="Device is in hibernating state (S4).">Hibernating</span>', '<span title="Device is in powered off state (S5).">Soft-Off</span>', '<span title="Device is detected but power state could not be obtained.">Present</span>'];
2342
+ var powerStateStrings2 = ['', 'Device is powered', 'Device is in sleep state (S1)', 'Device is in sleep state (S2)', 'Device is in deep sleep state (S3)', 'Device is hibernating (S4)', 'Device is in soft-off state (S5)', 'Device is present, but power state cannot be determined'];
2343
+ var powerColorTable = ['#00000000', 'black', 'blue', 'blue', 'lightblue', 'blueviolet', 'darkgreen', 'lightseagreen', 'lightseagreen'];
2344
+ function NodeStateStr(node) {
2345
+ var states = [];
2346
+ if (node.state > 0 && node.state < powerStatetable.length) state.push(powerStatetable[node.state]);
2347
+ if (node.conn) {
2348
+ if ((node.conn & 1) != 0) states.push('<span title="Mesh agent is connected and ready for use.">Agent</span>');
2349
+ if ((node.conn & 2) != 0) states.push('<span title="Intel® AMT CIRA is connected and ready for use.">CIRA</span>');
2350
+ if ((node.conn & 4) != 0) states.push('<span title="Intel® AMT is routable.">Intel® AMT</span>');
2351
+ if ((node.conn & 8) != 0) states.push('<span title="Mesh agent is reachable using another agent as relay.">Relay</span>');
2352
+ }
2353
+ if ((node.pwr != null) && (node.pwr != 0)) { states.push(powerStateStrings[node.pwr]); }
2354
+ return states.join(', ');
2355
+ }
2356
+
2357
+ function PowerStateStr(x) {
2358
+ if (x < powerStatetable.length) return powerStatetable[x];
2359
+ return '';
2360
+ }
2361
+
2362
+ function PowerStateStr2(x) {
2363
+ if ((x != 0) && (x < powerStatetable.length)) return powerStatetable[x];
2364
+ return 'Unknown';
2365
+ }
2366
+
2367
+ function selectallButtonFunction() {
2368
+ var elements = document.getElementsByClassName("DeviceCheckbox"), checkcount = 0;
2369
+ for (var i=0;i<elements.length;i++) { if (elements[i].checked === true) checkcount++; }
2370
+ for (var i=0;i<elements.length;i++) { elements[i].checked = (checkcount == 0); }
2371
+ p1updateInfo();
2372
+ }
2373
+
2374
+ function p1updateInfo() {
2375
+ var elements = document.getElementsByClassName("DeviceCheckbox"), checkcount = 0;
2376
+ for (var i=0;i<elements.length;i++) { if (elements[i].checked === true) { checkcount++; } }
2377
+ if (checkcount > 0) {
2378
+ QE('GroupActionButton', true);
2379
+ Q('SelectAllButton').value = 'Select None';
2380
+ QV('cxmgroupsplit', true);
2381
+ QV('cxmdesktop', true);
2382
+ } else {
2383
+ QE('GroupActionButton', false);
2384
+ Q('SelectAllButton').value = 'Select All';
2385
+ QV('cxmgroupsplit', false);
2386
+ QV('cxmdesktop', false);
2387
+ }
2388
+ }
2389
+
2390
+ function groupActionFunction() {
2391
+ var x = "Select an operation to perform on all selected devices. Actions will be performed only with proper rights.<br /><br />";
2392
+ x += addHtmlValue('Operation', '<select id=d2groupop style=float:right;width:250px><option value=100>Wake-up devices</option><option value=4>Sleep devices</option><option value=3>Reset devices</option><option value=2>Power off devices</option><option value=101>Delete devices</option></select>');
2393
+ setDialogMode(2, "Group Action", 3, groupActionFunctionEx, x);
2394
+ }
2395
+
2396
+ // Get the list of checked devices, removes any duplicates.
2397
+ function getCheckedDevices() {
2398
+ var nodeids = [], elements = document.getElementsByClassName("DeviceCheckbox"), checkcount = 0;
2399
+ for (var i=0;i<elements.length;i++) { if (elements[i].checked) { if (elements[i].value) { var nid = elements[i].value.substring(6); if (nodeids.indexOf(nid) == -1) { nodeids.push(nid); } } } }
2400
+ return nodeids;
2401
+ }
2402
+
2403
+ function groupActionFunctionEx() {
2404
+ var op = Q('d2groupop').value;
2405
+ if (op == 100) {
2406
+ // Group wake
2407
+ meshserver.send({ action: 'wakedevices', nodeids: getCheckedDevices() });
2408
+ } else if (op == 101) {
2409
+ // Group delete, ask for confirmation
2410
+ var x = "Confirm delete selected devices(s)?<br /><br />";
2411
+ x += "<input id=d2check type=checkbox onchange=d2groupActionFunctionDelEx() />Confirm";
2412
+ setDialogMode(2, "Delete Nodes", 3, groupActionFunctionDelEx, x);
2413
+ QE('idx_dlgOkButton', false);
2414
+ } else {
2415
+ // Power operation
2416
+ meshserver.send({ action: 'poweraction', nodeids: getCheckedDevices(), actiontype: op });
2417
+ }
2418
+ }
2419
+
2420
+ function d2groupActionFunctionDelEx() { QE('idx_dlgOkButton', Q('d2check').checked); }
2421
+ function groupActionFunctionDelEx() { meshserver.send({ action: 'removedevices', nodeids: getCheckedDevices() }); }
2422
+
2423
+ function onSortSelectChange(skipsave) {
2424
+ sort = document.getElementById("sortselect").selectedIndex;
2425
+ if (!skipsave) { putstore("sort", sort); }
2426
+ }
2427
+
2428
+ function meshSort(a, b) { if (a.meshnamel > b.meshnamel) return 1; if (a.meshnamel < b.meshnamel) return -1; if (a.meshid == b.meshid) { if (showRealNames == true) { if (a.rnamel > b.rnamel) return 1; if (a.rnamel < b.rnamel) return -1; return 0; } else { if (a.namel > b.namel) return 1; if (a.namel < b.namel) return -1; return 0; } } return 0; }
2429
+ function powerSort(a, b) { var ap = a.pwr?a.pwr:0; var bp = b.pwr?b.pwr:0; if (ap > bp) return -1; if (ap < bp) return 1; if (ap == bp) { if (showRealNames == true) { if (a.rnamel > b.rnamel) return 1; if (a.rnamel < b.rnamel) return -1; return 0; } else { if (a.namel > b.namel) return 1; if (a.namel < b.namel) return -1; return 0; } } return 0; }
2430
+ function deviceSort(a, b) { if (a.namel > b.namel) return 1; if (a.namel < b.namel) return -1; return 0; }
2431
+ function deviceHostSort(a, b) { if (a.rnamel > b.rnamel) return 1; if (a.rnamel < b.rnamel) return -1; return 0; }
2432
+ function onSearchFocus(x) { searchFocus = x; }
2433
+ function onMapSearchFocus(x) { mapSearchFocus = x; }
2434
+ function onUserSearchFocus(x) { userSearchFocus = x; }
2435
+ function onConsoleFocus(x) { consoleFocus = x; }
2436
+
2437
+ function onSearchInputChanged() {
2438
+ var x = Q('SearchInput').value.toLowerCase().trim(); putstore("search", x);
2439
+ if (x == '') {
2440
+ for (var d in nodes) { nodes[d].v = true; }
2441
+ } else {
2442
+ try {
2443
+ var rs = x.split(/\s+/).join('|'), rx = new RegExp(rs); // In some cases (like +), this can throw an exception.
2444
+ for (var d in nodes) {
2445
+ nodes[d].v = (rx.test(nodes[d].name.toLowerCase())) || (nodes[d].rnamel != null && rx.test(nodes[d].rnamel.toLowerCase()));
2446
+ if ((nodes[d].v == false) && nodes[d].tags) {
2447
+ for (var s in nodes[d].tags) {
2448
+ if (rx.test(nodes[d].tags[s].toLowerCase())) {
2449
+ nodes[d].v = true;
2450
+ break;
2451
+ } else {
2452
+ nodes[d].v = false;
2453
+ }
2454
+ }
2455
+ }
2456
+ }
2457
+ } catch (ex) { for (var d in nodes) { nodes[d].v = true; } }
2458
+ }
2459
+ }
2460
+
2461
+ var contextelement = null;
2462
+ function handleContextMenu(event) {
2463
+ hideContextMenu();
2464
+ var scrollLeft = (window.pageXOffset !== null) ? window.pageXOffset : (document.documentElement || document.body.parentNode || document.body).scrollLeft;
2465
+ var scrollTop = (window.pageYOffset !== null) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
2466
+ var elem = document.elementFromPoint(event.pageX - scrollLeft, event.pageY - scrollTop);
2467
+ if (elem && elem != null && elem.id == "MxMESH") {
2468
+ contextelement = elem;
2469
+ var contextmenudiv = document.getElementById("meshContextMenu");
2470
+ contextmenudiv.style.left = event.pageX + "px";
2471
+ contextmenudiv.style.top = event.pageY + "px";
2472
+ contextmenudiv.style.display = "block";
2473
+ } else {
2474
+ while (elem && elem != null && elem.id != "devs") { elem = elem.parentElement; }
2475
+ if (!elem || elem == null) return true;
2476
+ contextelement = elem;
2477
+ var contextmenudiv = document.getElementById("contextMenu");
2478
+ contextmenudiv.style.left = event.pageX + "px";
2479
+ contextmenudiv.style.top = event.pageY + "px";
2480
+ contextmenudiv.style.display = "block";
2481
+ }
2482
+
2483
+ // Get the node and set the menu options
2484
+ var nodeid = contextelement.children[1].attributes.onclick.value;
2485
+ var node = getNodeFromId(nodeid.substring(12, nodeid.length - 2));
2486
+ var mesh = meshes[node.meshid];
2487
+ var meshlinks = mesh.links['user/' + domain + '/' + userinfo.name.toLowerCase()];
2488
+ var meshrights = meshlinks.rights;
2489
+ var consoleRights = ((meshrights & 16) != 0);
2490
+ QV('cxdesktop', ((mesh.mtype == 1) || (node.agent == null) || (node.agent.caps == null) || ((node.agent.caps & 1) != 0) || (node.intelamt && (node.intelamt.state == 2))) && ((meshrights & 8) || (meshrights & 256)));
2491
+ QV('cxterminal', ((mesh.mtype == 1) || (node.agent == null) || (node.agent.caps == null) || ((node.agent.caps & 2) != 0) || (node.intelamt && (node.intelamt.state == 2))) && (meshrights & 8));
2492
+ QV('cxfiles', ((mesh.mtype == 2) && ((node.agent == null) || (node.agent.caps == null) || ((node.agent.caps & 4) != 0))) && (meshrights & 8));
2493
+ QV('cxevents', (node.intelamt != null) && ((node.intelamt.state == 2) || (node.conn & 2)) && (meshrights & 8));
2494
+ QV('cxconsole', (consoleRights && (mesh.mtype == 2) && ((node.agent == null) || (node.agent.caps == null) || ((node.agent.caps & 8) != 0))) && (meshrights & 8));
2495
+
2496
+ return haltEvent(event);
2497
+ }
2498
+
2499
+ function cmaction(action) {
2500
+ var nodeid = contextelement.children[1].attributes.onclick.value;
2501
+ nodeid = nodeid.substring(12, nodeid.length - 2);
2502
+ if (action == 1) gotoDevice(nodeid, 10); // General
2503
+ if (action == 2) gotoDevice(nodeid, 12); // Desktop
2504
+ if (action == 3) gotoDevice(nodeid, 11); // Terminal
2505
+ if (action == 4) gotoDevice(nodeid, 13); // Files
2506
+ if (action == 5) gotoDevice(nodeid, 16); // Events
2507
+ if (action == 6) gotoDevice(nodeid, 15); // Console
2508
+ if (action == 7) { Q('viewselect').value = 3; Q('viewselect').onchange(); Q('autoConnectDesktopCheckbox').checked = true; Q('autoConnectDesktopCheckbox').onclick(); } // Multi-Desktop
2509
+ }
2510
+
2511
+ function cmmeshaction(action) {
2512
+ var meshid = contextelement.attributes.onclick.value.substring(32, (32 + 69));
2513
+ var elements = document.getElementsByClassName("DeviceCheckbox");
2514
+ if (action == 1) { for (var i = 0; i < elements.length; i++) { if ( (elements[i].attributes) && (elements[i].attributes['class']['value'].substring(0, 69) == meshid)) { elements[i].checked = true; } } }
2515
+ if (action == 2) { for (var i = 0; i < elements.length; i++) { if ( (elements[i].attributes) && (elements[i].attributes['class']['value'].substring(0, 69) == meshid)) { elements[i].checked = false; } } }
2516
+ //if (action == 3) { window.location = "multidesktop.aspx?mesh=" + meshid + "&auto=1"; }
2517
+ p1updateInfo();
2518
+ }
2519
+
2520
+ function hideContextMenu() {
2521
+ QV('contextMenu', false);
2522
+ QV('meshContextMenu', false);
2523
+ contextelement = null;
2524
+ }
2525
+
2526
+ //
2527
+ // DEVICES MAP
2528
+ //
2529
+
2530
+ // Maps code starts from here. Initialize all the variables
2531
+ var xxmap = {
2532
+ map: null,
2533
+ contextmenu: null,
2534
+ activeInteractions: [], // Save Modified features in this list
2535
+ showindex: 0,
2536
+ markersSource: null, // Initialize a Source Vector
2537
+ markersLayer: null,
2538
+ mapLayer: null, // Create a tile and use OSM source
2539
+ mapView: null, // Sets the initial view
2540
+ }
2541
+
2542
+ // Add a feature for every Node and change style if connection status changes
2543
+ function updateMapMarkers(selectedMesh) {
2544
+ if ((xxmap != null) && (xxmap.map == null)) { try { loadmap(); } catch (ex) { console.error('loadmap() exception', ex); } }
2545
+ if (xxmap == null) return;
2546
+ var boundingBox = null;
2547
+ for (var i in nodes) {
2548
+ try {
2549
+ var loc = map_parseNodeLoc(nodes[i]), feature = xxmap.markersSource.getFeatureById(nodes[i]._id);
2550
+ if ((loc != null) && ((nodes[i].meshid == selectedMesh) || (selectedMesh == null))) { // Draw markers for devices with locations
2551
+ var lat = loc[0], lon = loc[1], type = loc[2];
2552
+ if (boundingBox == null) { boundingBox = [ lat, lon, lat, lon, 0 ]; } else { if (lat < boundingBox[0]) { boundingBox[0] = lat; } if (lon < boundingBox[1]) { boundingBox[1] = lon; } if (lat > boundingBox[2]) { boundingBox[2] = lat; } if (lon > boundingBox[3]) { boundingBox[3] = lon; } }
2553
+ if (feature == null) { addFeature(nodes[i]); boundingBox[4] = 1; } else { updateFeature(nodes[i], feature); feature.setStyle(markerStyle(nodes[i], loc[2])); } // Update Feature
2554
+ } else {
2555
+ if (feature) { xxmap.markersSource.removeFeature(feature); }
2556
+ }
2557
+ } catch (ex) { console.error('updateMapMarkers() exception', ex, JSON.stringify(nodes[i])); }
2558
+ }
2559
+ return boundingBox;
2560
+ }
2561
+
2562
+ // Show node details on hovering over a feature
2563
+ var map_cm_popup = new ol.Overlay({ element: Q('xmap-info-window'), positioning: 'bottom-center', stopEvent: false });
2564
+
2565
+ // Edit Marker item
2566
+ var map_cm_editMarker = { text: "Modify node location", callback: function (obj) { modifyMarkerloc(obj.data); } };
2567
+
2568
+ // Clear Marker item
2569
+ var map_cm_clearMarker = { text: "Remove node location", callback: function (obj) {
2570
+ meshserver.send({ action: 'changedevice', nodeid: obj.data.a, userloc: [] }); // Clear the user position marker
2571
+ }};
2572
+
2573
+ // Save Marker item
2574
+ var map_cm_saveMarker = { text: "Save node location", callback: function (obj) { saveMarkerloc(obj.data); } };
2575
+
2576
+ // Build a context menu for a feature
2577
+ var map_cm_nodemenu_items = [
2578
+ { text: "General information", callback: function (obj) { if (obj.data !=null) { gotoDevice(obj.data, 10); } } },
2579
+ { text: "Desktop", callback: function (obj) { if (obj.data !=null) { gotoDevice(obj.data, 11); } } },
2580
+ { text: "Terminal", callback: function (obj) { if (obj.data !=null) { gotoDevice(obj.data, 12); } } },
2581
+ { text: "Intel® AMT", callback: function (obj) { if (obj.data !=null) { gotoDevice(obj.data, 14); } } },
2582
+ '-',
2583
+ { text: 'Zoom-in to extent', callback: function(obj) { var coords = obj.data.getGeometry().getCoordinates(); zoomToLocation(coords, 19); } },
2584
+ { text: 'Zoom-out to extent', callback: function(obj) { var coords = obj.data.getGeometry().getCoordinates(); zoomToLocation(coords, 2); } }
2585
+ ];
2586
+
2587
+ // Context menu for clicks other than on feature
2588
+ var contextmenu_items = [
2589
+ { text: 'Refresh', callback: function () { refreshMap(true, true); } },
2590
+ { text: 'Zoom to fit extent', callback: function () { zoomToFitExtent(); } },
2591
+ { text: 'Center map here', callback: function(obj) { xxmap.mapView.animate({ center: obj.coordinate } ); } },
2592
+ { text: 'Place node here', callback: function(obj) { placeNode(obj.coordinate); } }
2593
+ ];
2594
+
2595
+ function stringToIntHash(str) {
2596
+ var hash = 0, i;
2597
+ for (i = 0; i < str.length; i++) { hash = ((hash << 5) - hash) + str.charCodeAt(i); hash |= 0; }
2598
+ return hash;
2599
+ };
2600
+
2601
+ // Get the lat/lon from a node
2602
+ function map_parseNodeLoc(node) {
2603
+ var loc = null, t = 0;
2604
+ if (node.iploc) { loc = node.iploc; t = 1; }
2605
+ if (node.wifiloc) { loc = node.wifiloc; t = 2; }
2606
+ if (node.gpsloc) { loc = node.gpsloc; t = 3; }
2607
+ if (node.userloc) { loc = node.userloc; t = 4; }
2608
+ if ((loc == null) || (typeof loc != 'string')) return null;
2609
+ loc = loc.split(',');
2610
+ if (t == 1) {
2611
+ // If this is IP location, randomize the position a little.
2612
+ return [ parseFloat(loc[0]) + (stringToIntHash(node._id.substring(0, 20)) / 100000000000), parseFloat(loc[1]) + (stringToIntHash(node._id.substring(20)) / 100000000000), t ];
2613
+ } else {
2614
+ // Return the real position
2615
+ return [ parseFloat(loc[0]), parseFloat(loc[1]), t ];
2616
+ }
2617
+ }
2618
+
2619
+ // Load the entire map
2620
+ function loadmap() {
2621
+ if (xxmap == null) return;
2622
+ try {
2623
+ // Initialize a Source Vector
2624
+ xxmap.markersSource = new ol.source.Vector();
2625
+
2626
+ xxmap.markersLayer = new ol.layer.Vector({
2627
+ source: xxmap.markersSource
2628
+ });
2629
+
2630
+ // Create a tile and use OSM source
2631
+ xxmap.mapLayer = new ol.layer.Tile({ source: new ol.source.OSM() });
2632
+
2633
+ xxmap.mapView = new ol.View({ // Set the initial view
2634
+ center: ol.proj.transform([0, 0], 'EPSG:4326', 'EPSG:3857'),
2635
+ zoom: 2,
2636
+ minZoom: 2,
2637
+ maxZoom: 20,
2638
+ extent: ol.proj.transformExtent([-100000, -69.55, 100000, 69.55], 'EPSG:4326', 'EPSG:3857')
2639
+ });
2640
+
2641
+ xxmap.map = new ol.Map({
2642
+ target: 'xdevicesmap',
2643
+ layers: [xxmap.mapLayer, xxmap.markersLayer],
2644
+ view: xxmap.mapView
2645
+ });
2646
+
2647
+ xxmap.map.addOverlay(map_cm_popup);
2648
+
2649
+ // Goto information tab if a user clicks on a feature
2650
+ xxmap.map.on('click', function(evt) {
2651
+ var feature = xxmap.map.forEachFeatureAtPixel(evt.pixel, function(feat, layer) { return feat; });
2652
+ if (feature) {
2653
+ var nodeid = feature.getId();
2654
+ if (nodeid != null) { gotoDevice(nodeid, 10); } // Goto general info tab
2655
+ else { // For pointer
2656
+ var nodeFeatgoto = getCorrespondingFeature(feature); gotoDevice(nodeFeatgoto.getId(), 10);
2657
+ }
2658
+ }
2659
+ });
2660
+
2661
+ // On hover feature show the name of the node. Also add pointer style
2662
+ xxmap.map.on('pointermove', function(evt) {
2663
+ var feature = xxmap.map.forEachFeatureAtPixel(evt.pixel, function(feat, layer) { return feat; });
2664
+ if (feature) {
2665
+ xxmap.map.getTargetElement().style.cursor = 'pointer';
2666
+ var coord = feature.getGeometry().getCoordinates();
2667
+ // map_cm_popup.setPosition(evt.coordinate);
2668
+ map_cm_popup.setPosition(coord);
2669
+ var featid = feature.getId();
2670
+ if (featid) {
2671
+ QH('xmap-info-window', feature.get('name'));
2672
+ } else {
2673
+ var nodeFeat = getCorrespondingFeature(feature); // Return the node feature associated to pointer.
2674
+ QH('xmap-info-window', nodeFeat.get('name'));
2675
+ }
2676
+ } else {
2677
+ xxmap.map.getTargetElement().style.cursor = '';
2678
+ QH('xmap-info-window', '');
2679
+ }
2680
+ });
2681
+
2682
+ // Initialize context menu for openlayers
2683
+ var contextmenu = new ContextMenu({
2684
+ width: 160,
2685
+ defaultItems: false, // defaultItems are Zoom In/Zoom Out
2686
+ items: contextmenu_items
2687
+ });
2688
+
2689
+ // On right click open the context menu
2690
+ contextmenu.on("open", function (evt) {
2691
+ var feature = xxmap.map.forEachFeatureAtPixel(evt.pixel, function(ft, l){ return ft; });
2692
+ xxmap.contextmenu.clear(); //Clear the context menu
2693
+ if (feature) {
2694
+ var featId = feature.getId();
2695
+ if (featId) { addContextMenuItems(feature); } // Node feature will have an id
2696
+ else { // If the feature is a pointer, Get its corresponding Node feature
2697
+ var nodeFeature = getCorrespondingFeature(feature); //return the node feature associated to pointer.
2698
+ if (nodeFeature) { addContextMenuItems(nodeFeature); }
2699
+ else{ xxmap.contextmenu.extend(contextmenu_items); }
2700
+ }
2701
+ }
2702
+ else { xxmap.contextmenu.extend(contextmenu_items); }
2703
+ });
2704
+ if (xxmap.contextmenu == null) { xxmap.contextmenu = contextmenu; }
2705
+ xxmap.map.addControl(xxmap.contextmenu);
2706
+ //addMeshOptions(); // Adds Mesh names to mesh dropdown
2707
+ } catch (ex) {
2708
+ console.log(ex);
2709
+ QV('viewselectmapoption', false);
2710
+ QV('devViewButton4', false);
2711
+ xxmap = null;
2712
+ }
2713
+ }
2714
+
2715
+ // Add feature on to Map for a Node
2716
+ function addFeature(node, lat, lon) {
2717
+ var existingfeature = getModifiedFeature(node._id); // Check if Corresponding feature was Modified ( Modifed feature are in active interactions list)
2718
+ if (existingfeature) { xxmap.markersSource.addFeature(existingfeature); } // Add that existing feature
2719
+ else { // Add new feature for this node
2720
+ if (!lat && !lon) { var loc = map_parseNodeLoc(node); lat = loc[0]; lon = loc[1]; }
2721
+
2722
+ // Fix the longiture and send an event to patch the db to correct coordinate format. It will cause second unnecessary updateFeature on this node to the map.
2723
+ if (lon > 180) { lon = 180 - lon; meshserver.send({ action: 'changedevice', nodeid: node._id, userloc: [ lat, lon ] }); }
2724
+
2725
+ if ((lat < 90) && (lat > -90) && (lon < 180) && (lon > -180)) { // Check valid lat/lon
2726
+ var feature = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.transform([lon, lat], 'EPSG:4326','EPSG:3857')), name: node.name, status: node.conn, lat: lat, lon: lon });
2727
+ feature.setId(node._id); // Set id for the device as nodeid
2728
+ feature.setStyle(markerStyle(node));
2729
+ xxmap.markersSource.addFeature(feature); // Add the feature to Marker Source
2730
+ }
2731
+ }
2732
+ }
2733
+
2734
+ // Removing any feature from map
2735
+ function removeFeature(node) {
2736
+ var feature = xxmap.markersSource.getFeatureById(node._id);
2737
+ if (feature) { xxmap.markersSource.removeFeature(feature); }
2738
+ }
2739
+
2740
+ // Update feature
2741
+ function updateFeature(node, feature) {
2742
+ if (node.conn != feature.get('status') ) { // Update status if changed
2743
+ feature.set('status',node.conn)
2744
+ feature.setStyle(markerStyle(node));
2745
+ }
2746
+
2747
+ // Since this is IP address location, add some fixed randomness to the location. Avoid pin pile-up.
2748
+ var loc = map_parseNodeLoc(node);
2749
+ if (loc != null) {
2750
+ var lat = loc[0], lon = loc[1];
2751
+ if ((lat != feature.get('lat')) || (lon != feature.get('lon'))) { // Update lat and lon if changed
2752
+ feature.set('lat', lat); feature.set('lon', lon);
2753
+ var modifiedCoordinates = ol.proj.transform([parseFloat(lon), parseFloat(lat)], 'EPSG:4326', 'EPSG:3857');
2754
+ feature.getGeometry().setCoordinates(modifiedCoordinates);
2755
+ }
2756
+ }
2757
+
2758
+ if (node.name != feature.get('name') ) { feature.set('name', node.name); } // Update name
2759
+ }
2760
+
2761
+ // Enable dragging of a marker after edit option is clicked in context menu
2762
+ function modifyMarkerloc(ft){
2763
+ var featid = ft.getId();
2764
+ if (featid) {
2765
+ ft.setStyle(markerStyle(getNodeFromId(ft.a), 4)); // Switch to a user marker
2766
+ if ( !getActiveInteractions(ft)) {
2767
+ var dragInteration = new ol.interaction.Modify({
2768
+ features: new ol.Collection([ft]),
2769
+ pixelTolerance: 10
2770
+ });
2771
+ xxmap.activeInteractions.push({ featureid: featid, feature:ft, interaction: dragInteration }); // Also keep track of Interactions
2772
+ xxmap.map.addInteraction(dragInteration);
2773
+ }
2774
+ }
2775
+ }
2776
+
2777
+ // This will be called when save location option is clicked in context menu
2778
+ function saveMarkerloc(ft){
2779
+ var featid = ft.getId()
2780
+ if (featid) {
2781
+ var actInteraction = getActiveInteractions(ft);
2782
+ if (actInteraction) { // Check if the interaction exists
2783
+ xxmap.map.removeInteraction(actInteraction); //Clear Interaction for that node
2784
+ removeInteraction(featid);
2785
+ var coord = ft.getGeometry().getCoordinates();
2786
+ var v = ol.proj.transform(coord, 'EPSG:3857', 'EPSG:4326');
2787
+ if (v[0] > 180) { v[0] = 180 - v[0]; }
2788
+ var vx = [ v[1], v[0] ]; // Flip the coordinates around, lat/long
2789
+ meshserver.send({ action: 'changedevice', nodeid: featid, userloc: vx }); // Send them to server to save changes
2790
+ }
2791
+ }
2792
+ }
2793
+
2794
+ // Style the Markers
2795
+ function markerStyle(node, type) {
2796
+ if (type == null) {
2797
+ type = 0;
2798
+ if (node.iploc) { type = 1; }
2799
+ if (node.wifiloc) { type = 2; }
2800
+ if (node.gpsloc) { type = 3; }
2801
+ if (node.userloc) { type = 4; }
2802
+ }
2803
+ var types = ['', '-ip','-wifi','-gps','-user'];
2804
+ var color = connStateColor(node);
2805
+ var style = new ol.style.Style({
2806
+ image: new ol.style.Icon({ color: color, anchor: [0.5, 1], src: 'images/mapmarker' + types[type] + '.png' })
2807
+ //stroke: new ol.style.Stroke({ color: '#000', width: 20 })
2808
+ //text: new ol.style.Text({ text: 'bob!', textAlign: 'right', offsetX: -10, fill: new ol.style.Fill({ color: '#000' }), stroke: new ol.style.Stroke({ color: '#fff', width: 2 }) })
2809
+ });
2810
+
2811
+ /*
2812
+ deviceMark.setStyle(new ol.style.Style({
2813
+ text: new ol.style.Text({
2814
+ //font: '12px helvetica,sans-serif',
2815
+ text: currentNode.name,
2816
+ textAlign: 'right',
2817
+ offsetX: -10,
2818
+ fill: new ol.style.Fill({ color: '#000' }),
2819
+ stroke: new ol.style.Stroke({ color: '#fff', width: 2 })
2820
+ }),
2821
+ image: new ol.style.Icon(({ color: [113, 140, 0], src: 'images/dot.png' })) }));
2822
+ */
2823
+
2824
+ return [ style ];
2825
+ }
2826
+
2827
+ // TODO: Add more connection status types. Currently we only change color if connection status changes
2828
+ function connStateColor(nodeConn){
2829
+ if (nodeConn.conn == 1 || nodeConn.conn == 3 || nodeConn.conn == 5) { return '#00ffdd'; } // Green for connected devices
2830
+ return '#C70039'; // Red if the Agent is not connected
2831
+ }
2832
+
2833
+ // Add save/edit option to context menu
2834
+ function addContextMenuItems(feature) {
2835
+ if (getActiveInteractions(feature)) { // If this feature is modified then display save option in contextmenu
2836
+ map_cm_saveMarker.data = feature;
2837
+ xxmap.contextmenu.push(map_cm_saveMarker);
2838
+ } else {
2839
+ map_cm_editMarker.data = feature;
2840
+ xxmap.contextmenu.push(map_cm_editMarker);
2841
+ var node = getNodeFromId(feature.a);
2842
+ if (node.userloc) {
2843
+ map_cm_clearMarker.data = feature;
2844
+ xxmap.contextmenu.push(map_cm_clearMarker);
2845
+ }
2846
+ }
2847
+ map_cm_nodemenu_items.forEach(function (item){
2848
+ if (item.text == 'Zoom-in to extent' || item.text == 'Zoom-out to extent') { item.data = feature; }
2849
+ else { if (item != "-") { item.data = feature.getId(); } }
2850
+ });
2851
+ xxmap.contextmenu.extend(map_cm_nodemenu_items);
2852
+ }
2853
+
2854
+ // Return a active Interaction if it exists in activeInteractions list
2855
+ function getActiveInteractions(feature) {
2856
+ var featid = feature.getId();
2857
+ for (var i = 0; i < xxmap.activeInteractions.length; i++) {
2858
+ if (xxmap.activeInteractions[i].featureid == featid) { return xxmap.activeInteractions[i].interaction; }
2859
+ }
2860
+ return false;
2861
+ }
2862
+
2863
+ // Return Modified feature based on Id
2864
+ function getModifiedFeature(featid) {
2865
+ if (featid) {
2866
+ for (var i = 0; i < xxmap.activeInteractions.length; i++) {
2867
+ if (xxmap.activeInteractions[i].featureid == featid) { return xxmap.activeInteractions[i].feature; }
2868
+ }
2869
+ }
2870
+ return null;
2871
+ }
2872
+
2873
+ // Remove Interaction
2874
+ function removeInteraction(ftid) {
2875
+ var index = -1;
2876
+ for (var i = 0; i < xxmap.activeInteractions.length; i++) {
2877
+ if (xxmap.activeInteractions[i].featureid === ftid) { index = i; break; }
2878
+ }
2879
+ if (index >= 0) { xxmap.activeInteractions.splice(index, 1); }
2880
+ }
2881
+
2882
+ // Check if pointer coordinates are equal to features and return node feature
2883
+ function getCorrespondingFeature(pointerFeat) {
2884
+ var pointerCoord = pointerFeat.getGeometry().getCoordinates();
2885
+ for (var i = 0; i < xxmap.activeInteractions.length ; i++) {
2886
+ var modifiedFeatures = xxmap.activeInteractions[i].feature;
2887
+ var fearCoord = modifiedFeatures.getGeometry().getCoordinates();
2888
+ if (fearCoord[0].toFixed(5) == pointerCoord[0].toFixed(5) && fearCoord[1].toFixed(5) == pointerCoord[1].toFixed(5) ) { return modifiedFeatures; }
2889
+ }
2890
+ return null;
2891
+ }
2892
+
2893
+ // Refresh the map and clear list
2894
+ function refreshMap(reset, rebound){
2895
+ if (reset) {
2896
+ xxmap.map.setTarget(null);
2897
+ xxmap.map = null;
2898
+ xxmap.markersSource = null;
2899
+ xxmap.mapView = null;
2900
+ xxmap.mapLayer = null;
2901
+ xxmap.activeInteractions = []; // Clear Active Interaction list
2902
+ }
2903
+ //clearMeshOptions();
2904
+ //onSelectMeshChange();
2905
+ var box = updateMapMarkers();
2906
+ if ((box != null) && (rebound || (box[4] == 1))) {
2907
+ var clat = (box[0] + box[2]) / 2;
2908
+ var clon = (box[1] + box[3]) / 2;
2909
+ var cscale = Math.max(Math.abs(box[0] - box[2]), Math.abs(box[1] - box[3]));
2910
+ var view = xxmap.map.getView();
2911
+ view.setCenter(ol.proj.transform([clon, clat], 'EPSG:4326', 'EPSG:3857'));
2912
+ var i = 360, j = -2;
2913
+ while (i > cscale) { j++; i = i / 2; }
2914
+ view.setZoom(j);
2915
+ }
2916
+ }
2917
+
2918
+ // Called When Place a node option is clicked from context menu
2919
+ function placeNode(coords) {
2920
+ if (xxdialogMode) return;
2921
+ var x = '<div style=margin-bottom:6px><label for=selectnode-search>Search</label>  <input type=text placeholder="Device name" id="selectnode-search" onchange=onPlaceNodeInputChange() onkeyup=onPlaceNodeInputChange() autocomplete=off style=width:120px></div><div id=placenode style="height:254px;overflow-y:auto;width:100%;margin:12px 1px 4px 1px;"><div id=noNodesMapPlace style=text-align:center;width:100%;display:none>No devices found.</div>';
2922
+ for (var i in nodes) {
2923
+ x += '<div class=noselect id=' + nodes[i]._id + '-rowid onclick=selectNodeToPlace(event,\''+ nodes[i]._id +'\') style=background-color:lightgray;margin-bottom:4px;border-radius:2px><input name=PlaceMapDeviceCheckbox id=' + nodes[i]._id + '-checkid type=checkbox style=width:16px;display:inline />';
2924
+ x += '<div class=j' + nodes[i].icon + ' style=width:16px;height:16px;margin-top:2px;margin-right:4px;display:inline-block></div><div style=width:16px;display:inline>' + nodes[i].name + '</div></div>';
2925
+ }
2926
+ setDialogMode(2, "Select a node to place", 3, placeNodeEx, x + '</div>', coords);
2927
+ onPlaceNodeInputChange();
2928
+ }
2929
+
2930
+ function placeNodeEx(button, coords) {
2931
+ var elements = document.getElementsByName("PlaceMapDeviceCheckbox");
2932
+ for (var i in elements) {
2933
+ if (elements[i].checked) {
2934
+ var node = getNodeFromId(elements[i].id.substring(0, elements[i].id.length - 8));
2935
+ if (node) {
2936
+ var feature = xxmap.markersSource.getFeatureById(i);
2937
+ var v = ol.proj.transform(coords, 'EPSG:3857', 'EPSG:4326');
2938
+ var vx = [ v[1], v[0] ]; // Flip the coordinates around, lat/long
2939
+ if (feature) {
2940
+ feature.getGeometry().setCoordinates(coords);
2941
+ var activeInteraction = getActiveInteractions(feature);
2942
+ if (activeInteraction) {
2943
+ saveMarkerloc(feature);
2944
+ } else { // If this feature is not saved after its location is changed, then send updated coords to server.
2945
+ meshserver.send({ action: 'changedevice', nodeid: node._id, userloc: vx }); // Send them to server to save changes
2946
+ }
2947
+ } else {
2948
+ meshserver.send({ action: 'changedevice', nodeid: node._id, userloc: vx }); // This Node is not yet added to maps.
2949
+ }
2950
+ }
2951
+ }
2952
+ }
2953
+ }
2954
+
2955
+ // Called when the user changes the search box
2956
+ function onPlaceNodeInputChange() {
2957
+ updatePlaceNodeTable(Q('selectnode-search').value.trim().toLowerCase());
2958
+ }
2959
+
2960
+ // Update the list of devices in the "place on map" table
2961
+ function updatePlaceNodeTable(inputSearch) {
2962
+ var elements = document.getElementsByName("PlaceMapDeviceCheckbox"), count = 0;
2963
+ for (var i in nodes) {
2964
+ var visible = ((nodes[i].namel.indexOf(inputSearch) >= 0 || inputSearch == '') || (nodes[i].rnamel != null && nodes[i].rnamel.indexOf(inputSearch) >= 0));
2965
+ if (visible) { count++; }
2966
+ QV(nodes[i]._id + '-rowid', visible);
2967
+ }
2968
+ QV('noNodesMapPlace', count == 0);
2969
+ /*
2970
+ console.log(selected);
2971
+ for (var i in nodes) {
2972
+ if ((nodes[i].name.toLowerCase().indexOf(inputSearch) >= 0 || inputSearch == '') || (nodes[i].rnamel != null && nodes[i].rnamel.toLowerCase().indexOf(inputSearch) >= 0)) {
2973
+ console.log(selected.indexOf(nodes[i]._id));
2974
+ x += '<div class=noselect id=' + nodes[i]._id + '-rowid onclick=selectNodeToPlace(event,\''+ nodes[i]._id +'\') style=background-color:lightgray;margin-bottom:4px;border-radius:2px><input name=PlaceMapDeviceCheckbox id=' + nodes[i]._id + '-checkid type=checkbox style=width:16px;display:inline ' + ((selected.indexOf(nodes[i]._id) >= 0)?'checked':'') + ' />';
2975
+ x += '<div class=j' + nodes[i].icon + ' style=width:16px;height:16px;margin-top:2px;margin-right:4px;display:inline-block></div><div style=width:16px;display:inline>' + nodes[i].name + '</div></div>';
2976
+ }
2977
+ }
2978
+ if (x == '') { x = '<div style=text-align:center;width:100%>No devices found.</div>'; }
2979
+ QH('placenode', '');
2980
+ */
2981
+ }
2982
+
2983
+ // Called when a user clicks on a device to toggle selection for placement on map.
2984
+ function selectNodeToPlace(e, id) {
2985
+ // Toggle checkbox if needed
2986
+ if (e.target.name != 'PlaceMapDeviceCheckbox') { var inputElement = Q(id + '-checkid'); inputElement.checked = !inputElement.checked; }
2987
+
2988
+ // Check button state
2989
+ var elements = document.getElementsByName("PlaceMapDeviceCheckbox"), checkcount = 0;
2990
+ for (var i in elements) { if (elements[i].checked) checkcount++; }
2991
+ QE('idx_dlgOkButton', checkcount > 0);
2992
+ }
2993
+
2994
+ // Add option for available meshes in mesh Dropdown
2995
+ function addMeshOptions(addMeshid, meshName) {
2996
+ /*
2997
+ var meshOptions = Q('select-mesh');
2998
+ if (addMeshid && meshName) {
2999
+ var option = document.createElement('option');
3000
+ option.value =addMeshid;
3001
+ option.text = meshName;
3002
+ meshOptions.add(option); // Add specific option
3003
+ }
3004
+ else {
3005
+ for (var i in meshes) { // Add all options
3006
+ var option = document.createElement('option');
3007
+ option.value = i;
3008
+ option.text = meshes[i].name;
3009
+ meshOptions.add(option);
3010
+ }
3011
+ }
3012
+ */
3013
+ }
3014
+
3015
+ // Remove/Modify options in Mesh dropdown (if modMeshname is defined then Modify else Remove)
3016
+ function meshOptionRmvMod(delMeshid, modMeshname){
3017
+ /*
3018
+ var meshOptions = Q('select-mesh');
3019
+ if (delMeshid) {
3020
+ var index=-1;
3021
+ for (var i = 1; i < meshOptions.options.length; i++) {
3022
+ if (meshOptions[i].value === delMeshid) { index=i; }
3023
+ }
3024
+ if (index > 0) {
3025
+ if (modMeshname) {
3026
+ meshOptions[index].innerHTML=modMeshname; // If Mesh name is Modified
3027
+ }
3028
+ else { meshOptions.remove(index); }
3029
+ }
3030
+ }
3031
+ */
3032
+ }
3033
+
3034
+ //Check if there is any mesh created
3035
+ function meshExists() {
3036
+ for (var i in meshes) { if (meshes[i]) { return true; } }
3037
+ return false;
3038
+ }
3039
+
3040
+ // Reset Mesh dropdown option to 'All' when a current view mesh is deleted.
3041
+ function setMeshView(emeshid) {
3042
+ var selectMeshElement=Q("select-mesh");
3043
+ var selectedIndex = selectMeshElement.selectedIndex;
3044
+ if (selectMeshElement[selectedIndex].value == emeshid) { selectMeshElement[0].selected = true; onSelectMeshChange(); }
3045
+ }
3046
+
3047
+ // Clear all mesh options except 'All'
3048
+ function clearMeshOptions() {
3049
+ /*
3050
+ var meshOptions=Q('select-mesh');
3051
+ for(var i = meshOptions.options.length - 1 ; i > 0 ; i--) { meshOptions.remove(i); }
3052
+ */
3053
+ }
3054
+
3055
+ // Make a http get call- Replace this with AJAX get if jquery is used
3056
+ function getSearchLocation() {
3057
+ try {
3058
+ var searchdata = Q('mapSearchLocation').value.trim();
3059
+ if (searchdata.length > 0) {
3060
+ var xmlhttp = new XMLHttpRequest(); // Compatible with Chrome, Opera, Safari, IE7+, Firefox.
3061
+ xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { formatSearchData(xmlhttp.responseText); } }
3062
+ xmlhttp.open("GET", 'https://nominatim.openstreetmap.org/search?q=' + searchdata + '&format=json', true); // Get request
3063
+ xmlhttp.send();
3064
+ }
3065
+ } catch (e) {}
3066
+ }
3067
+
3068
+ // Format data recieved from nominatim API and display it on content window
3069
+ function formatSearchData(data) {
3070
+ try {
3071
+ QH('xmapSearchResults','');
3072
+ var dataInfo = JSON.parse(data), count = 0, x = '<div style="overflow-y:auto;width:100%;max-height:240px">';
3073
+ for (var i = 0; i < dataInfo.length; i++) {
3074
+ if (dataInfo[i].display_name && dataInfo[i].boundingbox[0] && dataInfo[i].boundingbox[1] && dataInfo[i].boundingbox[2] && dataInfo[i].boundingbox[3]) {
3075
+ count++;
3076
+ var color = (i % 2 == 0)?'F5F5F5':'EBEBEB';
3077
+ x += '<div style=cursor:pointer;padding:5px;background-color:#' + color + ' onclick=mapGotoSelectedLocation(this)><div>' + dataInfo[i].display_name + '</div><div style=display:none>' + dataInfo[i].boundingbox[0] + '!#!' + dataInfo[i].boundingbox[1] + '!#!' + dataInfo[i].boundingbox[2] + '!#!' + dataInfo[i].boundingbox[3] + '</div></div>';
3078
+ }
3079
+ }
3080
+ x += '</div>';
3081
+ if (count == 1) {
3082
+ // If only one result is returned then zoom to that location
3083
+ var extent = [ parseFloat(dataInfo[0].boundingbox[2]), parseFloat(dataInfo[0].boundingbox[0]), parseFloat(dataInfo[0].boundingbox[3]), parseFloat(dataInfo[0].boundingbox[1]) ];
3084
+ zoomToExtent(extent);
3085
+ } else {
3086
+ if (count == 0) { x = '<div style=width:200px>No location found.<div>'; }
3087
+ QV('xmapSearchResultsDlg', true);
3088
+ }
3089
+ QH('xmapSearchResults', x);
3090
+ }
3091
+ catch (e) {}
3092
+ }
3093
+
3094
+ // Zoom into the bounding box
3095
+ function mapGotoSelectedLocation(obj) {
3096
+ var objchildren = obj.children;
3097
+ var boundingBox = objchildren[1].innerHTML.split('!#!');
3098
+ var extent = [parseFloat(boundingBox[2]), parseFloat(boundingBox[0]), parseFloat(boundingBox[3]), parseFloat(boundingBox[1])];
3099
+ //Q('search-location').value = objchildren[0].innerHTML;
3100
+ zoomToExtent(extent);
3101
+ mapCloseSearchWindow();
3102
+ }
3103
+
3104
+ // Close the search window
3105
+ function mapCloseSearchWindow() {
3106
+ QH('xmapSearchResults', '');
3107
+ QV('xmapSearchResultsDlg', false);
3108
+ }
3109
+
3110
+ // Zoom to specific cordinates
3111
+ function zoomToLocation(coordinates, zoomVal) {
3112
+ var view = xxmap.map.getView();
3113
+ view.setCenter(coordinates);
3114
+ view.setZoom(zoomVal);
3115
+ }
3116
+
3117
+ function zoomToFitExtent() {
3118
+ var features = xxmap.markersSource.getFeatures();
3119
+ if (features.length > 0) {
3120
+ var extent = xxmap.markersSource.getExtent();
3121
+ xxmap.map.getView().fit(extent, xxmap.map.getSize());
3122
+ }
3123
+ }
3124
+
3125
+ function zoomToExtent(extent){
3126
+ var boundingExtent = ol.proj.transformExtent(extent, ol.proj.get('EPSG:4326'), ol.proj.get('EPSG:3857'));
3127
+ xxmap.map.getView().fit(boundingExtent, xxmap.map.getSize());
3128
+ }
3129
+
3130
+
3131
+ //
3132
+ // MY DEVICE
3133
+ //
3134
+
3135
+ function refreshDevice(nodeid) {
3136
+ if (!currentNode || currentNode._id != nodeid) return;
3137
+ gotoDevice(nodeid, xxcurrentView, true);
3138
+ }
3139
+
3140
+ function getNodeRights(nodeid) {
3141
+ var node = getNodeFromId(nodeid), mesh = meshes[node.meshid];
3142
+ return mesh.links['user/' + domain + '/' + userinfo.name.toLowerCase()].rights;
3143
+ }
3144
+
3145
+ var currentNode;
3146
+ var powerTimelineNode = null;
3147
+ var powerTimelineReq = null;
3148
+ var powerTimelineUpdate = null;
3149
+ var powerTimeline = null;
3150
+ function getCurrentNode() { return currentNode; };
3151
+ function gotoDevice(nodeid, panel, refresh) {
3152
+ //disconnectAllKvmFunction();
3153
+ var node = getNodeFromId(nodeid);
3154
+ var mesh = meshes[node.meshid];
3155
+ var meshrights = mesh.links['user/' + domain + '/' + userinfo.name.toLowerCase()].rights;
3156
+ if (!currentNode || currentNode._id != node._id || refresh == true) {
3157
+ currentNode = node;
3158
+
3159
+ // Add node name
3160
+ var nname = EscapeHtml(node.name);
3161
+ if (nname.length == 0) { nname = '<i>None</i>'; }
3162
+ if ((meshrights & 4) != 0) { nname = '<span title="Click here to edit the server-side device name" onclick=showEditNodeValueDialog(0) style=cursor:pointer>' + nname + ' <img class=hoverButton src="images/link5.png" /></span>'; }
3163
+ QH('p10deviceName', nname);
3164
+ QH('p11deviceName', nname);
3165
+ QH('p12deviceName', nname);
3166
+ QH('p13deviceName', nname);
3167
+ QH('p14deviceName', nname);
3168
+ QH('p15deviceName', nname);
3169
+ QH('p16deviceName', nname);
3170
+
3171
+ // Node attributes
3172
+ var x = '<table style=width:100%>';
3173
+
3174
+ // Attribute: Mesh
3175
+ x += addDeviceAttribute('<span title="The name of the device group this computer belong to.">Group</span>', '<a title="The name of the device group this computer belong to" onclick=gotoMesh("' + node.meshid + '") style=cursor:pointer>' + EscapeHtml(meshes[node.meshid].name) + '</a>');
3176
+
3177
+ // Attribute: Name
3178
+ if ((node.rname != null) && (node.name != node.rname)) { x += addDeviceAttribute('<span title="The name of this computer as set in the operating system">Name</span>', '<span title="The name of this computer as set in the operating system">' + EscapeHtml(node.rname) + '</span>'); }
3179
+
3180
+ // Attribute: Host
3181
+ if ((features & 1) == 0) { // If not WAN-only, local hostname is in use
3182
+ if ((meshrights & 4) != 0) {
3183
+ if (node.host) {
3184
+ x += addDeviceAttribute('Hostname', '<span onclick=showEditNodeValueDialog(1) style=cursor:pointer>' + EscapeHtml(node.host) + '</span>');
3185
+ } else {
3186
+ x += addDeviceAttribute('Hostname', '<span onclick=showEditNodeValueDialog(1) style=cursor:pointer><i>None</i></span>');
3187
+ }
3188
+ } else {
3189
+ x += addDeviceAttribute('Hostname', EscapeHtml(node.host));
3190
+ }
3191
+ }
3192
+
3193
+ // Attribute: Description
3194
+ var description = node.desc?EscapeHtml(node.desc):"<i>None</i>";
3195
+ if ((meshrights & 4) != 0) {
3196
+ x += addDeviceAttribute('Description', '<span onclick=showEditNodeValueDialog(2) style=cursor:pointer>' + description + ' <img class=hoverButton src="images/link5.png" /></span>');
3197
+ } else {
3198
+ x += addDeviceAttribute('Description', description);
3199
+ }
3200
+
3201
+ // Attribute: Mesh Agent
3202
+ var agentsStr = ['Unknown', 'Windows 32bit console', 'Windows 64bit console', 'Windows 32bit service', 'Windows 64bit service', 'Linux 32bit', 'Linux 64bit', 'MIPS', 'XENx86', 'Android ARM', 'Linux ARM', 'OSX 32bit', 'Android x86', 'PogoPlug ARM', 'Android APK', 'Linux Poky x86-32bit', 'OSX 64bit', 'ChromeOS', 'Linux Poky x86-64bit', 'Linux NoKVM x86-32bit', 'Linux NoKVM x86-64bit', 'Windows MinCore console', 'Windows MinCore service', 'NodeJS', 'ARM-Linaro', 'ARMv6l / ARMv7l' ];
3203
+ if ((node.agent != null) && (node.agent.id != null) && (node.agent.ver != null)) {
3204
+ var str = '';
3205
+ if (node.agent.id <= agentsStr.length) { str = agentsStr[node.agent.id]; } else { str = agentsStr[0]; }
3206
+ if (node.agent.ver != 0) { str += ' v' + node.agent.ver; }
3207
+ x += addDeviceAttribute('Mesh Agent', str);
3208
+ }
3209
+
3210
+ // Attribute: Intel AMT
3211
+ if (node.intelamt != null) {
3212
+ var str = '';
3213
+ var provisioningStates = { 0: 'Not Activated (Pre)', 1: 'Not Activated (In)', 2: 'Activated' };
3214
+ if (node.intelamt.ver != null && node.intelamt.state == null) { str += '<i>Unknown State</i>, v' + node.intelamt.ver; } else
3215
+
3216
+ if ((node.intelamt.ver == null) && (node.intelamt.state == 2)) { str += '<i>Activated</i>'; }
3217
+ else if ((node.intelamt.ver == null) || (node.intelamt.state == null)) { str += '<i>Unknown Version & State</i>'; }
3218
+ else {
3219
+ str += provisioningStates[node.intelamt.state];
3220
+ if (node.intelamt.flags) { if (node.intelamt.flags & 2) { str += ' <span title="Intel AMT is activated in Client Control Mode">CCM</span>'; } else if (node.intelamt.flags & 4) { str += ' <span title="Intel AMT is activated in Admin Control Mode">ACM</span>'; } }
3221
+ str += (', v' + node.intelamt.ver);
3222
+ }
3223
+
3224
+ if (node.intelamt.tls == 1) { str += ', <span title="Intel AMT is setup with TLS network security">TLS</span>'; }
3225
+ if (node.intelamt.state == 2) {
3226
+ if (node.intelamt.user == null || node.intelamt.user == '') {
3227
+ if ((meshrights & 4) != 0) {
3228
+ str += ', <i style=color:#FF0000;cursor:pointer title="Edit Intel® AMT credentials" onclick=editDeviceAmtSettings("' + node._id + '")>No Credentials</i>';
3229
+ } else {
3230
+ str += ', <i style=color:#FF0000>No Credentials</i>';
3231
+ }
3232
+ }
3233
+ str += ' ';
3234
+ if ((meshrights & 4) != 0) {
3235
+ str += '<img src=images/link4.png height=10 width=10 title="Edit Intel® AMT credentials" style=cursor:pointer onclick=editDeviceAmtSettings("' + node._id + '")>';
3236
+ }
3237
+ }
3238
+ x += addDeviceAttribute('Intel® AMT', str);
3239
+ }
3240
+
3241
+ // Attribute: Mesh Agent Tag
3242
+ if ((node.agent != null) && (node.agent.tag != null) && (node.agent.tag != 'mailto:')) {
3243
+ var tag = EscapeHtml(node.agent.tag);
3244
+ if (tag.startsWith('mailto:')) { tag = '<a href="' + tag + '">' + tag.substring(7) + '</a>'; }
3245
+ x += addDeviceAttribute('Agent Tag', tag);
3246
+ }
3247
+
3248
+ // Attribute: Intel AMT
3249
+ //if (node.intelamt && node.intelamt.user) { x += addDeviceAttribute('Intel® AMT', node.intelamt.user); }
3250
+
3251
+ // Operating system description
3252
+ if (node.osdesc) { x += addDeviceAttribute('Operating System', node.osdesc); }
3253
+
3254
+ // Active Users
3255
+ if (node.users && node.conn && (node.users.length > 0) && (node.conn & 1)) { x += addDeviceAttribute('Active User' + ((node.users.length > 1)?'s':''), node.users.join(', ')); }
3256
+
3257
+ // Attribute: Connectivity (Only show this if more than just the agent is connected).
3258
+ var connectivity = node.conn;
3259
+ if (connectivity && connectivity > 1) {
3260
+ var cstate = [];
3261
+ if ((node.conn & 1) != 0) cstate.push('<span title="Mesh agent is connected and ready for use.">Mesh Agent</span>');
3262
+ if ((node.conn & 2) != 0) cstate.push('<span title="Intel® AMT CIRA is connected and ready for use.">Intel® AMT CIRA</span>');
3263
+ if ((node.conn & 4) != 0) cstate.push('<span title="Intel® AMT is routable and ready for use.">Intel® AMT</span>');
3264
+ if ((node.conn & 8) != 0) cstate.push('<span title="Mesh agent is reachable using another agent as relay.">Mesh Relay</span>');
3265
+ x += addDeviceAttribute('Connectivity', cstate.join(', '));
3266
+ }
3267
+
3268
+ // Node grouping tags
3269
+ var groupingTags = '<i>None</i>';
3270
+ if (node.tags != null) { groupingTags = ''; for (var i in node.tags) { groupingTags += '<span style="background-color:lightgray;padding:3px;margin-right:4px;border-radius:5px">' + node.tags[i] + '</span>'; } }
3271
+ x += addDeviceAttribute('Tags', '<span onclick=showEditNodeValueDialog(3) style=cursor:pointer>' + groupingTags + ' <img class=hoverButton src="images/link5.png" /></span>');
3272
+
3273
+ x += '</table><br />';
3274
+ // Show action button, only show if we have permissions 4, 8, 64
3275
+ if ((meshrights & 76) != 0) { x += '<input type=button value=Actions title="Perform power actions on the device" onclick=deviceActionFunction() />'; }
3276
+ x += '<input type=button value=Notes title="View notes about this device" onclick=showNotes(' + ((meshrights & 128) == 0) + ',"' + encodeURIComponent(node._id) + '") />';
3277
+ //if ((connectivity & 1) && (meshrights & 8) && (node.agent.id < 5)) { x += '<input type=button value=Toast title="Display a text message of the remote device" onclick=deviceToastFunction() />'; }
3278
+ QH('p10html', x);
3279
+
3280
+ // Show node last 7 days timeline
3281
+ masterUpdate(256);
3282
+
3283
+ // Show bottom buttons
3284
+ x = '<div style=float:right;font-size:x-small>';
3285
+ if ((meshrights & 4) != 0) x += '<a style=cursor:pointer onclick=p10showDeleteNodeDialog("' + node._id + '") title="Remove this device">Delete Device</a>';
3286
+ x += '</div><div style=font-size:x-small>';
3287
+ if (mesh.mtype == 2) x += '<a style=cursor:pointer onclick=p10showNodeNetInfoDialog("' + node._id + '") title="Show device network interface information">Interfaces</a> ';
3288
+ if (xxmap != null) x += '<a style=cursor:pointer onclick=p10showNodeLocationDialog("' + node._id + '") title="Show device locations information">Location</a> ';
3289
+
3290
+ if (((meshrights & 8) != 0) && (mesh.mtype == 2)) x += '<a style=cursor:pointer onclick=p10showMeshCmdDialog(1,"' + node._id + '") title="Traffic router used to connect to a device thru this server.">Router</a> ';
3291
+
3292
+ // RDP link, show this link only of the remote machine is Windows.
3293
+ if (((connectivity & 1) != 0) && (clickOnce == true) && (mesh.mtype == 2) && ((meshrights & 8) != 0)) {
3294
+ if ((node.agent.id > 0) && (node.agent.id < 5)) { x += '<a style=cursor:pointer onclick=p10clickOnce("' + node._id + '","RDP2",3389) title="Requires Microsoft ClickOnce support in your browser.">RDP</a> '; }
3295
+ if (node.agent.id > 4) {
3296
+ x += '<a style=cursor:pointer onclick=p10clickOnce("' + node._id + '","PSSH",22) title="Requires Microsoft ClickOnce support in your browser.">Putty</a> ';
3297
+ x += '<a style=cursor:pointer onclick=p10clickOnce("' + node._id + '","WSCP",22) title="Requires Microsoft ClickOnce support in your browser.">WinSCP</a> ';
3298
+ }
3299
+ }
3300
+ x += '</div><br>'
3301
+
3302
+ QH('p10html3', x);
3303
+
3304
+ // Set the node power state
3305
+ var powerstate = PowerStateStr(node.state);
3306
+ //if (node.state == 0) { powerstate = 'Unknown State'; }
3307
+ if ((connectivity & 1) != 0) { if (powerstate.length > 0) { powerstate += '<br/>'; } powerstate += '<span style=font-size:12px title="Agent connected">Agent connected</span>'; }
3308
+ if ((connectivity & 2) != 0) { if (powerstate.length > 0) { powerstate += '<br/>'; } powerstate += '<span style=font-size:12px title="Intel® AMT connected">Intel® AMT connected</span>'; }
3309
+ if ((connectivity & 4) != 0) { if (powerstate.length > 0) { powerstate += '<br/>'; } powerstate += '<span style=font-size:12px title="Intel® AMT detected">Intel® AMT detected</span>'; }
3310
+ if ((powerstate == '') && node.lastconnect) { powerstate = '<span style=font-size:12px>Last seen:<br />' + new Date(node.lastconnect).toLocaleDateString() + ', ' + new Date(node.lastconnect).toLocaleTimeString() + '</span>'; }
3311
+ QH('MainComputerState', powerstate);
3312
+
3313
+ // Set the node icon
3314
+ Q('MainComputerImage').setAttribute("src", "images/icons200-" + node.icon + "-1.jpg");
3315
+ Q('MainComputerImage').className = ((!node.conn) || (node.conn == 0)?'gray':'');
3316
+
3317
+ // Setup/Refresh the desktop tab
3318
+ setupTerminal();
3319
+ setupFiles();
3320
+ var consoleRights = ((meshrights & 16) != 0);
3321
+ if (consoleRights) { setupConsole(); } else { if (panel == 15) { panel = 10; } }
3322
+
3323
+ // Show or hide the tabs
3324
+ // mesh.mtype: 1 = Intel AMT only, 2 = Mesh Agent
3325
+ // node.agent.caps (bitmask): 1 = Desktop, 2 = Terminal, 4 = Files, 8 = Console
3326
+ QV('MainDevDesktop', ((mesh.mtype == 1) || (node.agent == null) || (node.agent.caps == null) || ((node.agent.caps & 1) != 0) || (node.intelamt && (node.intelamt.state == 2))) && ((meshrights & 8) || (meshrights & 256)));
3327
+ QV('MainDevTerminal', ((mesh.mtype == 1) || (node.agent == null) || (node.agent.caps == null) || ((node.agent.caps & 2) != 0) || (node.intelamt && (node.intelamt.state == 2))) && (meshrights & 8));
3328
+ QV('MainDevFiles', ((mesh.mtype == 2) && ((node.agent == null) || (node.agent.caps == null) || ((node.agent.caps & 4) != 0))) && (meshrights & 8));
3329
+ QV('MainDevAmt', (node.intelamt != null) && ((node.intelamt.state == 2) || (node.conn & 2)) && (meshrights & 8));
3330
+ QV('MainDevConsole', (consoleRights && (mesh.mtype == 2) && ((node.agent == null) || (node.agent.caps == null) || ((node.agent.caps & 8) != 0))) && (meshrights & 8));
3331
+ QV('p15uploadCore', (node.agent != null) && (node.agent.caps != null) && ((node.agent.caps & 16) != 0) && (userinfo.siteadmin == 0xFFFFFFFF));
3332
+ QH('p15coreName', ((node.agent != null) && (node.agent.core != null))?node.agent.core:'');
3333
+
3334
+ // Setup/Refresh Intel AMT tab
3335
+ var amtFrameNode = Q('p14iframe').contentWindow.getCurrentMeshNode();
3336
+ if ((amtFrameNode != null) && (amtFrameNode._id != currentNode._id)) { Q('p14iframe').contentWindow.disconnect(); }
3337
+ var online = ((node.conn & 6) != 0)?true:false; // If CIRA (2) or AMT (4) connected, enable Commander
3338
+ Q('p14iframe').contentWindow.setConnectionState(online);
3339
+ Q('p14iframe').contentWindow.setFrameHeight('650px');
3340
+ Q('p14iframe').contentWindow.setAuthCallback(updateAmtCredentials);
3341
+
3342
+ // Display "action" button on desktop/terminal/files
3343
+ QV('deskActionsBtn', (meshrights & 72) != 0); // 72 = Wake-up + Remote Control permissions
3344
+ QV('termActionsBtn', (meshrights & 72) != 0);
3345
+ QV('filesActionsBtn', (meshrights & 72) != 0);
3346
+
3347
+ // Request the power timeline
3348
+ if ((powerTimelineNode != currentNode._id) && (powerTimelineReq != currentNode._id)) {
3349
+ QH('p10html2', '');
3350
+ powerTimelineReq = currentNode._id;
3351
+ meshserver.send({ action: 'powertimeline', nodeid: currentNode._id });
3352
+ meshserver.send({ action: 'lastconnect', nodeid: currentNode._id });
3353
+ }
3354
+
3355
+ // Reset the desktop tools
3356
+ QV('DeskTools', false);
3357
+ showDeskToolsProcesses();
3358
+
3359
+ // Ask for device events
3360
+ refreshDeviceEvents();
3361
+ }
3362
+ setupDesktop(); // Always refresh the desktop, even if we are on the same device, we need to do some canvas switching.
3363
+ if (!panel) panel = 10;
3364
+ go(panel);
3365
+ }
3366
+
3367
+ function showNotes(readonly, noteid) {
3368
+ if (xxdialogMode) return;
3369
+ setDialogMode(2, "Notes", 2, showNotesEx, '<textarea id=d2devNotes ro=' + readonly + ' noteid=' + noteid + ' readonly style=background-color:#fcf3cf;width:100%;height:200px;resize:none;overflow-y:scroll></textarea><span style=font-size:10px>Notes can be viewed and changed by other administrators.<span>', noteid);
3370
+ meshserver.send({ action: 'getNotes', id: decodeURIComponent(noteid) });
3371
+ }
3372
+
3373
+ function showNotesEx(buttons, tag) { meshserver.send({ action: 'setNotes', id: decodeURIComponent(tag), notes: encodeURIComponent(Q('d2devNotes').value) }); }
3374
+
3375
+ function deviceChat() {
3376
+ if (xxdialogMode) return;
3377
+ window.open('/messenger?id=meshmessenger/' + encodeURIComponent(currentNode._id) + '/' + encodeURIComponent(userinfo._id) + '&title=' + currentNode.name, 'meshmessenger:' + currentNode._id);
3378
+ meshserver.send({ action: 'meshmessenger', nodeid: decodeURIComponent(currentNode._id) });
3379
+ }
3380
+
3381
+ function deviceUrlFunction() {
3382
+ if (xxdialogMode) return;
3383
+ setDialogMode(2, "Open Page on Device", 3, deviceUrlFunctionEx, '<input id=d2devurl placeholder="http://server.com" style=width:100%;overflow-y:scroll></input>');
3384
+ }
3385
+
3386
+ function deviceUrlFunctionEx() {
3387
+ meshserver.send({ action: 'msg', type: 'openUrl', nodeid: currentNode._id, url: Q('d2devurl').value });
3388
+ }
3389
+
3390
+ function deviceToastFunction() {
3391
+ if (xxdialogMode) return;
3392
+ setDialogMode(2, "Device Notification", 3, deviceToastFunctionEx, '<textarea id=d2devToast style=width:100%;height:80px;resize:none;overflow-y:scroll></textarea>');
3393
+ }
3394
+
3395
+ function deviceToastFunctionEx() {
3396
+ meshserver.send({ action: 'toast', nodeids: [ currentNode._id ], title: 'MeshCentral', msg: Q('d2devToast').value });
3397
+ }
3398
+
3399
+ function deviceActionFunction() {
3400
+ if (xxdialogMode) return;
3401
+ var meshrights = meshes[currentNode.meshid].links['user/' + domain + '/' + userinfo.name.toLowerCase()].rights;
3402
+ var x = "Select an operation to perform on this device.<br /><br />";
3403
+ var y = '<select id=d2deviceop style=float:right;width:250px>';
3404
+ if ((meshrights & 64) != 0) { y += '<option value=100>Wake-up</option>'; } // Wake-up permission
3405
+ if ((meshrights & 8) != 0) { y += '<option value=4>Sleep</option><option value=3>Reset</option><option value=2>Power off</option>'; } // Remote control permission
3406
+ y += '</select>';
3407
+ x += addHtmlValue('Operation', y);
3408
+ setDialogMode(2, "Device Action", 3, deviceActionFunctionEx, x);
3409
+ }
3410
+
3411
+ function deviceActionFunctionEx() {
3412
+ var op = Q('d2deviceop').value;
3413
+ if (op == 100) {
3414
+ // Device wake
3415
+ meshserver.send({ action: 'wakedevices', nodeids: [ currentNode._id ] });
3416
+ } else {
3417
+ // Power operation
3418
+ meshserver.send({ action: 'poweraction', nodeids: [ currentNode._id ], actiontype: op });
3419
+ }
3420
+ }
3421
+
3422
+ // Called when MeshCommander needs new credentials or updated credentials.
3423
+ function updateAmtCredentials(forceDialog) {
3424
+ var node = getNodeFromId(currentNode._id);
3425
+ if ((forceDialog == true) || (node.intelamt.user == null) || (node.intelamt.user == '')) {
3426
+ editDeviceAmtSettings(currentNode._id, updateAmtCredentialsEx);
3427
+ } else {
3428
+ Q('p14iframe').contentWindow.connectButtonfunctionEx();
3429
+ }
3430
+ }
3431
+
3432
+ function updateAmtCredentialsEx(button, tag) {
3433
+ Q('p14iframe').contentWindow.connectButtonfunctionEx();
3434
+ }
3435
+
3436
+ // Look to see if we need to update the device timeline
3437
+ function updateDeviceTimeline() {
3438
+ if ((meshserver.State != 2) || (powerTimelineNode == null) || (powerTimelineUpdate == null) || (currentNode == null)) return;
3439
+ if ((powerTimelineNode == powerTimelineReq) && (currentNode._id == powerTimelineNode) && (powerTimelineUpdate < Date.now())) {
3440
+ powerTimelineUpdate = null;
3441
+ meshserver.send({ action: 'powertimeline', nodeid: currentNode._id });
3442
+ meshserver.send({ action: 'lastconnect', nodeid: currentNode._id });
3443
+ }
3444
+ }
3445
+
3446
+ // Draw device power bars. The bars are 766px wide.
3447
+ function drawDeviceTimeline() {
3448
+ if ((currentNode == null) || (xxcurrentView < 10) || (xxcurrentView > 19)) return;
3449
+ var timeline = null, now = Date.now();
3450
+ if (currentNode._id == powerTimelineNode) { timeline = powerTimeline; }
3451
+
3452
+ // Calculate when the timeline starts
3453
+ var d = new Date();
3454
+ d.setHours(0, 0, 0, 0);
3455
+ d = new Date(d.getTime() - (1000 * 60 * 60 * 24 * 6));
3456
+ var timelineStart = d.getTime();
3457
+
3458
+ // De-compact the timeline
3459
+ var timeline2 = [];
3460
+ if (timeline != null && timeline.length > 1) {
3461
+ timeline2.push([ 0, timeline[1], timeline[0] ]); // Start, End, Power
3462
+ var ct = timeline[1];
3463
+ for (var i = 2; i < timeline.length; i += 2) {
3464
+ var power = timeline[i], dt = now;
3465
+ if (timeline.length > (i + 1)) { dt = timeline[i + 1]; }
3466
+ timeline2.push([ ct, ct + dt, power ]); // Start, End, Power
3467
+ ct = ct + dt;
3468
+ }
3469
+ }
3470
+
3471
+ // Draw the timeline
3472
+ var x = '', count = 1, date = new Date();
3473
+ var totalWidth = Q('masthead').offsetWidth - (160 + 9 + 9 + 14); // Compute the total width of the power bar
3474
+ date.setHours(0, 0, 0, 0);
3475
+ for (var i = 0; i < 7; i++) {
3476
+ var datavalue = '', start = date.getTime(), end = start + (1000 * 60 * 60 * 24);
3477
+ for (var j in timeline2) {
3478
+ var block = timeline2[j];
3479
+ if (isTimeBlockInside(start, end, block[0], block[1]) == true) {
3480
+ var ts = Math.max(start, block[0]);
3481
+ var te = Math.min(Math.min(end, block[1]), now);
3482
+ var width = Math.round(((te - ts) * totalWidth) / 86400000);
3483
+ if (width > 0) {
3484
+ var title = powerStateStrings2[block[2]] + ' from ' + new Date(ts).toLocaleTimeString() + ' to ' + new Date(te).toLocaleTimeString() + '.';
3485
+ datavalue += '<div title="' + title + '" style=display:table-cell;width:' + width + 'px;background-color:' + powerColor(block[2]) + ';height:16px></div>';
3486
+ }
3487
+ }
3488
+ }
3489
+ x += '<tr style=' + (((count % 2) == 0)?'background-color:#DDD':'') + '><td><div> ' + date.toLocaleDateString() + '<div></div></div></td><td><div>' + datavalue + '</div></td></tr>';
3490
+ ++count;
3491
+ date = new Date(date.getTime() - (1000 * 60 * 60 * 24)); // Substract one day
3492
+ }
3493
+ QH('p10html2', '<table style="color:black;background-color:#EEE;border-color:#AAA;border-width:1px;border-style:solid;border-collapse:collapse" border=0 cellpadding=2 cellspacing=0 width=100%><tbody><tr style=background-color:#AAAAAA;font-weight:bold><th scope=col style=text-align:center;width:150px>Day</th><th scope=col style=text-align:center>7 Day Power State</th></tr>' + x + '</tbody></table>');
3494
+ }
3495
+
3496
+ // Return a color for the given power state
3497
+ function powerColor(x) { if (x < powerColorTable.length) { return powerColorTable[x]; } return 'yellow'; }
3498
+
3499
+ // Return true if the time block is visible within the start/end period
3500
+ function isTimeBlockInside(start, end, blockStart, blockEnd) {
3501
+ if ((blockStart < start) && (blockEnd > end)) return true; // Block is wider than timespan
3502
+ if ((blockStart > start) && (blockStart < end)) return true;
3503
+ if ((blockEnd > start) && (blockEnd < end)) return true;
3504
+ return false;
3505
+ }
3506
+
3507
+ function addDeviceAttribute(name, value) { return '<tr><td class=style7 style=width:180px>' + name + '</td><td class=style9 style=max-width:400px;overflow:hidden>' + value + '</td></tr>'; }
3508
+
3509
+ function editDeviceAmtSettings(nodeid, func) {
3510
+ if (xxdialogMode) return;
3511
+ var x = '', node = getNodeFromId(nodeid), buttons = 3, meshrights = getNodeRights(nodeid);
3512
+ if ((meshrights & 4) == 0) return;
3513
+ x += addHtmlValue('Username', '<input id=dp10username style=width:230px maxlength=32 autocomplete=nope placeholder="admin" onchange=validateDeviceAmtSettings() onkeyup=validateDeviceAmtSettings() />');
3514
+ x += addHtmlValue('Password', '<input id=dp10password type=password style=width:230px autocomplete=nope maxlength=32 onchange=validateDeviceAmtSettings() onkeyup=validateDeviceAmtSettings() />');
3515
+ x += addHtmlValue('Security', '<select id=dp10tls style=width:236px><option value=0>No TLS security</option><option value=1>TLS security required</option></select>');
3516
+ if ((node.intelamt.user != null) && (node.intelamt.user != '')) { buttons = 7; }
3517
+ setDialogMode(2, "Edit Intel® AMT credentials", buttons, editDeviceAmtSettingsEx, x, { node: node, func: func });
3518
+ if ((node.intelamt.user != null) && (node.intelamt.user != '')) { Q('dp10username').value = node.intelamt.user; } else { Q('dp10username').value = 'admin'; }
3519
+ Q('dp10tls').value = node.intelamt.tls;
3520
+ validateDeviceAmtSettings();
3521
+ }
3522
+
3523
+ function validateDeviceAmtSettings() {
3524
+ QE('idx_dlgOkButton', passwordcheck(Q('dp10password').value));
3525
+ }
3526
+
3527
+ function editDeviceAmtSettingsEx(button, tag) {
3528
+ if (button == 2) {
3529
+ // Delete button pressed, remove credentials
3530
+ meshserver.send({ action: 'changedevice', nodeid: tag.node._id, intelamt: { user: '', pass: '' } });
3531
+ } else {
3532
+ // Change Intel AMT credentials
3533
+ var amtuser = Q('dp10username').value;
3534
+ if (amtuser == '') amtuser = 'admin';
3535
+ var amtpass = Q('dp10password').value;
3536
+ if (amtpass == '') amtuser = '';
3537
+ meshserver.send({ action: 'changedevice', nodeid: tag.node._id, intelamt: { user: amtuser, pass: amtpass, tls: Q('dp10tls').value } });
3538
+ tag.node.intelamt.user = amtuser;
3539
+ tag.node.intelamt.tls = Q('dp10tls').value;
3540
+ if (tag.func) { setTimeout(tag.func, 300); }
3541
+ }
3542
+ }
3543
+
3544
+ function p10showDeleteNodeDialog(nodeid) {
3545
+ if (xxdialogMode) return;
3546
+ var x = "Are you sure you want to delete node \"" + EscapeHtml(currentNode.name) + "\"?<br /><br />";
3547
+ x += "<input id=p10check type=checkbox onchange=p10validateDeleteNodeDialog() />Confirm";
3548
+ setDialogMode(2, "Delete Node", 3, p10showDeleteNodeDialogEx, x, nodeid);
3549
+ p10validateDeleteNodeDialog();
3550
+ }
3551
+
3552
+ function p10validateDeleteNodeDialog() {
3553
+ QE('idx_dlgOkButton', Q('p10check').checked);
3554
+ }
3555
+
3556
+ function p10showDeleteNodeDialogEx(buttons, nodeid) {
3557
+ meshserver.send({ action: 'removedevices', nodeids: [ nodeid ] });
3558
+ }
3559
+
3560
+ function p10clickOnce(nodeid, protocol, port) {
3561
+ meshserver.send({ action: 'getcookie', nodeid: nodeid, tcpport: port, tag: 'clickonce', protocol: protocol });
3562
+ }
3563
+
3564
+ // Show current location
3565
+ var d2map = null;
3566
+ function p10showNodeLocationDialog() {
3567
+ if ((xxdialogMode != null) && (xxdialogTag == '@xxmap')) { setDialogMode(0); } else { if (xxdialogMode) return; }
3568
+ var markers = [], types = ['iploc', 'wifiloc', 'gpsloc', 'userloc'], boundingBox = null;
3569
+
3570
+ for (var loctype in types) {
3571
+ if (currentNode[types[loctype]] != null) {
3572
+ var loc = currentNode[types[loctype]].split(','), lat = parseFloat(loc[0]), lon = parseFloat(loc[1]);
3573
+ if ((lat < 90) && (lat > -90) && (lon < 180) && (lon > -180)) { // Check valid lat/lon
3574
+ var deviceMark = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([lon, lat])) });
3575
+ deviceMark.setStyle(markerStyle(currentNode, parseInt(loctype) + 1));
3576
+ markers.push(deviceMark);
3577
+
3578
+ if (boundingBox == null) { boundingBox = [ lat, lon, lat, lon, 0 ]; } else { if (lat < boundingBox[0]) { boundingBox[0] = lat; } if (lon < boundingBox[1]) { boundingBox[1] = lon; } if (lat > boundingBox[2]) { boundingBox[2] = lat; } if (lon > boundingBox[3]) { boundingBox[3] = lon; } }
3579
+ }
3580
+ }
3581
+ }
3582
+
3583
+ // Setup the device mark layer
3584
+ var vectorSource = new ol.source.Vector({ features: markers });
3585
+ var vectorLayer = new ol.layer.Vector({ source: vectorSource });
3586
+
3587
+ //var x = '<div><a href="https://www.google.com/maps/preview/@' + lat + ',' + lng + ',12z" rel="noreferrer noopener" target=_blank>Open in Google maps</a></div>';
3588
+ var x = '<div id=d2map style=width:100%;height:300px></div>';
3589
+ setDialogMode(2, "Device Location", 1, null, x, '@xxmap');
3590
+
3591
+ var clng = 0, clat = 0, zoom = 8;
3592
+ if (boundingBox != null) {
3593
+ var clat = (boundingBox[0] + boundingBox[2]) / 2;
3594
+ var clng = (boundingBox[1] + boundingBox[3]) / 2;
3595
+ var cscale = Math.max(Math.abs(boundingBox[0] - boundingBox[2]), Math.abs(boundingBox[1] - boundingBox[3]));
3596
+ var i = 360, zoom = -2;
3597
+ while (i > cscale) { zoom++; i = i / 2; }
3598
+ }
3599
+
3600
+ if (markers.length == 1) { zoom = 8; }
3601
+
3602
+ // Setup the map
3603
+ d2map = new ol.Map({
3604
+ target: 'd2map',
3605
+ interactions: ol.interaction.defaults({dragPan:false, mouseWheelZoom:false}),
3606
+ layers: [ new ol.layer.Tile({ source: new ol.source.OSM() }), vectorLayer ],
3607
+ view: new ol.View({ center: ol.proj.fromLonLat([clng, clat]), zoom: zoom })
3608
+ });
3609
+ }
3610
+
3611
+ // Show network interfaces
3612
+ function p10showNodeNetInfoDialog() {
3613
+ if (xxdialogMode) return;
3614
+ setDialogMode(2, "Network Interfaces", 1, null, "<div id=d2netinfo>Loading...</div>", 'if' + currentNode._id );
3615
+ meshserver.send({ action: 'getnetworkinfo', nodeid: currentNode._id });
3616
+ }
3617
+
3618
+ // Show router dialog
3619
+ function p10showMeshCmdDialog(mode, nodeid) {
3620
+ if (xxdialogMode) return;
3621
+ var y = "<select id=aginsSelect onclick=meshCmdOsClick() style=width:236px>";
3622
+ y += "<option value=3>Windows (32bit)</option>";
3623
+ y += "<option value=4>Windows (64bit)</option>";
3624
+ y += "<option value=5>Linux x86 (32bit)</option>";
3625
+ y += "<option value=6>Linux x86 (64bit)</option>";
3626
+ y += "<option value=25>Linux ARM, Raspberry Pi (32bit)</option>";
3627
+ y += "</select>";
3628
+
3629
+ var x = "";
3630
+ if (mode == 0) { x += '<div>MeshCmd is a command line tool that performs lots of different operations. The action file can optionally be downloaded and edited to provide server information and credentials.<br /><br />'; }
3631
+ if (mode == 1) { x += '<div>Download "meshcmd" with an action file to route traffic thru this server to this device. Make sure to edit meshaction.txt and add your account password or make any changes needed.<br /><br />'; }
3632
+ x += addHtmlValue('Operating System', y);
3633
+ x += addHtmlValue('MeshCmd', '<a id=meshcmddownloadid href="meshagents?meshcmd=3" rel="noreferrer noopener" target="_blank"></a>');
3634
+ if (mode == 0) { x += addHtmlValue('Action File', '<a href="meshagents?meshaction=generic" rel="noreferrer noopener" target="_blank">MeshAction (.txt)</a>'); }
3635
+ if (mode == 1) { x += addHtmlValue('Action File', '<a href="meshagents?meshaction=route&nodeid=' + nodeid + '" rel="noreferrer noopener" target="_blank">MeshAction (.txt)</a>'); }
3636
+ x += "</div>";
3637
+
3638
+ setDialogMode(2, ["Download MeshCmd","Network Router"][mode], 9, null, x);
3639
+ meshCmdOsClick();
3640
+ }
3641
+
3642
+ function meshCmdOsClick() {
3643
+ var os = Q('aginsSelect').value, osn = '';
3644
+ Q('meshcmddownloadid').href = "meshagents?meshcmd=" + os;
3645
+ if (os == 3) { osn = 'MeshCmd (Win32 executable)'; }
3646
+ if (os == 4) { osn = 'MeshCmd (Win64 executable)'; }
3647
+ if (os == 5) { osn = 'MeshCmd (Linux x86, 32bit)'; }
3648
+ if (os == 6) { osn = 'MeshCmd (Linux x86, 64bit)'; }
3649
+ if (os == 25) { osn = 'MeshCmd (Linux ARM, 32bit)'; }
3650
+ QH('meshcmddownloadid', osn);
3651
+ }
3652
+
3653
+ function p10showiconselector() {
3654
+ if (xxdialogMode) return;
3655
+ var mesh = meshes[currentNode.meshid];
3656
+ var meshrights = mesh.links['user/' + domain + '/' + userinfo.name.toLowerCase()].rights;
3657
+ if ((meshrights & 4) == 0) return;
3658
+
3659
+ var x = '<br><div style=display:inline-block;width:40px></div>';
3660
+ x += '<div style=display:inline-block class=i1 onclick=p10setIcon(1)></div>';
3661
+ x += '<div style=display:inline-block class=i2 onclick=p10setIcon(2)></div>';
3662
+ x += '<div style=display:inline-block class=i3 onclick=p10setIcon(3)></div>';
3663
+ x += '<div style=display:inline-block class=i4 onclick=p10setIcon(4)></div>';
3664
+ x += '<div style=display:inline-block class=i5 onclick=p10setIcon(5)></div>';
3665
+ x += '<div style=display:inline-block class=i6 onclick=p10setIcon(6)></div><br><br>';
3666
+ setDialogMode(2, "Icon Selection", 0, null, x);
3667
+ QV('id_dialogclose', true);
3668
+ }
3669
+
3670
+ function p10setIcon(icon) {
3671
+ setDialogMode(0);
3672
+ meshserver.send({ action: 'changedevice', nodeid: currentNode._id, icon: icon });
3673
+ }
3674
+
3675
+ var showEditNodeValueDialog_modes = ['Device Name', 'Hostname', 'Description', 'Tags'];
3676
+ var showEditNodeValueDialog_modes2 = ['name', 'host', 'desc', 'tags'];
3677
+ var showEditNodeValueDialog_modes3 = ['', '', '', 'Tag1, Tag2, Tag3'];
3678
+ function showEditNodeValueDialog(mode) {
3679
+ if (xxdialogMode) return;
3680
+ var x = addHtmlValue(showEditNodeValueDialog_modes[mode], '<input id=dp10devicevalue style=width:230px maxlength=64 placeholder="' + showEditNodeValueDialog_modes3[mode] + '" onchange=p10editdevicevalueValidate(' + mode + ',event) onkeyup=p10editdevicevalueValidate(' + mode + ',event) />');
3681
+ setDialogMode(2, "Edit Device", 3, showEditNodeValueDialogEx, x, mode);
3682
+ var v = currentNode[showEditNodeValueDialog_modes2[mode]];
3683
+ if (v == null) v = '';
3684
+ if (Array.isArray(v)) { v = v.join(', '); }
3685
+ Q('dp10devicevalue').value = v;
3686
+ p10editdevicevalueValidate();
3687
+ Q('dp10devicevalue').focus();
3688
+ }
3689
+
3690
+ function showEditNodeValueDialogEx(button, mode) {
3691
+ var x = { action: 'changedevice', nodeid: currentNode._id };
3692
+ x[showEditNodeValueDialog_modes2[mode]] = Q('dp10devicevalue').value;
3693
+ meshserver.send(x);
3694
+ }
3695
+
3696
+ function p10editdevicevalueValidate(mode, e) {
3697
+ var x = ((mode > 1) || (Q('dp10devicevalue').value.length > 0));
3698
+ QE('idx_dlgOkButton', x);
3699
+ if ((e != null) && (x == true) && (e.keyCode == 13)) { dialogclose(1); }
3700
+ }
3701
+
3702
+ //
3703
+ // DESKTOP
3704
+ //
3705
+
3706
+ var desktopNode;
3707
+ function setupDesktop() {
3708
+ // Setup the remote desktop
3709
+ if ((desktopNode != currentNode) && (desktop != null)) { desktop.Stop(); desktopNode = null; desktop = null; }
3710
+
3711
+ // If the device desktop is already connected in multi-desktop, use that.
3712
+ if ((desktopNode != currentNode) || (desktop == null)) {
3713
+ var xdesk = multiDesktop[currentNode._id];
3714
+ if (xdesk != null) {
3715
+ // This device already has a canvas, use it.
3716
+ QH('DeskParent', '');
3717
+ var c = xdesk.m.CanvasId;
3718
+ c.setAttribute('id', 'Desk');
3719
+ c.setAttribute('style', 'width:100%;-ms-touch-action:none;margin-left:0px');
3720
+ c.setAttribute('onmousedown', 'dmousedown(event)');
3721
+ c.setAttribute('onmouseup', 'dmouseup(event)');
3722
+ c.setAttribute('onmousemove', 'dmousemove(event)');
3723
+ c.removeAttribute('onclick');
3724
+ Q('DeskParent').appendChild(c);
3725
+ desktop = xdesk;
3726
+ if (desktop.m.SendCompressionLevel) { desktop.m.SendCompressionLevel(1, desktopsettings.quality, desktopsettings.scaling, desktopsettings.framerate); }
3727
+ desktop.onStateChanged = onDesktopStateChange;
3728
+ desktopNode = currentNode;
3729
+ onDesktopStateChange(desktop, desktop.State);
3730
+ delete multiDesktop[currentNode._id];
3731
+ } else {
3732
+ // Device is not already connected, just setup a blank canvas
3733
+ QH('DeskParent', '<canvas id=Desk width=640 height=480 style="width:100%;-ms-touch-action:none;margin-left:0px" oncontextmenu="return false" onmousedown=dmousedown(event) onmouseup=dmouseup(event) onmousemove=dmousemove(event)></canvas>');
3734
+ desktopNode = currentNode;
3735
+ }
3736
+ // Setup the mouse wheel
3737
+ Q('Desk').addEventListener('DOMMouseScroll', function (e) { return dmousewheel(e); });
3738
+ Q('Desk').addEventListener('mousewheel', function (e) { return dmousewheel(e); });
3739
+ }
3740
+ desktopNode = currentNode;
3741
+ updateDesktopButtons();
3742
+ deskAdjust();
3743
+
3744
+ // On some browsers like IE, we can't save screen shots. Hide the scheenshot/capture buttons.
3745
+ if (!Q('Desk')['toBlob']) { QV('deskSaveBtn', false); }
3746
+ }
3747
+
3748
+ // Show and enable the right buttons
3749
+ function updateDesktopButtons() {
3750
+ var mesh = meshes[currentNode.meshid];
3751
+ var deskState = 0;
3752
+ if (desktop != null) { deskState = desktop.State; }
3753
+ var meshrights = mesh.links['user/' + domain + '/' + userinfo.name.toLowerCase()].rights;
3754
+
3755
+ // Show the right buttons
3756
+ QV('disconnectbutton1span', (deskState != 0));
3757
+ QV('connectbutton1span', (deskState == 0) && ((meshrights & 8) || (meshrights & 256)) && (mesh.mtype == 2) && (currentNode.agent.caps & 1));
3758
+ QV('connectbutton1hspan', (deskState == 0) && (meshrights & 8) && ((currentNode.intelamt != null) && (mesh.mtype == 1 || currentNode.intelamt.state == 2) && ((currentNode.intelamt.ver != null) || (mesh.mtype == 1))));
3759
+
3760
+ // Show the right settings
3761
+ QV('d7amtkvm', (currentNode.intelamt != null && ((currentNode.intelamt.ver != null) || (mesh.mtype == 1))) && ((deskState == 0) || (desktop.contype == 2)));
3762
+ QV('d7meshkvm', (webRtcDesktop) || ((mesh.mtype == 2) && (currentNode.agent.caps & 1) && ((deskState == false) || (desktop.contype == 1))));
3763
+
3764
+ // Enable buttons
3765
+ var online = ((currentNode.conn & 1) != 0); // If Agent (1) connected, enable remote desktop
3766
+ QE('connectbutton1', online);
3767
+ var hwonline = ((currentNode.conn & 6) != 0); // If CIRA (2) or AMT (4) connected, enable hardware terminal
3768
+ QE('connectbutton1h', hwonline);
3769
+ QE('deskSaveBtn', deskState == 3);
3770
+ QV('deskFocusBtn', (desktop != null) && (desktop.contype == 2) && (deskState != 0) && (desktopsettings.showfocus));
3771
+ QV('DeskCAD', meshrights & 8);
3772
+ QE('DeskCAD', deskState == 3);
3773
+ QV('DeskWD', (currentNode.agent) && (currentNode.agent.id < 5) && (meshrights & 8));
3774
+ QE('DeskWD', deskState == 3);
3775
+ QV('deskkeys', (currentNode.agent) && (currentNode.agent.id < 5) && (meshrights & 8));
3776
+ QE('deskkeys', deskState == 3);
3777
+
3778
+ QV('DeskToolsButton', (meshrights & 8) && (mesh.mtype == 2) && online);
3779
+ QV('DeskChatButton', (browserfullscreen == false) && (meshrights & 8) && (mesh.mtype == 2) && online);
3780
+ QV('DeskNotifyButton', (browserfullscreen == false) && (currentNode.agent) && (currentNode.agent.id < 5) && (meshrights & 8) && (mesh.mtype == 2) && online);
3781
+ QV('DeskOpenWebButton', (browserfullscreen == false) && (meshrights & 8) && (mesh.mtype == 2) && online);
3782
+
3783
+ QV('DeskControlSpan', meshrights & 8)
3784
+ QV('deskActionsBtn', (browserfullscreen == false));
3785
+ QV('deskActionsSettings', (browserfullscreen == false));
3786
+ if (meshrights & 8) { Q('DeskControl').checked = (getstore('DeskControl', 1) == 1); } else { Q('DeskControl').checked = false; }
3787
+ if (online == false) QV('DeskTools', false);
3788
+ }
3789
+
3790
+ // Debug
3791
+ var autoConnectDesktopTimer = null;
3792
+ function autoConnectDesktop(e) { if (autoConnectDesktopTimer == null) { autoConnectDesktopTimer = setInterval(connectDesktop, 100); } else { clearInterval(autoConnectDesktopTimer); autoConnectDesktopTimer = null; } }
3793
+
3794
+ function connectDesktop(e, contype) {
3795
+ if (desktop == null) {
3796
+ desktopNode = currentNode;
3797
+ if (contype == 2) {
3798
+ // Setup the Intel AMT remote desktop
3799
+ if ((desktopNode.intelamt.user == null) || (desktopNode.intelamt.user == '')) { editDeviceAmtSettings(desktopNode._id, connectDesktop); return; }
3800
+ desktop = CreateAmtRedirect(CreateAmtRemoteDesktop('Desk'));
3801
+ desktop.debugmode = debugmode;
3802
+ desktop.onStateChanged = onDesktopStateChange;
3803
+ desktop.m.bpp = (desktopsettings.encoding == 1 || desktopsettings.encoding == 3) ? 1 : 2;
3804
+ desktop.m.useZRLE = (desktopsettings.encoding < 3);
3805
+ desktop.m.showmouse = desktopsettings.showmouse;
3806
+ desktop.m.onScreenSizeChange = deskAdjust;
3807
+ desktop.m.onKvmData = function (x) {
3808
+ //console.log('onKvmData (' + x.length + '): ' + x);
3809
+ // Send the presense probe only once if needed.
3810
+ if (x.length == 0) { if (!desktop.m._sentPresence) { desktop.m._sentPresence = true; desktop.m.sendKvmData(JSON.stringify({ action: 'present', ver: 1 })); } return; }
3811
+ var data = null;
3812
+ try { data = JSON.parse(x); } catch (e) { }
3813
+ if ((data != null) && (data.action != null)) {
3814
+ if (data.action == 'restart') {
3815
+ // Clear WebRTC channel
3816
+ webRtcDesktopReset();
3817
+ desktop.m.sendKvmData(JSON.stringify({ action: 'present', ver: 1 }));
3818
+ } else if ((data.action == 'present') && (webRtcDesktop == null)) {
3819
+ // Setup WebRTC channel
3820
+ webRtcDesktop = { platform: data.platform };
3821
+ var configuration = null; //{ "iceServers": [ { 'urls': 'stun:stun.services.mozilla.com' }, { 'urls': 'stun:stun.l.google.com:19302' } ] };
3822
+ if (typeof RTCPeerConnection !== 'undefined') { webRtcDesktop.webrtc = new RTCPeerConnection(configuration); }
3823
+ else if (typeof webkitRTCPeerConnection !== 'undefined') { webRtcDesktop.webrtc = new webkitRTCPeerConnection(configuration); }
3824
+
3825
+ webRtcDesktop.webchannel = webRtcDesktop.webrtc.createDataChannel("DataChannel", {}); // { ordered: false, maxRetransmits: 2 }
3826
+ webRtcDesktop.webchannel.onopen = function () {
3827
+ // Switch to software KVM
3828
+ //if (urlvars && urlvars['kvmdatatrace']) { console.log('WebRTC Data Channel Open'); }
3829
+ console.log('WebRTC Data Channel Open');
3830
+ Q('deskstatus').textContent = StatusStrs[desktop.State] + ', Soft-KVM';
3831
+ desktop.m.hold(true);
3832
+ webRtcDesktop.webRtcActive = true;
3833
+ webRtcDesktop.softdesktop = CreateKvmDataChannel(webRtcDesktop.webchannel, CreateAgentRemoteDesktop('Desk', Q('id_mainarea')), desktop.m);
3834
+ webRtcDesktop.softdesktop.m.setRotation(desktop.m.rotation);
3835
+ webRtcDesktop.softdesktop.m.onScreenSizeChange = deskAdjust;
3836
+ if (desktopsettings.quality) { webRtcDesktop.softdesktop.m.CompressionLevel = desktopsettings.quality; } // Number from 1 to 100. 50 or less is best.
3837
+ if (desktopsettings.scaling) { webRtcDesktop.softdesktop.m.ScalingLevel = desktopsettings.scaling; }
3838
+ webRtcDesktop.softdesktop.Start();
3839
+
3840
+ // Check if we can get remote file access
3841
+ // ###BEGIN###{DesktopInbandFiles}
3842
+ /*
3843
+ QV('go24', true); // Files
3844
+ downloadFile = null;
3845
+ p24files = webRtcDesktop.softdesktop;
3846
+ p24targetpath = '';
3847
+ webRtcDesktop.softdesktop.onControlMsg = onFilesControlData;
3848
+ webRtcDesktop.softdesktop.sendCtrlMsg(JSON.stringify({ action: 'ls', reqid: 1, path: '' })); // Ask for the root folder
3849
+ */
3850
+ // ###END###{DesktopInbandFiles}
3851
+ }
3852
+ webRtcDesktop.webchannel.onclose = function (event) {
3853
+ //if (urlvars['kvmdatatrace']) { console.log('WebRTC Data Channel Closed'); }
3854
+ console.log('WebRTC Data Channel Closed');
3855
+ webRtcDesktopReset();
3856
+ }
3857
+ webRtcDesktop.webrtc.onicecandidate = function (e) {
3858
+ if (e.candidate == null) {
3859
+ desktop.m.sendKvmData(JSON.stringify({ action: 'offer', ver: 1, sdp: webRtcDesktop.webrtcoffer.sdp }));
3860
+ } else {
3861
+ webRtcDesktop.webrtcoffer.sdp += ("a=" + e.candidate.candidate + "\r\n"); // New candidate, add it to the SDP
3862
+ }
3863
+ }
3864
+ webRtcDesktop.webrtc.oniceconnectionstatechange = function () {
3865
+ if ((webRtcDesktop != null) && (webRtcDesktop.webrtc != null) && ((webRtcDesktop.webrtc.iceConnectionState == 'disconnected') || (webRtcDesktop.webrtc.iceConnectionState == 'failed'))) { /*console.log('WebRTC ICE Failed');*/ webRtcDesktopReset(); }
3866
+ }
3867
+ webRtcDesktop.webrtc.createOffer(function (offer) {
3868
+ // Got the offer
3869
+ webRtcDesktop.webrtcoffer = offer;
3870
+ webRtcDesktop.webrtc.setLocalDescription(offer, function () { }, webRtcDesktopReset);
3871
+ }, webRtcDesktopReset, { mandatory: { OfferToReceiveAudio: false, OfferToReceiveVideo: false } });
3872
+ } else if ((data.action == 'answer') && (webRtcDesktop != null)) {
3873
+ // Complete the WebRTC channel
3874
+ webRtcDesktop.webrtc.setRemoteDescription(new RTCSessionDescription({ type: 'answer', sdp: data.sdp }), function () { }, webRtcDesktopReset);
3875
+ }
3876
+ }
3877
+ };
3878
+ desktop.Start(desktopNode._id, 16994, '*', '*', 0);
3879
+ desktop.contype = 2;
3880
+ } else {
3881
+ // Setup the Mesh Agent remote desktop
3882
+ desktop = CreateAgentRedirect(meshserver, CreateAgentRemoteDesktop('Desk'), serverPublicNamePort);
3883
+ desktop.debugmode = debugmode;
3884
+ desktop.m.debugmode = debugmode;
3885
+ desktop.attemptWebRTC = attemptWebRTC;
3886
+ desktop.onStateChanged = onDesktopStateChange;
3887
+ desktop.m.CompressionLevel = desktopsettings.quality; // Number from 1 to 100. 50 or less is best.
3888
+ desktop.m.ScalingLevel = desktopsettings.scaling;
3889
+ desktop.m.FrameRateTimer = desktopsettings.framerate;
3890
+ desktop.m.onDisplayinfo = deskDisplayInfo;
3891
+ desktop.m.onScreenSizeChange = deskAdjust;
3892
+ desktop.Start(desktopNode._id);
3893
+ desktop.contype = 1;
3894
+ }
3895
+ } else {
3896
+ // Disconnect and clean up the remote desktop
3897
+ desktop.Stop();
3898
+ webRtcDesktopReset();
3899
+ desktopNode = desktop = null;
3900
+ }
3901
+ }
3902
+
3903
+ var webRtcDesktop = null;
3904
+ function webRtcDesktopReset() {
3905
+ if (webRtcDesktop == null) return;
3906
+ if (webRtcDesktop.softdesktop != null) { webRtcDesktop.softdesktop.Stop(); webRtcDesktop.softdesktop = null; }
3907
+ if (webRtcDesktop.webchannel != null) { try { webRtcDesktop.webchannel.close(); } catch (e) { } webRtcDesktop.webchannel = null; }
3908
+ if (webRtcDesktop.webrtc != null) { try { webRtcDesktop.webrtc.close(); } catch (e) { } webRtcDesktop.webrtc = null; }
3909
+ webRtcDesktop = null;
3910
+ // Switch back to hardware KVM
3911
+ if (desktop && desktop.m) {
3912
+ desktop.m.hold(false);
3913
+ Q('deskstatus').textContent = StatusStrs[desktop.State];
3914
+ }
3915
+ // ###BEGIN###{DesktopInbandFiles}
3916
+ /*
3917
+ p24files = null;
3918
+ p24downloadFileCancel() // If any downloads are in process, cancel them.
3919
+ p24uploadFileCancel(); // If any uploads are in process, cancel them.
3920
+ QV('go24', false); // Files
3921
+ if (currentView == 24) { go(14); }
3922
+ */
3923
+ // ###END###{DesktopInbandFiles}
3924
+ }
3925
+
3926
+ function onDesktopStateChange(xdesktop, state) {
3927
+ var xstate = state;
3928
+ if ((xstate == 3) && (xdesktop.contype == 2)) { xstate++; }
3929
+ var str = StatusStrs[xstate];
3930
+ if ((desktop != null) && (desktop.webRtcActive == true)) { str += ', WebRTC'; }
3931
+ //if (desktop.m.stopInput == true) { str += ', Loopback'; }
3932
+ QH('deskstatus', str);
3933
+ switch (state) {
3934
+ case 0:
3935
+ // Disconnect and clean up the remote desktop
3936
+ desktop.Stop();
3937
+ desktopNode = desktop = null;
3938
+ QV('DeskFocus', false);
3939
+ QV('termdisplays', false);
3940
+ deskFocusBtn.value = 'All Focus';
3941
+ if (fullscreen == true) { deskToggleFull(); }
3942
+ webRtcDesktopReset();
3943
+ break;
3944
+ case 2:
3945
+ break;
3946
+ default:
3947
+ //console.log('Unknown onDesktopStateChange state', state);
3948
+ break;
3949
+ }
3950
+ updateDesktopButtons();
3951
+ deskAdjust();
3952
+ setTimeout(deskAdjust, 50);
3953
+ }
3954
+
3955
+ function showDesktopSettings() {
3956
+ if (xxdialogMode) return;
3957
+ applyDesktopSettings();
3958
+ updateDesktopButtons();
3959
+ setDialogMode(7, "Remote Desktop Settings", 3, showDesktopSettingsChanged);
3960
+ }
3961
+
3962
+ function showDesktopSettingsChanged() {
3963
+ desktopsettings.encoding = d7desktopmode.value;
3964
+ desktopsettings.showfocus = d7showfocus.checked;
3965
+ desktopsettings.showmouse = d7showcursor.checked;
3966
+ desktopsettings.quality = d7bitmapquality.value;
3967
+ desktopsettings.scaling = d7bitmapscaling.value;
3968
+ desktopsettings.framerate = d7framelimiter.value;
3969
+ localStorage.setItem('desktopsettings', JSON.stringify(desktopsettings));
3970
+ applyDesktopSettings();
3971
+ if (desktop) {
3972
+ if (desktop.contype == 1) {
3973
+ if (desktop.State != 0) { desktop.m.SendCompressionLevel(1, desktopsettings.quality, desktopsettings.scaling, desktopsettings.framerate); }
3974
+ }
3975
+ if (desktop.contype == 2) {
3976
+ if (desktopsettings.showfocus == false) { desktop.m.focusmode = 0; deskFocusBtn.value = 'All Focus'; }
3977
+ if (desktop.State != 0) { desktop.Stop(); setTimeout(function () { connectDesktop(null, 2); }, 50); }
3978
+ }
3979
+ }
3980
+ }
3981
+
3982
+ function applyDesktopSettings() {
3983
+ var r = '', ops = (features & 512)?[90,70,50,40,30,20,10,5,1]:[50,40,30,20,10,5,1];
3984
+ for (var i in ops) { r += '<option value=' + ops[i] + '>' + ops[i] + '%</option>'; }
3985
+ QH('d7bitmapquality', r);
3986
+ d7desktopmode.value = desktopsettings.encoding;
3987
+ d7showfocus.checked = desktopsettings.showfocus;
3988
+ d7showcursor.checked = desktopsettings.showmouse;
3989
+ d7bitmapquality.value = 40; // Default value
3990
+ if (ops.indexOf(parseInt(desktopsettings.quality)) >= 0) { d7bitmapquality.value = desktopsettings.quality; }
3991
+ d7bitmapscaling.value = desktopsettings.scaling;
3992
+ if (desktopsettings.framerate) { d7framelimiter.value = desktopsettings.framerate; }
3993
+ QV('deskFocusBtn', (desktop != null) && (desktop.contype == 2) && (desktop.state != 0) && (desktopsettings.showfocus));
3994
+ }
3995
+
3996
+ // Enter browser fullscreen
3997
+ function enterBrowserFullscreen(elem) {
3998
+ if (elem.requestFullscreen) { elem.requestFullscreen(); }
3999
+ else if (elem.msRequestFullscreen) { elem.msRequestFullscreen(); }
4000
+ else if (elem.mozRequestFullScreen) { elem.mozRequestFullScreen(); }
4001
+ else if (elem.webkitRequestFullscreen) { elem.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT); }
4002
+ }
4003
+
4004
+ // Exit browser fullscreen
4005
+ function exitBrowserFullscreen() {
4006
+ if (document.exitFullscreen) { document.exitFullscreen(); }
4007
+ else if (document.msExitFullscreen) { document.msExitFullscreen(); }
4008
+ else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); }
4009
+ else if (document.webkitExitFullscreen) { document.webkitExitFullscreen(); }
4010
+ }
4011
+
4012
+ // Return true if the browser is fullscreen. This is a delayed method that will return true/false late. Not very useful.
4013
+ function isBrowserFullscreen() {
4014
+ if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) { return false; } else { return true; }
4015
+ }
4016
+
4017
+ var fullscreen = false;
4018
+ var browserfullscreen = false;
4019
+ function deskToggleFull(e) {
4020
+ fullscreen = !fullscreen;
4021
+ QV('mastheadx', !fullscreen);
4022
+ QV('masthead', !fullscreen);
4023
+ QV('topbar', !fullscreen);
4024
+ QV('p11deviceNameHeader', !fullscreen);
4025
+ QV('footer', !fullscreen);
4026
+ QV('column_l_bottomgap', !fullscreen);
4027
+ QV('idx_deskFullBtn2', fullscreen);
4028
+ QV('deskFullBtn', !fullscreen);
4029
+ QV('page_leftbar', !fullscreen);
4030
+ if (fullscreen) {
4031
+ // If shift is pressed, enter browser full screen.
4032
+ if (e.shiftKey == true) { enterBrowserFullscreen(Q('deskarea0')); browserfullscreen = true; }
4033
+ QS('column_l').width = '930px';
4034
+ QS('column_l').height = '';
4035
+ QS('column_l')['margin-left'] = '';
4036
+ QS('column_l')['overflow-y'] = '';
4037
+ QS('container').position = '';
4038
+ QS('page_content').position = '';
4039
+ QV('MainMenuSpan', true);
4040
+ QS('container').width = '100%';
4041
+ QS('container')['border-right'] = '0';
4042
+ QS('container')['border-left'] = '0';
4043
+ QS('column_l').padding = '0';
4044
+ QS('column_l').width = '100%';
4045
+ QS('column_l')["max-height"] = '';
4046
+ } else {
4047
+ exitBrowserFullscreen();
4048
+ browserfullscreen = false;
4049
+ QS('container').width = '960px';
4050
+ QS('container')['border-right'] = '1px solid #b7b7b7';
4051
+ QS('container')['border-left'] = '1px solid #b7b7b7';
4052
+ QS('column_l').padding = '0 15px';
4053
+ QS('column_l').width = '930px';
4054
+ toggleFullScreen();
4055
+ }
4056
+ deskAdjust();
4057
+ deskAdjust();
4058
+ updateDesktopButtons();
4059
+ }
4060
+
4061
+ function deskToggleFocus() {
4062
+ desktop.m.focusmode = (desktop.m.focusmode + 64) % 192;
4063
+ Q('deskFocusBtn').value = ['All Focus', 'Small Focus', 'Large Focus'][desktop.m.focusmode / 64];
4064
+ }
4065
+
4066
+ function deskAdjust() {
4067
+ var x = (Math.max(document.documentElement.clientHeight, window.innerHeight || 0) - (Q('deskarea1').clientHeight + Q('deskarea2').clientHeight + Q('Desk').clientHeight + Q('deskarea4').clientHeight + 2)) / 2;
4068
+ if (fullscreen) {
4069
+ document.documentElement.style.overflow = 'hidden';
4070
+ QS('deskarea3x').height = null;
4071
+ if (x < 0) {
4072
+ var mh = (Math.max(document.documentElement.clientHeight, window.innerHeight || 0) - (Q('deskarea1').clientHeight + Q('deskarea2').clientHeight + Q('deskarea4').clientHeight));
4073
+ var mw = 9999;
4074
+ if (desktop) { mw = (desktop.m.width / desktop.m.height) * mh; }
4075
+ if (webRtcDesktop && webRtcDesktop.softdesktop) { mw = (webRtcDesktop.softdesktop.m.width / webRtcDesktop.softdesktop.m.height) * mh; }
4076
+ QS('Desk')['max-height'] = mh + 'px';
4077
+ QS('Desk')['max-width'] = mw + 'px';
4078
+ x = 0;
4079
+ } else {
4080
+ QS('Desk')['max-height'] = null;
4081
+ QS('Desk')['max-width'] = null;
4082
+ }
4083
+ QS('Desk')['margin-top'] = x + 'px';
4084
+ QS('Desk')['margin-bottom'] = x + 'px';
4085
+ } else {
4086
+ var mw = 9999, mh = (Math.max(document.documentElement.clientHeight, window.innerHeight || 0) - (webPageFullScreen?276:290));
4087
+ if (desktop) { mw = (desktop.m.width / desktop.m.height) * mh; }
4088
+ if (webRtcDesktop && webRtcDesktop.softdesktop) { mw = (webRtcDesktop.softdesktop.m.width / webRtcDesktop.softdesktop.m.height) * mh; }
4089
+ document.documentElement.style.overflow = 'auto';
4090
+ QS('Desk')['max-height'] = mh + 'px';
4091
+ QS('Desk')['max-width'] = mw + 'px';
4092
+ QS('Desk')['margin-top'] = '0';
4093
+ QS('Desk')['margin-bottom'] = '0';
4094
+ }
4095
+ }
4096
+
4097
+ function mdeskAdjust(mod, sw, sh, cv) {
4098
+ if (!mod || !sw || !sh || !cv) return;
4099
+
4100
+ // Check if we are in single desktop mode
4101
+ if (cv.id == "Desk") { deskAdjust(); return; }
4102
+
4103
+ // Figure out and adjust the size to fill the width of the div
4104
+ var vsize = [{ x: 180, y: 101 }, { x: 302, y: 169 }, { x: 454, y: 255 }][Q('sizeselect').selectedIndex];
4105
+ var realw = vsize.x + 2, tw = Q('xdevices').clientWidth - 30, xw = Math.floor(tw / realw);
4106
+ xw = realw + Math.floor((tw - (xw * realw)) / xw);
4107
+ vsize.y = vsize.y * (xw / vsize.x);
4108
+ vsize.x = xw;
4109
+ var mh = vsize.y, mw = vsize.x;
4110
+ if (mod.State != 0) { mh = vsize.y; mw = (sw / sh) * vsize.y; }
4111
+ QS(cv.id)['max-height'] = mh + 'px';
4112
+ QS(cv.id)['max-width'] = mw + 'px';
4113
+ QS(cv.id)['margin-top'] = '0';
4114
+ QS(cv.id)['margin-bottom'] = '0';
4115
+ }
4116
+
4117
+ // Remote desktop special key combos for Windows
4118
+ function deskSendKeys() {
4119
+ if (xxdialogMode || desktop == null || desktop.State != 3) return;
4120
+ var ks = Q('deskkeys').value;
4121
+ if (ks == 0) { // WIN+Down arrow
4122
+ if (desktop.contype == 2) {
4123
+ desktop.m.sendkey([[0xffe7,1],[0xff54,1],[0xff54,0],[0xffe7,0]]); // Intel AMT: Meta-left down, Down arrow press, Down arrow release, Meta-left release
4124
+ } else {
4125
+ desktop.m.SendKeyMsgKC([[desktop.m.KeyAction.EXDOWN,0x5B],[desktop.m.KeyAction.DOWN,40],[desktop.m.KeyAction.UP,40],[desktop.m.KeyAction.EXUP,0x5B]]); // Agent: L-Winkey press, Down arrow press, Down arrow release, L-Winkey release
4126
+ }
4127
+ } else if (ks == 1) { // WIN+Up arrow
4128
+ if (desktop.contype == 2) {
4129
+ desktop.m.sendkey([[0xffe7,1],[0xff52,1],[0xff52,0],[0xffe7,0]]); // Intel AMT: Meta-left down, Up arrow press, Up arrow release, Meta-left release
4130
+ } else {
4131
+ desktop.m.SendKeyMsgKC([[desktop.m.KeyAction.EXDOWN,0x5B],[desktop.m.KeyAction.DOWN,38],[desktop.m.KeyAction.UP,38],[desktop.m.KeyAction.EXUP,0x5B]]); // MeshAgent: L-Winkey press, Up arrow press, Up arrow release, L-Winkey release
4132
+ }
4133
+ } else if (ks == 2) { // WIN+L arrow
4134
+ if (desktop.contype == 2) {
4135
+ desktop.m.sendkey([[0xffe7,1],[0x6c,1],[0x6c,0],[0xffe7,0]]); // Intel AMT: Meta-left down, 'l' press, 'l' release, Meta-left release
4136
+ } else {
4137
+ desktop.sendCtrlMsg('{"action":"lock"}');
4138
+ //desktop.m.SendKeyMsgKC([[desktop.m.KeyAction.EXDOWN,0x5B],[desktop.m.KeyAction.DOWN,76],[desktop.m.KeyAction.UP,76],[desktop.m.KeyAction.EXUP,0x5B]]); // MeshAgent: L-Winkey press, 'L' press, 'L' release, L-Winkey release
4139
+ //desktop.m.SendKeyMsgKC(desktop.m.KeyAction.EXDOWN, 0x5B);
4140
+ //desktop.m.SendKeyMsgKC(desktop.m.KeyAction.DOWN, 76);
4141
+ //desktop.m.SendKeyMsgKC(desktop.m.KeyAction.UP, 76);
4142
+ //desktop.m.SendKeyMsgKC(desktop.m.KeyAction.EXUP, 0x5B);
4143
+ }
4144
+ } else if (ks == 3) { // WIN+M arrow
4145
+ if (desktop.contype == 2) {
4146
+ desktop.m.sendkey([[0xffe7,1],[0x6d,1],[0x6d,0],[0xffe7,0]]); // Intel AMT: Meta-left down, 'm' press, 'm' release, Meta-left release
4147
+ } else {
4148
+ desktop.m.SendKeyMsgKC([[desktop.m.KeyAction.EXDOWN,0x5B],[desktop.m.KeyAction.DOWN,77],[desktop.m.KeyAction.UP,77],[desktop.m.KeyAction.EXUP,0x5B]]); // MeshAgent: L-Winkey press, 'M' press, 'M' release, L-Winkey release
4149
+ }
4150
+ } else if (ks == 4) { // Shift+WIN+M arrow
4151
+ if (desktop.contype == 2) {
4152
+ desktop.m.sendkey([[0xffe1,1],[0xffe7,1],[0x6d,1],[0x6d,0],[0xffe7,0],[0xffe1,0]]); // Intel AMT: Shift-left down, Meta-left down, 'm' press, 'm' release, Meta-left release, Shift-left release
4153
+ } else {
4154
+ desktop.m.SendKeyMsgKC([[desktop.m.KeyAction.DOWN,16],[desktop.m.KeyAction.EXDOWN,0x5B],[desktop.m.KeyAction.DOWN,77],[desktop.m.KeyAction.UP,77],[desktop.m.KeyAction.EXUP,0x5B],[desktop.m.KeyAction.UP, 16]]); // MeshAgent: L-shift press, L-Winkey press, 'M' press, 'M' release, L-Winkey release, L-shift release
4155
+ }
4156
+ } else if (ks == 5) { // WIN
4157
+ if (desktop.contype == 2) {
4158
+ desktop.m.sendkey([[0xffe7,1],[0xffe7,0]]); // Intel AMT: Meta-left down, Meta-left release
4159
+ } else {
4160
+ desktop.m.SendKeyMsgKC([[desktop.m.KeyAction.EXDOWN,0x5B], [desktop.m.KeyAction.EXUP,0x5B]]); // MeshAgent: L-Winkey press, L-Winkey release
4161
+ }
4162
+ } else if (ks == 6) { // WIN+R
4163
+ if (desktop.contype == 2) {
4164
+ desktop.m.sendkey([[0xffe7, 1], [0x72, 1], [0x72, 0], [0xffe7, 0]]); // Intel AMT: Meta-left down, 'l' press, 'l' release, Meta-left release
4165
+ } else {
4166
+ desktop.m.SendKeyMsgKC([[desktop.m.KeyAction.EXDOWN, 0x5B], [desktop.m.KeyAction.DOWN, 82], [desktop.m.KeyAction.UP, 82], [desktop.m.KeyAction.EXUP, 0x5B]]); // MeshAgent: L-Winkey press, 'R' press, 'R' release, L-Winkey release
4167
+ }
4168
+ }
4169
+ }
4170
+
4171
+ // Send CTRL-ALT-DEL
4172
+ function sendCAD() {
4173
+ if (xxdialogMode || desktop == null || desktop.State != 3) return;
4174
+ desktop.m.sendcad();
4175
+ }
4176
+
4177
+ // Show process dialogs
4178
+ function toggleDeskTools() {
4179
+ if (xxdialogMode) return;
4180
+ if (QS('DeskTools').display == 'none') {
4181
+ QV('DeskTools', true);
4182
+ Q('DeskTools').nodeid = currentNode._id;
4183
+ refreshDeskTools();
4184
+ } else {
4185
+ QV('DeskTools', false);
4186
+ }
4187
+ }
4188
+
4189
+ // Refresh all of the desktop tool panels
4190
+ function refreshDeskTools() {
4191
+ QV('DeskToolsRefreshButton', false);
4192
+ setTimeout(refreshDeskToolsEx, 500);
4193
+ meshserver.send({ action: 'msg', type:'ps', nodeid: currentNode._id });
4194
+ }
4195
+ function refreshDeskToolsEx() { QV('DeskToolsRefreshButton', true); }
4196
+ var deskTools = { sort: 1, msg: null };
4197
+ function sortProcess(sort) { deskTools.sort = sort; showDeskToolsProcesses(deskTools.msg); }
4198
+ function sortProcessPid(a, b) { if (a.p > b.p) return 1; if (a.p < b.p) return (-1); return 0; }
4199
+ function sortProcessName(a, b) { if (a.d > b.d) return 1; if (a.d < b.d) return (-1); return 0; }
4200
+ function showDeskToolsProcesses(message) {
4201
+ deskTools.msg = message;
4202
+ if (message == null) { QH('DeskToolsProcesses', ''); return; }
4203
+ if (Q('DeskTools').nodeid != message.nodeid) return;
4204
+ var p = [], processes = null;
4205
+ try { processes = JSON.parse(message.value); } catch (e) { }
4206
+ if (processes != null) {
4207
+ for (var pid in processes) { p.push( { p:parseInt(pid), c:processes[pid].cmd, d:processes[pid].cmd.toLowerCase(), u: processes[pid].user } ); }
4208
+ if (deskTools.sort == 0) { p.sort(sortProcessPid); } else if (deskTools.sort == 1) { p.sort(sortProcessName); }
4209
+ var x = '';
4210
+ for (var i in p) { if (p[i].p != 0) { x += '<div class=deskToolsBar><div style=width:50px;float:left;text-align:right;padding-right:5px>' + p[i].p + '</div><a style=float:right;padding-right:5px;cursor:pointer title="Stop process" onclick=stopProcess(' + p[i].p + ',"' + p[i].c + '")><img width=10 height=10 src="images/trash.png"></a><div style=float:right;padding-right:5px>' + (p[i].u?p[i].u:'') + '</div><div>' + p[i].c + '</div></div>'; } }
4211
+ QH('DeskToolsProcesses', x);
4212
+ }
4213
+ }
4214
+
4215
+ // Toggle mouse and keyboard input
4216
+ function toggleKvmControl() { putstore('DeskControl', (Q("DeskControl").checked?1:0)); }
4217
+
4218
+ // Save the desktop image to file
4219
+ function deskSaveImage() {
4220
+ if (xxdialogMode || desktop == null || desktop.State != 3) return;
4221
+ var d = new Date(), n = 'Desktop-' + currentNode.name + '-' + d.getFullYear() + "-" + ("0" + (d.getMonth() + 1)).slice(-2) + "-" + ("0" + d.getDate()).slice(-2) + "-" + ("0" + d.getHours()).slice(-2) + "-" + ("0" + d.getMinutes()).slice(-2);
4222
+ Q("Desk")['toBlob'](function (blob) { saveAs(blob, n + ".jpg"); });
4223
+ }
4224
+
4225
+ function deskDisplayInfo(sender, info, selDisplay, selItem) {
4226
+ var txt = Q('termdisplays').value;
4227
+ if (info.length > 0) { var options = ''; for (var x in info) { options += '<option' + ((txt == info[x])?' selected':'') + '>' + info[x] + '</option>'; } QH('termdisplays', options); }
4228
+ QV('termdisplays', info.length > 0);
4229
+ }
4230
+
4231
+ function deskGetDisplayNumbers(e) { desktop.m.GetDisplayNumbers(); }
4232
+
4233
+ function deskSetDisplay(e) {
4234
+ var display = 0, txt = Q('termdisplays').value;
4235
+ if (txt == "All Displays") display = 65535; else display = parseInt(txt.substring(8));
4236
+ desktop.m.SetDisplay(display);
4237
+ }
4238
+
4239
+ // Double click detection. This is important for MacOS.
4240
+ var dblClickDetectArgs = { t:0, x:0, y:0 };
4241
+ function dblClickDetect(e) {
4242
+ if (e.buttons != 1) return;
4243
+ var t = Date.now();
4244
+ if (((t - dblClickDetectArgs.t) < 250) && (Math.abs(e.clientX - dblClickDetectArgs.x) < 2) && (Math.abs(e.clientY - dblClickDetectArgs.y) < 2)) {
4245
+ if (!xxdialogMode && desktop != null && Q('DeskControl').checked) { if ((webRtcDesktop != null) && (webRtcDesktop.softdesktop != null)) { webRtcDesktop.softdesktop.m.mousedblclick(e); desktop.m.sendKeepAlive(); } else { desktop.m.mousedblclick(e); } }
4246
+ }
4247
+ dblClickDetectArgs.t = t;
4248
+ dblClickDetectArgs.x = e.clientX;
4249
+ dblClickDetectArgs.y = e.clientY;
4250
+ }
4251
+
4252
+ function dmousedown(e) { if (!xxdialogMode && desktop != null && Q('DeskControl').checked) { if ((webRtcDesktop != null) && (webRtcDesktop.softdesktop != null)) { webRtcDesktop.softdesktop.m.mousedown(e); desktop.m.sendKeepAlive(); } else { desktop.m.mousedown(e); } } dblClickDetect(e); }
4253
+ function dmouseup(e) { if (!xxdialogMode && desktop != null && Q('DeskControl').checked) if ((webRtcDesktop != null) && (webRtcDesktop.softdesktop != null)) { webRtcDesktop.softdesktop.m.mouseup(e); desktop.m.sendKeepAlive(); } else { desktop.m.mouseup(e); } }
4254
+ function dmousemove(e) { if (!xxdialogMode && desktop != null && Q('DeskControl').checked) { if ((webRtcDesktop != null) && (webRtcDesktop.softdesktop != null)) { webRtcDesktop.softdesktop.m.mousemove(e); desktop.m.sendKeepAlive(); } else { desktop.m.mousemove(e); } } }
4255
+ function dmousewheel(e) { if (!xxdialogMode && desktop != null && Q('DeskControl').checked) { if ((webRtcDesktop != null) && (webRtcDesktop.softdesktop != null)) { webRtcDesktop.softdesktop.m.mousewheel(e); desktop.m.sendKeepAlive(); } else { if (desktop.m.mousewheel) { desktop.m.mousewheel(e); } } haltEvent(e); return true; } return false; }
4256
+ function drotate(x) { if (!xxdialogMode && desktop != null) { desktop.m.setRotation(desktop.m.rotation + x); deskAdjust(); deskAdjust(); } }
4257
+ function stopProcess(id, name) { setDialogMode(2, "Process Control", 3, stopProcessEx, 'Stop process #' + id + ' "' + name + '"?', id); }
4258
+ function stopProcessEx(buttons, tag) { meshserver.send({ action: 'msg', type:'pskill', nodeid: currentNode._id, value: tag }); setTimeout(refreshDeskTools, 300); }
4259
+
4260
+ //
4261
+ // TERMINAL
4262
+ //
4263
+
4264
+ var terminalNode;
4265
+ function setupTerminal() {
4266
+ // Setup the terminal
4267
+ if ((terminalNode != currentNode) && (terminal != null)) { terminal.Stop(); terminal = null; }
4268
+ terminalNode = currentNode;
4269
+ updateTerminalButtons();
4270
+ }
4271
+
4272
+ // Show and enable the right buttons
4273
+ function updateTerminalButtons() {
4274
+ var mesh = meshes[terminalNode.meshid];
4275
+ var termState = ((terminal != null) && (terminal.state != 0));
4276
+
4277
+ // Show the right buttons
4278
+ QV('disconnectbutton2span', (termState == true));
4279
+ QV('connectbutton2span', (termState == false) && (mesh.mtype == 2) && (currentNode.agent.caps & 2));
4280
+ QV('connectbutton2hspan', (termState == false) && ((terminalNode.intelamt != null) && (mesh.mtype == 1 || terminalNode.intelamt.state == 2) && ((terminalNode.intelamt.ver != null) || (mesh.mtype == 1))));
4281
+
4282
+ // Enable buttons
4283
+ var online = ((terminalNode.conn & 1) != 0); // If Agent (1) connected, enable Terminal
4284
+ QE('connectbutton2', online);
4285
+ var hwonline = ((terminalNode.conn & 6) != 0); // If CIRA (2) or AMT (4) connected, enable hardware terminal
4286
+ QE('connectbutton2h', hwonline);
4287
+
4288
+ // Key buttons
4289
+ QE('ctrlcbutton', termState);
4290
+ QE('ctrlxbutton', termState);
4291
+ QE('escbutton', termState);
4292
+ QE('bsbutton', termState);
4293
+ QE('pastebutton', termState);
4294
+ QE('specialkeylist', termState);
4295
+ QE('specialkeylistinput', termState);
4296
+
4297
+ // Terminal settings
4298
+ QV('terminalSettingsButtons', (terminal) && (terminal.contype == 2));
4299
+ if (terminal) {
4300
+ Q('id_ttypebutton').value = terminalEmulations[terminal.m.terminalEmulation];
4301
+ Q('id_tfxkeysbutton').value = fxEmulations[terminal.m.fxEmulation];
4302
+ Q('id_tcrbutton').value = (terminal.m.lineFeed == '\r\n')?'CR+LF':'LF';
4303
+ }
4304
+ }
4305
+
4306
+ // Called when the terminal state changes
4307
+ function onTerminalStateChange(xterminal, state) {
4308
+ var xstate = state;
4309
+ if ((xstate == 3) && (xterminal.contype == 2)) { xstate++; }
4310
+ var str = StatusStrs[xstate];
4311
+ if (terminal.webRtcActive == true) { str += ', WebRTC'; }
4312
+ QH('termstatus', str);
4313
+ switch (state) {
4314
+ case 0:
4315
+ // Disconnected, clear the terminal
4316
+ xterminal.m.TermResetScreen();
4317
+ xterminal.m.TermDraw();
4318
+ if (terminal != null) {
4319
+ terminal.Stop();
4320
+ terminal = null;
4321
+ }
4322
+ break;
4323
+ case 3:
4324
+ break;
4325
+ default:
4326
+ //console.log('Unhandled onTerminalStateChange state', state);
4327
+ break;
4328
+ }
4329
+ updateTerminalButtons();
4330
+ }
4331
+
4332
+ // DEBUG
4333
+ var autoConnectTerminalTimer = null;
4334
+ function autoConnectTerminal(e) { if (autoConnectTerminalTimer == null) { autoConnectTerminalTimer = setInterval(connectTerminal, 100); } else { clearInterval(autoConnectTerminalTimer); autoConnectTerminalTimer = null; } }
4335
+
4336
+ function connectTerminal(e, contype) {
4337
+ if (!terminal) {
4338
+ if (contype == 2) {
4339
+ // Setup the Intel AMT terminal
4340
+ if ((terminalNode.intelamt.user == null) || (terminalNode.intelamt.user == '')) { editDeviceAmtSettings(terminalNode._id, connectTerminal); return; }
4341
+ terminal = CreateAmtRedirect(CreateAmtRemoteTerminal('Term'));
4342
+ terminal.debugmode = debugmode;
4343
+ terminal.m.debugmode = debugmode;
4344
+ terminal.onStateChanged = onTerminalStateChange;
4345
+ terminal.Start(terminalNode._id, 16994, '*', '*', 0);
4346
+ terminal.contype = 2;
4347
+ Q('id_ttypebutton').value = terminalEmulations[terminal.m.terminalEmulation];
4348
+ } else {
4349
+ // Setup a mesh agent terminal
4350
+ terminal = CreateAgentRedirect(meshserver, CreateAmtRemoteTerminal('Term'), serverPublicNamePort);
4351
+ terminal.debugmode = debugmode;
4352
+ terminal.m.debugmode = debugmode;
4353
+ terminal.m.lineFeed = ([1,2,3,4,21,22].indexOf(currentNode.agent.id) >= 0)?'\r\n':'\n'; // On windows, send \r\n, on Linux only \n
4354
+ terminal.attemptWebRTC = attemptWebRTC;
4355
+ terminal.onStateChanged = onTerminalStateChange;
4356
+ terminal.Start(terminalNode._id);
4357
+ terminal.contype = 1;
4358
+ terminal.m.terminalEmulation = 0;
4359
+ terminal.m.fxEmulation = 0;
4360
+ Q('id_ttypebutton').value = terminalEmulations[0];
4361
+ }
4362
+ } else {
4363
+ //QH('Term', '');
4364
+ terminal.Stop();
4365
+ terminal = null;
4366
+ }
4367
+ Q('connectbutton2').blur(); // Deselect the connect button so the button does not get key presses.
4368
+ }
4369
+
4370
+ var terminalEmulations = ['UTF8 Terminal', 'Extended ASCII', 'Intel ASCII'];
4371
+ function termToggleType() {
4372
+ if (!terminal || xxdialogMode) return;
4373
+ terminal.m.terminalEmulation = (terminal.m.terminalEmulation + 1) % 3;
4374
+ Q('id_ttypebutton').value = terminalEmulations[terminal.m.terminalEmulation];
4375
+ Q('id_ttypebutton').blur(); // Deselect the connect button so the button does not get key presses.
4376
+ }
4377
+
4378
+ var fxEmulations = ['Intel (F10 = ESC+[OM)', 'Alternate (F10 = ESC+0)', 'VT100+ (F10 = ESC+[OY)'];
4379
+ function termToggleFx() {
4380
+ if (!terminal || xxdialogMode) return;
4381
+ terminal.m.fxEmulation = (terminal.m.fxEmulation + 1) % 3;
4382
+ Q('id_tfxkeysbutton').value = fxEmulations[terminal.m.fxEmulation];
4383
+ Q('id_tfxkeysbutton').blur(); // Deselect the connect button so the button does not get key presses.
4384
+ }
4385
+
4386
+ function termToggleCr() {
4387
+ if (!terminal || xxdialogMode) return;
4388
+ if (terminal.m.lineFeed == '\n') { terminal.m.lineFeed = '\r\n'; } else { terminal.m.lineFeed = '\n'; }
4389
+ Q('id_tcrbutton').value = (terminal.m.lineFeed == '\r\n') ? 'CR+LF' : 'LF';
4390
+ }
4391
+
4392
+ function termSendKey(key, id) {
4393
+ if (!terminal || xxdialogMode) return;
4394
+ terminal.m.TermSendKey(key);
4395
+ Q(id).blur(); // Deselect the connect button so the button does not get key presses.
4396
+ }
4397
+
4398
+ function showTermPasteDialog() {
4399
+ if (!terminal || xxdialogMode) return;
4400
+ Q('pastebutton').blur();
4401
+ setDialogMode(2, "Paste", 3, showTermPasteDialogEx, '<textarea id=d2pasteText style="width:100%;height:184px;resize:none"></textarea>');
4402
+ Q('d2pasteText').focus();
4403
+ }
4404
+
4405
+ function showTermPasteDialogEx() {
4406
+ if (!terminal) return;
4407
+ terminal.m.TermSendKeys(Q('d2pasteText').value);
4408
+ }
4409
+
4410
+ // Send special key
4411
+ function sendSpecialKey() {
4412
+ terminal.m.TermSendKey(Q('specialkeylist').value);
4413
+ Q('specialkeylist').blur();
4414
+ Q('specialkeylistinput').blur();
4415
+ }
4416
+
4417
+ //
4418
+ // FILES
4419
+ //
4420
+
4421
+ var filesNode;
4422
+ function setupFiles() {
4423
+ // Setup the files tab
4424
+ var samenode = (filesNode == currentNode);
4425
+ filesNode = currentNode;
4426
+ var online = ((filesNode.conn & 1) != 0)?true:false; // If Agent (1) connected, enable Terminal
4427
+ QE('p13Connect', online);
4428
+ if (((samenode == false) || (online == false)) && files) { files.Stop(); files = null; }
4429
+ }
4430
+
4431
+ function onFilesStateChange(xfiles, state) {
4432
+ p13Connect.value = (state == 0) ? 'Connect' : 'Disconnect';
4433
+ var str = StatusStrs[state];
4434
+ if (files.webRtcActive == true) { str += ', WebRTC'; }
4435
+ Q('p13Status').textContent = str;
4436
+ switch (state) {
4437
+ case 0:
4438
+ // Disconnected, clear the files
4439
+ QH('p13files', '');
4440
+ p13filetree = null;
4441
+ p13filetreelocation = [];
4442
+ QH('p13currentpath', '');
4443
+ QE('p13FolderUp', false);
4444
+ p13setActions();
4445
+ if (files != null) { files.Stop(); files = null; }
4446
+ break;
4447
+ case 3:
4448
+ p13targetpath = '';
4449
+ files.sendText({ action: 'ls', reqid: 1, path: '' });
4450
+ break;
4451
+ default:
4452
+ //console.log('Unknown onFilesStateChange state', state);
4453
+ break;
4454
+ }
4455
+ }
4456
+
4457
+ function CreateRemoteFiles(onFileUpdate) {
4458
+ var obj = { protocol: 5 };
4459
+ obj.onFileUpdate = onFileUpdate;
4460
+ obj.xxStateChange = function(state) { }
4461
+ obj.ProcessData = function(data) { obj.onFileUpdate(data); }
4462
+ return obj;
4463
+ }
4464
+
4465
+ // Debug Only
4466
+ var autoConnectFilesTimer = null;
4467
+ function autoConnectFiles(e) { if (autoConnectFilesTimer == null) { autoConnectFilesTimer = setInterval(connectFiles, 100); } else { clearInterval(autoConnectFilesTimer); autoConnectFilesTimer = null; } }
4468
+
4469
+ function connectFiles(e) {
4470
+ if (!files) {
4471
+ // Setup a mesh agent files
4472
+ files = CreateAgentRedirect(meshserver, CreateRemoteFiles(p13gotFiles), serverPublicNamePort);
4473
+ files.attemptWebRTC = attemptWebRTC;
4474
+ files.onStateChanged = onFilesStateChange;
4475
+ files.Start(filesNode._id);
4476
+ } else {
4477
+ //QH('Term', '');
4478
+ files.Stop();
4479
+ files = null;
4480
+ }
4481
+ p13clipboard = p13clipboardFolder = null;
4482
+ p13clipboardCut = 0;
4483
+ p13updateClipview();
4484
+ }
4485
+
4486
+ var p13filetree = null;
4487
+ var p13targetpath = null;
4488
+ var p13filetreelocation = [];
4489
+
4490
+ function p13gotFiles(data) {
4491
+ if ((data.length > 0) && (data.charCodeAt(0) != 123)) { p13gotDownloadBinaryData(data); return; }
4492
+ //console.log('p13gotFiles', data);
4493
+ data = JSON.parse(decode_utf8(data));
4494
+ if (data.action == 'download') { p13gotDownloadCommand(data); return; }
4495
+ data.path = data.path.replace(/\//g, "\\");
4496
+ if ((p13filetree != null) && (data.path == p13filetree.path)) {
4497
+ // This is an update to the same folder
4498
+ var checkedNames = p13getCheckedNames();
4499
+ p13filetree = data;
4500
+ p13updateFiles(checkedNames);
4501
+ } else {
4502
+ // Make both paths use the same seperator not start with /
4503
+ var x1 = data.path.replace(/\//g, "\\"), x2 = p13targetpath.replace(/\//g, "\\");
4504
+ while ((x1.length > 0) && (x1[0] == '\\')) { x1 = x1.substring(1); }
4505
+ while ((x2.length > 0) && (x2[0] == '\\')) { x2 = x2.substring(1); }
4506
+ if ((x1 == x2) || ((data.path == '\\') && (p13targetpath == ''))) {
4507
+ // This is a different folder
4508
+ p13filetree = data;
4509
+ p13updateFiles();
4510
+ }
4511
+ }
4512
+ }
4513
+
4514
+ function p13getCheckedNames() {
4515
+ // Save all existing checked boxes
4516
+ var checkedNames = [], checkboxes = document.getElementsByName('fd');
4517
+ for (var i = 0; i < checkboxes.length; i++) { if (checkboxes[i].checked) { checkedNames.push(p13filetree.dir[checkboxes[i].value].n) }; }
4518
+ return checkedNames;
4519
+ }
4520
+
4521
+ function p13updateFiles(checkedNames) {
4522
+ var html1 = '', html2 = '', displayPath = '<a style=cursor:pointer onclick=p13folderup(0)>Root</a>', fullPath = 'Root';
4523
+
4524
+ // Work on parsing the file path
4525
+ var x = p13filetree.path.split('\\');
4526
+ p13filetreelocation = [];
4527
+ for (var i in x) { if (x[i] != '') { p13filetreelocation.push(x[i]); } } // Remove empty spaces
4528
+ for (var i in p13filetreelocation) { displayPath += ' / <a style=cursor:pointer onclick=p13folderup(' + (parseInt(i) + 1) + ')>' + p13filetreelocation[i] + '</a>' } // Setup the path we display
4529
+ var newlinkpath = p13filetreelocation.join('/');
4530
+
4531
+ // Sort the files
4532
+ var filetreexx = p13sort_files(p13filetree.dir);
4533
+
4534
+ // Display all files and folders at this location
4535
+ for (var i in filetreexx) {
4536
+ // Figure out the name and shortname
4537
+ var f = filetreexx[i], name = f.n, shortname;
4538
+ shortname = name;
4539
+ if (name.length > 70) { shortname = '<span title="' + EscapeHtml(name) + '">' + EscapeHtml(name.substring(0, 70)) + "...</span>"; } else { shortname = EscapeHtml(name); }
4540
+ name = EscapeHtml(name);
4541
+
4542
+ // Figure out the date
4543
+ var fdatestr = '';
4544
+ if (f.d != null) { var fdate = new Date(f.d), fdatestr = (fdate.getMonth() + 1) + "/" + (fdate.getDate()) + "/" + fdate.getFullYear() + " " + fdate.toLocaleTimeString() + " "; }
4545
+
4546
+ // Figure out the size
4547
+ var fsize = '';
4548
+ if (f.s != null) { fsize = getFileSizeStr(f.s); }
4549
+
4550
+ var h = '';
4551
+ if (f.t < 3) {
4552
+ var right = '', title = '';
4553
+ h = "<div class=filelist file=999><input file=999 style=float:left name=fd class=fcb type=checkbox onchange=p13setActions() value='" + f.nx + "'> <span style=float:right title=\"" + title + "\">" + right + "</span><span><div class=fileIcon" + f.t + "></div><a style=cursor:pointer onclick=p13folderset(\"" + encodeURIComponent(f.nx) + "\")>" + shortname + "</a></span></div>";
4554
+ } else {
4555
+ var link = shortname;
4556
+ if (f.s > 0) { link = "<a rel=\"noreferrer noopener\" target=\"_blank\" style=cursor:pointer onclick=\"p13downloadfile('" + encodeURIComponent(newlinkpath + '/' + name) + "','" + encodeURIComponent(name) + "'," + f.s + ")\">" + shortname + "</a>"; }
4557
+ h = "<div class=filelist file=3><input file=3 style=float:left name=fd class=fcb type=checkbox onchange=p13setActions() value='" + f.nx + "'> <span class=fsize>" + fdatestr + "</span><span style=float:right>" + fsize + "</span><span><div class=fileIcon" + f.t + "></div>" + link + "</span></div>";
4558
+ }
4559
+
4560
+ if (f.t < 3) { html1 += h; } else { html2 += h; }
4561
+ }
4562
+
4563
+ // Display the files and path
4564
+ QH('p13files', html1 + html2);
4565
+ QH('p13currentpath', displayPath);
4566
+ QE('p13FolderUp', p13filetreelocation.length != 0);
4567
+
4568
+ // Re-check all boxes if needed using names
4569
+ if (checkedNames != null) { var checkboxes = document.getElementsByName('fd'); for (var i = 0; i < checkboxes.length; i++) { if (checkedNames.indexOf(p13filetree.dir[checkboxes[i].value].n) >= 0) { checkboxes[i].checked = true; } } }
4570
+
4571
+ // Update the actions buttons
4572
+ p13setActions();
4573
+ }
4574
+
4575
+ function p13folderset(x) {
4576
+ p13targetpath = joinPaths(p13filetree.path, p13filetree.dir[x].n).split('\\').join('/');
4577
+ files.sendText({ action: 'ls', reqid: 1, path: p13targetpath });
4578
+ }
4579
+
4580
+ function p13folderup(x) {
4581
+ if (x == null) { p13filetreelocation.pop(); } else { while (p13filetreelocation.length > x) { p13filetreelocation.pop(); } }
4582
+ p13targetpath = p13filetreelocation.join('/');
4583
+ files.sendText({ action: 'ls', reqid: 1, path: p13targetpath });
4584
+ }
4585
+
4586
+ var p13sortorder;
4587
+ function p13sort_filename(a, b) { if (a.ln > b.ln) return (1 * p13sortorder); if (a.ln < b.ln) return (-1 * p13sortorder); return 0; }
4588
+ function p13sort_timestamp(a, b) { if (a.d > b.d) return (1 * p13sortorder); if (a.d < b.d) return (-1 * p13sortorder); return 0; }
4589
+ function p13sort_bysize(a, b) { if (a.s == b.s) return p13sort_filename(a, b); return (((a.s - b.s)) * p13sortorder); }
4590
+
4591
+ function p13sort_files(files) {
4592
+ var r = [], sortselection = Q('p13sortdropdown').value;
4593
+ for (var i in files) { files[i].nx = i; if (files[i].s == null) { files[i].s = 0; } if (files[i].n == null) { files[i].n = i; } files[i].ln = files[i].n.toLowerCase(); r.push(files[i]); }
4594
+ p13sortorder = 1;
4595
+ if (sortselection > 3) { p13sortorder = -1; sortselection -= 3; }
4596
+ if (sortselection == 1) { r.sort(p13sort_filename); }
4597
+ else if (sortselection == 2) { r.sort(p13sort_bysize); }
4598
+ else if (sortselection == 3) { r.sort(p13sort_timestamp); }
4599
+ return r;
4600
+ }
4601
+
4602
+ function p13setActions() {
4603
+ if (p13filetree == null) {
4604
+ QE('p13DeleteFileButton', false);
4605
+ QE('p13NewFolderButton', false);
4606
+ QE('p13UploadButton', false);
4607
+ QE('p13RenameFileButton', false);
4608
+ QE('p13SelectAllButton', false);
4609
+ Q('p13SelectAllButton').value = 'Select All';
4610
+ QE('p13RefreshButton', false);
4611
+ QE('p13CutButton', false);
4612
+ QE('p13CopyButton', false);
4613
+ QE('p13PasteButton', false);
4614
+ } else {
4615
+ var cc = p13getFileSelCount(), tc = p13getFileCount(), sfc = p13getFileSelCount(false); // In order: number of entires selected, number of total entries, number of selected entires that are files (not folders)
4616
+ var winAgent = ((currentNode.agent.id > 0) && (currentNode.agent.id < 5));
4617
+ QE('p13DeleteFileButton', (cc > 0) && ((p13filetreelocation.length > 0) || (winAgent == false)));
4618
+ QE('p13NewFolderButton', ((p13filetreelocation.length > 0) || (winAgent == false)));
4619
+ QE('p13UploadButton', ((p13filetreelocation.length > 0) || (winAgent == false)));
4620
+ QE('p13RenameFileButton', (cc == 1) && ((p13filetreelocation.length > 0) || (winAgent == false)));
4621
+ QE('p13SelectAllButton', tc > 0);
4622
+ Q('p13SelectAllButton').value = (cc > 0 ? 'Select None' : 'Select All');
4623
+ QE('p13RefreshButton', true);
4624
+ QE('p13CutButton', (cc > 0) && (cc == sfc) && ((p13filetreelocation.length > 0) || (winAgent == false)));
4625
+ QE('p13CopyButton', (cc > 0) && (cc == sfc) && ((p13filetreelocation.length > 0) || (winAgent == false)));
4626
+ QE('p13PasteButton', ((p13filetreelocation.length > 0) || (winAgent == false)) && ((p13clipboard != null) && (p13clipboard.length > 0)));
4627
+ }
4628
+ }
4629
+
4630
+ function p13getFileSelCount(includeDirs) { var cc = 0; var checkboxes = document.getElementsByName('fd'); for (var i = 0; i < checkboxes.length; i++) { if ((checkboxes[i].checked) && ((includeDirs != false) || (checkboxes[i].attributes.file.value == "3"))) cc++; } return cc; }
4631
+ function p13getFileSelDirCount() { var cc = 0, checkboxes = document.getElementsByName('fd'); for (var i = 0; i < checkboxes.length; i++) { if ((checkboxes[i].checked) && (checkboxes[i].attributes.file.value == "999")) cc++; } return cc; }
4632
+ function p13getFileCount() { var cc = 0; var checkboxes = document.getElementsByName('fd'); return checkboxes.length; }
4633
+ function p13selectallfile() { var nv = (p13getFileSelCount() == 0), checkboxes = document.getElementsByName('fd'); for (var i = 0; i < checkboxes.length; i++) { checkboxes[i].checked = nv; } p13setActions(); }
4634
+ function p13createfolder() { setDialogMode(2, "New Folder", 3, p13createfolderEx, '<input type=text id=p13renameinput maxlength=64 onkeyup=p13fileNameCheck(event) style=width:100% />'); focusTextBox('p13renameinput'); p13fileNameCheck(); }
4635
+ function p13createfolderEx() { files.sendText({ action: 'mkdir', reqid: 1, path: p13filetreelocation.join('/') + '/' + Q('p13renameinput').value }); p13folderup(999); }
4636
+ function p13deletefile() { var cc = p13getFileSelCount(), rec = (p13getFileSelDirCount() > 0) ? "<br /><br /><input type=checkbox id=p13recdeleteinput>Recursive delete<br>" : "<input type=checkbox id=p13recdeleteinput style='display:none'>"; setDialogMode(2, "Delete", 3, p13deletefileEx, (cc > 1) ? ('Delete ' + cc + ' selected items?' + rec) : ('Delete selected item?' + rec)); }
4637
+ function p13deletefileEx() { var delfiles = [], checkboxes = document.getElementsByName('fd'); for (var i = 0; i < checkboxes.length; i++) { if (checkboxes[i].checked) { delfiles.push(p13filetree.dir[checkboxes[i].value].n); } } files.sendText({ action: 'rm', reqid: 1, path: p13filetreelocation.join('/'), delfiles: delfiles, rec: Q('p13recdeleteinput').checked }); p13folderup(999); }
4638
+ function p13renamefile() { var renamefile, checkboxes = document.getElementsByName('fd'); for (var i = 0; i < checkboxes.length; i++) { if (checkboxes[i].checked) { renamefile = p13filetree.dir[checkboxes[i].value].n; } } setDialogMode(2, "Rename", 3, p13renamefileEx, '<input type=text id=p13renameinput maxlength=64 onkeyup=p13fileNameCheck(event) style=width:100% value="' + renamefile + '" />', { action: 'rename', path: p13filetreelocation.join('/'), oldname: renamefile}); focusTextBox('p13renameinput'); p13fileNameCheck(); }
4639
+ function p13renamefileEx(b, t) { t.newname = Q('p13renameinput').value; files.sendText(t); p13folderup(999); }
4640
+ function p13fileNameCheck(e) { var x = isFilenameValid(Q('p13renameinput').value); QE('idx_dlgOkButton', x); if ((x == true) && (e != null) && (e.keyCode == 13)) { dialogclose(1); } }
4641
+ function p13uploadFile() { setDialogMode(2, "Upload File", 3, p13uploadFileEx, '<input type=file name=files id=p13uploadinput style=width:100% multiple=multiple onchange="updateUploadDialogOk(\'p13uploadinput\')" />'); updateUploadDialogOk('p13uploadinput'); }
4642
+ function p13uploadFileEx() { p13doUploadFiles(Q('p13uploadinput').files); }
4643
+
4644
+ var p13clipboard = null, p13clipboardFolder = null, p13clipboardCut = 0;
4645
+ function p13copyFile(cut) { var checkboxes = document.getElementsByName('fd'); p13clipboard = []; p13clipboardCut = cut, p13clipboardFolder = p13targetpath; for (var i = 0; i < checkboxes.length; i++) { if ((checkboxes[i].checked) && (checkboxes[i].attributes.file.value == "3")) { p13clipboard.push(p13filetree.dir[checkboxes[i].value].n); } } p13updateClipview(); }
4646
+ function p13pasteFile() { var x = ''; if ((p13clipboard != null) && (p13clipboard.length > 0)) { x = 'Confim ' + (p13clipboardCut == 0?'copy':'move') + ' of ' + p13clipboard.length + ' entrie' + ((p13clipboard.length > 1)?'s':'') + ' to this location?' } setDialogMode(2, "Paste", 3, p13pasteFileEx, x); }
4647
+ function p13pasteFileEx() { files.sendText({ action: (p13clipboardCut == 0?'copy':'move'), reqid: 1, scpath: p13clipboardFolder, dspath: p13targetpath, names: p13clipboard }); p13folderup(999); if (p13clipboardCut == 1) { p13clipboard = null, p13clipboardFolder = null, p13clipboardCut = 0; p13updateClipview(); } }
4648
+ function p13updateClipview() { var x = ''; if ((p13clipboard != null) && (p13clipboard.length > 0)) { x = 'Holding ' + p13clipboard.length + ' entrie' + ((p13clipboard.length > 1)?'s':'') + ' for ' + (p13clipboardCut == 0?'copy':'move') + ', <a onclick=p13clearClip() style=cursor:pointer>Clear</a>.' } QH('p13bottomstatus', x); p13setActions(); }
4649
+ function p13clearClip() { p13clipboard = null; p13clipboardFolder = null; p13clipboardCut = 0; p13updateClipview(); }
4650
+
4651
+ function p13fileDragDrop(e) {
4652
+ haltEvent(e);
4653
+ QV('p13bigfail', false);
4654
+ QV('p13bigok', false);
4655
+ if (e.dataTransfer == null || e.dataTransfer.files.length == 0 || p13filetree == null) return;
4656
+ p13doUploadFiles(e.dataTransfer.files);
4657
+ }
4658
+
4659
+ var p13dragtimer = null;
4660
+ function p13fileDragOver(e) {
4661
+ haltEvent(e);
4662
+ if (p13dragtimer != null) { clearTimeout(p13dragtimer); p13dragtimer = null; }
4663
+ var ac = (p13filetree != null); // Set to true if we can accept the file
4664
+ QV('p13bigok', ac);
4665
+ QV('p13bigfail', !ac);
4666
+ }
4667
+
4668
+ function p13fileDragLeave(e) {
4669
+ haltEvent(e);
4670
+ if (e.target.id != "p13filetable") {
4671
+ QV('p13bigfail', false);
4672
+ QV('p13bigok', false);
4673
+ } else {
4674
+ p13dragtimer = setTimeout(function () { QV('p13bigfail',false); QV('p13bigok',false); p13dragtimer=null; }, 10);
4675
+ }
4676
+ }
4677
+
4678
+ //
4679
+ // FILES DOWNLOAD
4680
+ //
4681
+
4682
+ var downloadFile; // Global state for file download
4683
+
4684
+ // Called by the html page to start a download, arguments are: path, file name and file size.
4685
+ function p13downloadfile(x, y, z) {
4686
+ if (xxdialogMode || downloadFile || !files) return;
4687
+ downloadFile = { path: decodeURIComponent(x), file: decodeURIComponent(y), size: z, tsize: 0, data: '', state: 0, id: Math.random() }
4688
+ //console.log('p13downloadFileCancel', downloadFile);
4689
+ files.sendText({ action: 'download', sub: 'start', id: downloadFile.id, path: downloadFile.path });
4690
+ setDialogMode(2, "Download File", 10, p13downloadFileCancel, '<div>' + downloadFile.file + '</div><br /><progress id=d2progressBar style=width:100% value=0 max=' + z + ' />');
4691
+ }
4692
+
4693
+ // Called by the html page to cancel the download
4694
+ function p13downloadFileCancel() { setDialogMode(0); files.sendText({ action: 'download', sub: 'cancel', id: downloadFile.id }); downloadFile = null; }
4695
+
4696
+ // Called by the transport when download control command is received
4697
+ function p13gotDownloadCommand(cmd) {
4698
+ //console.log('p13gotDownloadCommand', cmd);
4699
+ if ((downloadFile == null) || (cmd.id != downloadFile.id)) return;
4700
+ if (cmd.sub == 'start') { downloadFile.state = 1; files.sendText({ action: 'download', sub: 'startack', id: downloadFile.id }); }
4701
+ else if (cmd.sub == 'cancel') { downloadFile = null; setDialogMode(0); }
4702
+ }
4703
+
4704
+ // Called by the transport when binary data is received
4705
+ function p13gotDownloadBinaryData(data) {
4706
+ if (!downloadFile || downloadFile.state == 0) return;
4707
+ if (data.length > 4) {
4708
+ downloadFile.tsize += (data.length - 4); // Add to the total bytes received
4709
+ downloadFile.data += data.substring(4); // Append the data
4710
+ Q('d2progressBar').value = downloadFile.tsize; // Change the progress bar
4711
+ }
4712
+ if ((ReadInt(data, 0) & 1) != 0) { // Check end flag
4713
+ saveAs(data2blob(downloadFile.data), downloadFile.file); downloadFile = null; setDialogMode(0); // Save the file
4714
+ } else {
4715
+ files.sendText({ action: 'download', sub: 'ack', id: downloadFile.id }); // Send the ACK
4716
+ }
4717
+ }
4718
+
4719
+ /*
4720
+ var downloadFile; // Global state for file download
4721
+
4722
+ // Called by the html page to start a download, arguments are: path, file name and file size.
4723
+ function p13downloadfile(x, y, z) {
4724
+ if (xxdialogMode) return;
4725
+ downloadFile = CreateAgentRedirect(meshserver, CreateRemoteFiles(p13gotDownloadData), serverPublicNamePort); // Create our websocket file transport
4726
+ downloadFile.ctrlMsgAllowed = false;
4727
+ downloadFile.onStateChanged = onFileDownloadStateChange;
4728
+ downloadFile.xpath = decodeURIComponent(x);
4729
+ downloadFile.xfile = decodeURIComponent(y);
4730
+ downloadFile.xsize = z;
4731
+ downloadFile.xtsize = 0;
4732
+ downloadFile.xstate = 0;
4733
+ downloadFile.Start(filesNode._id);
4734
+ setDialogMode(2, "Download File", 10, p13downloadFileCancel, '<div>' + downloadFile.xfile + '</div><br /><progress id=d2progressBar style=width:100% value=0 max=' + z + ' />');
4735
+ }
4736
+
4737
+ // Called by the html page to cancel the download
4738
+ function p13downloadFileCancel(button, tag) {
4739
+ //console.log('p13downloadFileCancel');
4740
+ downloadFile.Stop();
4741
+ delete downloadFile;
4742
+ downloadFile = null;
4743
+ }
4744
+
4745
+ // Called by the file transport to indicate when the transport connection state has changed
4746
+ function onFileDownloadStateChange(xdownloadFile, state) {
4747
+ switch (state) {
4748
+ case 0: // Transport as disconnected. If this is not part of an abort, we need to save the file
4749
+ setDialogMode(0); // Close any dialog boxes if present
4750
+ if ((downloadFile != null) && (downloadFile.xstate == 1)) { saveAs(data2blob(downloadFile.xdata), downloadFile.xfile); } // Save the file
4751
+ break;
4752
+ case 3: // Transport as connected, send a command to indicate we want to start a file download
4753
+ downloadFile.send(JSON.stringify({ action: 'download', reqid: 1, path: downloadFile.xpath }));
4754
+ break;
4755
+ default:
4756
+ console.log('Unknown onFileDownloadStateChange state', state);
4757
+ break;
4758
+ }
4759
+ }
4760
+
4761
+ // Called by the transport when data is received
4762
+ function p13gotDownloadData(data) {
4763
+ if (downloadFile.xstate == 0) { // If state is 0, this is a command confirming if the file will be transfered.
4764
+ var cmd = JSON.parse(data);
4765
+ if (cmd.action == 'downloadstart') { // Yes, the file is about to start
4766
+ downloadFile.xstate = 1; // Switch to state 1, we will start receiving the file data
4767
+ downloadFile.xdata = ''; // Start with empty data
4768
+ downloadFile.send('a'); // Send the first ACK
4769
+ } else if (cmd.action == 'downloaderror') { // Problem opening this file, cancel
4770
+ p13downloadFileCancel();
4771
+ }
4772
+ } else { // We are in the process of receiving the file
4773
+ downloadFile.xtsize += (data.length); // Add to the total bytes received
4774
+ downloadFile.xdata += data; // Append the data
4775
+ Q('d2progressBar').value = downloadFile.xtsize; // Change the progress bar
4776
+ downloadFile.send('a'); // Send the ACK
4777
+ }
4778
+ }
4779
+ */
4780
+
4781
+ //
4782
+ // FILES UPLOAD
4783
+ //
4784
+
4785
+ var uploadFile;
4786
+ function p13doUploadFiles(files) {
4787
+ if (xxdialogMode) return;
4788
+ uploadFile = {};
4789
+ uploadFile.xpath = p13filetreelocation.join('/');
4790
+ uploadFile.xfiles = files;
4791
+ uploadFile.xfilePtr = -1;
4792
+ setDialogMode(2, "Upload File", 10, p13uploadFileCancel, '<div id=p13dfileName>Connecting...</div><br /><progress id=d2progressBar style=width:100% value=0 max=0 />');
4793
+ p13uploadReconnect();
4794
+ }
4795
+
4796
+ function onFileUploadStateChange(xdownloadFile, state) {
4797
+ switch (state) {
4798
+ case 0:
4799
+ p13folderup(9999);
4800
+ break;
4801
+ case 3:
4802
+ p13uploadNextFile();
4803
+ break;
4804
+ default:
4805
+ console.log('Unknown onFileUploadStateChange state', state);
4806
+ break;
4807
+ }
4808
+ }
4809
+
4810
+ // Connect again
4811
+ function p13uploadReconnect() {
4812
+ uploadFile.ws = CreateAgentRedirect(meshserver, CreateRemoteFiles(p13gotUploadData), serverPublicNamePort);
4813
+ uploadFile.ws.attemptWebRTC = false;
4814
+ uploadFile.ws.ctrlMsgAllowed = false;
4815
+ uploadFile.ws.onStateChanged = onFileUploadStateChange;
4816
+ uploadFile.ws.Start(filesNode._id);
4817
+ }
4818
+
4819
+ // Push the next file
4820
+ function p13uploadNextFile() {
4821
+ uploadFile.xfilePtr++;
4822
+ if (uploadFile.xfiles.length > uploadFile.xfilePtr) {
4823
+ uploadFile.xptr = 0;
4824
+ var file = uploadFile.xfiles[uploadFile.xfilePtr];
4825
+ QH('p13dfileName', file.name);
4826
+ Q('d2progressBar').max = file.size;
4827
+ Q('d2progressBar').value = 0;
4828
+
4829
+ uploadFile.xreader = new FileReader();
4830
+ uploadFile.xreader.onload = function() {
4831
+ uploadFile.xdata = uploadFile.xreader.result;
4832
+ uploadFile.ws.sendText(JSON.stringify({ action: 'upload', reqid: uploadFile.xfilePtr, path: uploadFile.xpath, name: file.name, size: uploadFile.xdata.byteLength }));
4833
+ };
4834
+ uploadFile.xreader.readAsArrayBuffer(file);
4835
+ } else {
4836
+ p13uploadFileCancel();
4837
+ }
4838
+ }
4839
+
4840
+ // Used to cancel the entire transfer.
4841
+ function p13uploadFileCancel(button, tag) {
4842
+ if (uploadFile != null) {
4843
+ if (uploadFile.ws != null) {
4844
+ uploadFile.ws.Stop();
4845
+ uploadFile.ws = null;
4846
+ }
4847
+ uploadFile = null;
4848
+ }
4849
+ setDialogMode(0); // Close any dialog boxes if present
4850
+ }
4851
+
4852
+ // Receive upload ack from the mesh agent, use this to keep sending more data
4853
+ function p13gotUploadData(data) {
4854
+ var cmd = JSON.parse(data);
4855
+ if ((uploadFile == null) || (parseInt(uploadFile.xfilePtr) != parseInt(cmd.reqid))) { return; }
4856
+
4857
+ if (cmd.action == 'uploadstart') {
4858
+ p13uploadNextPart(false);
4859
+ for (var i = 0; i < 8; i++) { p13uploadNextPart(true); } // Send 8 more blocks of 4 k to full the websocket.
4860
+ } else if (cmd.action == 'uploadack') {
4861
+ p13uploadNextPart(false);
4862
+ } else if (cmd.action == 'uploaderror') {
4863
+ p13uploadFileCancel();
4864
+ }
4865
+ }
4866
+
4867
+ // Push the next part of the file into the websocket. If dataPriming is true, push more data only if it's not the last block of the file.
4868
+ function p13uploadNextPart(dataPriming) {
4869
+ var data = uploadFile.xdata;
4870
+ var start = uploadFile.xptr;
4871
+ var end = uploadFile.xptr + 4096;
4872
+ if (end > data.byteLength) { if (dataPriming == true) { return; } end = data.byteLength; }
4873
+ if (start == data.byteLength) {
4874
+ if (uploadFile.ws != null) { uploadFile.ws.Stop(); uploadFile.ws = null; }
4875
+ if (uploadFile.xfiles.length > uploadFile.xfilePtr + 1) { p13uploadReconnect(); } else { p13uploadFileCancel(); }
4876
+ } else {
4877
+ var datapart = data.slice(start, end);
4878
+ uploadFile.ws.send(datapart);
4879
+ uploadFile.xptr = end;
4880
+ Q('d2progressBar').value = end;
4881
+ }
4882
+ }
4883
+
4884
+ //
4885
+ // DEVICE EVENTS
4886
+ //
4887
+
4888
+ var currentDeviceEvents = null;
4889
+ function deviceEventsUpdate() {
4890
+ var x = '', dateHeader = null;
4891
+ for (var i in currentDeviceEvents) {
4892
+ var event = currentDeviceEvents[i];
4893
+ var time = new Date(event.time);
4894
+ if (time.toLocaleDateString() != dateHeader) {
4895
+ if (dateHeader != null) x += '</table>';
4896
+ x += '<table style=width:100% cellpadding=0 cellspacing=0><tr><td class=DevSt colspan=4>' + time.toLocaleDateString() + '</td></tr>';
4897
+ dateHeader = time.toLocaleDateString();
4898
+ }
4899
+ var icon = 'si3';
4900
+ if (event.etype == 'user') icon = 'm2';
4901
+ if (event.etype == 'server') icon = 'si3';
4902
+
4903
+ var msg = event.msg.split('(R)').join('®');
4904
+ //if (event.username && event.username != userinfo.name) { msg += ': ' + event.username; }
4905
+ x += '<tr><td style=width:18px><div class=' + icon + '></div></td><td class=g1 style=float:none> </td><td style=background-color:#C9C9C9>' + time.toLocaleTimeString() + ' - ' + msg + '</td><td class=g2 style=float:none> </td></tr><tr style=height:2px></tr>';
4906
+ }
4907
+ if (dateHeader != null) x += '</table>';
4908
+ if (x == '') x = "<br><i>No Events Found</i><br><br>";
4909
+ QH('p16events', x);
4910
+ }
4911
+
4912
+ /*
4913
+ function showDeleteAllEventsDialog() {
4914
+ if (xxdialogMode) return;
4915
+ var x = "Delete all events in the server event log?<br /><br />";
4916
+ x += "<input id=p3check type=checkbox onchange=validateDeleteAllEventsDialog() />Confirm";
4917
+ setDialogMode(2, "Delete All Events", 3, showDeleteAllEventsDialogEx, x);
4918
+ validateDeleteAllEventsDialog();
4919
+ }
4920
+
4921
+ function validateDeleteAllEventsDialog() {
4922
+ QE('idx_dlgOkButton', Q('p3check').checked);
4923
+ }
4924
+
4925
+ function showDeleteAllEventsDialogEx(buttons, tag) {
4926
+ meshserver.send({ action: 'clearevents' });
4927
+ }
4928
+ */
4929
+
4930
+ function refreshDeviceEvents() {
4931
+ //currentDeviceEvents = null;
4932
+ //QH('p16events', '');
4933
+ meshserver.send({ action: 'events', nodeid: currentNode._id, limit: parseInt(p16limitdropdown.value) });
4934
+ }
4935
+
4936
+ //
4937
+ // CONSOLE
4938
+ //
4939
+
4940
+ function agentConsoleHandleKeys(e) {
4941
+ var processed = 0, box = Q('p15consoleText');
4942
+ if (e.key) {
4943
+ if (e.keyCode == 13 && consoleFocus == 0) { p15consoleSend(e); processed = 1; }
4944
+ else if (e.keyCode == 8 && consoleFocus == 0) { var x = box.value; box.value = x.substring(0, x.length - 1); processed = 1; }
4945
+ else if (e.keyCode == 27) { box.value = ''; processed = 1; }
4946
+ else if ((e.keyCode == 38) || (e.keyCode == 40)) { // Arrow up || Arrow down
4947
+ var hindex = consoleHistory.indexOf(box.value);
4948
+ //console.log(hindex, consoleHistory);
4949
+ if ((e.keyCode == 38) && ((consoleHistory.length - 1) > hindex)) { box.value = consoleHistory[hindex + 1]; }
4950
+ else if ((e.keyCode == 40) && (hindex > 0)) { box.value = consoleHistory[hindex - 1]; }
4951
+ else if ((e.keyCode == 40) && (hindex == 0)) { box.value = ''; }
4952
+ processed = 1;
4953
+ }
4954
+ else if (e.key.length === 1) {
4955
+ //box.value = ((box.value + e.key));
4956
+ insertTextAtCursor(box, e.key);
4957
+ processed = 1;
4958
+ }
4959
+ } else {
4960
+ if (e.charCode != 0 && consoleFocus == 0) { box.value = ((box.value + String.fromCharCode(e.charCode))); processed = 1; }
4961
+ }
4962
+ if (processed > 0) { return haltEvent(e); }
4963
+ }
4964
+
4965
+ // Insert text at the cursor location on the
4966
+ function insertTextAtCursor(ctrl, val) {
4967
+ if (document.selection) { ctrl.focus(); sel = document.selection.createRange(); sel.text = val; }
4968
+ else if (ctrl.selectionStart || ctrl.selectionStart == '0') {
4969
+ var start = ctrl.selectionStart, end = ctrl.selectionEnd;
4970
+ ctrl.value = ctrl.value.substring(0, start) + val + ctrl.value.substring(end, ctrl.value.length);
4971
+ ctrl.setSelectionRange(end + 1, end + 1);
4972
+ } else { ctrl.value += myValue; }
4973
+ }
4974
+
4975
+ var consoleNode;
4976
+ function setupConsole() {
4977
+ // Setup the console
4978
+ var samenode = (consoleNode == currentNode);
4979
+ consoleNode = currentNode;
4980
+
4981
+ var mesh = meshes[consoleNode.meshid];
4982
+ var meshrights = mesh.links['user/' + domain + '/' + userinfo.name.toLowerCase()].rights;
4983
+ if ((meshrights & 16) != 0) {
4984
+ if (consoleNode.consoleText == null) { consoleNode.consoleText = ''; }
4985
+ if (samenode == false) {
4986
+ QH('p15agentConsoleText', consoleNode.consoleText);
4987
+ Q('p15agentConsoleText').scrollTop = Q('p15agentConsoleText').scrollHeight;
4988
+ }
4989
+ var online = ((consoleNode.conn & 1) != 0)?true:false;
4990
+ QH('p15statetext', online?"Agent is online":"Agent is offline");
4991
+ QE('p15consoleText', online);
4992
+ QE('p15uploadCore', online);
4993
+ } else {
4994
+ QH('p15statetext', 'Access Denied');
4995
+ QE('p15consoleText', false);
4996
+ QE('p15uploadCore', false);
4997
+ }
4998
+ }
4999
+
This file is too large to show in full.
views/default.handlebars
+23
-15
@@ -736,7 +736,7 @@
736
</tr>
737
</table>
738
</div>
739
- <div id=dialog style="z-index:1000;background-color:#EEE;box-shadow:0px 0px 15px #666;font-family:Arial,Helvetica,sans-serif;border-radius:5px;position:fixed;top:160px;width:400px;display:none">
739
+ <div id=dialog style="z-index:1000;background-color:#EEE;box-shadow:0px 0px 15px #666;font-family:Arial,Helvetica,sans-serif;border-radius:5px;position:fixed;top:160px;width:400px;left:calc((100% / 2) - 200px);display:none">
740
<div style="width:100%;background-color:#003366;color:#FFF;border-radius:5px 5px 0 0">
741
<div id=id_dialogclose style=float:right;padding:3px;margin-right:3px;cursor:pointer onclick=setDialogMode()>✖</div>
742
<div id=id_dialogtitle style=padding:5px></div>
@@ -1525,11 +1525,7 @@
1525
if (message.event.node.icon) { node.icon = message.event.node.icon; }
1526
1527
// Web page update
1528
- //onSortSelectChange(true);
1529
- //drawNotifications();
1530
- //updateMapMarkers();
1531
- masterUpdate(2 | 8 | 16);
1532
-
1528
+ masterUpdate(2 | 4 | 8 | 16);
1529
refreshDevice(node._id);
1530
1531
if ((currentNode == node) && (xxdialogMode != null) && (xxdialogTag == '@xxmap')) { p10showNodeLocationDialog(); }
@@ -1549,7 +1545,6 @@
1545
1546
// Web page update
1547
masterUpdate(4 | 16);
1552
-
1548
refreshDevice(node._id);
1549
}
1550
break;
@@ -1790,6 +1785,11 @@
1785
if ((oldviewmode < 3) && (view == 3)) { multiDesktopFilter = checkedNodeids; }
1786
else if ((oldviewmode == 3) && (view < 3)) { checkedNodeids = multiDesktopFilter; }
1787
1788
+ // Compute the width of the device view.
1789
+ var totalDeviceViewWidth = Q('column_l').clientWidth - 60;
1790
+ var deviceBoxWidth = Math.floor(totalDeviceViewWidth / 301);
1791
+ deviceBoxWidth = 301 + Math.floor((totalDeviceViewWidth - (deviceBoxWidth * 301)) / deviceBoxWidth);
1792
+
1793
// Go thru the list of nodes and display them
1794
for (var i in nodes) {
1795
if (nodes[i].v == false) continue;
@@ -1839,10 +1839,7 @@
1839
var nodestate = NodeStateStr(nodes[i]);
1840
if ((!nodes[i].conn) || (nodes[i].conn == 0)) { icon += ' gray'; }
1841
if (view == 1) {
1842
- var realw = Q('xdevices').clientWidth - 30;
1843
- var xw = Math.floor(realw / 301);
1844
- xw = 301 + Math.floor((realw - (xw * 301)) / xw);
1845
- r += '<div id=devs onmouseover=devMouseHover(this,1) onmouseout=devMouseHover(this,0) style=display:inline-block;width:' + xw + 'px;height:50px;padding-top:1px;padding-bottom:1px><div style=width:22px;height:50%;float:left;padding-top:12px><input class="' + nodes[i].meshid + ' DeviceCheckbox" onclick=p1updateInfo() value=devid_' + nodes[i]._id + ' type=checkbox></div><div style=height:100%;cursor:pointer onclick=gotoDevice(\'' + nodes[i]._id + '\')><div class="i' + icon + '" style=width:50px;float:left></div><div style=height:100%><div class=g1></div><div class=e2><div class=e1 style=width:' + (xw - 100) + 'px title="' + title + '">' + name + '</div><div>' + nodestate + '</div></div><div class=g2></div></div></div></div>';
1842
+ r += '<div id=devs onmouseover=devMouseHover(this,1) onmouseout=devMouseHover(this,0) style=display:inline-block;width:' + deviceBoxWidth + 'px;height:50px;padding-top:1px;padding-bottom:1px><div style=width:22px;height:50%;float:left;padding-top:12px><input class="' + nodes[i].meshid + ' DeviceCheckbox" onclick=p1updateInfo() value=devid_' + nodes[i]._id + ' type=checkbox></div><div style=height:100%;cursor:pointer onclick=gotoDevice(\'' + nodes[i]._id + '\')><div class="i' + icon + '" style=width:50px;float:left></div><div style=height:100%><div class=g1></div><div class=e2><div class=e1 style=width:' + (deviceBoxWidth - 100) + 'px title="' + title + '">' + name + '</div><div>' + nodestate + '</div></div><div class=g2></div></div></div></div>';
1843
} else if (view == 2) {
1844
r += '<tr><td><div id=devs class=bar18 onmouseover=devMouseHover(this,1) onmouseout=devMouseHover(this,0) style=height:18px;width:100%;font-size:medium>';
1845
r += '<div style=width:22px;float:left;background-color:white><input class="' + nodes[i].meshid + ' DeviceCheckbox" onclick=p1updateInfo() value=devid_' + nodes[i]._id + ' type=checkbox></div>';
@@ -4232,7 +4229,20 @@
4229
desktop.m.SetDisplay(display);
4230
}
4231
4235
- function dmousedown(e) { if (!xxdialogMode && desktop != null && Q('DeskControl').checked) if ((webRtcDesktop != null) && (webRtcDesktop.softdesktop != null)) { webRtcDesktop.softdesktop.m.mousedown(e); desktop.m.sendKeepAlive(); } else { desktop.m.mousedown(e); } }
4232
+ // Double click detection. This is important for MacOS.
4233
+ var dblClickDetectArgs = { t:0, x:0, y:0 };
4234
+ function dblClickDetect(e) {
4235
+ if (e.buttons != 1) return;
4236
+ var t = Date.now();
4237
+ if (((t - dblClickDetectArgs.t) < 250) && (Math.abs(e.clientX - dblClickDetectArgs.x) < 2) && (Math.abs(e.clientY - dblClickDetectArgs.y) < 2)) {
4238
+ if (!xxdialogMode && desktop != null && Q('DeskControl').checked) { if ((webRtcDesktop != null) && (webRtcDesktop.softdesktop != null)) { webRtcDesktop.softdesktop.m.mousedblclick(e); desktop.m.sendKeepAlive(); } else { desktop.m.mousedblclick(e); } }
4239
+ }
4240
+ dblClickDetectArgs.t = t;
4241
+ dblClickDetectArgs.x = e.clientX;
4242
+ dblClickDetectArgs.y = e.clientY;
4243
+ }
4244
+
4245
+ function dmousedown(e) { if (!xxdialogMode && desktop != null && Q('DeskControl').checked) { if ((webRtcDesktop != null) && (webRtcDesktop.softdesktop != null)) { webRtcDesktop.softdesktop.m.mousedown(e); desktop.m.sendKeepAlive(); } else { desktop.m.mousedown(e); } } dblClickDetect(e); }
4246
function dmouseup(e) { if (!xxdialogMode && desktop != null && Q('DeskControl').checked) if ((webRtcDesktop != null) && (webRtcDesktop.softdesktop != null)) { webRtcDesktop.softdesktop.m.mouseup(e); desktop.m.sendKeepAlive(); } else { desktop.m.mouseup(e); } }
4247
function dmousemove(e) { if (!xxdialogMode && desktop != null && Q('DeskControl').checked) { if ((webRtcDesktop != null) && (webRtcDesktop.softdesktop != null)) { webRtcDesktop.softdesktop.m.mousemove(e); desktop.m.sendKeepAlive(); } else { desktop.m.mousemove(e); } } }
4248
function dmousewheel(e) { if (!xxdialogMode && desktop != null && Q('DeskControl').checked) { if ((webRtcDesktop != null) && (webRtcDesktop.softdesktop != null)) { webRtcDesktop.softdesktop.m.mousewheel(e); desktop.m.sendKeepAlive(); } else { if (desktop.m.mousewheel) { desktop.m.mousewheel(e); } } haltEvent(e); return true; } return false; }
@@ -6509,14 +6519,12 @@
6519
}
6520
6521
function center() {
6512
- QS('dialog').left = ((((getDocWidth() - 400) / 2)) + "px");
6522
if (xxcurrentView == 11) { deskAdjust(); } //deskAdjust(); }
6523
else if (xxcurrentView == 10) { masterUpdate(256); }
6524
else if (xxcurrentView == 1) { masterUpdate(4); }
6525
}
6526
function messagebox(t, m) { QH('id_dialogMessage', m); setDialogMode(1, t, 1); }
6527
function statusbox(t, m) { QH('id_dialogMessage', m); setDialogMode(1, t); }
6519
- function getDocWidth() { if (window.innerWidth) return window.innerWidth; if (document.documentElement && document.documentElement.clientWidth && document.documentElement.clientWidth != 0) return document.documentElement.clientWidth; return document.getElementsByTagName('body')[0].clientWidth; }
6528
6529
function goBack() {
6530
if (xxdialogMode) return;
@@ -6616,7 +6624,7 @@
6624
function getItem(x, y, z) { for (var i in x) { if (x[i][y] == z) return x[i]; } return null; }
6625
function guidToStr(g) { return g.substring(6, 8) + g.substring(4, 6) + g.substring(2, 4) + g.substring(0, 2) + "-" + g.substring(10, 12) + g.substring(8, 10) + "-" + g.substring(14, 16) + g.substring(12, 14) + "-" + g.substring(16, 20) + "-" + g.substring(20); }
6626
function getUrlVars() { var j, hash, vars = [], hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for (var i = 0; i < hashes.length; i++) { j = hashes[i].indexOf('='); if (j > 0) { vars[hashes[i].substring(0, j)] = hashes[i].substring(j + 1, hashes[i].length); } } return vars; }
6619
- function getDocWidth() { if (window.innerWidth) return window.innerWidth; if (document.documentElement && document.documentElement.clientWidth && document.documentElement.clientWidth != 0) return document.documentElement.clientWidth; return document.getElementsByTagName('body')[0].clientWidth; }
6627
+ //function getDocWidth() { if (window.innerWidth) return window.innerWidth; if (document.documentElement && document.documentElement.clientWidth && document.documentElement.clientWidth != 0) return document.documentElement.clientWidth; return document.getElementsByTagName('body')[0].clientWidth; }
6628
//function addHtmlValue(t, v) { return '<div style=height:20px><div style=float:right;width:220px><b>' + v + '</b></div><div>' + t + '</div></div>'; }
6629
function addHtmlValue(t, v) { return '<table><td style=width:120px>' + t + '<td><b>' + v + '</b></table>'; }
6630
function addHtmlValue2(t, v) { return '<div><div style=display:inline-block;float:right>' + v + '</div><div style=display:inline-block>' + t + '</div></div>'; }