239 lines
7.4 KiB
HTML
239 lines
7.4 KiB
HTML
<!DOCTYPE html>
|
|
<html class="no-js">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<title>{{ entry.title }}</title>
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
|
<script src="{{ url_for('static', filename='js/libs/jquery.min.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='js/libs/soundmanager2.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='js/libs/bar-ui.js') }}"></script>
|
|
|
|
<link rel="apple-touch-icon" sizes="140x140" href="{{ url_for('static', filename='favicon.ico') }}">
|
|
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
|
|
<link href="{{ url_for('static', filename='css/libs/bootstrap.min.css') }}" rel="stylesheet" media="screen">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/libs/bar-ui.css') }}" />
|
|
<!--link rel="stylesheet" href="{{ url_for('static', filename='css/listen.css') }}" /-->
|
|
|
|
<!-- <link rel="stylesheet" href="{{ url_for('static', filename='css/libs/normalize.css') }}">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/popup.css') }}"> -->
|
|
|
|
<script>
|
|
"use strict";
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<!--div id="main">
|
|
<div class="content">
|
|
<h2>{{ entry.title }}</h2>
|
|
|
|
<div class="cover">
|
|
<img src="{{ url_for('web.get_cover', book_id=entry.id) }}" alt="{{ entry.title }}" />
|
|
</div>
|
|
|
|
{% if entry.ratings.__len__() > 0 %}
|
|
<div class="rating">
|
|
<p>
|
|
{% for number in range((entry.ratings[0].rating/2)|int(2)) %}
|
|
<span class="glyphicon glyphicon-star good"></span>
|
|
{% if loop.last and loop.index
|
|
< 5 %} {% for numer in range(5 - loop.index) %} <span class="glyphicon glyphicon-star">
|
|
</span>
|
|
{% endfor %} {% endif %} {% endfor %}
|
|
</p>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<h3>{{_('Description:')}}</h3>
|
|
{{entry.comments[0].text|safe}}
|
|
</div-->
|
|
<!--div class="sm2-bar-ui compact full-width">
|
|
|
|
<div class="bd sm2-main-controls">
|
|
|
|
<div class="sm2-inline-texture"></div>
|
|
<div class="sm2-inline-gradient"></div>
|
|
|
|
<div class="sm2-inline-element sm2-button-element">
|
|
<div class="sm2-button-bd">
|
|
<a href="#play" class="sm2-inline-button sm2-icon-play-pause">{{_('Play / pause')}}</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sm2-inline-element sm2-inline-status">
|
|
|
|
<div class="sm2-playlist">
|
|
<div class="sm2-playlist-target">
|
|
<!-- playlist <ul> + <li> markup will be injected here -->
|
|
<!-- if you want default / non-JS content, you can put that here. -->
|
|
<!--noscript><p>JavaScript is required.</p></noscript>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sm2-progress">
|
|
<div class="sm2-row">
|
|
<div class="sm2-inline-time">0:00</div>
|
|
<div class="sm2-progress-bd">
|
|
<div class="sm2-progress-track">
|
|
<div class="sm2-progress-bar"></div>
|
|
<div class="sm2-progress-ball"><div class="icon-overlay"></div></div>
|
|
</div>
|
|
</div>
|
|
<div class="sm2-inline-duration">0:00</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="sm2-inline-element sm2-button-element sm2-volume">
|
|
<div class="sm2-button-bd">
|
|
<span class="sm2-inline-button sm2-volume-control volume-shade"></span>
|
|
<a href="#volume" class="sm2-inline-button sm2-volume-control">{{_('volume')}}</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="bd sm2-playlist-drawer sm2-element">
|
|
|
|
<div class="sm2-inline-texture">
|
|
<div class="sm2-box-shadow"></div>
|
|
</div>
|
|
|
|
<!-- playlist content is mirrored here -->
|
|
|
|
<!--div class="sm2-playlist-wrapper">
|
|
<ul class="sm2-playlist-bd">
|
|
<li><a href="{{ url_for('web.serve_book', book_id=mp3file,book_format=audioformat)}}"><b>{% for author in entry.authors %}{{author.name.replace('|',',')}}
|
|
{% if not loop.last %} & {% endif %} {% endfor %}</b> - {{entry.title}}</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div-->
|
|
|
|
<div class="sm2-bar-ui full-width fixed">
|
|
|
|
<div class="bd sm2-main-controls">
|
|
|
|
<div class="sm2-inline-texture"></div>
|
|
<div class="sm2-inline-gradient"></div>
|
|
|
|
<div class="sm2-inline-element sm2-button-element">
|
|
<div class="sm2-button-bd">
|
|
<a href="#play" class="sm2-inline-button sm2-icon-play-pause">Play / pause</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sm2-inline-element sm2-inline-status">
|
|
|
|
<div class="sm2-playlist">
|
|
<div class="sm2-playlist-target">
|
|
<noscript><p>JavaScript is required.</p></noscript>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sm2-progress">
|
|
<div class="sm2-row">
|
|
<div class="sm2-inline-time">0:00</div>
|
|
<div class="sm2-progress-bd">
|
|
<div class="sm2-progress-track">
|
|
<div class="sm2-progress-bar"></div>
|
|
<div class="sm2-progress-ball"><div class="icon-overlay"></div></div>
|
|
</div>
|
|
</div>
|
|
<div class="sm2-inline-duration">0:00</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="sm2-inline-element sm2-button-element sm2-volume">
|
|
<div class="sm2-button-bd">
|
|
<span class="sm2-inline-button sm2-volume-control volume-shade"></span>
|
|
<a href="#volume" class="sm2-inline-button sm2-volume-control">volume</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sm2-inline-element sm2-button-element">
|
|
<div class="sm2-button-bd">
|
|
<a href="#prev" title="Previous" class="sm2-inline-button sm2-icon-previous">< previous</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sm2-inline-element sm2-button-element">
|
|
<div class="sm2-button-bd">
|
|
<a href="#next" title="Next" class="sm2-inline-button sm2-icon-next">> next</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sm2-inline-element sm2-button-element">
|
|
<div class="sm2-button-bd">
|
|
<a href="#repeat" title="Repeat playlist" class="sm2-inline-button sm2-icon-repeat">∞ repeat</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sm2-inline-element sm2-button-element sm2-menu">
|
|
<div class="sm2-button-bd">
|
|
<a href="#menu" class="sm2-inline-button sm2-icon-menu">menu</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="bd sm2-playlist-drawer sm2-element">
|
|
|
|
<div class="sm2-inline-texture">
|
|
<div class="sm2-box-shadow"></div>
|
|
</div>
|
|
|
|
<!-- playlist content is mirrored here -->
|
|
|
|
<div class="sm2-playlist-wrapper">
|
|
<ul class="sm2-playlist-bd">
|
|
<li><a href="{{ url_for('web.serve_book', book_id=mp3file,book_format=audioformat)}}"><b>{% for author in entry.authors %}{{author.name.replace('|',',')}}
|
|
{% if not loop.last %} & {% endif %} {% endfor %}</b> - {{entry.title}}</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
soundManager.setup({
|
|
useHTML5Audio: true,
|
|
preferFlash: false,
|
|
url: '/path/to/swf-files/',
|
|
onready: function() {
|
|
var mySound = soundManager.createSound({
|
|
// id: 'aSound',
|
|
// url: "{{ url_for('web.serve_book', book_id=mp3file,book_format=audioformat)}}"
|
|
});
|
|
mySound.play();
|
|
},
|
|
ontimeout: function() {
|
|
// Hrmm, SM2 could not start. Missing SWF? Flash blocked? Show an error, etc.?
|
|
}
|
|
});
|
|
window.calibre = {
|
|
filePath: "{{ url_for('static', filename='js/libs/') }}",
|
|
cssPath: "{{ url_for('static', filename='css/') }}",
|
|
bookUrl: "{{ url_for('static', filename=mp3file) }}/",
|
|
bookmarkUrl: "{{ url_for('web.bookmark', book_id=mp3file, book_format=audioformat.upper()) }}",
|
|
bookmark: "{{ bookmark.bookmark_key if bookmark != None }}",
|
|
useBookmarks: "{{ g.user.is_authenticated | tojson }}"
|
|
};
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|