blob: ba8763562f7e8d0e648ca636772cbbaed834e929 (
plain)
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
|
{% extends "account/home.html" %}
{% load staticfiles %}
{% block title %}
Show video
{% endblock %}
{% block content %}
{% block headerfiles %}
<script type="{% static 'js/jquery-ui.js' %}"></script>
<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
{% endblock %}
<br>
<div>
<div>
<script type="text/javascript">
document.getElementById("video-nav").classList.add("active");
</script>
<div class = "">
<h3>SBHS live feed: Machine ID {{mid}}</h3>
<div class = "offeset4" style="text-align:center;">
</div>
<img src="{% static image_link %}" id="videoImage" alt="SBHS live feed" class = "offeset4">
<div class = "offeset4" style="text-align:center">
<a href="#" onclick = "image_reloader()" id = "image_reloader" class = "btn btn-primary btn-large">Refresh Image</a>
</div>
</div>
</div>
</div>
<script type="text/javascript">
{% if request.user.profile.is_moderator %}
setInterval(function(){
var refresh = new Image();
refresh.src = "{% static image_link %}";
document.getElementById("videoImage").src = "{% static image_link %}";
}, 2000);
{% else %}
window.image_reloader = function(){
var button = document.getElementById("image_reloader");
if (!button.disabled){
button.setAttribute("disabled", true);
var refresh = new Image();
refresh.src = "{% static image_link %}";
document.getElementById("videoImage").src = "{% static image_link %}";
setTimeout(function(){
button.removeAttribute("disabled");
}, 3000);
}
}
(function(){
image_reloader();
})();
{% endif %}
</script>
{% endblock %}
|
