automaticly reload statistics for videos every 60s

static/moderator.js

@@ -294,16 +294,15 @@ var moderator = {
 		resize: function() {
 			$(".plot-view").each(function () {Plotly.Plots.resize(this)});
 		},
-		createplots: function (selector) {
-			var l = $(selector);
-			for (var i = 0; i < l.length; i ++) {
-				if (!l[i].id)
-					l[i].id = "plot-"+i;
-				$(l[i]).html('<div class="plot-loader"></div>');
+		createsingleplot: function(htmlobj, id) {
+			if (!htmlobj.id && id)
+				htmlobj.id = "plot-"+id;
+			$(htmlobj).html('<div class="plot-loader"></div>');
 			$.ajax({
-					divobj: l[i],
+				divobj: htmlobj,
+				autorefresh: htmlobj.dataset.reload,
 				method: "GET",
-					url: l[i].dataset.url,
+				url: htmlobj.dataset.url,
 				dataType: "json",
 				error: function (jqXHR, textStatus, errorThrow) {
 					$(this.divobj).html('<div class="plot-error">'+errorThrow+'</div>');
@@ -331,9 +330,22 @@ var moderator = {
 					}
 					$(this.divobj).html("");
 					Plotly.newPlot(this.divobj.id, traces, layout, { "modeBarButtonsToRemove": ['sendDataToCloud','hoverCompareCartesian'], "displaylogo": false});
+				},
+				complete: function() {
+					if (this.autorefresh) {
+						setTimeout(
+							function(obj){
+								moderator.plots.createsingleplot(obj);
+							}, this.autorefresh, this.divobj);
+					}
 				}
 			});
-			};
+		},
+		createplots: function (selector) {
+			var l = $(selector);
+			for (var i = 0; i < l.length; i ++) {
+				moderator.plots.createsingleplot(l[i], i);
+			}
 		},
 	},
 	init: function () {

templates/lecture.html

@@ -86,7 +86,7 @@
 		</div>
 		<div class="col-md-6 col-xs-12">
 			<p class="text-center">Zuschauer im Livestream</p>
-			<div class="plot-view" data-url="{{url_for('stats_generic', req="live_views", param=lecture.id)}}"></div>
+			<div class="plot-view" data-url="{{url_for('stats_generic', req="live_views", param=lecture.id)}}" data-reload="60000"></div>
 		</div>
 	</div>
 </div>