36 lines
1.8 KiB
HTML
36 lines
1.8 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}managing bookmark collections{% endblock %}
|
|
{% block content %}
|
|
<div class="darkbg settings-container">
|
|
<h1>Manage bookmark collections</h1>
|
|
<p>Drag collections to reoder them. You cannot move or remove the default collection, but you can rename it.</p>
|
|
<div>
|
|
<button type="button" id="add-collection-button">Add new collection</button>
|
|
<div id="collections-container">
|
|
{% for collection in collections | sort(attribute='sort_order') %}
|
|
<div class="draggable-collection {{ "default" if collection.is_default else ""}}"
|
|
{% if not collection.is_default %}
|
|
draggable="true"
|
|
ondragover="dragOver(event)"
|
|
ondragstart="dragStart(event)"
|
|
ondragend="dragEnd()"
|
|
{% else %}
|
|
id="default-collection"
|
|
{% endif %}
|
|
data-collection-id="{{ collection.id }}">
|
|
<input type="text" class="collection-name" value="{{ collection.name }}" placeholder="Collection name" required autocomplete="off" maxlength="60"><br>
|
|
<div>{{ collection.get_threads_count() }} {{ "thread" | pluralize(num=collection.get_threads_count()) }}, {{ collection.get_posts_count() }} {{ "post" | pluralize(num=collection.get_posts_count()) }}</div>
|
|
{% if collection.is_default %}
|
|
<i>Default collection</i>
|
|
{% else %}
|
|
<button type="button" class="delete-button critical">Delete</button>
|
|
{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<button type="button" id="save-button" data-submit-href="{{ url_for('api.manage_bookmark_collections', user_id=active_user.id) }}">Save</button>
|
|
</div>
|
|
</div>
|
|
<script src="{{ "/static/js/manage-bookmark-collections.js" | cachebust }}"></script>
|
|
{% endblock %}
|