libreqda 1.2.0__py3-none-any.whl

taguette/templates/modal/create_document.html

@@ -0,0 +1,84 @@
+<!-- Add document modal -->
+<div class="modal fade" id="document-add-modal" tabindex="-1" role="dialog" data-bs-backdrop="static">
+    <div class="modal-dialog modal-dialog-centered modal-lg" role="document" style="max-width: 1100px; width: 95vw;">
+        <form id="document-add-form" class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">{% trans "modal window title" %}Add a document{% endtrans %}</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body">
+                <div class="container">
+                    <div class="row">
+                        <div class="col form-group">
+                            <input type="file" class="form-control" id="document-add-file" name="document-add-file"
+                                required multiple />
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-12 form-group">
+                            <div class="d-flex align-items-center gap-3 flex-wrap">
+                                <div class="form-check form-check-inline">
+                                    <input class="form-check-input" type="radio" name="document-add-direction"
+                                        id="document-add-direction-ltr" data-test-id="document-add-direction-ltr-input"
+                                        value="LEFT_TO_RIGHT" checked />
+                                    <label class="form-check-label" for="document-add-direction-ltr">{% trans %}Left to
+                                        right{% endtrans %}</label>
+                                </div>
+                                <div class="form-check form-check-inline">
+                                    <input class="form-check-input" type="radio" name="document-add-direction"
+                                        id="document-add-direction-rtl" data-test-id="document-add-direction-rtl-input"
+                                        value="RIGHT_TO_LEFT" />
+                                    <label class="form-check-label" for="document-add-direction-rtl">{% trans %}Right to
+                                        left{% endtrans %}</label>
+                                </div>
+                                <textarea class="form-control" id="document-add-description" name="document-add-description"
+                        placeholder="{% trans " document add form placeholder" %}Description (will be applied to every documents){% endtrans %}"></textarea>
+                            </div>
+                        </div>
+                    </div>
+
+                    <!-- Quick actions section -->
+                    <div class="row" id="bulk-actions-container" style="display: none;">
+                        <div class="col form-group">
+                            <div class="d-flex gap-2 align-items-center flex-wrap justify-content-end">
+                                <div class="d-flex align-items-center gap-2">
+                                    <label class="form-label mb-0">{% trans %}Assign all to:{% endtrans %}</label>
+                                    <select class="form-select form-select-sm" id="assign-all-collection-select"
+                                        style="width: 200px;">
+                                        <option value="" selected>{% trans %}No collection (root){% endtrans %}</option>
+                                    </select>
+                                </div>
+                                <button type="button" class="btn btn-outline-primary btn-sm"
+                                    id="create-new-collection-for-all">
+                                    {% trans %}Create new collection for all{% endtrans %}
+                                </button>
+                                <button type="button" class="btn btn-outline-danger btn-sm"
+                                    id="reset-all-collections"
+                                    title="{% trans %}Reset all to no collection{% endtrans %}">
+                                    <i class="fas fa-undo me-1"></i>{% trans %}Reset{% endtrans %}
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+
+                    <!-- Selected documents list section -->
+                    <div class="row" id="document-files-list-container" style="display: none;">
+                        <div class="col form-group">
+                            <label class="form-label">{% trans %}Selected documents and collections{% endtrans
+                                %}</label>
+                            <div id="document-files-list" class="border rounded p-3"
+                                style="max-height: 45vh; overflow-y: auto;">
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="submit" class="btn btn-primary" data-test-id="import-document-button">{% trans "submit
+                    button" %}Import{% endtrans %}</button>
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans %}Cancel{% endtrans
+                    %}</button>
+            </div>
+        </form>
+    </div>
+</div>

taguette/templates/modal/create_highlight.html

