From 1a05ab6a12d24f5c9c27172d924fbdbc9e5ddfbe Mon Sep 17 00:00:00 2001
From: Étienne Loks <etienne.loks@iggdrasil.net>
Date: Thu, 6 Sep 2018 18:18:07 +0200
Subject: Quick action: manage ajax form

---
 ishtar_common/templates/ishtar/qa_form.html | 31 +++++++++++++++++++++++++++--
 1 file changed, 29 insertions(+), 2 deletions(-)

(limited to 'ishtar_common/templates/ishtar')

diff --git a/ishtar_common/templates/ishtar/qa_form.html b/ishtar_common/templates/ishtar/qa_form.html
index 2df3775ea..f3a4cf559 100644
--- a/ishtar_common/templates/ishtar/qa_form.html
+++ b/ishtar_common/templates/ishtar/qa_form.html
@@ -1,30 +1,57 @@
 {% load i18n inline_formset table_form %}
 
 <div class="modal-dialog modal-lg modal-dialog-centered">
-    <div class="modal-content" id='progress-content'>
+    <div class="modal-content">
         <div class="modal-header">
             <h2>{{page_name|safe}}</h2>
             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                 <span aria-hidden="true">&times;</span>
             </button>
         </div>
-        <form enctype="multipart/form-data" action="." method="post">{% csrf_token %}
+        <form enctype="multipart/form-data" action="{{url}}" method="post"
+            id="qa-action">{% csrf_token %}
             <div class="modal-body body-scroll">
                 <div class='form'>
                     {% for error in form.non_field_errors %}
                     <p>{{ error }}</p>
                     {% endfor %}
                     {% bs_form form %}
+                    {% if confirm %}{% for field in form %}
+                    {% if field.value %}
+                    <label>{{field.label}}</label> {{ field.value }}
+                    {% endif %}
+                    {% endfor %}{% endif %}
                 </div>
             </div>
             <div class="modal-footer">
                 <button type="submit" id="submit_form" name='validate'
                         value="validate" class="btn btn-success">
+                    {% if confirm %}
+                    {% trans "Confirm" %}
+                    {% else %}
                     {% trans "Modify" %}
+                    {% endif %}
+                </button>
+                <button type="button" data-dismiss="modal"
+                        aria-label="Close" class="btn btn-secondary">
+                    {% trans "Cancel" %}
                 </button>
             </div>
         </form>
     </div>
 </div>
+<script type="text/javascript">
+    $('#qa-action').on('submit', function(event){
+        event.preventDefault();
+        $('#modal-dynamic-form').modal("hide");
+        short_wait();
+        ajax_post(
+            "{{url}}", $(this).serialize(), "#modal-dynamic-form",
+            function(){
+                $('#modal-dynamic-form').modal("show");
+            }
+        );
+    });
+</script>
 
 
-- 
cgit v1.2.3