Viewing file:  system.php (10.09 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<?php
include('./admin/app/core.php');
$status = status_read();
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Tri-Special Utility District</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- stylesheets -->
<link rel="stylesheet" type="text/css" href="css/compiled/theme.css">
<link rel="stylesheet" type="text/css" href="css/vendor/animate.css">
<link rel="stylesheet" type="text/css" href="css/vendor/flexslider.css">
<!-- javascript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/bootstrap/bootstrap.min.js"></script>
<script src="js/vendor/jquery.flexslider.min.js"></script>
<script src="js/vendor/jquery.validate.min.js"></script>
<script src="js/theme.js"></script>
<!--[if lt IE 9]>
<script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script>
$(function(){
$("#copyright").load("copyright.php");
});
</script>
</head>
<body id="status">
<header class="navbar navbar-inverse normal" role="banner">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="index.html" class="navbar-brand"><img src="images/logo.png" alt="trisud"/></a>
</div>
<nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html#">Home</a></li>
<li class="dropdown">
<a href="index.html#" class="dropdown-toggle" data-toggle="dropdown">
About <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="aboutus.html">About us</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="contact.html">Location</a></li>
<li><a href="personnel.html">Personnel</a>
<li><a href="directors.html">Board of Directors</a></li>
</ul>
</li>
<li class="dropdown">
<a href="index.html#" class="dropdown-toggle" data-toggle="dropdown">
Service <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="system.php">System Status</a></li>
<li><a href="rates.html">Rates & Policies</a></li>
<li><a href="meter.html">Meter Reading</a></li>
<li><a href="payment.html">Bill Payment</a></li>
<li><a href="forms.html">Forms & Reports</a></li>
<li><a href="request.html">Request Service</a></li>
</ul>
</li>
<li><a href="news.php" >News</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a><strong><span style="color:#93c1fc;">(903) 572-3676</span></strong></a></li>
</ul>
</nav>
</div>
</header>
<div id="update">
<div class="container">
<div class="row header">
<h3>TriSUD System Status</h3>
<p>Current status and incident report</p>
</div>
<div class="row">
<div class="col-md-12">
<div class="current-status">
<span class="updated">
<p id="thisdate"></p>
</span>
<div class="status">
<div class="color green"></div>
<?php echo $status['main']; ?>
</div>
<div class="help">
Need help? <a href="contact.html">Contact us</a>.
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="panel panel-default modules">
<!-- List group -->
<ul class="list-group">
<li class="list-group-item">
<?php echo $status['a']; ?>
<div class="status"><?php echo $status['a-stat']; ?></div>
</li>
<li class="list-group-item">
<?php echo $status['b']; ?>
<div class="status"><?php echo $status['b-stat']; ?></div>
</li>
<li class="list-group-item">
<?php echo $status['c']; ?>
<div class="status"><?php echo $status['c-stat']; ?></div>
</li>
<li class="list-group-item">
<?php echo $status['d']; ?>
<div class="status"><?php echo $status['d-stat']; ?></div>
</li>
<!-- <li class="list-group-item">
Backoffice Administration
<div class="status">Operational</div>
</li> -->
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="messages">
<h3>Messages</h3>
<div class="date">
<div class="day"><p id="DATE"></p></div>
<p><span style="color: <?php echo $status['light'];?>;">
<?php echo $status['msg']; ?>
</span></p>
</div>
<!-- <div class="date">
<div class="day">July 20 2015</div>
<p class="issues">
Central Office Software Upgrades
</p>
</div>
<div class="date">
<div class="day">July 19 2015</div>
<p class="ok">
All Systems Operational
</p>
</div>
<div class="date">
<div class="day">July 18 2015</div>
<p class="ok">
All Systems Operational
</p>
</div>
<div class="date">
<div class="day">July 17 2015</div>
<p class="ok">
All Systems Operational
</p>
<p class="update">
<strong>Resolved:</strong>
Central Office Software Upgrades
</p>
<p class="update">
<strong>Investigating:</strong>
--
</p>
</div> -->
</div>
<!-- <div class="full-history">
<a href="system.html#">
← See full incident history
</a> -->
</div>
</div>
</div>
</div>
</div>
<br>
<div id="footer">
<div class="container">
<div class="row">
<div class="col-sm-8 copyright">
<div id="copyright"></div>
</div>
<div class="col-sm-2 menu">
<ul>
</ul>
</div>
<div class="col-sm-2 social">
</div>
</div>
</div>
</div>
<script type="text/javascript">
var light = "red";
var $status;
$.get("./app/backend.php", {status: true }, function(data){
if(data) {
light = data;
console.log(light);
$status = $(".status .color"),
colors = [light], //["green", "yellow", "red"]
currentStatus = 0;
}
});
$(function () {
// Update the status color every 2 seconds
function updateStatus() {
currentStatus++;
if (currentStatus >= 3) {
currentStatus = 0;
}
color = colors[currentStatus];
$status.removeClass().addClass("color").addClass(color);
}
setInterval(function () {
updateStatus();
}, 2000);
});
</script>
<script>
document.getElementById("thisdate").innerHTML = Date();
</script>
<script>
var today = new Date();
var dd = today.getDate();
var month = new Array();
month[0] = "January";
month[1] = "February";
month[2] = "March";
month[3] = "April";
month[4] = "May";
month[5] = "June";
month[6] = "July";
month[7] = "August";
month[8] = "September";
month[9] = "October";
month[10] = "November";
month[11] = "December";
var mm = month[today.getMonth()];
var yyyy = today.getFullYear();
if(dd<10){
dd='0'+dd
}
var today = mm+' '+dd+' '+yyyy;
document.getElementById("DATE").innerHTML = today;
</script>
</body>
</html>
|