@@ -0,0 +1,38 @@
+<div class="modal fade" id="highlight-add-modal" tabindex="-1" role="dialog">
+    <div class="modal-dialog modal-dialog-centered" role="document">
+        <form id="highlight-add-form" class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">{% trans "modal window title" %}Highlight{% endtrans %}</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body">
+                <input type="hidden" id="highlight-add-id"/>
+                <input type="hidden" id="highlight-add-start"/>
+                <input type="hidden" id="highlight-add-end"/>
+                <p id="highlight-selection-preview" class="text-muted fst-italic small mx-3 mt-2 mb-2" style="display:none; white-space: pre-wrap;"></p>
+                <div class="container mb-1 mt-1">
+                    <div class="form-group">
+                        <input type="text" class="form-control" id="input-search-tags-highlight" placeholder="{% trans "tag change form placeholder" %}Search for a code{% endtrans %}">
+                    </div>
+                </div>
+                <div id="highlight-selected-tag-area" class="tag-selection-box mt-3 mb-3">
+                </div>
+                <div class="container mb-3 mt-3">
+                    <div id="treeview-tags-highlight"></div>
+                </div>
+                <div class="alert alert-info mt-2 d-none" role="alert" id="alert-tag-highlight-treeview">
+                </div>
+                <div class="container mb-3 mt-3" id="container-create-tag-highlight">
+                    <a href="javascript:createTag(true)" data-test-id="create-tag-from-highlight-link">{% trans %}Create a code{% endtrans
+                        %}</a>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="submit" class="btn btn-primary" data-test-id="save-highlight-button">{% trans %}Save & Close{% endtrans %}</button>
+                <button type="button" class="btn btn-danger" data-bs-dismiss="modal" id="highlight-delete">{% trans
+                    %}Delete highlight{% endtrans %}
+                </button>
+            </div>
+        </form>
+    </div>
+</div>

taguette/templates/modal/create_tag.html

