From 43cd33822368b1c9820d152f636b039282f33222 Mon Sep 17 00:00:00 2001
From: Étienne Loks <etienne.loks@iggdrasil.net>
Date: Fri, 17 May 2019 11:14:52 +0200
Subject: Import set targets: UI improvments

---
 .../templates/ishtar/formset_import_match.html     | 60 ++++++++++++++++++----
 1 file changed, 51 insertions(+), 9 deletions(-)

(limited to 'ishtar_common/templates')

diff --git a/ishtar_common/templates/ishtar/formset_import_match.html b/ishtar_common/templates/ishtar/formset_import_match.html
index f37938771..076cc839a 100644
--- a/ishtar_common/templates/ishtar/formset_import_match.html
+++ b/ishtar_common/templates/ishtar/formset_import_match.html
@@ -1,11 +1,17 @@
 {% extends "base.html" %}
 {% load i18n %}
+{% block extra_head %}
+{{formset.media}}
+{% endblock %}
+{% block pre_container %}
+<form action="." method="post">{% csrf_token %}
+  {% endblock %}
 {% block content %}
 <h2>{{page_name}}</h2>
-<p><a href="{% url 'current_imports' %}">{% trans "Back to import list" %}</a></p>
+  <p class="text-center">
+    <a href="{% url 'current_imports' %}">{% trans "Back to import list" %}</a>
+  </p>
 <div class='form' id='global-vars'>
-<form action="." method="post">{% csrf_token %}
-
   {% if extra_formset.non_form_errors %}
   <div class='errors'>{{extra_formset.non_form_errors.as_ul}}</div>{% endif %}
 
@@ -15,13 +21,23 @@
   <div id="{{formset.prefix}}">
     {% for frm in formset %}{% ifchanged frm.target.value %}
     {# <table> #}{% if not forloop.first%}</table>{% endif %}
-    <table class='clean-table'>
-      <caption>{{ frm.target.field.choices.0.1 }}</caption>
+    <h4>{{ frm.target.field.choices.0.1 }}</h4>
+    <table class='clean-table' id="form-{{forloop.counter0}}">
       <tr>
         <th>{% trans "Key" %}</th>
         <th>{% trans "Value" %}</th>
         <th>{% trans "For" %}</th>
       </tr>
+      <tr>
+        <td colspan="2">
+        </td>
+        <td>
+          <select id="all-remember-{{forloop.counter0}}"><option value="">--</option>
+            {% for key, lbl in frm.remember_choices %}
+            <option value="{{key}}">{{lbl}}</option>{% endfor %}
+          </select>
+        </td>
+      </tr>
     {% endifchanged %}
       <tr>
         <td>
@@ -47,9 +63,35 @@
       {%endfor%}
 
   </div>
-
-<input type="submit" value="{% trans 'Validate' %}"/>
-</form>
 </div>
-<p><a href="{% url 'current_imports' %}">{% trans "Back to import list" %}</a></p>
+<p class="text-center">
+  <a href="{% url 'current_imports' %}">{% trans "Back to import list" %}</a>
+</p>
+  <script type="text/javascript">
+  $(document).ready(function() {{% for frm in formset %}
+    $("#all-remember-{{forloop.counter0}}").change(
+      function(){
+        var cval = $("#all-remember-{{forloop.counter0}}").val();
+        if (cval){
+          $("#form-{{forloop.counter0}} select").val(cval);
+        }
+      }
+    );
+  {% endfor %}
+  });
+  </script>
+{% endblock %}
+{% block footer %}
+<div id="footer">
+  <div id='validation-bar' class="row text-center">
+    <div class="col-sm">
+      <button type="submit" id="submit_form" name='validate'
+              value="validate" class="btn btn-success">
+        {% if submit_label %}{{submit_label}}{% else%}{% trans "Validate" %}{% endif %}
+      </button>
+    </div>
+  </div>
+  {% include 'ishtar/blocks/footer.html' %}
+</div>
+</form>
 {% endblock %}
-- 
cgit v1.2.3