nberting
6 years ago
11 changed files with 204 additions and 49 deletions
After Width: | Height: | Size: 14 KiB |
@ -0,0 +1,89 @@ |
|||||
|
{% extends 'base.html' %} |
||||
|
|
||||
|
{% block main %} |
||||
|
<div class="container"> |
||||
|
{% from "_formhelpers.html" import render_field %} |
||||
|
<form method="POST"> |
||||
|
<div>{{ form.select(style="width: 100px; margin: 10px; float: left; font-size: 20px") }}</div> |
||||
|
<div class="search"> |
||||
|
{{ render_field(form.search) }} </div> |
||||
|
<button type="submit" class="button">browse</button> |
||||
|
<p><br> |
||||
|
{{ form.grid(style="font-size:20px")}}{{ form.listview(style="font-size:20px")}}</p> |
||||
|
</form> |
||||
|
</div> |
||||
|
|
||||
|
<br> |
||||
|
<h3 style="line-height:0px;"">Results: "{{ query }}" included in {{ count }} out of {{ whole }} items </h3> |
||||
|
<div style="height: 20px; background-color: yellow; line-height:4px;"> |
||||
|
<div style="background-color: black; width: {{ percentage }}%; height: 100%;"></div> |
||||
|
</div> |
||||
|
<br> |
||||
|
{% with messages = get_flashed_messages() %} |
||||
|
{% if messages %} |
||||
|
<div class="alert alert-success"> |
||||
|
<ul> |
||||
|
{% for message in messages %} |
||||
|
<li>{{ message }}</li> |
||||
|
{% endfor %} |
||||
|
</ul> |
||||
|
</div> |
||||
|
{% endif %} |
||||
|
{% endwith %} |
||||
|
<div class="grid"> |
||||
|
|
||||
|
{% for book in books|sort(attribute='title', reverse = False) %} |
||||
|
|
||||
|
|
||||
|
<div class="gridbox"> |
||||
|
<a href="books/{{ book.id }}"> |
||||
|
<img class="no_cover" id="{{ book.title }}" src="/uploads/cover/{{ book.cover }}" width="100%" onerror="if (this.src != '//uploads/cover/{{ book.cover }}') this.src = '/static/img/default_cover.gif';"></a> |
||||
|
<p> |
||||
|
<tbody> |
||||
|
<th> |
||||
|
{{ book.title }}</th> |
||||
|
<br> |
||||
|
<span style = "font-size: 14px;"> |
||||
|
{% for author in book.authors %} |
||||
|
{{ author.author_name }}<br> {% endfor %} </span> |
||||
|
</tbody> |
||||
|
</p> |
||||
|
</div> |
||||
|
{% endfor %} |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<div class="container" > |
||||
|
<hr> |
||||
|
<h2> Other books </h2> |
||||
|
|
||||
|
<div class="grid"> |
||||
|
|
||||
|
{% for book in books_all|sort(attribute='title', reverse = False) %} |
||||
|
|
||||
|
<div class="gridbox"> |
||||
|
<a href="books/{{ book.id }}"> |
||||
|
<img class="no_cover" id="{{ book.title }}" src="/uploads/cover/{{ book.cover }}" width="100%" onerror="if (this.src != '//uploads/cover/{{ book.cover }}') this.src = '/static/img/default_cover.gif';"></a> |
||||
|
<p> |
||||
|
<tbody> |
||||
|
<th> |
||||
|
{{ book.title }}</th> |
||||
|
<br> |
||||
|
<span style = "font-size: 14px;"> |
||||
|
{% for author in book.authors %} |
||||
|
{{ author.author_name }}<br> {% endfor %} </span> |
||||
|
</tbody> |
||||
|
</p> |
||||
|
</div> |
||||
|
{% endfor %} |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<p> |
||||
|
<a href="/books"> See all books </a> |
||||
|
</p> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
{% endblock %} |
Loading…
Reference in new issue