@@ -0,0 +1,73 @@
+<!-- Add/change tag modal -->
+<div class="modal fade" id="tag-add-modal" tabindex="-1" role="dialog" data-bs-backdrop="static">
+    <div class="modal-dialog modal-dialog-centered" role="document">
+        <form id="tag-add-form" class="modal-content">
+            <div class="modal-header">
+                <h5 id="tag-add-label-new" class="modal-title">{% trans "modal window title" %}New tag{% endtrans
+                    %}</h5>
+                <h5 id="tag-add-label-change" class="modal-title" style="display: none;">{% trans "modal window title"
+                    %}Change code{% endtrans %}</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body.no-scroll">
+                <input type="hidden" id="tag-add-id" />
+                <input type="hidden" id="tag-highlight-add-start" />
+                <input type="hidden" id="tag-highlight-add-end" />
+                <p id="tag-selection-preview" class="text-muted fst-italic small mx-3 mt-2 mb-2" style="display:none; white-space: pre-wrap;"></p>
+                <div class="container mb-3">
+                    <div class="form-group">
+                        <label for="tag-hierarchy-select" class="form-label">{% trans "tag change form placeholder"
+                            %}Parent code{% endtrans %}</label>
+                        <div class='dropdown hierarchy-select' id='tag-hierarchy-select'>
+                            <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButtonTag"
+                                data-bs-toggle="dropdown" aria-expanded="false"></button>
+                            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButtonTag">
+                                <div class="hs-searchbox">
+                                    <input type="text" class="form-control" autocomplete="off">
+                                </div>
+                                <div class='hs-menu-inner'>
+                                </div>
+                            </ul>
+                            <input class="d-none" id="tag-add-parent-id" name="tag-add-parent-id" readonly="readonly"
+                                aria-hidden="true" type="text" />
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label for="tag-add-color" class="form-label">{% trans "tag change form placeholder" %}Name{%
+                            endtrans %}</label>
+                        <input type="text" class="form-control" id="tag-add-path" name="tag-add-path"
+                            placeholder="{% trans " tag change form placeholder" %}Name{% endtrans %}" required />
+                    </div>
+                    <div class="form-group">
+                        <label for="tag-add-color" class="form-label">{% trans "tag change form placeholder" %}Color{%
+                            endtrans %}</label>
+                        <input type="color" class="form-control" id="tag-add-color" name="tag-add-color" required />
+                    </div>
+                    <div class="form-group">
+                        <label for="tag-add-color" class="form-label">{% trans " tag change form placeholder"
+                            %}Description{% endtrans
+                            %}</label>
+                        <textarea class="form-control" id="tag-add-description" name="tag-add-description"
+                            placeholder="{% trans " tag change form placeholder" %}Description{% endtrans
+                            %}"></textarea>
+                    </div>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-info" data-bs-dismiss="modal" id="tag-add-merge"
+                    data-test-id="show-merge-tag-modal-button">{% trans "button
+                    in tag change modal window" %}Merge...{% endtrans %}
+                </button>
+                <button type="submit" class="btn btn-primary" data-test-id="save-tag-button">{% trans %}Save & Close{%
+                    endtrans %}</button>
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" data-test-id="tag-add-cancel"
+                    id="tag-add-cancel">{% trans
+                    %}Cancel{% endtrans %}
+                </button>
+                <button type="button" class="btn btn-danger" data-bs-dismiss="modal" id="tag-add-delete">{% trans
+                    %}Delete tag{% endtrans %}
+                </button>
+            </div>
+        </form>
+    </div>
+</div>

taguette/templates/modal/explore_codes.html

@@ -0,0 +1,58 @@
+<!-- Explore codes modal: visual AND/OR/NOT query builder -->
+<div class="modal fade" id="explore-codes-modal" tabindex="-1" role="dialog" data-bs-backdrop="static">
+    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">{% trans "modal window title" %}Explore codes{% endtrans %}</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body">
+                <p class="text-muted small mb-2">{% trans %}Click on a box below to pick codes.{% endtrans %}</p>
+
+                <div id="explore-zone-can-box" class="tag-selection-box explore-zone-box mb-2"
+                    role="button" tabindex="0" title="{% trans %}Click to pick codes for this zone{% endtrans %}"
+                    onclick="toggleExploreZone('can')" onkeydown="handleZoneBoxKeydown(event, 'can')">
+                    <div class="zone-label">
+                        <span>{% trans %}Can use{% endtrans %} <small class="text-muted">({% trans "explore zone hint" %}any of these{% endtrans %})</small></span>
+                    </div>
+                    <div class="zone-chips" id="explore-zone-can-chips"></div>
+                </div>
+                <div id="explore-zone-must-box" class="tag-selection-box explore-zone-box mb-2"
+                    role="button" tabindex="0" title="{% trans %}Click to pick codes for this zone{% endtrans %}"
+                    onclick="toggleExploreZone('must')" onkeydown="handleZoneBoxKeydown(event, 'must')">
+                    <div class="zone-label">
+                        <span>{% trans %}Must use{% endtrans %} <small class="text-muted">({% trans "explore zone hint" %}all of these{% endtrans %})</small></span>
+                    </div>
+                    <div class="zone-chips" id="explore-zone-must-chips"></div>
+                </div>
+                <div id="explore-zone-exclude-box" class="tag-selection-box explore-zone-box mb-3"
+                    role="button" tabindex="0" title="{% trans %}Click to pick codes for this zone{% endtrans %}"
+                    onclick="toggleExploreZone('exclude')" onkeydown="handleZoneBoxKeydown(event, 'exclude')">
+                    <div class="zone-label">
+                        <span>{% trans %}Exclude{% endtrans %} <small class="text-muted">({% trans "explore zone hint" %}none of these{% endtrans %})</small></span>
+                    </div>
+                    <div class="zone-chips" id="explore-zone-exclude-chips"></div>
+                </div>
+
+                <div id="explore-code-picker" class="d-none">
+                    <div class="container mb-1 mt-1">
+                        <div class="form-group">
+                            <input type="text" class="form-control" id="input-search-tags-explore" autocomplete="off"
+                                placeholder="{% trans "tag change form placeholder" %}Search for a code{% endtrans %}">
+                        </div>
+                    </div>
+                    <div class="container mb-3 mt-3">
+                        <div id="treeview-tags-explore"></div>
+                    </div>
+                    <div class="alert alert-info mt-2 d-none" role="alert" id="alert-tag-explore-treeview">
+                    </div>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-primary" id="explore-codes-apply" disabled
+                    data-test-id="explore-codes-apply-button">{% trans %}Search{% endtrans %}</button>
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans %}Cancel{% endtrans %}</button>
+            </div>
+        </div>
+    </div>
+</div>

taguette/templates/modal/manage_collaborators.html

