Mercurial > public > sg101

comparison gpp/templates/podcast/detail.html @ 488:a747215e9a5a

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
For #234, update jPlayer to 2.0.1.
author Brian Neal <bgneal@gmail.com>
date Wed, 19 Oct 2011 01:24:46 +0000
parents 77d878acea5e
children f0f3966ea44f
comparison
equal deleted inserted replaced
487:77d878acea5e 488:a747215e9a5a
8 {% endblock %} 8 {% endblock %}
9 {% block custom_css %} 9 {% block custom_css %}
10 <link type="text/css" href="{{ STATIC_URL }}js/jplayer/skins/blue.monday/jplayer.blue.monday.css" rel="stylesheet" /> 10 <link type="text/css" href="{{ STATIC_URL }}js/jplayer/skins/blue.monday/jplayer.blue.monday.css" rel="stylesheet" />
11 {% endblock %} 11 {% endblock %}
12 {% block custom_js %} 12 {% block custom_js %}
13 {% script_tags "social" %}
14 <script type="text/javascript" src="{{ STATIC_URL }}js/jplayer/jquery.jplayer.min.js"></script> 13 <script type="text/javascript" src="{{ STATIC_URL }}js/jplayer/jquery.jplayer.min.js"></script>
15 14
16 <script type="text/javascript"> 15 <script type="text/javascript">
17 //<![CDATA[ 16 //<![CDATA[
18 var jplayer_media = {{ jplayer_media|safe }}; 17 var jplayer_media = {{ jplayer_media|safe }};
25 supplied: "{{ jplayer_supplied }}" 24 supplied: "{{ jplayer_supplied }}"
26 }); 25 });
27 }); 26 });
28 //]]> 27 //]]>
29 </script> 28 </script>
29 {% script_tags "social" %}
30 {% endblock %} 30 {% endblock %}
31 {% block podcast-content %} 31 {% block podcast-content %}
32 <div class="breadcrumbs"> 32 <div class="breadcrumbs">
33 <a href="{% url 'podcast.views.index' %}">Podcast Index</a> &gt;&gt; {{ podcast.title }} 33 <a href="{% url 'podcast.views.index' %}">Podcast Index</a> &gt;&gt; {{ podcast.title }}
34 </div> 34 </div>
36 <h4>{{ podcast.subtitle }}</h4> 36 <h4>{{ podcast.subtitle }}</h4>
37 {{ podcast.summary|linebreaks }} 37 {{ podcast.summary|linebreaks }}
38 38
39 <p>Listen:</p> 39 <p>Listen:</p>
40 <div id="jquery_jplayer_1" class="jp-jplayer"></div> 40 <div id="jquery_jplayer_1" class="jp-jplayer"></div>
41 <div class="jp-audio"> 41 <div id="jp_container_1" class="jp-audio">
42 <div class="jp-type-single"> 42 <div class="jp-type-single">
43 <div id="jp_interface_1" class="jp-interface"> 43 <div class="jp-gui jp-interface">
44 <ul class="jp-controls"> 44 <ul class="jp-controls">
45 <li><a href="#" class="jp-play" tabindex="1">play</a></li> 45 <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
46 <li><a href="#" class="jp-pause" tabindex="1">pause</a></li> 46 <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
47 <li><a href="#" class="jp-stop" tabindex="1">stop</a></li> 47 <li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
48 <li><a href="#" class="jp-mute" tabindex="1">mute</a></li> 48 <li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
49 <li><a href="#" class="jp-unmute" tabindex="1">unmute</a></li> 49 <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
50 <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
50 </ul> 51 </ul>
51 <div class="jp-progress"> 52 <div class="jp-progress">
52 <div class="jp-seek-bar"> 53 <div class="jp-seek-bar">
53 <div class="jp-play-bar"></div> 54 <div class="jp-play-bar"></div>
54 </div> 55 </div>
55 </div> 56 </div>
56 <div class="jp-volume-bar"> 57 <div class="jp-volume-bar">
57 <div class="jp-volume-bar-value"></div> 58 <div class="jp-volume-bar-value"></div>
58 </div> 59 </div>
59 <div class="jp-current-time"></div> 60 <div class="jp-time-holder">
60 <div class="jp-duration"></div> 61 <div class="jp-current-time"></div>
62 <div class="jp-duration"></div>
63 <ul class="jp-toggles">
64 <li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>
65 <li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>
66 </ul>
67 </div>
61 </div> 68 </div>
62 <div id="jp_playlist_1" class="jp-playlist"> 69 <div class="jp-title">
63 <ul> 70 <ul>
64 <li>{{ podcast.title }} - {{ podcast.subtitle }}</li> 71 <li>{{ podcast.title }} - {{ podcast.subtitle }}</li>
65 </ul> 72 </ul>
73 </div>
74 <div class="jp-no-solution">
75 <span>Update Required</span>
76 To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
66 </div> 77 </div>
67 </div> 78 </div>
68 </div> 79 </div>
69 80
70 <br /> 81 <br />