From 94cb9f837ae0001cc2152fed901998c6ddbcaace Mon Sep 17 00:00:00 2001
From: Étienne Loks <etienne.loks@peacefrogs.net>
Date: Thu, 22 Nov 2012 21:50:16 +0100
Subject: Inline formset: manage addition of new lines in JS

---
 chimere/static/chimere/css/forms.css               |  3 +++
 .../templates/chimere/blocks/inline_formset.html   | 23 ++++++++++++++++++++--
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/chimere/static/chimere/css/forms.css b/chimere/static/chimere/css/forms.css
index 7466bfa..58315cd 100644
--- a/chimere/static/chimere/css/forms.css
+++ b/chimere/static/chimere/css/forms.css
@@ -42,6 +42,9 @@ div.bottomform{
     height:350px;
 }
 
+#map_edit #OpenLayers_Control_MaximizeDiv{
+    display:none;
+}
 
 .map_button{
     position:absolute;
diff --git a/chimere/templates/chimere/blocks/inline_formset.html b/chimere/templates/chimere/blocks/inline_formset.html
index 139ad70..61cbd19 100644
--- a/chimere/templates/chimere/blocks/inline_formset.html
+++ b/chimere/templates/chimere/blocks/inline_formset.html
@@ -1,13 +1,13 @@
 {% load i18n %}
     {% if extra_formset.non_form_errors %}<div class='errors'>{{extra_formset.non_form_errors.as_ul}}</div>{% endif %}
     {{ formset.management_form }}
-    <table class='inline-table'>
+    <table class='inline-table' id='table_{{formset.prefix}}'>
     <caption>{% trans caption %}</caption>
     {% for frm in formset%}{%if forloop.first %}
     <tr>{% for field in frm%}{% if field.label %}
         <th>{{field.label}}</th>{% endif %}{%endfor%}
     </tr>{%endif%}
-    <tr>{% for field in frm.visible_fields %}
+    <tr id='tr_{{formset.prefix}}_{{forloop.counter0}}'>{% for field in frm.visible_fields %}
         <td>{# Include the hidden fields in the form #}
         {% if forloop.first %}
           {% for hidden in frm.hidden_fields %}
@@ -19,3 +19,22 @@
         </td>{% endfor %}
     </tr>{%endfor%}
     </table>
+    <button id='add_new_{{formset.prefix}}'>{% trans "Add" %}</button>
+    <script type='text/javascript'><!--
+    $('#add_new_{{formset.prefix}}').click(function(){
+        var total_input = $("#id_{{formset.prefix}}-TOTAL_FORMS");
+        total_input.val(parseInt(total_input.val())+1);
+        var new_line = $('#tr_{{formset.prefix}}_0').clone();
+        new_line.find('input').val('');
+        new_line.find('input[type=checkbox]').attr('checked', false);
+        new_line.find('select').val('');
+        {% for field in formset.0.visible_fields %}
+        var old_input_id = '{{formset.prefix}}-0-{{field.name}}';
+        var input_id = '{{formset.prefix}}-'+(parseInt(total_input.val())-1)+'-{{field.name}}';
+        new_line.find('#id_'+old_input_id).attr('id', 'id_'+input_id
+                                                ).attr('name', input_id);
+        {% endfor %}
+        $('#table_{{formset.prefix}}').append(new_line);
+        return false;
+    });
+    // --></script>
-- 
cgit v1.2.3