@@ -0,0 +1,44 @@
+<!-- Manage collaborators modal -->
+<div class="modal fade" id="members-modal" tabindex="-1" role="dialog" data-bs-backdrop="static">
+    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">{% trans %}Manage Collaborators{% endtrans %}</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body">
+                <div class="container">
+                    <h5>{% trans "modal window title" %}Add Collaborators{% endtrans %}</h5>
+                    <form id="members-add">
+                        <fieldset id="members-add-fields">
+                            <div class="row">
+                                <div class="col-md-4 form-group">
+                                    {% if is_external_login %}
+                                        <input type="text" class="form-control" id="member-add-name" placeholder="{% trans "form label for email address" %}Email{% endtrans %}" required />
+                                    {% else %}
+                                        <input type="text" class="form-control" id="member-add-name" placeholder="{% trans "project members form placeholder" %}Username{% endtrans %}" required />
+                                    {% endif %}
+                                </div>
+                                <div class="col-md-4 form-group">
+                                    <select id="member-add-privileges" class="form-control">
+                                        <option value="ADMIN">{% trans "permission level" %}Full permissions{% endtrans %}</option>
+                                        <option value="MANAGE_DOCS">{% trans "permission level" %}Can't change collaborators / delete project{% endtrans %}</option>
+                                        <option value="TAG" selected>{% trans "permission level" %}View & make changes{% endtrans %}</option>
+                                        <option value="READ">{% trans "permission level" %}View only{% endtrans %}</option>
+                                    </select>
+                                </div>
+                                <button type="submit" class="btn btn-info col-md-4 form-group">{% trans "form submit button" %}Add to project{% endtrans %}</button>
+                            </div>
+                        </fieldset>
+                    </form>
+                    <h5>{% trans %}Current Collaborators{% endtrans %}</h5>
+                    <form id="members-current">
+                    </form>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans %}Close{% endtrans %}</button>
+            </div>
+        </div>
+    </div>
+</div>

taguette/templates/modal/merge_tag.html

@@ -0,0 +1,49 @@
+<!-- Merge tags modal -->
+<div class="modal fade" id="tag-merge-modal" tabindex="-1" role="dialog" data-bs-backdrop="static">
+    <div class="modal-dialog modal-dialog-centered" role="document">
+        <form id="tag-merge-form" class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">{% trans "merge modal" %}Merge codes{% endtrans %}</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body.no-scroll">
+                <div class="container mt-3">
+                    <div class="row">
+                        <div class="col-md-5 form-group">
+                            <input type="hidden" id="tag-merge-src-id" />
+                            <input type="text" class="form-control" id="tag-merge-src-name" disabled />
+                        </div>
+                        <div class="col-md-2 form-group">
+                            <label for="tag-hierarchy-merge-select">{% trans %}into{% endtrans %}</label>
+                        </div>
+                        <div class="col-md-5 form-group">
+                            <div class='dropdown hierarchy-select' id='tag-hierarchy-merge-select'>
+                                <button class="btn btn-secondary dropdown-toggle" type="button"
+                                    id="dropdownMenuButtonTagMerge" data-bs-toggle="dropdown"
+                                    aria-expanded="false"></button>
+                                <ul class="dropdown-menu" aria-labelledby="dropdownMenuButtonTagMerge">
+                                    <div class="hs-searchbox">
+                                        <input type="text" class="form-control" autocomplete="off">
+                                    </div>
+                                    <div class='hs-menu-inner' data-test-id="hs-menu-inner-tag-merge">
+                                    </div>
+                                </ul>
+                                <input class="d-none" id="tag-merge-dest" name="tag-merge-dest" readonly="readonly"
+                                    aria-hidden="true" type="text" />
+                            </div>
+                        </div>
+                    </div>
+                    <div id="tag-merge-warning" class="alert alert-warning mt-3 d-none">
+                        <i class="fas fa-exclamation-triangle"></i>
+                        <span id="tag-merge-warning-text"></span>
+                    </div>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="submit" class="btn btn-danger" data-test-id="merge-tag-button">Merge codes</button>
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"
+                    data-test-id="cancel-merge-tag-button">Cancel</button>
+            </div>
+        </form>
+    </div>
+</div>

taguette/templates/new_password.html

