2015-05-10 00:33:25 +00:00
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>Spamalytics</title>
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
body {
|
|
|
|
|
text-align:center;
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
}
|
|
|
|
|
ul {
|
|
|
|
|
list-style-type: none;
|
|
|
|
|
}
|
|
|
|
|
li {
|
|
|
|
|
display: inline;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<h1>Spamalytics</h1>
|
|
|
|
|
<canvas id="weeklyLine" width="500" height="400"></canvas>
|
|
|
|
|
<div id="weeklyLineInfo"></div>
|
|
|
|
|
<div class="monthlyInfo">
|
|
|
|
|
<h3>Last 30 Days</h3>
|
2015-05-10 01:34:29 +00:00
|
|
|
<p id="since"></p>
|
2015-05-10 00:33:25 +00:00
|
|
|
<p id="monthlyPregreet"></p>
|
|
|
|
|
<p id="monthlyNoqueue"></p>
|
|
|
|
|
<p id="monthlyQuarantine"></p>
|
2015-05-10 01:34:29 +00:00
|
|
|
<p style="font-weight:bold;" id="monthlySpam"></p>
|
|
|
|
|
<p style="font-weight:bold;" id="monthlyHam"></p>
|
|
|
|
|
<p id="ratio"></p>
|
2015-05-10 00:33:25 +00:00
|
|
|
</div>
|
|
|
|
|
<script src="Chart.js"></script>
|
|
|
|
|
<script src="data.js"></script>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
var options = {
|
|
|
|
|
legendTemplate : '<ul class="legend">'
|
|
|
|
|
+'<% for (var i=0; i<datasets.length; i++) { %>'
|
|
|
|
|
+'<li>'
|
|
|
|
|
+'<span style=\"color:<%=datasets[i].strokeColor%>\">'
|
|
|
|
|
+'<% if (datasets[i].label) { %><%= datasets[i].label %><% } %>'
|
|
|
|
|
+'</span>'
|
|
|
|
|
+'</li>'
|
|
|
|
|
+'<% } %>'
|
|
|
|
|
+'</ul>'
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var ctx = document.getElementById("weeklyLine").getContext("2d");
|
|
|
|
|
var weeklyLine = new Chart(ctx).Line(data, options);
|
|
|
|
|
document.getElementById('weeklyLineInfo').innerHTML = weeklyLine.generateLegend();
|
|
|
|
|
document.getElementById('monthlyPregreet').innerHTML = "Pregreet: " + data['monthlyPregreet'];
|
|
|
|
|
document.getElementById('monthlyNoqueue').innerHTML = "No Queue: " + data['monthlyNoqueue'];
|
|
|
|
|
document.getElementById('monthlyQuarantine').innerHTML = "Quarantined: " + data['monthlyQuarantine'];
|
|
|
|
|
document.getElementById('monthlySpam').innerHTML = "Total Spam: " + data['monthlySpam'];
|
|
|
|
|
document.getElementById('monthlyHam').innerHTML = "Total Ham: " + data['monthlyHam'];
|
2015-05-10 01:34:29 +00:00
|
|
|
document.getElementById('since').innerHTML = "Starting on " + data['since'];
|
|
|
|
|
document.getElementById('ratio').innerHTML = "Ratio: 1:" + (data['monthlySpam'] / data['monthlyHam']).toFixed(0);
|
2015-05-10 00:33:25 +00:00
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
