From 81b227dd8b1da3c644083c7a72a2bfd8ebb9f354 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ses=C3=B3stris=20Vieira?= <sesostrisvieira@gmail.com>
Date: Thu, 6 Mar 2025 15:53:32 -0300
Subject: [PATCH] Import e export para bootstrap

---
 sigi/templates/admin/import_export/base.html  |  19 +---
 .../admin/import_export/change_form.html      |   1 +
 .../templates/admin/import_export/export.html | 107 ++++++++----------
 .../import_export/resource_fields_list.html   |  24 ++++
 sigi/templates/admin/submit_line.html         |  12 ++
 5 files changed, 89 insertions(+), 74 deletions(-)
 create mode 100644 sigi/templates/admin/import_export/change_form.html
 create mode 100644 sigi/templates/admin/import_export/resource_fields_list.html
 create mode 100644 sigi/templates/admin/submit_line.html

diff --git a/sigi/templates/admin/import_export/base.html b/sigi/templates/admin/import_export/base.html
index 1a7f6cf..a98b321 100644
--- a/sigi/templates/admin/import_export/base.html
+++ b/sigi/templates/admin/import_export/base.html
@@ -1,22 +1,13 @@
 {% extends "admin/base_site.html" %}
-{% load i18n admin_modify %}
-{% load admin_urls %}
-{% load static %}
+{% load i18n admin_modify admin_urls static %}
 
 {% block extrastyle %}{{ block.super }}<link rel="stylesheet" type="text/css" href="{% static "admin/css/forms.css" %}" />{% endblock %}
 
 {% if not is_popup %}
-  {% block nav-breadcrumbs %}
-    <nav aria-label="{% translate 'Breadcrumbs' %}">
-      {% block breadcrumbs %}
-        <div class="breadcrumbs">
-          <a href="{% url 'admin:index' %}">{% translate 'Home' %}</a>
-          &rsaquo; <a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
-          &rsaquo; <a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst }}</a>
-          &rsaquo; {% block breadcrumbs_last %}{% endblock %}
-        </div>
-      {% endblock %}
-    </nav>
+  {% block breadcrumbs %}
+    <li class="breadcrumb-item"><a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a></li>
+    <li class="breadcrumb-item"><a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst }}</a></li>
+    {% block breadcrumbs_last %}{% endblock %}
   {% endblock %}
 {% endif %}
 
diff --git a/sigi/templates/admin/import_export/change_form.html b/sigi/templates/admin/import_export/change_form.html
new file mode 100644
index 0000000..eb993cf
--- /dev/null
+++ b/sigi/templates/admin/import_export/change_form.html
@@ -0,0 +1 @@
+{% extends "admin/change_form.html" %}
\ No newline at end of file
diff --git a/sigi/templates/admin/import_export/export.html b/sigi/templates/admin/import_export/export.html
index dc6870d..1c4285f 100644
--- a/sigi/templates/admin/import_export/export.html
+++ b/sigi/templates/admin/import_export/export.html
@@ -10,71 +10,58 @@
 {% endblock %}
 
 {% block breadcrumbs_last %}
-{% translate "Export" %}
+  <li class="breadcrumb-item active" aria-current="page">{% translate "Export" %}</li>
 {% endblock %}
 
 {% block content %}
