69 lines
2.8 KiB
HTML
69 lines
2.8 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block extra_head %}
|
|
<link rel="stylesheet" href="/static/css/book_list.css">
|
|
<link rel="stylesheet" href="/static/css/book_panel.css">
|
|
<!-- important! search.css goes last -->
|
|
<link rel="stylesheet" href="/static/css/search.css">
|
|
|
|
<script type="text/javascript" src="/static/js/wishlist.js"></script>
|
|
<script type="text/javascript" src="/static/js/greenpanel.js"></script>
|
|
<script type="text/javascript" src="/static/js/toggle.js"></script>
|
|
{% endblock %}
|
|
|
|
{% block title %}Search Results{% endblock %}
|
|
|
|
{% block content %}
|
|
<div id="main-container">
|
|
<div class="js-main">
|
|
<div id="js-leftcol">
|
|
{% include "explore.html" %}
|
|
</div>
|
|
|
|
<div id="js-maincol-fr">
|
|
<div class="js-maincol-inner">
|
|
<div class="content-block">
|
|
<div class="content-block-heading">
|
|
<h2 class="content-heading">Search Results</span></h2>
|
|
<ul class="book-list-view">
|
|
<li>View As:</li>
|
|
<li class="view-list">
|
|
<a href="#" id="toggle-list">
|
|
<img src="/static/images/booklist/view-list.png" align="view list" title="view list" height="21" width="24" />
|
|
</a>
|
|
</li>
|
|
<li class="view-list">
|
|
<a href="#" id="toggle-panel">
|
|
<img src="/static/images/booklist/view-icon.png" align="view icon" title="view icon" height="22" width="22" />
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="content-block-content">
|
|
{% for work in results %}
|
|
<div class="{% cycle 'row1' 'row2' %}">
|
|
{% with work.googlebooks_id as googlebooks_id %}
|
|
{% include "book_panel.html" %}
|
|
{% endwith %}
|
|
</div>
|
|
{% empty %}
|
|
<h2>Sorry, couldn't find that!</h2>
|
|
<div class="js-search">
|
|
<div class="js-search-inner">
|
|
<form action="{% url search %}" method="get">
|
|
<input type="text" placeholder="Search for a book..." size="25" class="inputbox" name="q">
|
|
<input type="button" onclick="this.form.searchword.focus();" class="button" value="Search">
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% endblock %}
|