gremmie@1: {% extends 'podcast/base.html' %}
bgneal@310: {% load url from future %}
gremmie@1: {% block title %}Podcast: {{ podcast.title }}{% endblock %}
bgneal@402: {% block custom_css %}
bgneal@402: <link type="text/css" href="{{ STATIC_URL }}js/jplayer/skins/blue.monday/jplayer.blue.monday.css" rel="stylesheet" />
bgneal@402: {% endblock %}
bgneal@402: {% block custom_js %}
bgneal@402: <script type="text/javascript" src="{{ STATIC_URL }}js/jplayer/jquery.jplayer.min.js"></script>
bgneal@402: 
bgneal@402: <script type="text/javascript">
bgneal@402: //<![CDATA[
bgneal@402:     var jplayer_media = {{ jplayer_media|safe }};
bgneal@402:     $(document).ready(function(){
bgneal@402:       $("#jquery_jplayer_1").jPlayer({
bgneal@402:         ready: function () {
bgneal@402:           $(this).jPlayer("setMedia", jplayer_media);
bgneal@402:         },
bgneal@402:         swfPath: "{{ STATIC_URL }}js/jplayer",
bgneal@402:         supplied: "{{ jplayer_supplied }}"
bgneal@402:       });
bgneal@402:     });
bgneal@402: //]]>
bgneal@402: </script>
bgneal@402: {% endblock %}
gremmie@1: {% block podcast-content %}
bgneal@225: <div class="breadcrumbs">
bgneal@310:    <a href="{% url 'podcast.views.index' %}">Podcast Index</a> &gt;&gt; {{ podcast.title }}
gremmie@1: </div>
gremmie@1: <h3>{{ podcast.pubdate|date:"F d, Y" }} &bull; {{ podcast.title }}</h3>
gremmie@1: <h4>{{ podcast.subtitle }}</h4>
gremmie@1: {{ podcast.summary|linebreaks }}
bgneal@402: 
bgneal@402: <p>Listen:</p>
bgneal@402: <div id="jquery_jplayer_1" class="jp-jplayer"></div>
bgneal@402:   <div class="jp-audio">
bgneal@402:     <div class="jp-type-single">
bgneal@402:       <div id="jp_interface_1" class="jp-interface">
bgneal@402:         <ul class="jp-controls">
bgneal@402:           <li><a href="#" class="jp-play" tabindex="1">play</a></li>
bgneal@402:           <li><a href="#" class="jp-pause" tabindex="1">pause</a></li>
bgneal@402:           <li><a href="#" class="jp-stop" tabindex="1">stop</a></li>
bgneal@402:           <li><a href="#" class="jp-mute" tabindex="1">mute</a></li>
bgneal@402:           <li><a href="#" class="jp-unmute" tabindex="1">unmute</a></li>
bgneal@402:         </ul>
bgneal@402:         <div class="jp-progress">
bgneal@402:           <div class="jp-seek-bar">
bgneal@402:             <div class="jp-play-bar"></div>
bgneal@402:           </div>
bgneal@402:         </div>
bgneal@402:         <div class="jp-volume-bar">
bgneal@402:           <div class="jp-volume-bar-value"></div>
bgneal@402:         </div>
bgneal@402:         <div class="jp-current-time"></div>
bgneal@402:         <div class="jp-duration"></div>
bgneal@402:       </div>
bgneal@402:       <div id="jp_playlist_1" class="jp-playlist">
bgneal@402:         <ul>
bgneal@402:            <li>{{ podcast.title }} - {{ podcast.subtitle }}</li>
bgneal@402:         </ul>
bgneal@402:       </div>
bgneal@402:     </div>
bgneal@402:   </div>
bgneal@402: 
bgneal@402: <br />
bgneal@402: <p> Or download:</p>
bgneal@143: <ul>
bgneal@143:    <li>
bgneal@143:    <a href="{{ podcast.enclosure_url }}">Download Now ({{ ext }})</a> &bull;
bgneal@143:    {{ podcast.enclosure_length|filesizeformat }} &bull; {{ podcast.duration }}
bgneal@143:    </li>
bgneal@143:    {% if alt_ext %}
bgneal@143:    <li>
bgneal@143:       <a href="{{ podcast.alt_enclosure_url }}">Download Now ({{ alt_ext }})</a>
bgneal@143:    </li>
bgneal@143:    {% endif %}
bgneal@143: </ul>
gremmie@1: {% endblock %}