gray
This commit is contained in:
parent
dee322af88
commit
160ddd9f59
|
@ -12,7 +12,7 @@ services:
|
||||||
build:
|
build:
|
||||||
dockerfile: Dockerfile
|
dockerfile: Dockerfile
|
||||||
container_name: nagios
|
container_name: nagios
|
||||||
image: docker-registry1.in.thelinuxpro.net:5000/tlp/nagios:241230.0.13
|
image: docker-registry1.in.thelinuxpro.net:5000/tlp/nagios:241230.0.14
|
||||||
networks:
|
networks:
|
||||||
infra_dev_net:
|
infra_dev_net:
|
||||||
ipv4_address: 10.99.23.36
|
ipv4_address: 10.99.23.36
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
<?php
|
<?php
|
||||||
$refreshvalue = 10; //value in seconds to refresh page
|
$refreshvalue = 10; //value in seconds to refresh page
|
||||||
$pagetitle = "Operations Nagios Dashboard";
|
$pagetitle = "Operations Nagios Dashboard";
|
||||||
?>
|
?>
|
||||||
|
@ -13,52 +13,53 @@
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
line-height: 1.3em;
|
line-height: 1.3em;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
|
background-color: #363636;
|
||||||
}
|
}
|
||||||
|
|
||||||
table {
|
table {
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
td {
|
td {
|
||||||
padding: .1em 1em;
|
padding: .1em 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.head {
|
.head {
|
||||||
background: lightGray;
|
background: lightGray;
|
||||||
color: black;
|
color: black;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.head th {
|
.head th {
|
||||||
border-right: 1px solid #888;
|
border-right: 1px solid #888;
|
||||||
padding: .2em 10px;
|
padding: .2em 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.critical {
|
.critical {
|
||||||
background: #b40000;
|
background: #b40000;
|
||||||
color: white;
|
color: white;
|
||||||
font-size: 1.4em;
|
font-size: 1.4em;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.critical td {
|
.critical td {
|
||||||
border-bottom: 2px solid #7f0000;
|
border-bottom: 2px solid #7f0000;
|
||||||
border-right: 2px solid #7f0000;
|
border-right: 2px solid #7f0000;
|
||||||
padding: .1em 10px;
|
padding: .1em 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.warning {
|
.warning {
|
||||||
background: yellow;
|
background: yellow;
|
||||||
color: black;
|
color: black;
|
||||||
|
@ -100,13 +101,13 @@
|
||||||
|
|
||||||
var placeHolder,
|
var placeHolder,
|
||||||
refreshValue = <?php print $refreshvalue; ?>;
|
refreshValue = <?php print $refreshvalue; ?>;
|
||||||
|
|
||||||
$().ready(function(){
|
$().ready(function(){
|
||||||
placeHolder = $("#nagios_placeholder");
|
placeHolder = $("#nagios_placeholder");
|
||||||
updateNagiosData(placeHolder);
|
updateNagiosData(placeHolder);
|
||||||
window.setInterval(updateCountDown, 1000);
|
window.setInterval(updateCountDown, 1000);
|
||||||
});
|
});
|
||||||
|
|
||||||
function updateNagiosData(block){
|
function updateNagiosData(block){
|
||||||
$("#loading").fadeIn(200);
|
$("#loading").fadeIn(200);
|
||||||
block.load("nagios_get.php", function(response){
|
block.load("nagios_get.php", function(response){
|
||||||
|
@ -115,9 +116,9 @@
|
||||||
$("#loading").fadeOut(200);
|
$("#loading").fadeOut(200);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function updateCountDown(){
|
function updateCountDown(){
|
||||||
var countdown = $("#refreshing_countdown");
|
var countdown = $("#refreshing_countdown");
|
||||||
var remaining = parseInt(countdown.text());
|
var remaining = parseInt(countdown.text());
|
||||||
if(remaining == 0){
|
if(remaining == 0){
|
||||||
updateNagiosData(placeHolder);
|
updateNagiosData(placeHolder);
|
||||||
|
@ -127,7 +128,7 @@
|
||||||
countdown.text(remaining - 1);
|
countdown.text(remaining - 1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
<div id="nagios_placeholder"></div>
|
<div id="nagios_placeholder"></div>
|
||||||
<p id="refreshing">Refresh in <span id="refreshing_countdown"><?php print $refreshvalue; ?></span> seconds</p>
|
<p id="refreshing">Refresh in <span id="refreshing_countdown"><?php print $refreshvalue; ?></span> seconds</p>
|
||||||
|
|
|
@ -44,11 +44,11 @@ not important: blue aaccff 777777
|
||||||
--color-charcoal-gray: rgba(49, 54, 59, 1);
|
--color-charcoal-gray: rgba(49, 54, 59, 1);
|
||||||
--color-shade-black: rgba(35, 38, 41, 1);
|
--color-shade-black: rgba(35, 38, 41, 1);
|
||||||
--color-border-grey: rgba(103, 107, 110, 1);
|
--color-border-grey: rgba(103, 107, 110, 1);
|
||||||
--color-medium-grey: #555;
|
--color-medium-grey: #363636;
|
||||||
--color-abyss-blue: rgba(41, 128, 185, 1);
|
--color-abyss-blue: rgba(41, 128, 185, 1);
|
||||||
--color-dark-blue: #1d14ff;
|
--color-dark-blue: #1d14ff;
|
||||||
--color-coastal-fog: rgba(127, 140, 141, 1);
|
--color-coastal-fog: rgba(127, 140, 141, 1);
|
||||||
--color-alternate-gray: rgba(189, 195, 199, 1);
|
--color-alternate-gray: #111
|
||||||
--color-hover-blue: rgba(61, 174, 233, 0.4);
|
--color-hover-blue: rgba(61, 174, 233, 0.4);
|
||||||
--color-plasma-blue: rgba(61, 174, 233, 1);
|
--color-plasma-blue: rgba(61, 174, 233, 1);
|
||||||
--color-icon-red: rgba(218, 68, 83, 1);
|
--color-icon-red: rgba(218, 68, 83, 1);
|
||||||
|
|
Loading…
Reference in New Issue