mirror/NetAlertX
1
0
Fork 0
mirror of https://github.com/jokob-sk/NetAlertX.git synced 2026-02-02 19:11:17 -05:00
Code Issues Packages Projects Releases Wiki Activity

FE: more information density on device details

Browse Source 
Signed-off-by: jokob-sk <jokob.sk@gmail.com>
This commit is contained in:
jokob-sk
2026-02-02 14:51:39 +11:00
parent 39637350b3
commit 6d03d58c78
3 changed files with 52 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
front/css/app.css
View File

@@ -508,6 +508,41 @@ body
color: #a0a0a0;
}
.small-box {
margin-bottom: 15px !important;
float: left;
width: 100%;
}
#TopSmallBoxes .small-box {
height: 3em;
}
.small-box .icon
{
font-size: 2.2em !important;
float: right;
top: 0;
}
.small-box .small-box-text
{
float:left;
font-size: x-large;
margin-top: -0.3em;
}
.small-box .infobox_label
{
font-size: larger;
float: right;
text-align: center;
}
hr
{
margin-top: 5px;
margin-bottom: 10px;
}
/* -----------------------------------------------------------------------------
Customized Box Borders
----------------------------------------------------------------------------- */
@@ -901,10 +936,6 @@ height: 50px;
background-color: #b2b6be !important;
}
.infobox_label {
font-size: 16px !important;
}
.deviceSelector
{
display: block;
@@ -1667,6 +1698,10 @@ textarea[readonly],
min-height: 42px;
}
.form-group {
margin-bottom: 5px !important;
}
/* Remove the default Select2 chevron (the down arrow) */
.select2-container .select2-selection__arrow b {
display: none !important;

18
front/deviceDetailsEdit.php
View File

@@ -172,6 +172,15 @@ function getDeviceData() {
labelClasses: "col-sm-4 col-xs-12 control-label",
inputClasses: "col-sm-8 col-xs-12 input-group"
},
// Group for Custom properties.
DevDetail_CustomProperties_Title: {
data: ["devCustomProps"],
docs: "https://docs.netalertx.com/CUSTOM_PROPERTIES",
iconClass: "fa fa-list",
inputGroupClasses: "field-group cutprop-group col-lg-6 col-sm-12 col-xs-12",
labelClasses: "col-sm-12 col-xs-12 control-label",
inputClasses: "col-sm-12 col-xs-12 input-group"
},
// Group for Children.
DevDetail_Children_Title: {
data: ["devChildrenDynamic"],
@@ -181,15 +190,6 @@ function getDeviceData() {
labelClasses: "col-sm-12 col-xs-12 control-label",
inputClasses: "col-sm-12 col-xs-12 input-group"
},
// Group for Custom properties.
DevDetail_CustomProperties_Title: {
data: ["devCustomProps"],
docs: "https://docs.netalertx.com/CUSTOM_PROPERTIES",
iconClass: "fa fa-list",
inputGroupClasses: "field-group cutprop-group col-lg-6 col-sm-12 col-xs-12",
labelClasses: "col-sm-12 col-xs-12 control-label",
inputClasses: "col-sm-12 col-xs-12 input-group"
}
};
// Filter settings data to get relevant settings

6
front/php/components/device_cards.php
View File

@@ -21,8 +21,10 @@ function renderSmallBox($params) {
<a href="#" onclick="javascript: ' . htmlspecialchars($onclickEvent) . '">
<div class="small-box ' . htmlspecialchars($color) . '">
<div class="inner">
<h3 id="' . htmlspecialchars($headerId) . '" style="' . htmlspecialchars($headerStyle) . '"> ' . htmlspecialchars($dataValue) . ' </h3>
<p class="infobox_label">' . lang(htmlspecialchars($labelLang)) . '</p>
<div class="col-lg-6 col-sm-6 col-xs-6">
<div class="small-box-text col-lg-12 col-sm-12 col-xs-12" id="' . htmlspecialchars($headerId) . '" style="' . htmlspecialchars($headerStyle) . '"> <b>' . htmlspecialchars($dataValue) . '</b> </div>
</div>
<div class="infobox_label col-lg-6 col-sm-6 col-xs-6">' . lang(htmlspecialchars($labelLang)) . '</div>
</div>
<div class="icon">
<i id="' . htmlspecialchars($iconId) . '" class="' . htmlspecialchars($iconClass) . '"></i>