linkding/bookmarks/templates/bookmarks/index.html

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

{% block content %}
  <div ld-bulk-edit class="bookmarks-page grid columns-md-1">

    {# Bookmark list #}
    <section class="content-area col-2">
      <div class="content-area-header mb-0">
        <h2>Bookmarks</h2>
        <div class="header-controls">
          {% bookmark_search bookmark_list.search tag_cloud.tags %}
          {% include 'bookmarks/bulk_edit/toggle.html' %}
          <button ld-fetch="{{ bookmark_list.tag_modal_url }}" ld-target="body|append" ld-on="click"
                  class="btn ml-2 show-md">Tags
          </button>
        </div>
      </div>

      <form ld-form ld-fire="refresh-bookmark-list,refresh-tag-cloud"
            class="bookmark-actions"
            action="{{ bookmark_list.action_url|safe }}"
            method="post" autocomplete="off">
        {% csrf_token %}
        {% include 'bookmarks/bulk_edit/bar.html' with disable_actions='bulk_unarchive' %}

        <div ld-fetch="{{ bookmark_list.refresh_url }}" ld-on="refresh-bookmark-list"
             ld-fire="refresh-bookmark-list-done"
             class="bookmark-list-container">
          {% include 'bookmarks/bookmark_list.html' %}
        </div>
      </form>
    </section>

    {# Tag cloud #}
    <section class="content-area col-1 hide-md">
      <div class="content-area-header">
        <h2>Tags</h2>
      </div>
      <div ld-fetch="{{ tag_cloud.refresh_url }}" ld-on="refresh-tag-cloud"
           class="tag-cloud-container">
        {% include 'bookmarks/tag_cloud.html' %}
      </div>
    </section>
  </div>
{% endblock %}