mirror of
https://github.com/th3r00t/pyShelf.git
synced 2026-04-28 01:59:35 -04:00
128 lines
7.7 KiB
HTML
Executable File
Vendored
128 lines
7.7 KiB
HTML
Executable File
Vendored
{% load filters %}
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link type="text/css" rel="stylesheet" href="/static/css/main.css" />
|
|
<link type="text/css" rel="stylesheet" href="/static/css/mobile.css" />
|
|
<link type="text/css" rel="stylesheet" href="/static/css/all-fa.css" />
|
|
<title>pyShelf E-Book Server</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=Gruppo&family=Montserrat&family=Ubuntu&display=swap" rel="stylesheet">
|
|
<script src="/static/js/jquery-3.4.1.min.js" type="text/javascript"></script>
|
|
<!-- Place this tag in your head or just before your close body tag. -->
|
|
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
|
<script src="/static/js/pyshelf_ux.js" type="text/javascript"></script>
|
|
<script type="text/javascript">
|
|
var collections={{ CollectionObject|safe }};
|
|
//document.write(collections.length) collections
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<input type="hidden" id="_set" name="_set" value="{{ Set }}" />
|
|
<input type="hidden" id="_search" name="_search" value="{{ PostedSearch }}" />
|
|
<input type="hidden" id="_order" name="_order" value="{{ Order }}" />
|
|
<div id="pop_over_0">
|
|
</div>
|
|
<div id="app">
|
|
<ul id="shelf_nav">
|
|
<div id="horiz_nav_hdr">
|
|
<h1 class="app_hdr" id="hdr_branding">pyShelf {{Version}}</h1>
|
|
<div class="hdr_nav" id="hdr_nav_center">
|
|
<ul id="tab_nav_menu">
|
|
<li class="nav_menu_tab active_tab" id="btn-home" data-location="/home"><i class="fas fa-home"></i> Home</li>
|
|
<li class="nav_menu_tab"><i class="fas fa-layer-group"></i> Collections</li>
|
|
<li class="nav_menu_tab"><i class="fas fa-star"></i> Favorites</li>
|
|
<li class="nav_menu_tab"><i class="fas fa-bug"></i> Bug report</li>
|
|
<li class="nav_menu_tab" id="btn_login"> <i class="fa fa-user-circle" aria-hidden="true"></i>
|
|
{% if request.user.is_authenticated %}
|
|
<a href='logout' class='nav_link'> {{ request.user }}</a>
|
|
{% else %}
|
|
<a href="login" class='nav_link'> Login</a>
|
|
{% endif %}
|
|
</li>
|
|
</div>
|
|
</div>
|
|
<div id="horiz_nav_main">
|
|
<div id="horiz_nav_left">
|
|
<i class="fas fa-arrow-circle-left nav_icon prev_page" onclick="window.location.href = '/prev_page/{{ Set }}/{{ Order }}'"></i>
|
|
sort <i class="fas fa-sort nav_icon"></i>
|
|
<select id = "sortlist">
|
|
<option valie = "" id="empty-sort"></option>
|
|
<option value = "sort/title" id="title-sort">Title</option>
|
|
<option value = "sort/author" id="author-sort">Author</option>
|
|
<option value = "sort/collections" id="collection-sort">Collection</option>
|
|
<option value = "sort/tags" id="tags-sort">Tags</option>
|
|
</select>
|
|
</div>
|
|
<div id="horiz_nav_center">
|
|
<div id="flip_sort" class="btn">
|
|
<i class="fas fa-sort-alpha-down nav_icon"></i>
|
|
<i class="fas fa-sort-alpha-up nav_icon"></i>
|
|
</div>
|
|
<input class="nav_search input_box search_string" type="text" size="40" value="search by Title, Author, Tags, or Collections">
|
|
<i class="fas fa-search search_submit search_button" id="search_string" onclick="window.location.href = '/prev_page/{{ Set }}'"></i>
|
|
</div>
|
|
<div class="horiz_nav_stats">
|
|
<i class="fas fa-book nav_icon"></i> {{ NowShowing }} of {{ BookStats }}
|
|
<i class="fas fa-arrow-circle-right nav_icon next_page" onclick="window.location.href = '/next_page/{{ Set }}/{{ Order }}'"></i>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div class="app_body">
|
|
<div class="shelf">
|
|
<div class="shelf_contents">
|
|
<ul id="book_shelf">
|
|
{% for book in Books %}
|
|
<li class="shelf_item">
|
|
<img alt="cover missing" src="data:image;base64,{{ book.cover | bin_2_img }}" class="book_thumb" onerror="this.src='/static/img/pysBook.png'"/>
|
|
<ul class="book_details_list">
|
|
<li class="book_title">{{ book.title }}</li>
|
|
<li class="book_author">{{ book.author }}</li>
|
|
{% if book.description|length >= 225 %}
|
|
{% make_description_obj book.description as descr_obj %}
|
|
<li class="book_description">{{ descr_obj }}</li>
|
|
{% elif book.description == None %}
|
|
<li class="book_description">
|
|
<div class="inline_sys_message">
|
|
We were unable to find a description.
|
|
<br />Have some <i class="fas fa-drumstick-bite"></i> instead?
|
|
</div>
|
|
</li>
|
|
{% else %}
|
|
<li class="book_description">{{ book.description }}</li>
|
|
{% endif %}
|
|
<li class="book_tags">Tags: {{ book.tags }}</li>
|
|
<li class="book_controls">
|
|
<span class="favorite-button controls favorite_action">
|
|
{% if book.is_favorite %}
|
|
<a href="{% url 'favorite' pk=book.pk %}" class="book_link favorite"><i class="fas fa-thumbs-up icon"></i></a>
|
|
{% else %}
|
|
<a href="{% url 'favorite' pk=book.pk %}" class="book_link not_favorite"><i class="fas fa-thumbs-up icon"></i></a>
|
|
{% endif %}
|
|
</span>
|
|
<span class="download-button controls">
|
|
<a href="{% url 'download' pk=book.pk %}" class="book_link"><i class="fas fa-book icon"></i></a>
|
|
</span>
|
|
<span class="share-button controls">
|
|
<a href="{% url 'share' pk=book.pk %}" class="book_link"><i class="fas fa-share icon"></i></a>
|
|
</span>
|
|
<span class="info-button controls">
|
|
<a href="{% url 'info' pk=book.pk %}" class="book_link"><i class="fas fa-info icon"></i></a>
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|