linkding/bookmarks/templates/bookmarks/index.html

{% extends "bookmarks/layout.html" %}
{% load shared %}
{% load bookmarks %}

{% block content %}
    <div class="bookmarks-page columns">

        {# Bookmark list #}
        <section class="content-area column col-8">
            <div class="content-area-header">
                <h2>Bookmarks</h2>
                <div class="spacer"></div>
                <div class="search">
                    <form action="{% url 'bookmarks:index' %}" method="get">
                        <div class="input-group">
                            <input type="search" name="q" placeholder="Search for words or #tags" value="{{ query }}">
                            <input type="submit" value="Search" class="btn input-group-btn">
                        </div>
                    </form>
                </div>
            </div>
            <ul class="bookmark-list">
                {% for bookmark in bookmarks %}
                    <li>
                        <div class="title truncate">
                            <a href="{{ bookmark.url }}" target="_blank">{{ bookmark.resolved_title }}</a>
                        </div>
                        <div class="description truncate">
                            {% if bookmark.tag_names %}
                                <span>
                                {% for tag_name in bookmark.tag_names %}
                                    <a href="?{% append_query_param q=tag_name|hash_tag %}">{{ tag_name|hash_tag }}</a>
                                {% endfor %}
                                </span>
                            {% endif %}
                            {% if bookmark.tag_names and bookmark.resolved_description %} | {% endif %}

                            {% if bookmark.resolved_description %}
                                <span>{{ bookmark.resolved_description }}</span>
                            {% endif %}
                        </div>
                        <div class="actions">
                            <a href="{% url 'bookmarks:edit' bookmark.id %}"
                               class="btn btn-link btn-sm">Edit</a>
                            <a href="{% url 'bookmarks:remove' bookmark.id %}"
                               class="btn btn-link btn-sm"
                               onclick="return confirm('Do you really want to delete this bookmark?')">Remove</a>
                        </div>
                    </li>
                {% endfor %}
            </ul>
            <div class="pagination">
                {% if bookmarks.has_next %}
                    <a href="?{% update_query_string page=bookmarks.next_page_number %}"
                       class="btn mr-2">< Older</a>
                {% endif %}
                {% if bookmarks.has_previous %}
                    <a href="?{% update_query_string page=bookmarks.previous_page_number %}"
                       class="btn">Newer ></a>
                {% endif %}
            </div>
        </section>

        {# Tag list #}
        <section class="content-area column col-4">
            <div class="content-area-header">
                <h2>Tags</h2>
            </div>
            {% tag_cloud tags %}
        </section>
    </div>

{% endblock %}