{% extends 'layout.html' %} {% load bookwyrm_tags %} {% block content %} <div class="columns"> <div class="column"> <h1 class="title"> {% if is_self %}Your {% else %} {% include 'snippets/username.html' with user=user possessive=True %} {% endif %} shelves </h1> </div> </div> {% include 'snippets/user_header.html' with user=user %} <div class="block columns"> <div class="column"> <div class="tabs" role="tablist"> <ul> {% for shelf_tab in shelves %} <li class="{% if shelf_tab.identifier == shelf.identifier %}is-active{% endif %}"> <a href="/user/{{ user | username }}/shelf/{{ shelf_tab.identifier }}" role="tab" aria-selected="{% if shelf_tab.identifier == shelf.identifier %}true{% else %}false{% endif %}">{{ shelf_tab.name }}</a> </li> {% endfor %} </ul> </div> </div> {% if is_self %} <div class="column is-narrow"> {% include 'snippets/toggle/open_button.html' with text="Create shelf" icon="plus" class="is-clickable" controls_text="create-shelf-form" %} </div> {% endif %} </div> <div class="hidden box mb-5" id="create-shelf-form"> <h2 class="title is-4">Create new shelf</h2> <form name="create-shelf" action="/create-shelf/" method="post"> {% csrf_token %} <input type="hidden" name="user" value="{{ request.user.id }}"> <div class="field"> <label class="label" for="id_name_create">Name:</label> <input type="text" name="name" maxlength="100" class="input" required="true" id="id_name_create"> </div> <label class="label"> <p>Shelf privacy:</p> {% include 'snippets/privacy_select.html' with no_label=True %} </label> <div class="field is-grouped"> <button class="button is-primary" type="submit">Create shelf</button> {% include 'snippets/toggle/close_button.html' with text="Cancel" controls_text="create-shelf-form" %} </div> </form> </div> <div class="block columns"> <div class="column"> <h2 class="title is-3"> {{ shelf.name }} <span class="subtitle"> {% include 'snippets/privacy-icons.html' with item=shelf %} </span> </h2> </div> {% if is_self %} <div class="column is-narrow"> {% include 'snippets/toggle/open_button.html' with text="Edit shelf" icon="pencil" class="is-clickable" controls_text="edit-shelf-form" %} </div> {% endif %} </div> <div class="hidden box mb-5" id="edit-shelf-form"> <h2 class="title is-4">Edit shelf</h2> <form name="create-shelf" action="/edit-shelf/{{ shelf.id }}" method="post"> {% csrf_token %} <input type="hidden" name="user" value="{{ request.user.id }}"> {% if shelf.editable %} <div class="field"> <label class="label" for="id_name">Name:</label> <input type="text" name="name" maxlength="100" class="input" required="true" value="{{ shelf.name }}" id="id_name"> </div> {% else %} <input type="hidden" name="name" required="true" value="{{ shelf.name }}"> {% endif %} <label class="label"> <p>Shelf privacy:</p> {% include 'snippets/privacy_select.html' with no_label=True current=shelf.privacy %} </label> <div class="field is-grouped"> <button class="button is-primary" type="submit">Update shelf</button> {% include 'snippets/toggle/close_button.html' with text="Cancel" controls_text="edit-shelf-form" %} </div> </form> </div> <div class="block"> <div> {% include 'snippets/shelf.html' with shelf=shelf books=books ratings=ratings %} </div> </div> {% endblock %}