when published date is NaN, set to 0
[wolnelektury.git] / wolnelektury / templates / catalogue / player.html
1 <!DOCTYPE html>
2 <html>
3     {% load i18n compressed %}
4     <head>
5         <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
6         <meta name="description" 
7             content="{{ book.title }} - darmowy audiobook na wolnej licencji" />
8         <title>{% trans "Wolne Lektury" %} ::
9             {{ book.title }} - {{ audiobook }}</title>
10         <link rel="icon" href="{{ STATIC_URL }}img/favicon.png" type="image/png" />
11         {% compressed_css "all" %}
12         {% compressed_css "player" %}
13
14     </head>
15     <body id="{% block bodyid %}player{% endblock %}">
16
17
18
19
20 <div class="jp-type-playlist">
21   <div id="jplayer" class="jp-jplayer"
22     data-supplied="{% if have_oggs %}oga,{% endif %}mp3"></div>
23   <div id="jp_container_1" class="jp-audio">
24     <div class="jp-type-single">
25       <div class="jp-gui jp-interface">
26         <ul class="jp-controls">
27           <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
28           <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
29           <li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
30           <li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
31           <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
32           <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
33         </ul>
34         <div class="jp-progress">
35           <div class="jp-seek-bar">
36             <div class="jp-play-bar"></div>
37           </div>
38         </div>
39         <div class="jp-volume-bar">
40           <div class="jp-volume-bar-value"></div>
41         </div>
42         <div class="jp-time-holder">
43           <div class="jp-current-time"></div>
44           <div class="jp-duration"></div>
45         </div>
46       </div>
47
48       <div class="jp-playlist">
49         <ul>
50
51         {% for i in audiobooks %}
52           <li>
53             <span class='jp-free-media'>
54               (<a class='mp3' href='{{ i.mp3.file.url }}'>mp3</a>{% if i.ogg %}
55               | <a class='ogg' href='{{ i.ogg.file.url }}'>ogg</a>{% endif %})
56             </span>
57             <span class='play'>{{ i.mp3.name }}</span>
58             <div class='extra-info'>
59               {% trans "Artist" %}: <span class='artist'>{{ i.mp3.get_extra_info_value.artist_name }}</span>,
60               {% trans "Director" %}: <span class='director'>{{ i.mp3.get_extra_info_value.director_name }}</span>
61             </div>
62           </li>
63         {% endfor %}
64
65         </ul>
66       </div>
67
68       <div class="jp-no-solution">
69         <span>Update Required</span>
70         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>.
71       </div>
72     </div>
73   </div>
74 </div>
75
76
77     <p>{% trans "Download as" %}:
78         <a href="{% url download_zip_mp3 book.slug %}">MP3</a>{% if have_oggs %},
79             <a href="{% url download_zip_ogg book.slug %}">Ogg Vorbis</a>{% endif %}.
80     </p>
81
82
83         {% if book.has_daisy_file %}
84             <p>DAISY:</p>
85             <ul class="audiobook-list" id="daisy-files">
86             {% for media in book.get_daisy %}
87                 <li><a href="{{ media.file.url }}">{{ media.name }}</a></li>
88             {% endfor %}
89             </ul>
90         {% endif %}
91
92
93         {% if projects|length > 1 %}
94             <p>{% trans "Audiobooks were prepared as a part of the projects:" %}</p>
95             <ul>
96             {% for cs, fb in projects %}
97                 <li>
98                 {% if fb %}
99                     {% blocktrans %}{{ cs }}, funded by {{ fb }}{% endblocktrans %}
100                 {% else %}
101                     {{ cs }}
102                 {% endif %}
103                 </li>
104             {% endfor %}
105             </ul>
106         {% else %}
107             <p>
108             {% with projects.0.0 as cs %}
109             {% with projects.0.1 as fb %}
110                 {% if fb %}
111                     {% blocktrans %}Audiobooks were prepared as a part of the {{ cs }} project funded by {{ fb }}.{% endblocktrans %}
112                 {% else %}
113                     {% blocktrans %}Audiobooks were prepared as a part of the {{ cs }} project.{% endblocktrans %}
114                 {% endif %}
115             {% endwith %}
116             {% endwith %}
117             </p>
118         {% endif %}
119
120
121
122
123
124
125
126
127
128         <div class="clearboth"></div>
129
130
131
132
133
134         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
135         {% compressed_js "player" %}
136
137         <!--{{ piwik_tag|safe }}
138         <script type="text/javascript">
139         var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
140         document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
141         </script>
142         <script type="text/javascript">
143         var pageTracker = _gat._getTracker("UA-2576694-1");
144         pageTracker._trackPageview();
145         </script>-->
146     </body>
147 </html>