diff --git a/.assets/example.png b/.assets/example.png
index 4ecc6f1..0913c63 100644
Binary files a/.assets/example.png and b/.assets/example.png differ
diff --git a/root/dashboard/www/index.php b/root/dashboard/www/index.php
index c99fa1d..38223b2 100644
--- a/root/dashboard/www/index.php
+++ b/root/dashboard/www/index.php
@@ -2,6 +2,7 @@
function GetHeader() {
return <<
+ @import url("https://use.fontawesome.com/releases/v5.15.0/css/all.css");
.status-div {
display: inline-block;
padding-right: 20px;
@@ -20,17 +21,22 @@
td {
padding-right: 20px;
}
- .green-circle {
- padding: 2px 10px;
- border-radius: 100%;
- background-color: green;
- border: 1px solid black;
+ .far, .fas {
+ font-family: "Font Awesome 5 Free" !important;
}
- .red-circle {
- padding: 2px 10px;
- border-radius: 50%;
- background-color: red;
- border: 1px solid black;
+ .fa-exclamation-circle,.fa-check-circle, .fa-info-circle {
+ font-size:20px;
+ padding: 2px;
+ }
+ .fa-check-circle {
+ color: #5DB56A;
+ }
+ .fa-exclamation-circle {
+ color: #FF303E;
+ }
+ .fa-info-circle:hover{
+ color: gray;
+ cursor: help;
}
HTML;
@@ -45,17 +51,17 @@
$tr_class = ($index % 2 == 0) ? 'shaded' : '';
$status .= '| '.$result.' | ';
if ($data->status == 1) {
- $status .= '';
+ $status .= '';
} else {
- $status .= '';
+ $status .= '';
}
$status .= ' | ';
if (!empty($data->locations)) {
$locations = $data->locations;
$location = implode(",", $locations);
- $status .= ' | '.$location.' | ';
+ $status .= ''.$location.' | ';
} else {
- $status .= ' | ';
+ $status .= ' | ';
}
$status .= '
';
$index++;
@@ -91,9 +97,10 @@
$index = 0;
foreach($jails as $jail){
$tr_class = ($index % 2 == 0) ? 'shaded' : '';
+ $data = ($jail["data"]) ? ' ' : '';
$status .= '| '.$jail["name"].' | ';
$status .= ''.$jail["bans"].' | ';
- $status .= ''.$jail["last_ban"].' |
';
+ $status .= ''.$jail["last_ban"].''.$data.' | ';
$index++;
}
return <<