Ylianst/MeshCentral
1
0
Fork 0
mirror of https://github.com/Ylianst/MeshCentral.git synced 2024-11-22 12:52:50 +03:00
Code Issues Packages Projects Releases Wiki Activity

few more bootstrap fixes

Browse Source 
Signed-off-by: si458 <simonsmith5521@gmail.com>
This commit is contained in:
si458 2024-10-31 13:31:33 +00:00
parent 561fc67f33
commit 438289b2ed
2 changed files with 150 additions and 147 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/styles/style-bootstrap.css
View File

@ -731,7 +731,6 @@ body {
#devListToolbarSpan { #devListToolbarSpan {
width: 100%; width: 100%;
height: 24px;
background: var(--sub-menu-bg); background: var(--sub-menu-bg);
vertical-align: middle; vertical-align: middle;
border-spacing: 0; border-spacing: 0;
@ -2919,11 +2918,13 @@ nav .lbbuttonsel2 {
.viewSelectorSel { .viewSelectorSel {
background-color: #BBB; background-color: #BBB;
opacity: 0.8; opacity: 0.8;
color: black;
} }
.viewSelector:hover { .viewSelector:hover {
opacity: 0.5; opacity: 0.5;
background-color: #AAA; background-color: #AAA;
color: black;
} }

294
views/default3.handlebars
View File

@ -406,128 +406,124 @@
title="Go to last page" style="display:none;margin-right:12px"> title="Go to last page" style="display:none;margin-right:12px">
<div class="viewSelector8"></div> <div class="viewSelector8"></div>
</div> </div>
<div tabindex=0 id=devViewButton1 class=viewSelector onclick=onDeviceViewChange(1) <span role=button tabindex=0 id=devViewButton1 class="fa-layers fa-fw fa-xl" onclick=onDeviceViewChange(1) onkeypress="if (event.key == 'Enter') { onDeviceViewChange(1); }" title="Columns">
onkeypress="if (event.key == 'Enter') { onDeviceViewChange(1); }" title="Columns"> <i class="fa-solid fa-bars" data-fa-transform="shrink-8 right-4 up-2"></i>
<div class="viewSelector2"></div> <i class="fa-solid fa-bars" data-fa-transform="shrink-8 left-4 up-2"></i>
</div> <i class="fa-solid fa-bars" data-fa-transform="shrink-8 right-4 down-3"></i>
<div tabindex=0 id=devViewButton2 class=viewSelector onclick=onDeviceViewChange(2) <i class="fa-solid fa-bars" data-fa-transform="shrink-8 left-4 down-3"></i>
onkeypress="if (event.key == 'Enter') { onDeviceViewChange(2); }" title="List"> </span>
<div class="viewSelector1"></div> <span role=button tabindex=0 id=devViewButton2 class="fa-layers fa-fw fa-xl" onclick=onDeviceViewChange(2) onkeypress="if (event.key == 'Enter') { onDeviceViewChange(2); }" title="List">
</div> <i class="fa-solid fa-bars"></i>
<div tabindex=0 id=devViewButton3 class=viewSelector onclick=onDeviceViewChange(3) </span>
onkeypress="if (event.key == 'Enter') { onDeviceViewChange(3); }" title="Desktops"> <span role=button tabindex=0 id=devViewButton3 class="fa-layers fa-fw fa-xl" onclick=onDeviceViewChange(3) onkeypress="if (event.key == 'Enter') { onDeviceViewChange(3); }" title="Desktops">
<div class="viewSelector3"></div> <i class="fa-solid fa-square" data-fa-transform="shrink-9 up-4 left-4"></i>
</div> <i class="fa-solid fa-square" data-fa-transform="shrink-9 up-4 right-4"></i>
<div tabindex=0 id=devViewButton5 class=viewSelector onclick=onDeviceViewChange(5) <i class="fa-solid fa-square" data-fa-transform="shrink-9 down-4 left-4"></i>
onkeypress="if (event.key == 'Enter') { onDeviceViewChange(5); }" title="Desktops"> <i class="fa-solid fa-square" data-fa-transform="shrink-9 down-4 right-4"></i>
<div class="viewSelector7"></div> </span>
</div> <span role=button tabindex=0 id=devViewButton5 class="fa-layers fa-fw fa-xl" onclick=onDeviceViewChange(5) onkeypress="if (event.key == 'Enter') { onDeviceViewChange(5); }" title="Desktops">
<div tabindex=0 id=devViewButton4 class=viewSelector onclick=onDeviceViewChange(4) <i class="fa-solid fa-square" data-fa-transform="shrink-10 up-4 left-6"></i>
onkeypress="if (event.key == 'Enter') { onDeviceViewChange(4); }" title="Map" <i class="fa-solid fa-square" data-fa-transform="shrink-10 up-4 right-1"></i>
style="display:none"> <i class="fa-solid fa-square" data-fa-transform="shrink-10 up-4 right-5"></i>
<div class="viewSelector4"></div> <i class="fa-solid fa-square" data-fa-transform="shrink-10 down-4 left-1"></i>
</div> <i class="fa-solid fa-square" data-fa-transform="shrink-10 down-4 left-5"></i>
<i class="fa-solid fa-square" data-fa-transform="shrink-10 down-4 right-6"></i>
</span>
<span role=button tabindex=0 id=devViewButton4 class="fa-layers fa-fw fa-xl" onclick=onDeviceViewChange(4) onkeypress="if (event.key == 'Enter') { onDeviceViewChange(4); }" title="Map" style="display:none">
<i class="fa-solid fa-map-location-dot"></i>
</span>
</div> </div>
</div> </div>
<table id="devListToolbarSpan" class="noselect"> <div id="devListToolbarSpan" class="noselect d-flex align-items-center">
<tr> <div id=devListToolbar class=me-auto style="display:none"></td>
<td id="devListToolbar" style="background: linear-gradient(180deg,#fff,#fff,#e9ecef);padding:5px;"> <div>
<div> <span class="fa-layers fa-fw" role="button" style="display:none" title="Collapse All" id="CollapseAllButton" onclick="cmexpandaction(2)">
<span class="fa-layers fa-fw" role="button" style="display:none" title="Collapse All" id="CollapseAllButton" onclick="cmexpandaction(2)">
<i class="fa-solid fa-chevron-up" data-fa-transform="down-6"></i>
<i class="fa-solid fa-chevron-down" data-fa-transform="up-6"></i>
</span>
<span class="fa-layers fa-fw" role="button" style="display:none" title="Expand All" id="ExpandAllButton" onclick="cmexpandaction(1)">
<i class="fa-solid fa-chevron-up" data-fa-transform="up-6"></i>
<i class="fa-solid fa-chevron-down" data-fa-transform="down-6"></i>
</span>
<input type=button class="btn btn-outline-primary me-2 mb-1 btn-sm" id=SelectAllButton onclick="selectallButtonFunction();" value="Select All" />
<input type=button class="btn btn-outline-primary me-2 mb-1 btn-sm" id=GroupActionButton disabled="disabled" value="Group Action" onclick=groupActionFunction() />
<input type=button id=ScrollToTopButton onclick="onDevicesScroll(true);" class="btn btn-outline-primary me-2 mb-1 btn-sm" value="Scroll To Top" />
<input type="text" id=SearchInput class="form-control-sm me-2 mb-1 btn-sm" style="width: auto;" placeholder="Filter">
<select class="form-select-sm me-2 mb-1" style="width: auto;" id=DevFilterSelect onchange=onOnlineCheckBox(event) title="Device Filter">
<option value=0 selected>All</option>
<option value=1>Online</option>
<option value=5>Offline</option>
<option value=2>Sessions</option>
<option value=3>Starred</option>
<option value=4>Intel&reg; AMT</option>
<option value=6>Help</option>
<option value=7>Tagged</option>
<option value=8>Untagged</option>
</select>
<label><input class="form-check-input me-2" type=checkbox id=RealNameCheckBox onclick=onRealNameCheckBox() /> &nbsp; <span title="Show devices operating system name">OS Name</span></label>
<label style="display:none"><input type=checkbox id=OnlineCheckBox class="form-check-input me-2" onclick=onOnlineCheckBox(event) /><span title="Only show devices that are online">Online</span></label>
<span id="devsCustomUIBar"></span>
</div>
</td>
<td id=kvmListToolbar class=style14 style="display:none">
<span class="fa-layers fa-fw" role="button" style="display:none" title="Collapse All" id="CollapseAllButton2" onclick="cmexpandaction(2)">
<i class="fa-solid fa-chevron-up" data-fa-transform="down-6"></i> <i class="fa-solid fa-chevron-up" data-fa-transform="down-6"></i>
<i class="fa-solid fa-chevron-down" data-fa-transform="up-6"></i> <i class="fa-solid fa-chevron-down" data-fa-transform="up-6"></i>
</span> </span>
<span class="fa-layers fa-fw" role="button" style="display:none" title="Expand All" id="ExpandAllButton2" onclick="cmexpandaction(1)"> <span class="fa-layers fa-fw" role="button" style="display:none" title="Expand All" id="ExpandAllButton" onclick="cmexpandaction(1)">
<i class="fa-solid fa-chevron-up" data-fa-transform="up-6"></i> <i class="fa-solid fa-chevron-up" data-fa-transform="up-6"></i>
<i class="fa-solid fa-chevron-down" data-fa-transform="down-6"></i> <i class="fa-solid fa-chevron-down" data-fa-transform="down-6"></i>
</span> </span>
<input type="button" onclick="connectAllKvmFunction()" value="Connect All" />&nbsp; <input type=button class="btn btn-outline-primary me-2 btn-sm" id=SelectAllButton onclick="selectallButtonFunction();" value="Select All" />
<input type="button" onclick="disconnectAllKvmFunction()" value="Disconnect All" />&nbsp; <input type=button class="btn btn-outline-primary me-2 btn-sm" id=GroupActionButton disabled="disabled" value="Group Action" onclick=groupActionFunction() />
<input type="button" onclick="onDevicesScroll(true);" value="Scroll To Top" />&nbsp; <input type=button id=ScrollToTopButton onclick="onDevicesScroll(true);" class="btn btn-outline-primary me-2 mb-1 btn-sm" value="Scroll To Top" />
<label><input type="checkbox" id="autoConnectDesktopCheckbox" class="form-check-input me-2" <input type="text" id=SearchInput class="form-control-sm me-2 btn-sm" style="width: auto;" placeholder="Filter">
onclick="autoConnectDesktops(event)" title="Automatic connect" />Auto&nbsp;</label> <select class="form-select-sm me-2" style="width: auto;" id=DevFilterSelect onchange=onOnlineCheckBox(event) title="Device Filter">
<input type="button" onclick="showMultiDesktopSettings()" value="Settings" />&nbsp; <option value=0 selected>All</option>
<input id=KvmSearchInput type=search placeholder=Filter <option value=1>Online</option>
onchange=onDeviceSearchChanged(event) onclick=onDeviceSearchChanged(event) <option value=5>Offline</option>
onkeyup=onDeviceSearchChanged(event) autocomplete=off onfocus=onSearchFocus(1) <option value=2>Sessions</option>
onblur=onSearchFocus(0) />&nbsp; <option value=3>Starred</option>
<span id=KvmSearchInputClearButton style="display:none;position:relative"><img <option value=4>Intel&reg; AMT</option>
src="images/x16.png" type="button" onclick="clearDeviceSearch()" <option value=6>Help</option>
style="position:absolute;cursor:pointer;left:-18px;top:-8px" <option value=7>Tagged</option>
srcset="images/x32.png 2x" /></span> <option value=8>Untagged</option>
</td> </select>
<td id=devMapToolbar class=style14 style="display:none"> <label><input class="form-check-input me-2" type=checkbox id=RealNameCheckBox onclick=onRealNameCheckBox() /> &nbsp; <span title="Show devices operating system name">OS Name</span></label>
&nbsp;&nbsp;<input type=search id=mapSearchLocation placeholder="Search Location" <label style="display:none"><input type=checkbox id=OnlineCheckBox class="form-check-input me-2" onclick=onOnlineCheckBox(event) /><span title="Only show devices that are online">Online</span></label>
onfocus=onMapSearchFocus(1) onblur=onMapSearchFocus(0) /> <span id="devsCustomUIBar"></span>
<input type=button value=Search title="Search for location" onclick=getSearchLocation() /> </div>
<input type=button id=refreshmap title="Reset map view" value=Reset </div>
onclick=refreshMap(false,true) /> <div id=kvmListToolbar class=style14 style="display:none">
</td> <span class="fa-layers fa-fw" role="button" style="display:none" title="Collapse All" id="CollapseAllButton2" onclick="cmexpandaction(2)">
<td class="d-flex justify-content-end align-items-center" style=height:100%> <i class="fa-solid fa-chevron-up" data-fa-transform="down-6"></i>
<div style="display:none" id=devListToolbarView> <i class="fa-solid fa-chevron-down" data-fa-transform="up-6"></i>
View </span>
<select id=viewselect onchange=onDeviceViewChange()> <span class="fa-layers fa-fw" role="button" style="display:none" title="Expand All" id="ExpandAllButton2" onclick="cmexpandaction(1)">
<option value=1>Columns</option> <i class="fa-solid fa-chevron-up" data-fa-transform="up-6"></i>
<option value=2>List</option> <i class="fa-solid fa-chevron-down" data-fa-transform="down-6"></i>
<option value=3>Desktops Fixed Width</option> </span>
<option id=viewselectmapoption value=4 style="display:none">Map</option> <input type="button" onclick="connectAllKvmFunction()" value="Connect All" />&nbsp;
<option value=5>Desktops</option> <input type="button" onclick="disconnectAllKvmFunction()" value="Disconnect All" />&nbsp;
</select> <input type="button" onclick="onDevicesScroll(true);" value="Scroll To Top" />&nbsp;
</div> <label><input type="checkbox" id="autoConnectDesktopCheckbox" class="form-check-input me-2" onclick="autoConnectDesktops(event)" title="Automatic connect" />Auto&nbsp;</label>
<div style="display:none" id=devListToolbarSize> <input type="button" onclick="showMultiDesktopSettings()" value="Settings" />&nbsp;
Size <input id=KvmSearchInput type=search placeholder=Filter onchange=onDeviceSearchChanged(event) onclick=onDeviceSearchChanged(event) onkeyup=onDeviceSearchChanged(event) autocomplete=off onfocus=onSearchFocus(1) onblur=onSearchFocus(0) />&nbsp;
<select id=sizeselect class="form-select-sm me-2" onchange=onDeviceViewChange()> <span id=KvmSearchInputClearButton style="display:none;position:relative">
<option value=0>Small</option> <img src="images/x16.png" type="button" onclick="clearDeviceSearch()" style="position:absolute;cursor:pointer;left:-18px;top:-8px" srcset="images/x32.png 2x" />
<option value=1>Medium</option> </span>
<option value=2>Large</option> </div>
</select> <div id=devMapToolbar class=style14 style="display:none">
&nbsp; &nbsp;&nbsp;<input type=search id=mapSearchLocation placeholder="Search Location" onfocus=onMapSearchFocus(1) onblur=onMapSearchFocus(0) />
</div> <input type=button value=Search title="Search for location" onclick=getSearchLocation() />
<div style="display:none" id=devListToolbarSort> <input type=button id=refreshmap title="Reset map view" value=Reset onclick=refreshMap(false,true) />
Sort </div>
<select id=sortselect class="form-select-sm me-2" onchange=mainUpdate(6)> <div class="d-flex align-items-center">
<option>Group</option> <div style="display:none" id=devListToolbarView>
<option>Power</option> View
<option>Device</option> <select id=viewselect onchange=onDeviceViewChange()>
<option>Tags</option> <option value=1>Columns</option>
<option>Group-Tags</option> <option value=2>List</option>
<option>Last Seen</option> <option value=3>Desktops Fixed Width</option>
</select> <option id=viewselectmapoption value=4 style="display:none">Map</option>
&nbsp; <option value=5>Desktops</option>
</div> </select>
<i class="fa-solid fa-gear" role="button" id=devListToolbarSettings onclick="onDeviceViewSettings()"></i> </div>
</td> <div style="display:none" id=devListToolbarSize>
</tr> Size
</table> <select id=sizeselect class="form-select-sm me-2" onchange=onDeviceViewChange()>
<option value=0>Small</option>
<option value=1>Medium</option>
<option value=2>Large</option>
</select>
&nbsp;
</div>
<div style="display:none" id=devListToolbarSort>
Sort
<select id=sortselect class="form-select-sm me-2" onchange=mainUpdate(6)>
<option>Group</option>
<option>Power</option>
<option>Device</option>
<option>Tags</option>
<option>Group-Tags</option>
<option>Last Seen</option>
</select>
&nbsp;
</div>
<i class="fa-solid fa-gear" role="button" id=devListToolbarSettings onclick="onDeviceViewSettings()"></i>
</div>
</div>
<div id=NoMeshesPanel style="display:none"> <div id=NoMeshesPanel style="display:none">
<table> <table>
<tr> <tr>
@ -642,7 +638,7 @@
</div> </div>
<div id=p2logintokens></div> <div id=p2logintokens></div>
<strong>Device Groups</strong> <strong>Device Groups</strong>
<span id="p2createMeshLink1"> - <button class="btn btn-primary btn-sm me-2" onclick="return account_createMesh()"> <i class="fa-solid fa-plus-circle"></i>New</button></span> <span id="p2createMeshLink1"> - <button class="btn btn-primary btn-sm" onclick="return account_createMesh()"> <i class="fa-fw fa-solid fa-plus-circle"></i>New</button></span>
<br /><br /> <br /><br />
<div id=p2meshes></div> <div id=p2meshes></div>
<div id=p2noMeshFound style="display:none">No device groups.<span id="p2createMeshLink2"> <a href=# <div id=p2noMeshFound style="display:none">No device groups.<span id="p2createMeshLink2"> <a href=#
@ -896,14 +892,10 @@
<td style=width:20px></td> <td style=width:20px></td>
<td style=width:200px;vertical-align:top;position:relative valign=top> <td style=width:200px;vertical-align:top;position:relative valign=top>
<div class="deviceNotifyLargeDot"> <div class="deviceNotifyLargeDot">
<div id="p10deviceMsg" onclick=showDeviceMessages(null,null,event) <div id="p10deviceMsg" onclick=showDeviceMessages(null,null,event) class=deviceNotifyDotSub></div>
class=deviceNotifyDotSub></div> <i title="Starred" role=button class="fa-solid fa-star" id="p10deviceStar" onclick=showDeviceSessions(null,null,event) data-fa-transform="shrink-5" data-fa-mask="fa-solid fa-circle"></i>
<img id="p10deviceStar" class=deviceNotifyDotSub src=images/icon-star-notify-16.png <i title="List of remote sessions active on this computer." role=button class="fa-solid fa-arrow-right-arrow-left" id="p10deviceNotify" onclick=showDeviceSessions(null,null,event) data-fa-transform="shrink-5" data-fa-mask="fa-solid fa-circle"></i>
width=16 height=16> <i title="Help Requested" role=button class="fa-solid fa-question" id="p10deviceHelp" onclick=showDeviceHelpRequests(null,null,event) data-fa-transform="shrink-5" data-fa-mask="fa-solid fa-circle"></i>
<img id="p10deviceNotify" onclick=showDeviceSessions(null,null,event)
class=deviceNotifyDotSub src=images/icon-relay-notify.png width=16 height=16>
<img id="p10deviceHelp" onclick=showDeviceHelpRequests(null,null,event)
class=deviceNotifyDotSub src=images/icon-help-notify-16.png width=16 height=16>
</div> </div>
<div id="p10deviceBattery" class="deviceBatteryLarge deviceBatteryLarge1"></div> <div id="p10deviceBattery" class="deviceBatteryLarge deviceBatteryLarge1"></div>
<a href=# onclick=p10showiconselector()><img id=MainComputerImage></a> <a href=# onclick=p10showiconselector()><img id=MainComputerImage></a>
@ -1482,7 +1474,7 @@
<i class="fa-solid fa-chart-line fa-xl fa-border" role="button" onclick=deskToggleCpuGraph(event) title="Show device CPU and memory usage."></i> <i class="fa-solid fa-chart-line fa-xl fa-border" role="button" onclick=deskToggleCpuGraph(event) title="Show device CPU and memory usage."></i>
</div> </div>
</div> </div>
<div id=p17info style="overflow-y:auto"> <div id=p17info class="ps-0 pb-5 overflow-y-auto container-fluid">
<div id=p17graph style="width:100%"> <div id=p17graph style="width:100%">
<table style=width:100%> <table style=width:100%>
<tr> <tr>
@ -5727,7 +5719,7 @@
for (var j in node.sessions.kvm) { for (var j in node.sessions.kvm) {
if (j.startsWith('user/')) { if (j.startsWith('user/')) {
var trash = ''; var trash = '';
if (((j == userinfo._id) || (GetNodeRights(node) == 0xFFFFFFFF))) { trash = ' <a href=# onclick=\'return endDeviceSession("kvm", "' + encodeURIComponentEx(node._id) + '", "' + encodeURIComponentEx(j) + '")\' title="' + "Disconnect this session" + '" style=cursor:pointer><img src=images/trash.png border=0 height=10 width=10></a>'; } if (((j == userinfo._id) || (GetNodeRights(node) == 0xFFFFFFFF))) { trash = ' <i role=button onclick=\'return endDeviceSession("kvm", "' + encodeURIComponentEx(node._id) + '", "' + encodeURIComponentEx(j) + '")\' title="' + "Disconnect this session" + '" class="fa-fw fa-solid fa-trash text-danger" ></i>'; }
x += addHtmlValue2(getUserName(j), ((node.sessions.kvm[j] == 1) ? "1 session" : nobreak(format("{0} sessions", node.sessions.kvm[j]))) + trash); x += addHtmlValue2(getUserName(j), ((node.sessions.kvm[j] == 1) ? "1 session" : nobreak(format("{0} sessions", node.sessions.kvm[j]))) + trash);
} else if (j == 'busy') { } else if (j == 'busy') {
x += addHtmlValue2("Device is busy", ((node.sessions.kvm[j] == 1) ? "1 session" : nobreak(format("{0} sessions", node.sessions.kvm[j])))); x += addHtmlValue2("Device is busy", ((node.sessions.kvm[j] == 1) ? "1 session" : nobreak(format("{0} sessions", node.sessions.kvm[j]))));
@ -5737,35 +5729,35 @@
x += '<u>' + "Remote Desktop" + '</u>'; x += '<u>' + "Remote Desktop" + '</u>';
for (var j in node.sessions.multidesk) { for (var j in node.sessions.multidesk) {
var trash = ''; var trash = '';
if ((j == userinfo._id) || (GetNodeRights(node) == 0xFFFFFFFF)) { trash = ' <a href=# onclick=\'return endDeviceSession("multidesk", "' + encodeURIComponentEx(node._id) + '", "' + encodeURIComponentEx(j) + '")\' title="' + "Disconnect this session" + '" style=cursor:pointer><img src=images/trash.png border=0 height=10 width=10></a>'; } if ((j == userinfo._id) || (GetNodeRights(node) == 0xFFFFFFFF)) { trash = ' <i role=button onclick=\'return endDeviceSession("multidesk", "' + encodeURIComponentEx(node._id) + '", "' + encodeURIComponentEx(j) + '")\' title="' + "Disconnect this session" + '" class="fa-fw fa-solid fa-trash text-danger"></i>'; }
x += addHtmlValue2(getUserName(j), ((node.sessions.multidesk[j] == 1) ? "1 session" : nobreak(format("{0} sessions", node.sessions.multidesk[j]))) + trash); x += addHtmlValue2(getUserName(j), ((node.sessions.multidesk[j] == 1) ? "1 session" : nobreak(format("{0} sessions", node.sessions.multidesk[j]))) + trash);
} }
} else if (i == 'terminal') { } else if (i == 'terminal') {
x += '<u>' + "Terminal" + '</u>'; x += '<u>' + "Terminal" + '</u>';
for (var j in node.sessions.terminal) { for (var j in node.sessions.terminal) {
var trash = ''; var trash = '';
if ((j == userinfo._id) || (GetNodeRights(node) == 0xFFFFFFFF)) { trash = ' <a href=# onclick=\'return endDeviceSession("terminal", "' + encodeURIComponentEx(node._id) + '", "' + encodeURIComponentEx(j) + '")\' title="' + "Disconnect this session" + '" style=cursor:pointer><img src=images/trash.png border=0 height=10 width=10></a>'; } if ((j == userinfo._id) || (GetNodeRights(node) == 0xFFFFFFFF)) { trash = ' <i role=button onclick=\'return endDeviceSession("terminal", "' + encodeURIComponentEx(node._id) + '", "' + encodeURIComponentEx(j) + '")\' title="' + "Disconnect this session" + '" class="fa-fw fa-solid fa-trash text-danger"></i>'; }
x += addHtmlValue2(getUserName(j), ((node.sessions.terminal[j] == 1) ? "1 session" : nobreak(format("{0} sessions", node.sessions.terminal[j]))) + trash); x += addHtmlValue2(getUserName(j), ((node.sessions.terminal[j] == 1) ? "1 session" : nobreak(format("{0} sessions", node.sessions.terminal[j]))) + trash);
} }
} else if (i == 'files') { } else if (i == 'files') {
x += '<u>' + "Files" + '</u>'; x += '<u>' + "Files" + '</u>';
for (var j in node.sessions.files) { for (var j in node.sessions.files) {
var trash = ''; var trash = '';
if ((j == userinfo._id) || (GetNodeRights(node) == 0xFFFFFFFF)) { trash = ' <a href=# onclick=\'return endDeviceSession("files", "' + encodeURIComponentEx(node._id) + '", "' + encodeURIComponentEx(j) + '")\' title="' + "Disconnect this session" + '" style=cursor:pointer><img src=images/trash.png border=0 height=10 width=10></a>'; } if ((j == userinfo._id) || (GetNodeRights(node) == 0xFFFFFFFF)) { trash = ' <i role=button onclick=\'return endDeviceSession("files", "' + encodeURIComponentEx(node._id) + '", "' + encodeURIComponentEx(j) + '")\' title="' + "Disconnect this session" + '" class="fa-fw fa-solid fa-trash text-danger"></i>'; }
x += addHtmlValue2(getUserName(j), ((node.sessions.files[j] == 1) ? "1 session" : nobreak(format("{0} sessions", node.sessions.files[j]))) + trash); x += addHtmlValue2(getUserName(j), ((node.sessions.files[j] == 1) ? "1 session" : nobreak(format("{0} sessions", node.sessions.files[j]))) + trash);
} }
} else if (i == 'tcp') { } else if (i == 'tcp') {
x += '<u>' + "TCP Routing" + '</u>'; x += '<u>' + "TCP Routing" + '</u>';
for (var j in node.sessions.tcp) { for (var j in node.sessions.tcp) {
var trash = ''; var trash = '';
if ((j == userinfo._id) || (GetNodeRights(node) == 0xFFFFFFFF)) { trash = ' <a href=# onclick=\'return endDeviceSession("tcp", "' + encodeURIComponentEx(node._id) + '", "' + encodeURIComponentEx(j) + '")\' title="' + "Disconnect this session" + '" style=cursor:pointer><img src=images/trash.png border=0 height=10 width=10></a>'; } if ((j == userinfo._id) || (GetNodeRights(node) == 0xFFFFFFFF)) { trash = ' <i role=button onclick=\'return endDeviceSession("tcp", "' + encodeURIComponentEx(node._id) + '", "' + encodeURIComponentEx(j) + '")\' title="' + "Disconnect this session" + '" class="fa-fw fa-solid fa-trash text-danger"></i>'; }
x += addHtmlValue2(getUserName(j), ((node.sessions.tcp[j] == 1) ? "1 session" : nobreak(format("{0} sessions", node.sessions.tcp[j]))) + trash); x += addHtmlValue2(getUserName(j), ((node.sessions.tcp[j] == 1) ? "1 session" : nobreak(format("{0} sessions", node.sessions.tcp[j]))) + trash);
} }
} else if (i == 'udp') { } else if (i == 'udp') {
x += '<u>' + "UDP Routing" + '</u>'; x += '<u>' + "UDP Routing" + '</u>';
for (var j in node.sessions.udp) { for (var j in node.sessions.udp) {
var trash = ''; var trash = '';
if ((j == userinfo._id) || (GetNodeRights(node) == 0xFFFFFFFF)) { trash = ' <a href=# onclick=\'return endDeviceSession("udp", "' + encodeURIComponentEx(node._id) + '", "' + encodeURIComponentEx(j) + '")\' title="' + "Disconnect this session" + '" style=cursor:pointer><img src=images/trash.png border=0 height=10 width=10></a>'; } if ((j == userinfo._id) || (GetNodeRights(node) == 0xFFFFFFFF)) { trash = ' <i role=button onclick=\'return endDeviceSession("udp", "' + encodeURIComponentEx(node._id) + '", "' + encodeURIComponentEx(j) + '")\' title="' + "Disconnect this session" + '" class="fa-fw fa-solid fa-trash text-danger"></i>'; }
x += addHtmlValue2(getUserName(j), ((node.sessions.udp[j] == 1) ? "1 session" : nobreak(format("{0} sessions", node.sessions.udp[j]))) + trash); x += addHtmlValue2(getUserName(j), ((node.sessions.udp[j] == 1) ? "1 session" : nobreak(format("{0} sessions", node.sessions.udp[j]))) + trash);
} }
} }
@ -8960,7 +8952,7 @@
for (var i = 0; i < deviceShares.length; i++) { for (var i = 0; i < deviceShares.length; i++) {
var dshare = deviceShares[i], trash = ''; var dshare = deviceShares[i], trash = '';
if (dshare.url != null) { trash += '<a href="' + dshare.url + '" rel="noreferrer noopener" target=_blank title="' + "Device Sharing Link" + '" style=cursor:pointer><img src=images/link2.png border=0 height=10 width=10></a> '; } if (dshare.url != null) { trash += '<a href="' + dshare.url + '" rel="noreferrer noopener" target=_blank title="' + "Device Sharing Link" + '" style=cursor:pointer><img src=images/link2.png border=0 height=10 width=10></a> '; }
trash += '<a href=# onclick=\'return p30removeDeviceSharing(event,"' + encodeURIComponentEx(currentNode._id) + '","' + encodeURIComponentEx(dshare.publicid) + '","' + encodeURIComponentEx(dshare.guestName) + '")\' title="' + "Remove device sharing" + '" style=cursor:pointer><img src=images/trash.png border=0 height=10 width=10></a>'; trash += '<i role=button onclick=\'return p30removeDeviceSharing(event,"' + encodeURIComponentEx(currentNode._id) + '","' + encodeURIComponentEx(dshare.publicid) + '","' + encodeURIComponentEx(dshare.guestName) + '")\' title="' + "Remove device sharing" + '" class="fa-fw fa-solid fa-trash text-danger"></i>';
var type = ''; if (dshare.p <= 7) { type = ['', "Terminal", "Desktop", "Desktop + Terminal", "Files", "Terminal + Files", "Desktop + Files", "Desktop + Terminal + Files"][dshare.p]; } else if (dshare.p == 8) { type = "HTTP/" + dshare.port; } else if (dshare.p == 16) { type = "HTTPS/" + dshare.port; } var type = ''; if (dshare.p <= 7) { type = ['', "Terminal", "Desktop", "Desktop + Terminal", "Files", "Terminal + Files", "Desktop + Files", "Desktop + Terminal + Files"][dshare.p]; } else if (dshare.p == 8) { type = "HTTP/" + dshare.port; } else if (dshare.p == 16) { type = "HTTPS/" + dshare.port; }
var details = type; var details = type;
if ((dshare.startTime != null) && (dshare.expireTime != null)) { details = format("{0}, {1} to {2}", type, printFlexDateTime(new Date(dshare.startTime)), printFlexDateTime(new Date(dshare.expireTime))); } if ((dshare.startTime != null) && (dshare.expireTime != null)) { details = format("{0}, {1} to {2}", type, printFlexDateTime(new Date(dshare.startTime)), printFlexDateTime(new Date(dshare.expireTime))); }
@ -12974,9 +12966,9 @@
dateHeader = printDate(time); dateHeader = printDate(time);
x += '<table class="table table-hover p3eventsTable" cellpadding=0 cellspacing=0><tr><td colspan=4 class=DevSt>' + dateHeader + '</td></tr>'; x += '<table class="table table-hover p3eventsTable" cellpadding=0 cellspacing=0><tr><td colspan=4 class=DevSt>' + dateHeader + '</td></tr>';
} }
var icon = 'si3'; var icon = 'fa-mobile-screen';
if (event.etype == 'user') icon = 'm2'; if (event.etype == 'user') icon = 'fa-user';
if (event.etype == 'server') icon = 'si3'; if (event.etype == 'server') icon = 'fa-server';
var msg; var msg;
if ((event.msgid == null) || (eventsMessageId[event.msgid] == null)) { if ((event.msgid == null) || (eventsMessageId[event.msgid] == null)) {
@ -13000,8 +12992,8 @@
msg = EscapeHtml(event.username) + guestname + ' &rarr; ' + msg; msg = EscapeHtml(event.username) + guestname + ' &rarr; ' + msg;
} }
} }
if (event.etype == 'relay' || event.action == 'relaylog') icon = 'relayIcon16'; if (event.etype == 'relay' || event.action == 'relaylog') icon = 'fa-arrow-right-arrow-left';
x += '<tr onclick=showEventDetails(' + event.h + ',1) onmouseover=eventMouseHover(this,1) onmouseout=eventMouseHover(this,0) style=cursor:pointer><td style=width:18px><div class=' + icon + '></div></td><td class=g1>&nbsp;</td><td class=style10>' + printTime(time) + ' - ' + msg + '</td></tr><tr></tr>'; x += '<tr onclick=showEventDetails(' + event.h + ',1) onmouseover=eventMouseHover(this,1) onmouseout=eventMouseHover(this,0) role="button"><td style=width:18px><i class="fa-solid ' + icon + '"></i></td><td class=g1>&nbsp;</td><td class=style10>' + printTime(time) + ' - ' + msg + '</td></tr><tr></tr>';
} }
} }
if (dateHeader != null) x += '</table>'; if (dateHeader != null) x += '</table>';
@ -16588,8 +16580,7 @@
e.children[1].classList.remove('g1s'); e.children[1].classList.remove('g1s');
e.children[2].classList.remove('style10s'); e.children[2].classList.remove('style10s');
//e.children[2].style['background-color'] = ((over == 0) ? '#c9c9c9' : '#b9b9b9'); //e.children[2].style['background-color'] = ((over == 0) ? '#c9c9c9' : '#b9b9b9');
e.children[3].classList.remove('g2s'); if (over == 1) { e.children[1].classList.add('g1s'); e.children[2].classList.add('style10s'); }
if (over == 1) { e.children[1].classList.add('g1s'); e.children[2].classList.add('style10s'); e.children[3].classList.add('g2s'); }
} }
function eventsUpdate() { function eventsUpdate() {
@ -16603,10 +16594,10 @@
dateHeader = printDate(time); dateHeader = printDate(time);
x += '<table class="table table-hover p3eventsTable" cellpadding=0 cellspacing=0><tr><td colspan=4 class=DevSt>' + dateHeader + '</td></tr>'; x += '<table class="table table-hover p3eventsTable" cellpadding=0 cellspacing=0><tr><td colspan=4 class=DevSt>' + dateHeader + '</td></tr>';
} }
var icon = 'si3'; var icon = 'fa-mobile-screen';
if (event.etype == 'ugrp') icon = 'm4'; if (event.etype == 'ugrp') icon = 'fa-users';
if (event.etype == 'user') icon = 'm2'; if (event.etype == 'user') icon = 'fa-user';
if (event.etype == 'server') icon = 'si3'; if (event.etype == 'server') icon = 'fa-server';
var msg; var msg;
if ((event.msgid == null) || (eventsMessageId[event.msgid] == null)) { if ((event.msgid == null) || (eventsMessageId[event.msgid] == null)) {
@ -16632,7 +16623,18 @@
if (event.nodeid) { if (event.nodeid) {
var node = getNodeFromId(event.nodeid); var node = getNodeFromId(event.nodeid);
if (node != null) { if (node != null) {
icon = 'si' + node.icon; console.log(node);
switch(node.icon){
case 1:
icon = 'fa-computer';
break;
case 2:
icon = 'fa-laptop';
break;
case 8:
icon = 'fa-laptop-code';
break;
}
msg = '<a href=# onclick=\'gotoDevice("' + event.nodeid + '",10);haltEvent(event);\'>' + EscapeHtml(node.name) + '</a> &rarr; ' + msg; msg = '<a href=# onclick=\'gotoDevice("' + event.nodeid + '",10);haltEvent(event);\'>' + EscapeHtml(node.name) + '</a> &rarr; ' + msg;
} }
} }
@ -16646,8 +16648,8 @@
} }
} }
if (event.remoteaddr) { msg += ' (' + event.remoteaddr + ')'; } if (event.remoteaddr) { msg += ' (' + event.remoteaddr + ')'; }
if (event.etype == 'relay' || event.action == 'relaylog') icon = 'relayIcon16'; if (event.etype == 'relay' || event.action == 'relaylog') icon = 'fa-arrow-right-arrow-left';
x += '<tr onclick=showEventDetails(' + event.h + ',2) onmouseover=eventMouseHover(this,1) onmouseout=eventMouseHover(this,0) style=cursor:pointer><td style=width:18px><div class=' + icon + '></div></td><td class=g1>&nbsp;</td><td class=style10>' + printTime(time) + ' - ' + msg + '</td></tr><tr></tr>'; x += '<tr onclick=showEventDetails(' + event.h + ',2) onmouseover=eventMouseHover(this,1) onmouseout=eventMouseHover(this,0) role=button><td style=width:18px><i class="fa-fw fa-solid ' + icon + '"></i></td><td class=g1>&nbsp;</td><td class=style10>' + printTime(time) + ' - ' + msg + '</td></tr><tr></tr>';
} }
} }
if (dateHeader != null) x += '</table>'; if (dateHeader != null) x += '</table>';
@ -20602,7 +20604,7 @@
// function addLink(x, f) { return '<span tabindex=0 style=cursor:pointer;text-decoration:none onclick=\'' + f + '\' onkeypress="if (event.key==\'Enter\') {' + f + '} ">' + x + ' <img class=hoverButton src=images/link5.png></span>'; } // function addLink(x, f) { return '<span tabindex=0 style=cursor:pointer;text-decoration:none onclick=\'' + f + '\' onkeypress="if (event.key==\'Enter\') {' + f + '} ">' + x + ' <img class=hoverButton src=images/link5.png></span>'; }
function addLink(x, f) { return '<span tabindex=0 role="button" onclick=\'' + f + '\' onkeypress="if (event.key==\'Enter\') {' + f + '} ">' + x + ' <i class="fa-solid fa-pencil fa-xs"></i></span>'; } function addLink(x, f) { return '<span tabindex=0 role="button" onclick=\'' + f + '\' onkeypress="if (event.key==\'Enter\') {' + f + '} ">' + x + ' <i class="fa-solid fa-pencil fa-xs"></i></span>'; }
function addLinkConditional(x, f, c) { if (c) return addLink(x, f); return x; } function addLinkConditional(x, f, c) { if (c) return addLink(x, f); return x; }
function addKeyLink(x, f) { return '<span tabindex=0 style=cursor:pointer;text-decoration:none onclick=' + f + ' onkeypress="if (event.key==\'Enter\') { ' + f + ' } ">' + x + ' <img class=hoverButton src=images/key16.png></span>'; } function addKeyLink(x, f) { return '<span tabindex=0 role=button onclick=' + f + ' onkeypress="if (event.key==\'Enter\') { ' + f + ' } ">' + x + ' <i class="fa-solid fa-key"></i></span>'; }
function addKeyLinkConditional(x, f, c) { if (c) return addKeyLink(x, f); return x; } function addKeyLinkConditional(x, f, c) { if (c) return addKeyLink(x, f); return x; }
function haltEvent(e) { if (e.preventDefault) e.preventDefault(); if (e.stopPropagation) e.stopPropagation(); return false; } function haltEvent(e) { if (e.preventDefault) e.preventDefault(); if (e.stopPropagation) e.stopPropagation(); return false; }
function addOption(q, t, i) { var option = document.createElement('option'); option.text = t; option.value = i; Q(q).add(option); } function addOption(q, t, i) { var option = document.createElement('option'); option.text = t; option.value = i; Q(q).add(option); }