feat: export (WIP)

app/templates/export_app/fragments/export.html

@@ -0,0 +1,13 @@
+{% extends "extends/offcanvas.html" %}
+{% load crispy_forms_tags %}
+{% load i18n %}
+
+{% block title %}{% translate 'Export' %}{% endblock %}
+
+{% block body %}
+  <div class="container p-3">
+    <form method="post" action="{% url 'export_form' %}" id="export-form" class="show-loading px-1" _="on submit trigger hide_offcanvas" target="_blank">
+      {% crispy form %}
+    </form>
+  </div>
+{% endblock %}

app/templates/export_app/fragments/restore.html

@@ -0,0 +1,17 @@
+{% extends "extends/offcanvas.html" %}
+{% load crispy_forms_tags %}
+{% load i18n %}
+
+{% block title %}{% translate 'Restore' %}{% endblock %}
+
+{% block body %}
+  <div class="container p-3">
+    <form hx-post="{% url 'restore_form' %}"
+          hx-target="#generic-offcanvas"
+          id="restore-form"
+          enctype="multipart/form-data"
+          class="show-loading px-1">
+      {% crispy form %}
+    </form>
+  </div>
+{% endblock %}

app/templates/export_app/pages/form.html

@@ -1,13 +0,0 @@
-{% extends "layouts/base.html" %}
-{% load crispy_forms_tags %}
-{% load i18n %}
-
-{% block title %}{% translate 'Import Profiles' %}{% endblock %}
-
-{% block content %}
-  <div class="container p-3">
-    <form method="post" action="{% url 'export_form' %}" id="export-form">
-      {% crispy form %}
-    </form>
-  </div>
-{% endblock %}

app/templates/export_app/pages/index.html

@@ -0,0 +1,29 @@
+{% extends "layouts/base.html" %}
+{% load i18n %}
+
+{% block title %}{% translate 'Export and Restore' %}{% endblock %}
+
+{% block content %}
+  <div class="container">
+    <div class="row d-flex flex-row align-items-center justify-content-center my-5">
+      <div class="text-center w-auto mb-3">
+        <button class="btn btn-outline-success d-flex flex-column align-items-center justify-content-center p-3"
+                style="width: 100px; height: 100px;"
+                hx-get="{% url 'export_form' %}"
+                hx-target="#generic-offcanvas">
+          <i class="fa-solid fa-download mb-1"></i>
+          <span>{% trans 'Export' %}</span>
+        </button>
+      </div>
+      <div class="text-center w-auto mb-3">
+        <button class="btn btn-outline-primary d-flex flex-column align-items-center justify-content-center p-3"
+                style="width: 100px; height: 100px;"
+                hx-get="{% url 'restore_form' %}"
+                hx-target="#generic-offcanvas">
+          <i class="fa-solid fa-upload mb-1"></i>
+          <span>{% trans 'Restore' %}</span>
+        </button>
+      </div>
+    </div>
+  </div>
+{% endblock %}

app/templates/includes/navbar.html

@@ -94,7 +94,7 @@
           </ul>
         </li>
         <li class="nav-item dropdown">
-          <a class="nav-link dropdown-toggle {% active_link views='tags_index||entities_index||categories_index||accounts_index||account_groups_index||currencies_index||exchange_rates_index||rules_index||import_profiles_index||automatic_exchange_rates_index' %}"
+          <a class="nav-link dropdown-toggle {% active_link views='tags_index||entities_index||categories_index||accounts_index||account_groups_index||currencies_index||exchange_rates_index||rules_index||import_profiles_index||automatic_exchange_rates_index||export_index' %}"
              href="#" role="button"
              data-bs-toggle="dropdown"
              aria-expanded="false">
@@ -132,6 +132,8 @@
                    href="{% url 'rules_index' %}">{% translate 'Rules' %}</a></li>
             <li><a class="dropdown-item {% active_link views='import_profiles_index' %}"
                    href="{% url 'import_profiles_index' %}">{% translate 'Import' %} <span class="badge text-bg-primary">beta</span></a></li>
+            <li><a class="dropdown-item {% active_link views='export_index' %}"
+                   href="{% url 'export_index' %}">{% translate 'Export and Restore' %}</a></li>
             <li><a class="dropdown-item {% active_link views='automatic_exchange_rates_index' %}"
                    href="{% url 'automatic_exchange_rates_index' %}">{% translate 'Automatic Exchange Rates' %}</a></li>
             <li>