summaryrefslogtreecommitdiff
path: root/stapp/templates/video/home.html
blob: 0e3e0d6777a066e61f552a1e7f35c7f31bf7d13b (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
55
56
57
58
59
60
61
62
63
64
65
66
{% extends "base.html" %}

{% block title %} STProject {% endblock %}
    

{% block script %}
<script src="{{ STATIC_URL }}video/js/browser-check.js" type="text/javascript"></script>
<script>
function changeDetail(video,image,idname,iddesc)
{
        document.getElementById('videodescription').innerHTML = document.getElementById(iddesc).value;
        document.getElementById('videoname').innerHTML = document.getElementById(idname).innerHTML;
        document.getElementById('mainvideo').poster = image;
        document.getElementById('mainvideo').src = video;
}
</script>
{% endblock %}
{% block onload %}  {% endblock onload %}

{% block video %}   
    <video style="border:2px solid black;" width="100%"  controls="controls" id="mainvideo" poster="{{play.image.url}}"          preload="none" src="{{play.filename.url}}">
    </video>

{% endblock%}

{% block video_description %}
    <h1 id="videoname">{{ play.name }}</h1>
    <div id="videodescription">{{ play.description|safe }}</div>
 {% endblock %}

{% block module_list %}
    <div class="row-fluid module-row">
    <h1>Latest Modules</h1>
    {% for module in latest_modules %}
        <div class="module-list"><h3 class="title">{{module.name}}</h3>
        <h5 class="module-description">{{module.description|safe}}</h5>
        {% for video in module.video_list.all %}
        <textarea style="display:none;" id=vdesclatest{{forloop.parentloop.counter}}{{forloop.counter}} >{{video.description}}
        </textarea>
        <a id='vnamelatest{{forloop.parentloop.counter}}{{forloop.counter}}' href=javascript:changeDetail("{{video.filename.url}}","{{video.image.url}}","vnamelatest{{forloop.parentloop.counter}}{{forloop.counter}}","vdesclatest{{forloop.parentloop.counter}}{{forloop.counter}}");>{{video.name}}</a>



   <br />
        {% endfor %}</div>
    {% endfor %}
    </div>
    
    <div class="row-fluid module-row">
    <h1>All Modules</h1>
    {% for module in all_modules %}
        <div class="module-list"><h3 class="title">{{module.name}}</h3>
        <h5 class="module-description">{{module.description|safe}}</h5>
        {% for video in module.video_list.all %}
        <textarea style="display:none;" id=vdesc{{forloop.parentloop.counter}}{{forloop.counter}}>{{video.description}}
        </textarea>
        <a id='vname{{forloop.parentloop.counter}}{{forloop.counter}}' href=javascript:changeDetail("{{video.filename.url}}","{{video.image.url}}","vname{{forloop.parentloop.counter}}{{forloop.counter}}","vdesc{{forloop.parentloop.counter}}{{forloop.counter}}");>{{video.name}}</a>

   <br />
        {% endfor %}</div>
    {% endfor %}
    </div>

{% endblock %}