675e8dd5cd
With them shown in a modal, you don't lose your place in the pagination. If the request comes via Ajax, the minimal layout is used. If via a normal request, the full layout is used. That lets you open the details in a new tab and have the full experience, but if you're clicking through the results of a search, you can view many without losing your place.
37 lines
1.3 KiB
HTML
37 lines
1.3 KiB
HTML
{% extends "layout.html" %}
|
|
{% block body %}
|
|
<div class="discover load-more">
|
|
<h2>{{title}}</h2>
|
|
<div class="row">
|
|
|
|
{% for entry in entries %}
|
|
<div class="col-sm-3 col-lg-2 col-xs-6 book">
|
|
<div class="cover">
|
|
{% if entry.has_cover is defined %}
|
|
<a href="{{ url_for('show_book', book_id=entry.id) }}" data-toggle="modal" data-target="#bookDetailsModal" data-remote="false">
|
|
<img src="{{ url_for('get_cover', cover_path=entry.path.replace('\\','/')) }}" />
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
<div class="meta">
|
|
<p class="title">{{entry.title|shortentitle}}</p>
|
|
<p class="author"><a href="{{url_for('author', book_id=entry.authors[0].id) }}">{{entry.authors[0].name}}</a></p>
|
|
{% if entry.ratings.__len__() > 0 %}
|
|
<div class="rating">
|
|
{% 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 %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|