DIV-494: Updated preq step 3 to prevent user from navigate away if date is invalid on reconciliation period

edivorce/apps/core/static/js/ajax.js

@@ -33,13 +33,13 @@ var ajaxOnChange = function () {
 var getCSRFToken = function () {
     var name = 'csrftoken';
     var cookieValue = null;
-    if (document.cookie && document.cookie != '') {
+    if (document.cookie && document.cookie !== '') {
         var cookies = document.cookie.split(';');
 
         for (var i = 0; i < cookies.length; i++) {
             var cookie = $.trim(cookies[i]);
             // Does this cookie string begin with the name we want?
-            if (cookie.substring(0, name.length + 1) == (name + '=')) {
+            if (cookie.substring(0, name.length + 1) === (name + '=')) {
                 cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                 break;
             }
@@ -59,7 +59,7 @@ var ajaxCall = function(question, value){
             {
                 type: 'POST',
                 beforeSend: function (xhr, settings) {
-                    if ((settings.type == 'POST' || settings.type == 'PUT' || settings.type == 'DELETE') && !this.crossDomain) {
+                    if ((settings.type === 'POST' || settings.type === 'PUT' || settings.type === 'DELETE') && !this.crossDomain) {
                         xhr.setRequestHeader("X-CSRFToken", csrf_token);
                     }
                 },

edivorce/apps/core/static/js/functions.js

@@ -162,14 +162,14 @@ var getValue = function(el, question){
                         $(this).closest('.form-inline').find('.date')
                         .addClass('has-error');
                         $(this).closest('.form-inline').find('.form-warning')
-                            .append('<span class="help-block">You have entered date periods that overlap, please check your dates and enter each period of time separately.</span>');
+                            .append('<span class="help-block invalid-date">You have entered date periods that overlap, please check your dates and enter each period of time separately.</span>');
                     }
                 }
                 else {
                     $(this).closest('.form-inline').find('.date')
                         .addClass('has-error');
                     $(this).closest('.form-inline').find('.form-warning')
-                            .append('<span class="help-block">You have entered an end date (To:) that is earlier than the start date (From:), please check your dates and try again.</span>');
+                            .append('<span class="help-block invalid-date">You have entered an end date (To:) that is earlier than the start date (From:), please check your dates and try again.</span>');
                 }
             }
         });

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

@@ -118,7 +118,7 @@ $(function () {
         var proceedNext = $(this).data('proceed');
         if (!showAlert) {
             $(".checkbox-group input:checkbox").not(":checked").each(function () {
-                if ($(this).val() == 'Division of property and debts' || $(this).val() == 'Spousal support') {
+                if ($(this).val() === 'Division of property and debts' || $(this).val() === 'Spousal support') {
                     showAlert = true;
                 }
             });
@@ -130,6 +130,16 @@ $(function () {
         }
     });
 
+    // For Prequalification step 3
+    // If there is invalid date on reconciliation period,
+    // prevent user from navigate away from the page when user clicks next or back button, or use side navigation
+    $('#btn_reconcilaition_back, #btn_reconcilaition_next, .progress-column > a').on('click', function(e){
+        if ($('.invalid-date').is(':visible')) {
+            e.preventDefault();
+            $('.invalid-date').parent().siblings('.form-group').find('.reconciliation-from-date').focus();
+        }
+    });
+
     // spinner
     $('a.spinner').on('click', function (e) {
         e.preventDefault();

edivorce/apps/core/templates/prequalification/step_03.html

@@ -143,8 +143,8 @@
 
 {% block formbuttons %}
 <div class="form-buttons clearfix">
-    <a class="btn btn-primary" href="{% url 'prequalification' '02' %}"><i class="fa fa-arrow-circle-o-left"></i>&nbsp;&nbsp;&nbsp;Back</a>
-    <a class="btn btn-success pull-right" href="{% url 'prequalification' '04' %}">Next&nbsp;&nbsp;&nbsp;<i class="fa fa-arrow-circle-o-right"></i></a>
+    <a class="btn btn-primary" id="btn_reconcilaition_next" href="{% url 'prequalification' '02' %}"><i class="fa fa-arrow-circle-o-left"></i>&nbsp;&nbsp;&nbsp;Back</a>
+    <a class="btn btn-success pull-right" id="btn_reconcilaition_back" href="{% url 'prequalification' '04' %}">Next&nbsp;&nbsp;&nbsp;<i class="fa fa-arrow-circle-o-right"></i></a>
 </div>
 {% endblock %}