libreqda 1.2.0__py3-none-any.whl

taguette/templates/partials/project_sidebar.html

@@ -0,0 +1,99 @@
+<div id="project-sidebar" class="project-sidebar">
+
+    <a href="javascript:void(0)" data-test-id="close-sidebar-button" title="{% trans %}Close{% endtrans %}" class="close-project-navbar" onclick="closeSideBar()">&times;</a>
+
+    <div class="project-sidebar-content">
+
+        <!-- Tab selector -->
+        <ul class="nav nav-tabs mx-3" id="myTab" role="tablist">
+            <li class="nav-item">
+                <a class="nav-link active" id="project-tab" data-test-id="project-tab" data-bs-toggle="tab" href="#project" role="tab" aria-controls="project" aria-selected="true">{# TRANSLATORS: Left pane tab, keep short #}{% trans "tab" %}Project info{% endtrans %}</a>
+            </li>
+        </ul>
+
+        <div class="tab-content" id="myTabContent">
+            <div class="tab-pane fade show active" id="project" role="tabpanel" aria-labelledby="project-tab">
+                <div class="px-5">
+                    <form id="project-metadata-form" >
+                        <div class="form-group">
+                            <label for="project-name" class="col-sm-2 col-form-label">{% trans "project metadata form label" %}Name{% endtrans %}</label>
+                            <input type="text" class="form-control" id="project-name" name="project-name" value="{{ project.name }}" required />
+                        </div>
+                        <div class="form-group">
+                            <label for="project-description" class="col-sm-2 col-form-label">{% trans "project metadata form label" %}Description{% endtrans %}</label>
+                            <textarea class="form-control" id="project-description" name="project-description">{{ project.description }}</textarea>
+                        </div>
+                    </form>
+
+                    {% if multiuser %}
+                    <div class="accordion py-5" id="accordionCollaborators">
+                        <div class="accordion-item">
+                            <h2 class="accordion-header" id="headingCollaborators">
+                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseCollaborators" aria-expanded="false" aria-controls="collapseCollaborators">
+                                    {% trans "modal window title" %}Add Collaborators{% endtrans %}
+                                </button>
+                            </h2>
+                            <div id="collapseCollaborators" class="accordion-collapse collapse" aria-labelledby="headingCollaborators" data-bs-parent="#accordionCollaborators">
+                                <div class="accordion-body mt-2">
+                                    <form id="members-add">
+                                        <fieldset id="members-add-fields">
+                                            <div class="row">
+                                                <div class="col-md-4 form-group">
+                                                    <input type="text" class="form-control" id="member-add-name" placeholder="{% trans "project members form placeholder" %}Username{% endtrans %}" required />
+                                                </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 class="pb-2">{% trans %}Current Collaborators{% endtrans %}</h5>
+                                    <form id="members-current">
+                                        <!-- Existing collaborators -->
+                                    </form>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    {% endif %}
+
+                    <p><a href="{{ reverse_url('export_project_sqlite', project.id) }}" class="w-100 btn btn-outline-primary" role="button">{% trans %}Export project{% endtrans %}</a></p>
+                    <div class="dropdown mb-3">
+                        <button class="w-100 btn btn-outline-primary dropdown-toggle" type="button" id="dropdown-codebook" data-test-id="dropdown-codebook" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                            {% trans %}Export codebook{% endtrans %}
+                        </button>
+                        <ul class="dropdown-menu" aria-labelledby="dropdown-codebook">
+                            <button type="button" class="dropdown-item" id="codebook-viz-trigger">{% trans %}Image{% endtrans %}</button>
+                            <li><hr class="dropdown-divider"></li>
+                            <!-- these need to be fixed after changing to a hierarchical tag logic
+                            <a href="{{ reverse_url('export_codebook_qdc', project.id) }}" class="dropdown-item">{% trans %}QDC (XML){% endtrans %}</a>
+                            -->
+                            <a href="{{ reverse_url('export_codebook_xlsx', project.id) }}" class="dropdown-item">{% trans %}Excel{% endtrans %}</a>
+                            <a href="{{ reverse_url('export_codebook_csv', project.id) }}" class="dropdown-item">{% trans %}CSV{% endtrans %}</a>
+                            <a href="{{ reverse_url('export_codebook_doc', project.id, 'html') }}" class="dropdown-item">{% trans %}HTML{% endtrans %}</a>
+                            <a href="{{ reverse_url('export_codebook_doc', project.id, 'docx') }}" class="dropdown-item">{% trans %}DOCX{% endtrans %}</a>
+                            <a href="{{ reverse_url('export_codebook_doc', project.id, 'pdf') }}" class="dropdown-item">{% trans %}PDF{% endtrans %}</a>
+                        </ul>
+                    </div>
+
+                    {% if can_import_codebook %}
+                    <p><a href="{{ reverse_url('import_codebook', project.id) }}" class="w-100 btn btn-outline-primary" type="button">{% trans %}Import codebook{% endtrans %}</a></p>
+                    {% endif %}
+
+                    {% if can_delete_project %}
+                    <p><a href="{{ reverse_url('delete_project', project.id) }}" class="w-100 btn btn-outline-danger">{% trans %}Delete project{% endtrans %}</a></p>
+                    {% endif %}
+                </div>
+            </div>
+
+        </div>
+
+    </div>
+
+</div>

taguette/templates/partials/spinner.html

@@ -0,0 +1,11 @@
+<div id="spinner-modal" class="modal bd-example-modal-lg" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1">
+    <div class="modal-dialog modal-sm">
+        <div class="modal-content">
+            <div id="spinner"></div>
+            <div id="progress" class="progress">
+                <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
+            </div>
+            <button class="cancel btn btn-secondary">{% trans %}Cancel{% endtrans %}</button>
+        </div>
+    </div>
+</div>

taguette/templates/permissions.html

@@ -0,0 +1,54 @@
+{% extends "base.html" %}
+
+{% block title %}{% trans %}Grant permissions{% endtrans %} | LibreQDA{% endblock %}
+
+{% block contents %}
+    <p>{% trans %}To use this instance of LibreQDA, users outside the <a href="https://www.canarie.ca/identity/caf/">Canadian Access Federation (CAF)</a> must be sponsored{% endtrans %}.</p>
+
+    <h3>{% trans %}Grant permissions{% endtrans %}:</h3>
+    <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="PROJECT_ADMIN">{% trans "permission level" %}Can create projects{% endtrans %}</option>
+                    </select>
+                </div>
+                <button type="submit" class="btn btn-info col-md-4 form-group">{% trans "form submit button" %}Update role{% endtrans %}</button>
+            </div>
+        </fieldset>
+    </form>
+    <h4>{% trans %}Users that you approved{% endtrans %}</h4>
+    <form id="members-current">
+    </form>
+
+    <button type="button" id="members-submit" class="btn btn-primary">{% trans %}Save{% endtrans %}</button>
+    <a href="{{ reverse_url('index') }}" class="btn btn-secondary">{% trans %}Cancel{% endtrans %}</a>
+
+    <!-- Spinner modal -->
+    {% include 'partials/spinner.html' %}
+
+    <!-- Alert modal -->
+    {% include 'partials/alert.html' %}
+{% endblock %}
+
+
+{% block morejs %}
+    <script type="text/javascript" src="{{ reverse_url('trans.js') }}?lang={{ user.language }}"></script>
+    <!-- Utilities -->
+    <script type="text/javascript" src="{{ static_url('js/utilities.js') }}"></script>
+    <script type="text/javascript" src="{{ static_url('js/permissions.js') }}"></script>
+
+    <script type="text/javascript">
+        const user_login = {{ user_login }};
+        let members = {{ members }};
+        showMembers();
+    </script>
+{% endblock %}

taguette/templates/project.html

@@ -0,0 +1,288 @@
+{% extends "base.html" %}
+{% set active_page = "project" %}
+
+{% block styles %}
+<link rel="stylesheet" href="{{ static_url('css/vendor/hierarchy-select.min.css') }}">
+<link rel="stylesheet" href="{{ static_url('css/vendor/bootstrap-treeview.min.css') }}">
+<link rel="stylesheet" href="{{ static_url('css/vendor/jquery.contextMenu.min.css') }}">
+{% endblock %}
+
+{% block title %}{{ project.name }} | LibreQDA{% endblock %}
+
+{% block containerclass %}container-fluid{% endblock %}
+
+{% block contents %}
+<div class="row flex-column flex-md-row">
+    <!-- Left panel -->
+    <div class="col-12 col-md-2-5 order-2 order-md-1" id="left-panel">
+        {% include 'partials/project_sidebar.html' %}
+        <div class="bordered-container sticky-top">
+            <div class="codebook-header-wrap px-2 pt-2 pb-1 d-flex align-items-start gap-2">
+                <div class="panel-side-controls d-flex flex-column align-items-center gap-1 flex-shrink-0">
+                    <button id="toggle-left-panel" class="btn btn-sm btn-outline-secondary" title="{% trans %}Toggle panel{% endtrans %}">
+                        <i class="fas fa-chevron-left"></i>
+                    </button>
+                    <button type="button" class="btn border-0 btn-sm" id="tag-treeview-help-icon"
+                            title="{% trans %}Tips{% endtrans %}">
+                        <i class="fas fa-question-circle"></i>
+                    </button>
+                </div>
+                <div class="codebook-toolbar panel-content flex-grow-1 min-width-0">
+                    <div class="compact-toggle-wrap form-check form-switch mb-0 d-flex align-items-center">
+                        <input class="form-check-input me-1" type="checkbox" role="switch"
+                            id="compact-layout-toggle" onchange="toggleCompactLayout()"
+                            {% if project.compact_layout %}checked{% endif %}>
+                        <label class="form-check-label small" for="compact-layout-toggle">
+                            {% trans %}Compact{% endtrans %}
+                        </label>
+                    </div>
+                    <a id="create-tag-link" class="btn btn-sm btn-primary rounded-4 codebook-toolbar-btn"
+                        href="javascript:createTag()" data-test-id="create-tag-link"
+                        title="{% trans %}Create a code{% endtrans %}">
+                        <i class="fas fa-plus"></i><span class="btn-label"> {% trans %}Create a code{% endtrans %}</span>
+                    </a>
+                    <a id="explore-codes-link" class="btn btn-sm btn-outline-primary rounded-4 codebook-toolbar-btn"
+                        href="javascript:openExploreCodes()" data-test-id="explore-codes-link"
+                        title="{% trans %}Explore codes{% endtrans %}">
+                        <i class="fas fa-search"></i><span class="btn-label"> {% trans %}Explore codes{% endtrans %}</span>
+                    </a>
+                    <div class="dropdown">
+                        <button class="btn btn-sm rounded-4 btn-outline-primary" type="button"
+                            id="tag-more-action-button" data-bs-toggle="dropdown" data-bs-auto-close="outside"
+                            aria-haspopup="true" aria-expanded="false"
+                            title="{% trans %}More actions{% endtrans %}">
+                            <i class="fas fa-bars"></i><span class="btn-label"> {% trans %}More actions{% endtrans %}</span>
+                        </button>
+                        <div class="dropdown-menu" id="tag-menu-more-actions"
+                            aria-labelledby="tag-more-action-button">
+                            <h6 class="dropdown-header">{% trans %}Sort by{% endtrans %}</h6>
+                            <a class="dropdown-item sort-option active" data-sort-field="path" data-sort-dir="asc" href="javascript:sortTagsBy('path', 'asc')">{% trans
+                                %}Text [a&rarr;z]{% endtrans %}</a>
+                            <a class="dropdown-item sort-option" data-sort-field="path" data-sort-dir="desc" href="javascript:sortTagsBy('path', 'desc')">{% trans %}Text
+                                [z&rarr;a]{% endtrans %}</a>
+                            {% if not user.hide_code_counts %}
+                            <a class="dropdown-item sort-option" data-sort-field="count" data-sort-dir="asc" href="javascript:sortTagsBy('count', 'asc')">{% trans %}Count
+                                [0&rarr;9]{% endtrans %}</a>
+                            <a class="dropdown-item sort-option" data-sort-field="count" data-sort-dir="desc" href="javascript:sortTagsBy('count', 'desc')">{% trans %}Count
+                                [9&rarr;0]{% endtrans %}</a>
+                            {% endif %}
+                            <div class="dropdown-divider"></div>
+                            <a id="load-all-tags" class="dropdown-item" href="/project/{{ project.id }}/highlights/"
+                                data-test-id="see-all-highlights-button">{% trans %}See all highlights{% endtrans
+                                %}</a>
+                            <a class="dropdown-item" href="javascript:expandAllNodes(treeview_tags)">{% trans
+                                %}Expand all{% endtrans %}</a>
+                            <a class="dropdown-item" href="javascript:collapseAllNodes(treeview_tags)">{% trans
+                                %}Collapse all{% endtrans %}</a>
+                            <div class="dropdown-divider"></div>
+                            <button type="button" class="dropdown-item" id="dropdown-tips-btn">
+                                <i class="fas fa-question-circle me-1"></i> {% trans %}Tips{% endtrans %}
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="mb-2 panel-content">
+                <div class="form-group">
+                    <input type="text" class="form-control" id="input-search-tags" autocomplete="off" placeholder="{% trans " tag change
+                        form placeholder" %}Search for a code{% endtrans %}">
+                </div>
+                <div id="tag-selection-criteria-area" class="tag-selection-box mt-3 mb-3">
+                </div>
+                <p id="tag-selection-return"><a href="">{% trans %}Back to highlights{% endtrans %}</a></p>
+                <div id="treeview-tags"></div>
+                <div class="alert alert-info mt-2 d-none" role="alert" id="alert-tag-treeview">
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Right panel -->
+    <div class="col-12 col-md-7-5 order-3 order-md-2" id="middle-panel">
+
+        {% include 'partials/document_toolbar.html' %}
+
+        <div id="document-view" class="document-view">
+            <div id="document-contents">
+                <p style="font-style: oblique; text-align: center;">{% trans %}Load a document from your bookmarks or on
+                    the right{% endtrans %}</p>
+            </div>
+        </div>
+
+        <button id="scroll-to-top-button" class="btn btn-primary rounded-circle scroll-btn d-none"
+            title="Scroll to top">
+            <i class="fas fa-arrow-up"></i>
+        </button>
+
+    </div>
+
+    <!-- List of documents -->
+    <div class="col-12 col-md-2-5 order-1 order-md-3" id="right-panel">
+        <div class="bordered-container sticky-top">
+            <div class="documents-header-wrap px-2 pt-2 pb-1 d-flex align-items-start gap-2">
+                <div class="document-toolbar panel-content flex-grow-1 min-width-0">
+                    <a class="btn btn-sm btn-outline-primary rounded-4 codebook-toolbar-btn"
+                        href="javascript:createCollection()" data-test-id="create-collection-link"
+                        title="{% trans %}Add a collection{% endtrans %}">
+                        <i class="fas fa-folder-plus"></i> {% trans %}Collection{% endtrans %}
+                    </a>
+                    <a class="btn btn-sm btn-primary rounded-4 codebook-toolbar-btn" href="javascript:createDocument()"
+                        data-test-id="create-document-link"
+                        title="{% trans %}Add a document{% endtrans %}">
+                        <i class="fas fa-plus"></i> {% trans %}Documents{% endtrans %}
+                    </a>
+                </div>
+                <div class="panel-side-controls d-flex flex-column align-items-center gap-1 flex-shrink-0">
+                    <button id="toggle-right-panel" class="btn btn-sm btn-outline-secondary" title="{% trans %}Toggle panel{% endtrans %}">
+                        <i class="fas fa-chevron-right"></i>
+                    </button>
+                    <button type="button" class="btn border-0 btn-sm" id="treeview-help-icon"
+                            title="{% trans %}Tips{% endtrans %}">
+                        <i class="fas fa-question-circle"></i>
+                    </button>
+                </div>
+            </div>
+            <div class="panel-content px-2 pb-1">
+                <input type="text" class="form-control" id="input-search-titles" autocomplete="off"
+                    placeholder="{% trans %}Search titles{% endtrans %}">
+            </div>
+            <!-- Documents treeview -->
+            <div class="panel-content" id="treeview-documents">
+                <div class="list-group-item disabled">{% trans %}Loading...{% endtrans %}</div>
+            </div>
+            <div class="alert alert-info mt-2 d-none" role="alert" id="alert-title-search"></div>
+        </div>
+    </div>
+</div>
+
+{% if is_demo == 'true' %}
+<button id="start-tutorial" class="btn btn-primary rounded-4">{% trans %}Resume tutorial{% endtrans %}</button>
+{% endif %}
+
+<!-- Manage collaborators modal -->
+{% include 'modal/manage_collaborators.html' %}
+
+<!-- Add document modal -->
+{% include 'modal/create_document.html' %}
+
+<!-- Add collection modal -->
+{% include 'modal/create_collection.html' %}
+
+<!-- Change document modal -->
+{% include 'modal/change_document.html' %}
+
+<!-- Add/change highlight modal -->
+{% include 'modal/create_highlight.html' %}
+
+<!-- Explore codes modal -->
+{% include 'modal/explore_codes.html' %}
+
+<!-- Merge tags modal -->
+{% include 'modal/create_tag.html' %}
+
+<!-- Add/change tag modal -->
+{% include 'modal/create_tag.html' %}
+
+<!-- Merge tags modal -->
+{% include 'modal/merge_tag.html' %}
+
+<!-- Spinner modal -->
+{% include 'partials/spinner.html' %}
+
+<!-- Alert modal -->
+{% include 'partials/alert.html' %}
+
+<!-- Confirm modal -->
+{% include 'partials/confirm.html' %}
+
+<!-- Codebook visualization modal -->
+{% include 'partials/codebook_viz_modal.html' %}
+
+<!-- Initial state -->
+<script type="text/javascript">
+    const user_login = {{ user_login }};
+    const project_id = {{ project.id }};
+    const hideCodeCounts = {{ 'true' if user.hide_code_counts else 'false' }};
+    const projectCompactLayout = {{ 'true' if project.compact_layout else 'false' }};
+    const version = '{{ version }}';
+    let documents = {{ documents }};
+    let tags = {{ tags }};
+    let members = {{ members }};
+    let highlights = {};
+    let last_event = {{ last_event }};
+    let is_demo = {{ is_demo }};
+    let demo_highlights_location = {{ demo_highlights_location }};
+    let collections = {{ collections }};
+</script>
+
+<script type="text/javascript" src="{{ reverse_url('trans.js') }}?lang={{ user.language }}"></script>
+
+<!-- "New highlight" button shown after selecting text -->
+{% include 'partials/hlinfo.html' %}
+
+{% endblock %}
+
+{% block morejs %}
+
+<!-- Should minify this but I hate NPM -->
+
+<!-- Utilities -->
+<script type="text/javascript" src="{{ static_url('js/utilities.js') }}"></script>
+
+<!-- libraries -->
+<script type="text/javascript" src="{{ static_url('js/vendor/hierarchy-select.min.js') }}"></script>
+<script type="text/javascript" src="{{ static_url('js/vendor/bootstrap-treeview-custum.min.js') }}"></script>
+<script type="text/javascript" src="{{ static_url('js/vendor/jquery.contextMenu.min.js') }}"></script>
+
+<!-- tag -->
+<script type="text/javascript" src="{{ static_url('js/tag/manager.js') }}"></script>
+<script type="text/javascript" src="{{ static_url('js/tag/hierarchy-select.js') }}"></script>
+<script type="text/javascript" src="{{ static_url('js/tag/treeview.js') }}"></script>
+<script type="text/javascript" src="{{ static_url('js/tag/context-menu.js') }}"></script>
+<script type="text/javascript" src="{{ static_url('js/tag/explore-codes.js') }}"></script>
+
+<!-- collection -->
+<script type="text/javascript" src="{{ static_url('js/collection/manager.js') }}"></script>
+<script type="text/javascript" src="{{ static_url('js/collection/hierarchy-select.js') }}"></script>
+<script type="text/javascript" src="{{ static_url('js/collection/context-menu.js') }}"></script>
+
+<!-- highlight system -->
+<script type="text/javascript" src="{{ static_url('js/highlight/renderer.js') }}"></script>
+<script type="text/javascript" src="{{ static_url('js/highlight/loader.js') }}"></script>
+<script type="text/javascript" src="{{ static_url('js/highlight/crud.js') }}"></script>
+<script type="text/javascript" src="{{ static_url('js/highlight/extracts.js') }}"></script>
+
+<!-- search documents -->
+<script type="text/javascript" src="{{ static_url('js/project/search.js') }}"></script>
+
+<!-- core -->
+<script type="text/javascript" src="{{ static_url('js/taguette.js') }}"></script>
+
+<!-- document -->
+<script type="text/javascript" src="{{ static_url('js/document/manager.js') }}"></script>
+<script type="text/javascript" src="{{ static_url('js/document/custom-select.js') }}"></script>
+<script type="text/javascript" src="{{ static_url('js/document/treeview.js') }}"></script>
+<script type="text/javascript" src="{{ static_url('js/document/context-menu.js') }}"></script>
+
+<!-- codebook visualization -->
+<script type="text/javascript" src="{{ static_url('js/codebook-viz.js') }}"></script>
+
+<!-- others -->
+<script type="text/javascript" src="{{ static_url('js/polling-event.js') }}"></script>
+
+<script type="text/javascript">
+    $(document).ready(function () {
+
+        sortTagsBy('path', 'asc');
+        addContextMenu();
+
+        // Initialize document treeview
+        initDocumentsTreeview();
+
+    });
+
+</script>
+
+<script src="{{ static_url('js/project/intro.js') }}"></script>
+
+{% endblock %}

taguette/templates/project_delete.html

@@ -0,0 +1,17 @@
+{% extends "base.html" %}
+
+{% block title %}{% trans "page title" %}Delete project{% endtrans %} | LibreQDA{% endblock %}
+
+{% block contents %}
+<h1>{% trans "title" %}Delete project: confirm?{% endtrans %}</h1>
+{% set project_name %}<span style="font-family: monospace, monospace;">{{ project.name }}</span>{% endset %}
+<p class="lead">{% trans "project delete page" %}Name: {{ project_name }}{% endtrans %}</p>
+<p>{% trans %}Are you sure you want to delete this project? It currently has <strong>{{ documents }} documents and {{ highlights }} highlights in {{ tags }} tags</strong>. There is no way to undo.{% endtrans %}</p>
+<form action="{{ reverse_url('delete_project', project.id) }}" method="post">
+  {{ xsrf_form_html() }}
+  <div class="form-group">
+    <button type="submit" class="btn btn-danger">{% trans "submit button" %}Delete forever{% endtrans %}</button>
+    <a href="{{ reverse_url('project', project.id) }}" class="btn btn-secondary">{% trans "cancel button" %}Go back{% endtrans %}</a>
+  </div>
+</form>
+{% endblock %}

taguette/templates/project_import.html

@@ -0,0 +1,122 @@
+{% extends "base.html" %}
+
+{% block title %}{% trans "page title" %}Import project{% endtrans %} | LibreQDA{% endblock %}
+
+{% block contents %}
+<h1>{% trans "title" %}Import a project{% endtrans %}</h1>
+
+<form class="mt-3" onsubmit="javascript:importProject();return false;">
+  {{ xsrf_form_html() }}
+  <div class="form-group row">
+    <label for="project-file" class="col-sm-2 col-form-label">{% trans "form label for project file" %}File:{% endtrans %}</label>
+    <div class="col-sm-10">
+      <input type="file" class="form-control" name="project-file" id="project-file" accept="application/x-sqlite3,.sqlite3" />
+    </div>
+  </div>
+  <div class="form-group row">
+    <label for="project" class="col-sm-2 col-form-label">{% trans "form label for project dropdown" %}Project:{% endtrans %}</label>
+    <div class="col-sm-10">
+      <select class="form-control" name="project" id="project" disabled>
+        <option>{% trans %}No file selected...{% endtrans %}</option>
+      </select>
+    </div>
+  </div>
+  <p>
+    <input type="submit" class="btn btn-primary" id="submit" value="{% trans "form submit button" %}Import project{% endtrans %}" disabled>
+  </p>
+</form>
+
+<script type="text/javascript" src="{{ reverse_url('trans.js') }}?lang={{ user.language }}"></script>
+
+<script type="text/javascript">
+var projectFile = document.getElementById('project-file');
+projectFile.addEventListener('change', function() {
+  if(!projectFile.files || !projectFile.files.length) {
+    return;
+  }
+  var file = projectFile.files[0];
+  var form_data = new FormData();
+  form_data.append('file', file);
+  var xsrf = document.cookie.match('\\b' + '_xsrf' + '=([^;]*)\\b');
+  if(xsrf) {
+    form_data.append('_xsrf', xsrf[1]);
+  }
+
+  var xhr = new XMLHttpRequest();
+  xhr.responseType = 'json';
+  xhr.open('POST', base_path + '/api/import');
+  xhr.onload = function() {
+    if(xhr.status === 200) {
+      var projectList = document.getElementById('project');
+      projectList.disabled = false;
+      projectList.innerHTML = '';
+      for(var i = 0; i < xhr.response.projects.length; ++i) {
+        var project = xhr.response.projects[i];
+        var elem = document.createElement('option');
+        elem.setAttribute('value', project.id);
+        elem.innerText = '' + project.id + ' - ' + project.name;
+        projectList.appendChild(elem);
+      }
+      document.getElementById('submit').disabled = false;
+    } else {
+      console.error("Project upload failed:", xhr.status);
+      var error = null;
+      try {
+        error = xhr.response.error;
+      } catch(e) {
+      }
+      if(!error) {
+        error = "Status " + xhr.status;
+      }
+      alert(gettext("Project upload failed!") + "\n\n" + error);
+    }
+  };
+  xhr.onerror = function(e) {
+    console.log("Project upload failed:", e);
+    alert(gettext("Project upload failed!"));
+  };
+  xhr.send(form_data);
+});
+
+function importProject() {
+  if(!projectFile.files || !projectFile.files.length) {
+    return;
+  }
+  var file = projectFile.files[0];
+  var form_data = new FormData();
+  form_data.append('project_id', parseInt(document.getElementById('project').value, 10));
+  form_data.append('file', file);
+  var xsrf = document.cookie.match('\\b' + '_xsrf' + '=([^;]*)\\b');
+  if(xsrf) {
+    form_data.append('_xsrf', xsrf[1]);
+  }
+
+  var xhr = new XMLHttpRequest();
+  xhr.responseType = 'json';
+  xhr.open('POST', base_path + '/api/import');
+  xhr.onload = function() {
+    if(xhr.status === 200) {
+      var new_project_id = xhr.response.project_id;
+      window.location.href = base_path + '/project/' + new_project_id;
+    } else {
+      console.error("Project upload failed:", xhr.status);
+      var error = null;
+      try {
+        error = xhr.response.error;
+      } catch(e) {
+      }
+      if(!error) {
+        error = "Status " + xhr.status;
+      }
+      alert(gettext("Project upload failed!") + "\n\n" + error);
+    }
+  };
+  xhr.onerror = function(e) {
+    console.log("Project upload failed:", e);
+    alert(gettext("Project upload failed!"));
+  };
+  document.getElementById('submit').disabled = true;
+  xhr.send(form_data);
+}
+</script>
+{% endblock %}

taguette/templates/project_import_codebook.html

@@ -0,0 +1,34 @@
+{% extends "base.html" %}
+
+{% block title %}{% trans "page title" %}Import codebook{% endtrans %} | LibreQDA{% endblock %}
+
+{% block contents %}
+<h1>{% trans "title" %}Import a codebook{% endtrans %}</h1>
+<p>{% trans %}Use this form to import an existing codebook into your project. Existing tags will not be deleted, new tags will be added alongside them.{% endtrans %}</p>
+<p>{% trans %}The file should have a column for the tag names, called 'name' or 'tag' or 'path'. It can also optionally have a column called 'description'. Other columns are ignored.{% endtrans %}</p>
+{% if error %}
+<div class="alert alert-danger">{{ error }}</div>
+{% endif %}
+<form action="{{ reverse_url('import_codebook', project.id) }}" method="post" enctype='multipart/form-data'>
+  {{ xsrf_form_html() }}
+  <div class="form-group row">
+    <label class="col-sm-2 col-form-label">{% trans "form label for project name (readonly)" %}Project:{% endtrans %}</label>
+    <div class="col-sm-10">
+      <span class="form-control" style="font-family: monospace, monospace;">{{ project.name }}</span>
+    </div>
+  </div>
+  <div class="form-group row">
+    <label for="file" class="col-sm-2 col-form-label">{% trans "form label for codebook file" %}File:{% endtrans %}</label>
+    <div class="col-sm-10">
+      <input type="file" class="form-control" name="file" id="file" accept="text/csv,.csv" />
+      <small>{% trans %}Accepted format: CSV{% endtrans %}</small>
+    </div>
+  </div>
+  <div class="form-group row">
+    <div class="col-sm-10 offset-sm-2">
+      <input type="submit" class="btn btn-primary" value="{% trans "form submit button" %}Review{% endtrans %}" />
+      <a href="{{ reverse_url('project', project.id) }}" class="btn btn-secondary">{% trans "cancel button" %}Go back{% endtrans %}</a>
+    </div>
+  </div>
+</form>
+{% endblock %}