DIV-597: Add appropriate footer for edit child verse list child views

edivorce/apps/core/static/css/main.scss

@@ -784,7 +784,7 @@ textarea {
 	color: #494949;
 	padding: 12px 15px;
 	border: solid 1px $color-grey-light;
-	line-height: 1em;
+	line-height: 24px;
 	resize: none;
 }
 /* Customizations*/

edivorce/apps/core/static/js/main.js

@@ -253,6 +253,7 @@ $(function () {
             reveal_class: "child-item-row",
             customAction: function(settings, newElement) {
                 $('.children-questions').show();
+                enableChildrenFooterNav({page:'edit'});
 
                 // Want the second list row because that is before the newElement
                 // was appended.
@@ -318,6 +319,7 @@ $(function () {
         $('.children-questions').show();
         $('.children-list').hide();
         $('.fact-sheets').hide();
+        enableChildrenFooterNav({page:'edit'});
 
         $('[type=radio]').prop('checked', false);
 
@@ -392,24 +394,35 @@ $(function () {
         }
     };
 
-    $('.child-item-row').on('click', populateChildInputFields);
-    $('#btn_save_child').on('click', function(e) {
-        e.preventDefault();
+    var returnToParent = function(options) {
         $('.children-questions').hide();
         $('.children-list').show();
-
-        var childrenData = [];
-        // The hidden row is the first now so make sure to skip it.
-        $('#claimant_children').find('tbody:first').find('tr:gt(0)').each(function() {
-           var childData = {};
-            $(this).find('.child-field').each(function() {
-               childData[$(this).attr('data-target-form-field')] = $(this).text();
+        enableChildrenFooterNav({page:'review'});
+
+        if (options !== undefined && options.persist) {
+            var childrenData = [];
+            // The hidden row is the first row so make sure to skip it.
+            $('#claimant_children').find('tbody:first').find('tr:gt(0)').each(function () {
+                var childData = {};
+                $(this).find('.child-field').each(function () {
+                    childData[$(this).attr('data-target-form-field')] = $(this).text();
+                });
+                childrenData.push(childData);
             });
-            childrenData.push(childData);
-        });
-        var jsonChildrenData = JSON.stringify(childrenData);
-        ajaxCall($(this).prop('name'), jsonChildrenData);
+            var jsonChildrenData = JSON.stringify(childrenData);
+            ajaxCall($(this).prop('name'), jsonChildrenData);
+        }
         populateChildrenFactSheets();
+    };
+
+    $('.child-item-row').on('click', populateChildInputFields);
+    $('#btn_save_child').on('click', function(e) {
+        e.preventDefault();
+        returnToParent({persist: true});
+    });
+    $('#btn_revert_child').on('click', function(e) {
+        e.preventDefault();
+        returnToParent({persist: false});
     });
 
     $('#claimant_children').each(function(){
@@ -574,6 +587,17 @@ $(function () {
     });
 });
 
+var enableChildrenFooterNav = function(page) {
+    if (page.page === 'edit') {
+        $('#children_review_buttons').hide();
+        $('#child_edit_buttons').show();
+    } else if (page.page === 'review') {
+        $('#children_review_buttons').show();
+        $('#child_edit_buttons').hide();
+    }
+    window.scrollTo(0, 0);
+};
+
 var saveListControlRow = function(tableId) {
     var payload = [];
     var saveSelector = $(this).attr('data-save_select');

edivorce/apps/core/templates/partials/fact_sheet_excessive_debt.html

@@ -3,7 +3,7 @@
     {% input_field type="text" name="debt_name" value=debt_name maxlength="100" multiple='true' class="fact-sheet-input debt-input-field" placeholder="Name of creditor" data_save_row="true" data_save_select=".debt-input-field" data_skip_ajax="true" %}
 </td>
 <td class="fact-sheet-answer table-bordered">
-    {% input_field type="textarea" name="debt_terms" value=debt_terms maxlength="250" rows="3" multiple='true' class="fact-sheet-input debt-input-field" placeholder="Enter the terms or describe your debt" data_save_row="true" data_save_select=".debt-input-field" data_skip_ajax="true" %}
+    {% input_field type="textarea" name="debt_terms" value=debt_terms maxlength="250" rows="1" multiple='true' class="fact-sheet-input debt-input-field" placeholder="Enter the terms or describe your debt" data_save_row="true" data_save_select=".debt-input-field" data_skip_ajax="true" %}
 </td>
 <td class="fact-sheet-answer table-bordered">
     <div class="dollar-prefix">

edivorce/apps/core/templates/partials/fact_sheet_supporting_person.html

@@ -8,7 +8,7 @@
     {% input_field type="text" name=relationship_field value=relationship maxlength="150" class=input_field_classes placeholder="" data_save_row="true" data_skip_ajax="true" data_save_select=save_selector %}
 </td>
 <td class="fact-sheet-answer table-bordered">
-    {% input_field type="textarea" name=reason_field value=reason maxlength="500" multiple="true" class=input_field_classes placeholder="" data_save_row="true" data_skip_ajax="true" data_save_select=save_selector %}
+    {% input_field type="textarea" name=reason_field value=reason maxlength="500" rows="1" multiple="true" class=input_field_classes placeholder="" data_save_row="true" data_skip_ajax="true" data_save_select=save_selector %}
 </td>
 {% endwith %}
 

edivorce/apps/core/templates/question/06_children_your_children.html

@@ -250,12 +250,6 @@
             </p>
         </div>
     </div>
-
-    <span class="form-buttons clearfix">
-        <a class="btn btn-primary" href="#" id="btn_save_child" name="claimant_children">
-            <i class="fa fa-floppy-o"></i>&nbsp Save Child
-        </a>
-    </span>
 </div>
 
 <div id="fact_sheet_b" class="question-well fact-sheets" hidden>
@@ -599,8 +593,18 @@
 </div>
 {% endblock %}
 
-{% block formBack %}{% prev_step step='children' sub_step='your_children' %}{% endblock %}
-{% block formNext %}{% next_step step='children' sub_step='your_children' %}{% endblock %}
+{% block formbuttons %}
+<div id="children_review_buttons" class="form-buttons clearfix">
+    <a class="btn btn-primary" href="{% prev_step step='children' sub_step='your_children' %}"><i class="fa fa-arrow-circle-o-left"></i>&nbsp;&nbsp;&nbsp;Back</a>
+    <a class="btn btn-success pull-right" href="{% next_step step='children' sub_step='your_children' %}">Next&nbsp;&nbsp;&nbsp;<i class="fa fa-arrow-circle-o-right"></i></a>
+    <a class="btn btn-primary pull-right save-spinner" href="{% url 'overview' %}"><i class="fa fa-floppy-o"></i>&nbsp;&nbsp;&nbsp;Save and return later</a>
+</div>
+<div id="child_edit_buttons" class="form-buttons clearfix" hidden>
+    <a class="btn btn-primary" id="btn_revert_child" href="#"><i class="fa fa-arrow-circle-o-left"></i>&nbsp;&nbsp;&nbsp;Back</a>
+    <a class="btn btn-success pull-right" id="btn_save_child" name="claimant_children" href="#">Save changes&nbsp;&nbsp;&nbsp;<i class="fa fa-floppy-o"></i></a>
+    <a class="btn btn-primary pull-right save-spinner" href="{% url 'overview' %}"><i class="fa fa-floppy-o"></i>&nbsp;&nbsp;&nbsp;Save and return later</a>
+</div>
+{% endblock %}
 
 {% block sidebarText %}
     <p><strong>Sole Custody Example</strong></p>