@@ -0,0 +1,32 @@
+{% extends "base.html" %}
+
+{% block title %}{% trans "page title" %}Reset password{% endtrans %} | LibreQDA{% endblock %}
+
+{% block contents %}
+{% if error %}
+<div class="alert alert-danger">{{ error }}</div>
+{% endif %}
+
+<p>{% trans %}Please enter a new password below:{% endtrans %}</p>
+<form action="{{ reverse_url('new_password') }}" method="post">
+  {{ xsrf_form_html() }}
+  <input type="hidden" name="reset_token" value="{{ reset_token }}" />
+  <div class="form-group row">
+    <label for="password1" class="col-sm-2 col-form-label">{% trans "form label" %}Password{% endtrans %}</label>
+    <div class="col-sm-8">
+      <input type="password" class="form-control" id="password1" name="password1" required />
+    </div>
+  </div>
+  <div class="form-group row">
+    <label for="password2" class="col-sm-2 col-form-label">{% trans "form label" %}Confirm password{% endtrans %}</label>
+    <div class="col-sm-8">
+      <input type="password" class="form-control" id="password2" name="password2" required />
+    </div>
+  </div>
+  <div class="form-group row">
+    <div class="col-sm-10 offset-sm-2">
+      <button type="submit" class="btn btn-primary">{% trans "form submit button" %}Set new password{% endtrans %}</button>
+    </div>
+  </div>
+</form>
+{% endblock %}

taguette/templates/partials/alert.html

@@ -0,0 +1,16 @@
+<!-- alert.html -->
+<div class="modal fade" id="alertModal" tabindex="-1" aria-labelledby="alertModalLabel" data-bs-backdrop="static" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="alertModalLabel"></h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body" id="alertMessage">
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Fermer</button>
+            </div>
+        </div>
+    </div>
+</div>

taguette/templates/partials/codebook_viz_modal.html

@@ -0,0 +1,34 @@
+<div class="modal fade" id="codebook-viz-modal" tabindex="-1"
+     aria-labelledby="codebook-viz-modal-label" aria-hidden="true">
+  <div class="modal-dialog modal-xl" style="max-width: 95vw;">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="codebook-viz-modal-label">{% trans %}Codebook visualization{% endtrans %}</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal"
+                aria-label="{% trans %}Close{% endtrans %}"></button>
+      </div>
+      <div class="modal-body p-0" style="overflow: auto; height: 70vh;">
+        <div id="codebook-viz-container" style="width: fit-content; min-width: 100%;"></div>
+      </div>
+      <div class="modal-footer">
+        <div class="form-check mb-0 me-2">
+          <input class="form-check-input" type="checkbox" id="codebook-viz-transparent">
+          <label class="form-check-label" for="codebook-viz-transparent">
+            {% trans %}Transparent background{% endtrans %}
+          </label>
+        </div>
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
+          {% trans %}Close{% endtrans %}
+        </button>
+        <button type="button" class="btn btn-outline-primary" id="codebook-viz-export-png"
+                data-bs-dismiss="modal">
+          {% trans %}Export as PNG{% endtrans %}
+        </button>
+        <button type="button" class="btn btn-primary" id="codebook-viz-export-svg"
+                data-bs-dismiss="modal">
+          {% trans %}Export as SVG{% endtrans %}
+        </button>
+      </div>
+    </div>
+  </div>
+</div>

taguette/templates/partials/confirm.html

@@ -0,0 +1,17 @@
+<!-- confirm.html -->
+<div class="modal fade" id="confirmModal" tabindex="-1" aria-labelledby="confirmModal" aria-hidden="true" data-bs-backdrop="static">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="confirmModalLabel">{% trans "confirm modal" %}Confirm{% endtrans %}</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body" id="confirmMessage">
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans "confirm modal" %}Cancel{% endtrans %}</button>
+                <button type="button" class="btn btn-primary" id="confirmButton">{% trans "confirm modal confirm" %}Confirm{% endtrans %}</button>
+            </div>
+        </div>
+    </div>
+</div>

taguette/templates/partials/document_toolbar.html

