moviewyrm/bookwyrm/templates/lists/lists.html
2021-01-31 08:08:52 -08:00

93 lines
3.1 KiB
HTML

{% extends 'layout.html' %}
{% block content %}
<header class="block">
<h1 class="title">Lists</h1>
</header>
{% if request.user.is_authenticated %}
<section class="block">
<header class="columns">
<div class="column">
<h2 class="title is-3">Your lists</h2>
</div>
<div class="column is-narrow">
{% include 'snippets/toggle/open_button.html' with controls_text="create-list" icon="plus" text="Create new list" %}
</div>
</header>
<form name="create-list" method="post" action="{% url 'lists' %}" class="box hiddenx" id="create-list">
<h3 class="title is-4">Create list</h3>
{% csrf_token %}
<input type="hidden" name="user" value="{{ request.user.id }}">
<div class="columns">
<div class="column">
<div class="field">
<label class="label" for="id_name">Name:</label>
{{ list_form.name }}
</div>
<div class="field">
<label class="label" for="id_description">Description:</label>
{{ list_form.description }}
</div>
</div>
<div class="column">
<fieldset class="field">
<legend class="label">List curation:</legend>
<label class="field">
<input type="radio" name="curation" value="closed" checked> Closed
<p class="help mb-2">Only you can add and remove books to this list</p>
</label>
<label class="field">
<input type="radio" name="curation" value="curated"> Curated
<p class="help mb-2">Anyone can suggest books, subject to your approval</p>
</label>
<label class="field">
<input type="radio" name="curation" value="open"> Open
<p class="help mb-2">Anyone can add books to this list, but only you can remove them</p>
</label>
</fieldset>
</div>
</div>
<div class="field has-addons">
<div class="control">
{% include 'snippets/privacy_select.html' %}
</div>
<div class="control">
<button type="submit" class="button is-primary">Save</button>
{% include 'snippets/toggle/close_button.html' with controls_text='create-list' text="Cancel" %}
</div>
</div>
</form>
{% if request.user.list_set.exists %}
<ul>
{% for list in request.user.list_set.all %}
<li>
<a href="{{ list.local_path }}">{{ list.name }}</a>
</li>
{% endfor %}
</ul>
{% endif %}
</section>
{% endif %}
{% if lists.exists %}
<section class="block">
<h2 class="title is-2">Recent Lists</h2>
<ul>
{% for list in lists %}
<li>
<a href="{{ list.local_path }}">{{ list.name }}</a>
</li>
{% endfor %}
</ul>
</section>
{% endif %}
{% endblock %}