th3r00t/pyShelf
1
0
Fork 0
mirror of https://github.com/th3r00t/pyShelf.git synced 2026-04-28 01:59:35 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fixed collection system.

Browse Source
This commit is contained in:
th3r00t
2025-08-05 19:39:29 +00:00
parent 47f040dc35
commit 6dceaffc0e
7 changed files with 262 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/frontend/templates/index.html
View File

@@ -1,6 +1,6 @@
<!DOCTYPE html>
{% block javascript %}
<script type="text/javascript" src=static/script/pako.min.js>
<script type="text/javascript" src={{ url_for('static', path='script/pako.min.js') }}>
<script type="text/javascript">
const books = {{ books|books_tojson }};
let inflatedJSON = {};
@@ -11,34 +11,32 @@
{% include 'header.html' %}
{% include 'navigation.html' %}
<section id="master-container">
<p>Total books: {{ books|length }}</p>
<!-- <div id="book-shelf" class="container is-dark"> -->
<div id="book-shelf" class="is-dark">
<div id="book-shelf">
{% for book in books %}
{% set cover = book[0].cover|b64decode %}
{% set cover = book.cover|b64decode %}
{% if cover != 'None' %}
<div class="is-dark book" id="{{book[0].id}}" onclick="window.location.href='/api/get_book/{{ book[0].id }}'">
<div class="is-dark book" id="{{book.id}}" onclick="window.location.href='/api/get_book/{{ book.id }}'">
<div class="image book-thumbnail">
<figure class="image is-4by3">
<img src="data:;base64,{{ book[0].cover|b64decode }}" alt="{{ book[0].title }}">
<img src="data:;base64,{{ book.cover|b64decode }}" alt="{{ book.title }}">
</figure>
</div>
</div>
{% else %}
<div class="is-dark book" id="{{book[0].id}}" onclick="window.location.href='/api/get_book/{{ book[0].id }}'">
<div class="is-dark book" id="{{book.id}}" onclick="window.location.href='/api/get_book/{{ book.id }}'">
<div class="image book-thumbnail"
style="
background-image: url('static/images/no-cover.jpg');
background-image: url("{{ url_for('static', path='images/no-cover.jpg') }}");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
">
<figure class="image is-4by3">
<div class="no-image-title">{{ book[0].title }}</div>
<!-- alt="{{ book[0].title }}" -->
<div class="no-image-title">{{ book.title }}</div>
<!-- alt="{{ book.title }}" -->
</figure>
</div>
<!-- <p class="content">{{ book[0].description|summarize }}</p> -->
<!-- <p class="content">{{ book.description|summarize }}</p> -->
</div>
{% endif %}
{% endfor %}