@@ -0,0 +1,37 @@
+<div class="toolbar-container py-3 px-2 d-flex align-items-center gap-3">
+
+    <div class="d-flex align-items-center gap-2 flex-grow-1" style="min-width: 0;">
+        <span class="text-label text-nowrap">{% trans %}Bookmarks{% endtrans %}</span>
+        <div class="custom-select rounded-5 flex-grow-1" style="width: auto; min-width: 0;">
+            <button class="select-button" data-test-id="select-document-button" role="combobox"
+                aria-labelledby="select button" aria-haspopup="listbox" aria-expanded="false"
+                aria-controls="select-dropdown">
+                <span class="selected-value">{% trans %}Left-click a document to bookmark it{% endtrans %}</span>
+                <span class="arrow"></span>
+            </button>
+            <ul class="select-dropdown" role="listbox" id="select-dropdown"></ul>
+        </div>
+    </div>
+
+    <div class="toolbar-action-buttons d-flex" style="flex-shrink: 0;">
+        <!-- Bouton Export -->
+        <div class="document-export-button dropdown">
+            <button class="btn btn-outline-primary dropdown-toggle d-flex align-items-center gap-2"
+                title="{% trans %}Download this view{% endtrans %}"
+                type="button" id="document-dropdown-export" data-test-id="document-dropdown-export"
+                data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                <i class="fas fa-download"></i>
+                <span>{% trans %}Download this view{% endtrans %}</span>
+            </button>
+            <div id='document-export-dropdown-menu' class="dropdown-menu" aria-labelledby="document-dropdown-export">
+                <a href="#" class="dropdown-item" data-extension="html">{% trans %}HTML{% endtrans %}</a>
+                <a href="#" class="dropdown-item" data-extension="docx">{% trans %}DOCX{% endtrans %}</a>
+                <a href="#" class="dropdown-item" data-extension="pdf">{% trans %}PDF{% endtrans %}</a>
+                <a href="#" class="dropdown-item" data-extension="xlsx" data-document="false">{% trans %}Excel{%
+                    endtrans %}</a>
+                <a href="#" class="dropdown-item" data-extension="csv" data-document="false">{% trans %}CSV{% endtrans
+                    %}</a>
+            </div>
+        </div>
+    </div>
+</div>

taguette/templates/partials/hlinfo.html

@@ -0,0 +1,13 @@
+<!-- "New highlight" button shown after selecting text -->
+<div id="hlinfo" style="display: none; text-align: center;">
+    <div class="mb-2" style="padding: 0 15px;">
+        <a class="btn btn-outline-primary" href="javascript:createTag(false,current_selection);" style="display: block; width: 100%; box-sizing: border-box;">
+            {% trans %}New code{% endtrans %}
+        </a>
+    </div>
+    <div style="padding: 0 15px;">
+        <a class="btn btn-outline-secondary" href="javascript:createHighlight(current_selection);" style="display: block; width: 100%; box-sizing: border-box;">
+            {% trans %}Existing code{% endtrans %}
+        </a>
+    </div>
+</div>

taguette/templates/partials/project_card.html

