[soc2009/admin-ui] First steps to dynamically add stacked inlines. Upon loading the change list page, all extra inline fields are hidden and an "Add" link is shown at the bottom.

Currently, clicking on the link will only re-show the hidden extra inlines; it won't add any new ones. Proper addition is going to be in the next check-in.


git-svn-id: http://code.djangoproject.com/svn/django/branches/soc2009/admin-ui@10939 bcc190cf-cafb-0310-a4f2-bffc1f526a37

Author: zain

django/contrib/admin/media/css/forms.css

@@ -325,3 +325,6 @@ fieldset.monospace textarea {
     padding-left: 14px;
 }
 
+.add_inline {
+    display: none;
+}

django/contrib/admin/options.py

@@ -868,6 +868,7 @@ def change_view(self, request, object_id, extra_context=None):
             'root_path': self.admin_site.root_path,
             'app_label': opts.app_label,
         }
+        #import ipdb; ipdb.set_trace()
         context.update(extra_context or {})
         return self.render_change_form(request, context, change=True, obj=obj)
     change_view = transaction.commit_on_success(change_view)
@@ -1122,7 +1123,7 @@ def __init__(self, parent_model, admin_site):
 
     def _media(self):
         from django.conf import settings
-        js = []
+        js = ['js/jquery.js']
         if self.prepopulated_fields:
             js.append('js/urlify.js')
         if self.filter_vertical or self.filter_horizontal:

django/contrib/admin/templates/admin/edit_inline/stacked.html

@@ -5,7 +5,7 @@ <h2>{{ inline_admin_formset.opts.verbose_name_plural|title }}</h2>
 {{ inline_admin_formset.formset.non_form_errors }}
 
 {% for inline_admin_form in inline_admin_formset %}
-<div class="inline-related{% if forloop.last %} last-related{% endif %}">
+<div class="inline-related{% if forloop.last %} last-related{% endif %}" id="{{ inline_admin_formset.opts.verbose_name}}{{ forloop.counter }}">
   <h3><b>{{ inline_admin_formset.opts.verbose_name|title }}:</b>&nbsp;{% if inline_admin_form.original %}{{ inline_admin_form.original }}{% else %} #{{ forloop.counter }}{% endif %}
     {% if inline_admin_formset.formset.can_delete and inline_admin_form.original %}<span class="delete">{{ inline_admin_form.deletion_field.field }} {{ inline_admin_form.deletion_field.label_tag }}</span>{% endif %}
   </h3>
@@ -22,7 +22,33 @@ <h3><b>{{ inline_admin_formset.opts.verbose_name|title }}:</b>&nbsp;{% if inline
 </div>
 {% endfor %}
 
-{# <ul class="tools"> #}
-{#   <li><a class="add" href="">Add another {{ inline_admin_formset.opts.verbose_name|title }}</a></li> #}
-{# </ul> #}
+<ul class="tools add_inline">
+  <li><a id="{{ inline_admin_formset.opts.verbose_name }}-add" class="add" href="#">Add a {{ inline_admin_formset.opts.verbose_name }}</a></li>
+</ul>
+
 </div>
+
+<script type="text/javascript">
+$(function() {
+    {# TODO Zain: properly set the TOTAL_FORMS hidden input field #}
+    
+    var id_prefix = "{{ inline_admin_formset.opts.verbose_name }}";
+    var total_forms = {{ inline_admin_formset.formset.management_form.initial.TOTAL_FORMS }};
+    var initial_forms = {{ inline_admin_formset.formset.management_form.initial.INITIAL_FORMS }};
+    
+    // since javascript is turned on, unhide the "add new <inline>" link and hide the extras
+    $('.add_inline').show();
+    
+    for(var i = initial_forms + 1; i <= total_forms; i++) {
+        $('#' + id_prefix + i).hide();
+    }
+    
+    total_forms = initial_forms;
+    
+    // clicking on the "add" link will add a blank form to add a new inline object
+    $('#' + id_prefix + "-add").click(function() {
+        total_forms++;
+        $('#' + id_prefix + (total_forms)).show();
+    });
+});
+</script>