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

Added new template for search results

Browse Source
This commit is contained in:
Mike Young
2019-12-13 17:16:50 -05:00
parent 7855da5abe
commit eae797e9b5
1 changed files with 68 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
src/interface/templates/search.html vendored Normal file
View File

@@ -0,0 +1,68 @@
{% 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" />
<title>pyShelf E-Book Server Search Results</title>
<link href="https://fonts.googleapis.com/css?family=Audiowide&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Gruppo&display=swap" rel="stylesheet">
<script src="/static/js/jquery-3.4.1.min.js" type="text/javascript"></script>
<script src="/static/js/pyshelf_ux.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>
</head>
<body>
<div id="app">
<div class="app_header" >
<div class="app_hdr">
<h1 class="app_hdr shadow">pyShelf</h1>
</div>
<div class="app_slogan">
<h3 class="app_slogan shadow">""An elegant tool... for a more civilized age."</h3>
</div>
<div class="app_subhdr">
<!-- Place this tag where you want the button to render. -->
<a class="github-button" href="https://github.com/th3r00t/pyShelf/fork" data-color-scheme="no-preference: dark; light: light; dark: dark;" data-icon="octicon-repo-forked" data-size="large" aria-label="Fork th3r00t/pyShelf on GitHub">Fork</a>
<!-- Place this tag where you want the button to render. -->
<a class="github-button" href="https://github.com/th3r00t/pyShelf/issues" data-color-scheme="no-preference: dark; light: light; dark: dark;" data-icon="octicon-issue-opened" data-size="large" aria-label="Issue th3r00t/pyShelf on GitHub">Issue</a>
<!--
<img src="/static/img/open-source-175x29.png" class="hdr_badge" /><br />
<img src="/static/img/gpl-125x28.png" class="hdr_badge" />
-->
</div>
<input type="hidden" id="_set" name="_set" value="{{ Set }}" />
<div class="nav_left_top">
<input class="nav_button prev_page" type="button" value="<< Prev Page" onclick="window.location.href = '/search/{{ Query }}/{{ Set|add:"-1" }}'">
</div>
<div class="nav_center_top">
<input class="nav_search" type="text" size="25" value=""><input class="nav_button search_submit" type="submit" value="Search">
</div>
<div class="nav_right_top">
<input class="nav_button next_page" type="button" value="Next Page >>" onclick="window.location.href = '/search/{{ Query }}/{{ Set|add:"1" }}'">
</div>
</div>
<div class="app_body" >
<div class="shelf">
<div class="search_details">
Your search for {{ Query }} returned {{ len_results }} results
</div>
<div class="shelf_contents" >
<ul id="book_shelf">
{% for book in Books %}
<a href="{% url 'download' pk=book.pk %}" class="book_link"><li class="shelf_item"><img alt="{{ book.title }}" src="data:image;base64,{{ book.cover | bin_2_img }}" class="book_thumb"/> </li></a>
{% endfor %}
</ul>
</div>
</div>
</div>
<div class="app_footer" >
<div class="python_logo" >
<img src="/static/img/py.png" id="python_logo" />
</div>
</div>
</div>
</body>
</html>