3 files changed, 95 insertions, 0 deletions
diff --git a/templates/apps/stats/domain.html b/templates/apps/stats/domain.html
new file mode 100644
index 0000000..f7d9ad3
--- /dev/null
+++ b/templates/apps/stats/domain.html
@@ -0,0 +1,33 @@
+{% extends "base.html" %}
+{% load datehumanize %}
+{% block widgets %}
+$.ajax({
+	url: '/api/stats/domain/{{domain}}',
+	method: 'GET',
+	success: function (resp) {
+	    var graph = $('#graph');
+	    series = [{label: 'Meeting minutes for {{domain}}',data: resp['data']}];
+		$.plot(graph,series,{
+        	lines: { show: true },
+        	points: { show: true },
+        	xaxis: { mode: "time" }
+    	});
+    	$('#minutes').append(resp['minutes']);
+    	$('#rooms').append(resp['rooms']);
+    	$('#users').append(resp['users']);
+	}
+});
+{% endblock %}
+{% block content %}
+<h1>Meeting statistics for {{domain}}</h1>
+<div id="graph" style="width:600px;height:300px; display: block; float: left; margin-right: 30px;"></div>
+<div>
+<h2>Summary</h2>
+<table>
+	<tr><td><b>Total minutes:</b></td><td id="minutes"></td></tr>
+	<tr><td><b>Total rooms:</b></td><td id="rooms"></td></tr>
+	<tr><td><b>Total unique users:</b></td><td id="users"></td></tr>
+	<tr><td colspan="2" style="padding-top: 10px;"><a href="/stats">Look at your own statistics</a></td></tr>
+</table>
+</div>
+{% endblock %}
+\ No newline at end of file
diff --git a/templates/apps/stats/room.html b/templates/apps/stats/room.html
new file mode 100644
index 0000000..d5e35dd
--- /dev/null
+++ b/templates/apps/stats/room.html
@@ -0,0 +1,31 @@
+{% extends "base.html" %}
+{% load datehumanize %}
+{% block widgets %}
+$.ajax({
+	url: '/api/stats/room/{{room.id}}',
+	method: 'GET',
+	success: function (resp) {
+	    var graph = $('#graph');
+	    series = [{label: 'Meeting minutes for {{room.name}}',data: resp['data']}];
+		$.plot(graph,series,{
+        	lines: { show: true },
+        	points: { show: true },
+        	xaxis: { mode: "time" }
+    	});
+    	$('#minutes').append(resp['minutes']);
+    	$('#users').append(resp['users']);
+	}
+});
+{% endblock %}
+{% block content %}
+<h1>Meeting statistics for {{room.name}}</h1>
+<div id="graph" style="width:600px;height:300px; display: block; float: left; margin-right: 30px;"></div>
+<div>
+<h2>Summary</h2>
+<table>
+	<tr><td><b>Total minutes:</b></td><td id="minutes"></td></tr>
+	<tr><td><b>Total unique users:</b></td><td id="users"></td></tr>
+	<tr><td colspan="2" style="padding-top: 10px;"><a href="/stats">Look at your own statistics</a></td></tr>
+</table>
+</div>
+{% endblock %}
+\ No newline at end of file
diff --git a/templates/apps/stats/user.html b/templates/apps/stats/user.html
new file mode 100644
index 0000000..8b08c6c
--- /dev/null
+++ b/templates/apps/stats/user.html
@@ -0,0 +1,31 @@
+{% extends "base.html" %}
+{% load datehumanize %}
+{% block widgets %}
+$.ajax({
+	url: '/api/stats/user/{{username}}',
+	method: 'GET',
+	success: function (resp) {
+	    var graph = $('#graph');
+	    series = [{label: 'Meeting minutes for {{username}}',data: resp['data']}];
+		$.plot(graph,series,{
+        	lines: { show: true },
+        	points: { show: true },
+        	xaxis: { mode: "time" }
+    	});
+    	$('#minutes').append(resp['minutes']);
+    	$('#rooms').append(resp['rooms']);
+	}
+});
+{% endblock %}
+{% block content %}
+<h1>Meeting statistics for {{username}}</h1>
+<div id="graph" style="width:600px;height:300px; display: block; float: left; margin-right: 20px;"></div>
+<div>
+<h2>Summary</h2>
+<table>
+	<tr><td><b>Total minutes:</b></td><td id="minutes"></td></tr>
+	<tr><td><b>Total rooms:</b></td><td id="rooms"></td></tr>
+	<tr><td colspan="2" style="padding-top: 10px;"><a href="/stats/domain/{{domain}}">Look at statistics for {{domain}}</a></td></tr>
+</table>
+</div>
+{% endblock %}
+\ No newline at end of file