.

atlas/templates/atlas/case_form.html

@@ -27,14 +27,21 @@
     }
 
 
-    function add_input_form() {
+    function add_series_input_form() {
         var form_idx = $('#id_Case_series-TOTAL_FORMS').val();
-        $('#form_set').append($('#empty_form').html().replace(/__prefix__/g, form_idx));
+        $('#series_formset').append($('#empty_form').html().replace(/__prefix__/g, form_idx));
         $('#id_Case_series-TOTAL_FORMS').val(parseInt(form_idx) + 1);
     }
 
+    function add_differential_input_form() {
+        var form_idx = $('#id_Case_casedifferential-TOTAL_FORMS').val();
+        $('#case_differential_formset').append($('#empty_form').html().replace(/__prefix__/g, form_idx));
+        $('#id_Case_casedifferential-TOTAL_FORMS').val(parseInt(form_idx) + 1);
+    }
+
     $(document).ready(function () {
-        $('#add_more').click(() => { add_input_form() });
+        $('#add_more_series').click(() => { add_series_input_form() });
+        $('#add_more_differential').click(() => { add_differential_input_form() });
     })
 
 </script>
@@ -52,8 +59,8 @@ Use this form to create a atlas case. Existing associated image sets can be adde
     </table>
     <h3>Series:</h3>
     Add image sets here. These can only be added once created (they can also be added to cases on creation).
-    <input type="button" value="Add More Series" id="add_more">
-    <div id="form_set">
+    <input type="button" value="Add More Series" id="add_more_series">
+    <div id="series_formset">
         {% for form in series_formset %}
         <ul class="no-error series-formset">
             {{form.non_field_errors}}
@@ -63,6 +70,19 @@ Use this form to create a atlas case. Existing associated image sets can be adde
         {% endfor %}
     </div>
     {{ series_formset.management_form }}
+    <h3>Differenetial:</h3>
+    Add differential here.
+    <input type="button" value="Add More Series" id="add_more_differential">
+    <div id="case_differential_formset">
+        {% for form in case_differential_formset %}
+        <ul class="no-error case_differential_formset">
+            {{form.non_field_errors}}
+            {{form.errors}}
+            {{ form.as_ul }}
+        </ul>
+        {% endfor %}
+    </div>
+    {{ case_differential_formset.management_form }}
     <input type="submit" class="submit-button" value="Submit" name="submit">
 </form>
 <div id="empty_form" style="display:none">
@@ -70,4 +90,9 @@ Use this form to create a atlas case. Existing associated image sets can be adde
         {{ series_formset.empty_form.as_ul }}
     </ul>
 </div>
+<div id="empty_form" style="display:none">
+    <ul class='no_error case_differential_formset'>
+        {{ case_differential_formset.empty_form.as_ul }}
+    </ul>
+</div>
 {% endblock %}