forked from hmsdao/bootstrap-rsyslog-ui
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathreports.php
More file actions
140 lines (118 loc) · 5.19 KB
/
reports.php
File metadata and controls
140 lines (118 loc) · 5.19 KB
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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<?php include 'config.php'; ?>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?php echo $site_name; ?></title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-table.min.css" rel="stylesheet">
<link href="css/bootstrap-tooltip.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap-tooltip.js"></script>
<script type="text/javascript" src="chart-api/amcharts/amcharts/amcharts.js"></script>
<script type="text/javascript" src="chart-api/amcharts/amcharts/pie.js"></script>
<script type="text/javascript" src="chart-api/amcharts/amcharts/serial.js"></script>
<script type="text/javascript">
$(function () {
$('[data-toggle="tooltip-bottom"]').tooltip({
'placement': 'bottom',
'trigger': 'hover focus'
});
ShowAmchartSeverityOverview();
});
function ShowAmchartSeverityOverview() {
var data = [];
function onDataReceivedSeverityOverview(series) {
var chart = AmCharts.makeChart("chartdiv", series);
}
function onDataReceivedSeverityOverviewPie(series) {
var chart = AmCharts.makeChart("chartdiv2", series);
}
function onDataReceivedSeverityDaysOverview(series) {
var chart = AmCharts.makeChart("chartdiv_days", series);
}
$.ajax({
url: "json/reports/cache/report_amchart_severity_overview.json",
type: "GET",
dataType: "json",
success: onDataReceivedSeverityOverview
});
$.ajax({
url: "json/reports/cache/report_amchart_severity_overview_pie.json",
type: "GET",
dataType: "json",
success: onDataReceivedSeverityOverviewPie
});
$.ajax({
url: "json/reports/cache/report_amchart_severity_days_overview.json",
type: "GET",
dataType: "json",
success: onDataReceivedSeverityDaysOverview
});
}
</script>
<body>
<div style="width:90%; margin: 0 auto; display: block">
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><?php echo $site_name; ?></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li id="cmdEvents" class="events" data-toggle="tooltip-bottom" title="Events"><a href="index.php"><span class="glyphicon glyphicon-home" aria-hidden="true"></span></a></li>
<li id="cmdReports" class="active reports"><a href="#" data-toggle="tooltip-bottom" title="Reports"><span class="glyphicon glyphicon-dashboard" aria-hidden="true"></span></a></li>
<!--
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
-->
</ul>
<form class="navbar-form navbar-right" role="search">
<button type="submit" class="btn btn-default" data-toggle="tooltip-bottom" title="Settings (not implemented yet)"><span class="glyphicon glyphicon-cog" aria-hidden="true"></span></button>
<button type="submit" class="btn btn-default" data-toggle="tooltip-bottom" title="Log out (not implemented yet)"><span class="glyphicon glyphicon-log-out" aria-hidden="true"></span></button>
</form>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div id="debug"></div>
<div id="chartdiv_days" class="chartdiv"></div>
<div id="chartdiv2" class="chartdiv_small" style="height:400px;"></div>
<div id="chartdiv" class="chartdiv_small"></div>
</div>
<footer class="footer">
<div class="container">
</div>
</footer>
</body>
</html>