vh/NetAlertX
1
0
Fork 0
mirror of https://github.com/jokob-sk/NetAlertX.git synced 2025-12-07 09:36:05 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

network tree port/wifi icons

Browse Source
This commit is contained in:
Jokob-sk
2023-08-05 15:42:26 +10:00
parent 88301c97eb
commit 7efe658503
3 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/API.md
View File

@@ -5,7 +5,7 @@ PiAlert comes with a simple API. These API endpoints are static files, that are
### When are the endpoints updated ### When are the endpoints updated
Once you enable the API (`ENABLE_API` setting), the endpoints are updated when objects in the API endpoints are changed: The endpoints are updated when objects in the API endpoints are changed.
### Location of the endpoints ### Location of the endpoints

12
front/css/pialert.css
View File

@@ -799,6 +799,8 @@ height: 50px;
margin-bottom: 6px; margin-bottom: 6px;
} }
/* NETWORK page */
/* AdminLTE overrides */ /* AdminLTE overrides */
#networkTree .box #networkTree .box
{ {
@@ -822,6 +824,14 @@ height: 50px;
float:left; float:left;
display:inline; display:inline;
} }
#networkTree .portBckgIcon
{
opacity: 0.3;
display: initial;
float: inline-start;
}
#networkTree #networkTree
{ {
margin-left: 16px; margin-left: 16px;
@@ -839,7 +849,7 @@ height: 50px;
{ {
display: block; display: block;
position: absolute; position: absolute;
margin-left: 156px; margin-left: 170px;
top: -3px; top: -3px;
font-size: large; font-size: large;
left: -15px; left: -15px;

6
front/network.php
View File

@@ -644,9 +644,13 @@
renderNode: nodeData => { renderNode: nodeData => {
var fontSize = "font-size:"+emSize+"em;"; var fontSize = "font-size:"+emSize+"em;";
(!emptyArr.includes(nodeData.data.port )) ? port = nodeData.data.port : port = "";
(port == "" || port == 0 ) ? portBckgIcon = `<i class="fa fa-wifi"></i>` : portBckgIcon = `<i class="fa fa-ethernet"></i>`;
// Build HTML for individual nodes in the network diagram // Build HTML for individual nodes in the network diagram
deviceIcon = (!emptyArr.includes(nodeData.data.icon )) ? "<div class='netIcon ' ><i class='fa fa-"+nodeData.data.icon +"'></i></div>" : ""; deviceIcon = (!emptyArr.includes(nodeData.data.icon )) ? "<div class='netIcon ' ><i class='fa fa-"+nodeData.data.icon +"'></i></div>" : "";
devicePort = (!emptyArr.includes(nodeData.data.port )) ? "<div class='netPort ' style=width:"+emSize*2.5+"em; >"+nodeData.data.port +"</div>" : ""; devicePort = `<div class='netPort ' style="width:${emSize*2.7}em;height:${emSize*2.7}em" >${port}</div> <div class="portBckgIcon" style="margin-left:-${emSize*2.5}em;">${portBckgIcon}</div>`;
collapseExpandIcon = nodeData.data.hiddenChildren ? "square-plus" :"square-minus"; collapseExpandIcon = nodeData.data.hiddenChildren ? "square-plus" :"square-minus";
collapseExpandHtml = (nodeData.data.hasChildren) ? "<div class='netCollapse' style='font-size:"+emSize*2.5+"em;' data-mytreepath='"+nodeData.data.path+"' data-mytreemac='"+nodeData.data.mac+"'><i class='fa fa-"+ collapseExpandIcon +" pointer'></i></div>" : ""; collapseExpandHtml = (nodeData.data.hasChildren) ? "<div class='netCollapse' style='font-size:"+emSize*2.5+"em;' data-mytreepath='"+nodeData.data.path+"' data-mytreemac='"+nodeData.data.mac+"'><i class='fa fa-"+ collapseExpandIcon +" pointer'></i></div>" : "";
statusCss = " netStatus-" + nodeData.data.status; statusCss = " netStatus-" + nodeData.data.status;