forked from nerdbaggy/StatusPage
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
executable file
·106 lines (100 loc) · 3.61 KB
/
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<?php require('StatusPage/config.php'); ?>
<!DOCTYPE html>
<!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
<html class="no-js" lang="en" >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="icons/favicon.ico">
<link rel="apple-touch-icon" sizes="57x57" href="icons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="icons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="60x60" href="icons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="76x76" href="icons/apple-touch-icon-76x76.png">
<link rel="icon" type="image/png" href="icons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="icons/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="icons/favicon-32x32.png" sizes="32x32">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="icons/browserconfig.xml">
<title><?php echo $websitename; ?></title>
<link rel="stylesheet" href="includes/css/normalize.css">
<link rel="stylesheet" href="includes/css/foundation.min.css">
<link rel="stylesheet" href="includes/css/app.css">
<link rel="stylesheet" href="includes/css/foundation-icons.css">
<script src="includes/js/vendor/modernizr.js"></script>
</head>
<body>
<nav class="top-bar" data-topbar role="navigation">
<ul class="title-area">
<li class="name">
<h1><a href="#"><?php echo $websitename; ?></a></h1>
</li>
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>
<section class="top-bar-section">
<!-- Page Refresh Time -->
<ul class="right">
<li class="name"><h1><a href="#"><i class="fi-refresh"></i> Next Update in <span id="timetill"><?php echo $pagerefreshtime ?></span></a></h1></li>
</ul>
<ul class="left">
<!-- Twitter Nav Bar Link -->
<?php
if ($showTwitter)
{
echo "<li><a href=$twitterURL><i class=\"fi-social-twitter\"></i> $twitterTitle</a></li>";
}
?>
</ul>
</section>
</nav>
<br>
<!-- User Defined Alert Bar -->
<div class="row">
<?php
if ($alertEnabled){
echo "<div data-alert class=\"alert-box $alertType radius\">$alertMessage<a href=\"#\" class=\"close\">×</a> </div>";
}
?>
</div>
<div class="row">
<div class="panel radius">
<div id="reload">
<?php include 'StatusPage/Ajax.php'; ?>
</div>
</div>
</div>
<div class="row">
<p><a href="https://github.com/nerdbaggy/StatusPage"><i class="fi-social-github"></i> Powered By OpenStatusPage <a></p>
</div>
<div id="logs" class="reveal-modal small" data-reveal></div>
<!-- JS -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="includes/js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
<script>
//Refresh page JS
$(document).ready(function (e) {
var $timer = $("#timetill");
function update() {
var myTime = $timer.html();
var ss = myTime.split(":");
var dt = new Date();
dt.setMinutes(ss[0]);
dt.setSeconds(ss[1]);
var dt2 = new Date(dt.valueOf() - 1000);
var temp = dt2.toTimeString().split(" ");
var ts = temp[0].split(":");
$timer.html(ts[1]+":"+ts[2]);
if((ts[1]==="00") &&(ts[2]==="00")){
$("#reload").load("StatusPage/Ajax.php");
$timer.html("<?php echo $pagerefreshtime?>");
setTimeout(update, 1000);
}
else{ setTimeout(update, 1000);}
}
setTimeout(update, 1000);
});
</script>
</body>
</html>