From f19f501684ac16ed6547252a338de53abd5cca01 Mon Sep 17 00:00:00 2001
From: Carl van Tonder <carl@supervacuo.com>
Date: Wed, 4 Apr 2018 13:12:00 -0400
Subject: [PATCH] Make sure showing/hiding works on page load

Fixes #53
---
 apps/map/templates/map/form.html | 39 ++++++++++++++++++++------------
 1 file changed, 24 insertions(+), 15 deletions(-)

diff --git a/apps/map/templates/map/form.html b/apps/map/templates/map/form.html
index b31bf39..c9b558e 100644
--- a/apps/map/templates/map/form.html
+++ b/apps/map/templates/map/form.html
@@ -34,16 +34,6 @@
 
   <!-- Conditional logic for hiding and un-hiding fields. -->
   <script type="text/javascript">
-    // Button classes for tab navigation
-    $('.btnNext').click(function(){
-      $('.nav-tabs > .active').next('li').find('a').trigger('click');
-    });
-
-    $('.btnPrevious').click(function(){
-      $('.nav-tabs > .active').prev('li').find('a').trigger('click');
-    });
-
-
     // Here we define the fields we need to conditionally toggle.
     // TODO: Move this knowledge out of the template
     var conditionalFields = [{
@@ -97,9 +87,6 @@
       "condition": ["N"]
     }];
 
-
-
-
     // Here we define the checkboxes that we need to use to
     // conditionally toggle fields - they use slightly different
     // logic as they rely on the 'checked' attribute rather than value.
@@ -165,7 +152,29 @@
       return array.indexOf(value) > -1;
     }
 
-    conditionalFields.forEach(addConditionalField);
-    conditionalCheckboxes.forEach(addConditionalCheckbox);
+    $(document).ready(function(){
+      // Button classes for tab navigation
+      $('.btnNext').click(function(){
+        $('.nav-tabs > .active').next('li').find('a').trigger('click');
+      });
+
+      $('.btnPrevious').click(function(){
+        $('.nav-tabs > .active').prev('li').find('a').trigger('click');
+      });
+
+      $('form').attr('novalidate', 'novalidate');
+
+      conditionalFields.forEach(addConditionalField);
+      conditionalCheckboxes.forEach(addConditionalCheckbox);
+
+      conditionalFields.forEach(function(item){
+        $(item.field).change();
+      });
+
+      conditionalCheckboxes.forEach(function(item){
+        $(item.checkbox).change();
+      });
+    });
+
   </script>
 {% endblock %}