-{% if form.errors %}
-  {{ form.errors }}
-{% endif %}
-<form action="{{ export_url }}" method="POST">
-  {% csrf_token %}
-  {# Export request has originated from an Admin UI action #}
-  {% if form.initial.export_items %}
-    <p>
-    {% blocktranslate count len=form.initial.export_items|length %}
-      Export {{ len }} selected item.
-      {% plural %}
-      Export {{ len }} selected items.
-    {% endblocktranslate %}
-    </p>
+  {% if form.errors %}
+    {{ form.errors }}
   {% endif %}
+  <form action="{{ export_url }}" method="POST">{% csrf_token %}
+    {% for field in form.hidden_fields %}
+      {{ field }}
+    {% endfor %}    
+    {# Export request has originated from an Admin UI action #}
+    {% if form.initial.export_items %}
+      <div class="alert alert-info" role="alert">
+        {% blocktranslate count len=form.initial.export_items|length %}
+          Export {{ len }} selected item.
+        {% plural %}
+          Export {{ len }} selected items.
+        {% endblocktranslate %}
+      </div>
+    {% endif %}
 
-  {# Fields list is not required with selectable fields form #}
-  {% if not form.is_selectable_fields_form %}
-    {% include "admin/import_export/resource_fields_list.html" with import_or_export="export" %}
-  {% endif %}
-  <p></p>
+    {# Fields list is not required with selectable fields form #}
+    {% if not form.is_selectable_fields_form %}
+      {% include "admin/import_export/resource_fields_list.html" with import_or_export="export" %}
+    {% endif %}
 
-  <fieldset class="module">
-    <p style="padding: 0;">{% translate "This exporter will export the following fields:" %}</p>
-    
-    <div class="row">
-      {% for field in form.visible_fields %}
-        {% if field.name != "format" %} {# Excluindo o campo "Formato" da lista automática #}
-          <div class="col-md-4 col-lg-3 mb-4">
-            <div class="card h-100" style="width: 100%;">
-              <div class="card-body">
-                <label for="{{ field.id_for_label }}" class="form-label d-block">
-                  {{ field.label }}
-                </label>
-                {{ field }}
-                {% if field.field.help_text %}
-                  <small class="text-muted d-block mt-1">
-                    {{ field.field.help_text|safe }}
-                  </small>
-                {% endif %}
-              </div>
-            </div>
-          </div>
-        {% endif %}
-      {% endfor %}
+    <div class="d-flex gap-1 align-items-baseline my-2">
+      {{ form.format.label_tag }}<div class="flex-grow-1">{{ form.format }}</div>
+      <input type="submit" class="btn btn-outline-primary" value="{% translate "Export" %}">
     </div>
-  
-    {% for field in form.hidden_fields %}
-      {{ field }}
-    {% endfor %}
-  </fieldset>
-  
-  {# Campo "Formato" separado, posicionado de forma independente #}
-  <div class="mt-4">
-    <label for="{{ form.format.id_for_label }}" class="form-label">{{ form.format.label }}</label>
-    {{ form.format }}
-  </div>
-  
-  <div class="submit-row mt-4">
-    <input type="submit" class="btn btn-outline-primary" value="{% translate "Submit" %}">
-  </div>
-  
-</form>
+
+    <div class="card">
+      <div class="card-header">
+        {% translate "This exporter will export the following fields:" %}
+      </div>
+      <div class="card-body">
+        {% for field in form.visible_fields %}
+          {% if field.name != "format" %} {# Excluindo o campo "Formato" da lista automática #}
+            <div class="form-check">
+              {{ field.as_field_group }}
+              {% if field.field.help_text %}
+                <small class="text-muted d-block mt-1">
+                  {{ field.field.help_text|safe }}
+                </small>
+              {% endif %}
+            </div>
+          {% endif %}
+        {% endfor %}        
+      </div>
+      <div class="card-footer">
+      </div>
+    </div>    
+  </form>
 {% endblock %}
diff --git a/sigi/templates/admin/import_export/resource_fields_list.html b/sigi/templates/admin/import_export/resource_fields_list.html
new file mode 100644
index 0000000..21b934e
--- /dev/null
+++ b/sigi/templates/admin/import_export/resource_fields_list.html
@@ -0,0 +1,24 @@
+{% load i18n %}
+{% block fields_help %}
+  <div class="card">
+    <div class="card-header">
+      {% if import_or_export == "export" %}
+        {% translate "This exporter will export the following fields: " %}
+      {% elif import_or_export == "import" %}
+        {% translate "This importer will import the following fields: " %}
+      {% endif %}
+    </div>
+    <div class="card-body">
+      {% if fields_list|length <= 1 %}
+        <code>{{ fields_list.0.1|join:", " }}</code>
+      {% else %}
+        <dl>
+          {% for resource, fields in fields_list %}
+            <dt>{{ resource }}</dt>
+            <dd><code>{{ fields|join:", " }}</code></dd>
+          {% endfor %}
+        </dl>
+      {% endif %}
+    </div>
+  </div>
+{% endblock %}
diff --git a/sigi/templates/admin/submit_line.html b/sigi/templates/admin/submit_line.html
new file mode 100644
index 0000000..b00a012
--- /dev/null
+++ b/sigi/templates/admin/submit_line.html
@@ -0,0 +1,12 @@
+{% extends "admin/submit_line.html" %}
+{% load i18n djbs_extras %}
+
+{% block submit-row %}
+  {{ block.super }}
+  {% if show_change_form_export %}
+    <button type="submit" value="{% translate 'Export' %}" title="{% translate 'Export' %}" class="default btn btn-outline-success" name="_export-item">
+      {% icon "export" %}
+      {% if submit_buttons_position != "top" %}{% translate 'Export' %}{% endif %}
+    </button>
+  {% endif %}
+{% endblock %}
\ No newline at end of file