@@ -0,0 +1,44 @@
+<div class="col project" data-project-id="{{ project.id }}">
+    <div class="project-card">
+        <!-- Header with name and actions -->
+        <div class="d-flex justify-content-between align-items-start px-3 pt-3">
+            <a href="{{ reverse_url('project', project.id) }}{% if demo %}?demo=true{% endif %}" class="no-underline flex-grow-1">
+                <h3 class="name" title="{{ project.name }}">{{ project.name }}</h3>
+            </a>
+            <!-- Actions dropdown -->
+            <div class="dropdown project-actions">
+                <button class="btn btn-link btn-sm text-muted p-0" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                    <i class="fas fa-ellipsis-v"></i>
+                </button>
+                <ul class="dropdown-menu dropdown-menu-end">
+                    <li><a class="dropdown-item action-edit" href="#" data-project-id="{{ project.id }}" data-project-name="{{ project.name }}" data-project-description="{{ project.description }}"><i class="fas fa-edit me-2"></i>{% trans %}Edit{% endtrans %}</a></li>
+                    <li><a class="dropdown-item" href="{{ reverse_url('export_project_sqlite', project.id) }}"><i class="fas fa-download me-2"></i>{% trans %}Export{% endtrans %}</a></li>
+                    <li><a class="dropdown-item action-archive" href="#" data-project-id="{{ project.id }}"><i class="fas fa-archive me-2"></i>{% trans %}Archive{% endtrans %}</a></li>
+                    <li><hr class="dropdown-divider"></li>
+                    <li><a class="dropdown-item text-danger" href="{{ reverse_url('delete_project', project.id) }}"><i class="fas fa-trash me-2"></i>{% trans %}Delete{% endtrans %}</a></li>
+                </ul>
+            </div>
+        </div>
+        <!-- Card link -->
+        <a href="{{ reverse_url('project', project.id) }}{% if demo %}?demo=true{% endif %}" class="no-underline project-card-link d-flex flex-column flex-grow-1">
+            <div class="px-3 pt-2 description-container">
+                <p class="quote2 description-text">{{ project.description | truncate(100, true, '...') }}</p>
+            </div>
+            <hr class="custom-hr mt-auto">
+            <div class="d-flex justify-content-between px-3 pb-3 stats-container">
+                <div class="d-flex align-items-center" title="{% trans %}Documents{% endtrans %}">
+                    <i class="fas fa-file-alt"></i>
+                    <span class="quote2 mx-2">{{ project.document_count }}</span>
+                </div>
+                <div class="d-flex align-items-center" title="{% trans %}Codes{% endtrans %}">
+                    <i class="fas fa-stream"></i>
+                    <span class="quote2 mx-2">{{ project.tag_count }}</span>
+                </div>
+                <div class="d-flex align-items-center" title="{% trans %}Collaborators{% endtrans %}">
+                    <i class="fas fa-users"></i>
+                    <span class="quote2 mx-2">{{ project.member_count }}</span>
+                </div>
+            </div>
+        </a>
+    </div>
+</div>

taguette/templates/partials/project_card_archived.html

@@ -0,0 +1,41 @@
+<div class="col project" data-project-id="{{ project.id }}">
+    <div class="project-card">
+        <!-- Header with name and actions -->
+        <div class="d-flex justify-content-between align-items-start px-3 pt-3">
+            <h3 class="name" title="{{ project.name }}">{{ project.name }}</h3>
+            <!-- Actions dropdown -->
+            <div class="dropdown project-actions">
+                <button class="btn btn-link btn-sm text-muted p-0" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                    <i class="fas fa-ellipsis-v"></i>
+                </button>
+                <ul class="dropdown-menu dropdown-menu-end">
+                    <li><a class="dropdown-item action-unarchive" href="#" data-project-id="{{ project.id }}"><i class="fas fa-box-open me-2"></i>{% trans %}Unarchive{% endtrans %}</a></li>
+                    <li><a class="dropdown-item" href="{{ reverse_url('export_project_sqlite', project.id) }}"><i class="fas fa-download me-2"></i>{% trans %}Export{% endtrans %}</a></li>
+                    <li><hr class="dropdown-divider"></li>
+                    <li><a class="dropdown-item text-danger" href="{{ reverse_url('delete_project', project.id) }}"><i class="fas fa-trash me-2"></i>{% trans %}Delete{% endtrans %}</a></li>
+                </ul>
+            </div>
+        </div>
+        <!-- Card body (no link) -->
+        <div class="d-flex flex-column flex-grow-1">
+            <div class="px-3 pt-2 description-container">
+                <p class="quote2 description-text">{{ project.description | truncate(100, true, '...') }}</p>
+            </div>
+            <hr class="custom-hr mt-auto">
+            <div class="d-flex justify-content-between px-3 pb-3 stats-container">
+                <div class="d-flex align-items-center" title="{% trans %}Documents{% endtrans %}">
+                    <i class="fas fa-file-alt"></i>
+                    <span class="quote2 mx-2">{{ project.document_count }}</span>
+                </div>
+                <div class="d-flex align-items-center" title="{% trans %}Codes{% endtrans %}">
+                    <i class="fas fa-stream"></i>
+                    <span class="quote2 mx-2">{{ project.tag_count }}</span>
+                </div>
+                <div class="d-flex align-items-center" title="{% trans %}Collaborators{% endtrans %}">
+                    <i class="fas fa-users"></i>
+                    <span class="quote2 mx-2">{{ project.member_count }}</span>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>