Update main serach form

Adding same feature for activity and park as the member search form has.

diff --git a/libjs/pagefunctions.js b/libjs/pagefunctions.js
index 7728538..2f4756d 100755 (executable)
--- a/libjs/pagefunctions.js
+++ b/libjs/pagefunctions.js
@@ -1,81 +1,98 @@
 $(document).ready(function() {
     // setup the search form to submit onChange
-//    $("#activity").change(function(){
-//        $("#findTrail").submit();
-//    });
-//    $("#park").change(function(){
-//        $("#findTrail").submit();
-//    });
-//    $("#county").change(function(){
-//        $("#findTrail").submit();
-//    });
+    $("#activity").change(function(){
+        updateParksSelect2();
+    });
 
-       currentNav();
+    currentNav();
 
-       // Add Click Handlers for the tab buttons.
-       //$("#trail_main_btn").click(function() {
-       //      trailTabs(this);
-       //});
-       $("#trail_guide_btn").click(function() {
-               trailTabs(this);
-       });
-       $("#trail_facilities_btn").click(function() {
-               trailTabs(this);
-       });
-       $("#trail_directions_btn").click(function() {
-               trailTabs(this);
-       });
+    // Add Click Handlers for the tab buttons.
+    //$("#trail_main_btn").click(function() {
+    // trailTabs(this);
+    //});
+    $("#trail_guide_btn").click(function() {
+        trailTabs(this);
+    });
+    $("#trail_facilities_btn").click(function() {
+        trailTabs(this);
+    });
+    $("#trail_directions_btn").click(function() {
+        trailTabs(this);
+    });
     $("#trail_hours_btn").click(function() {
-               trailTabs(this);
-       });
-       $("#trail_information_btn").click(function() {
-               trailTabs(this);
-       });
+        trailTabs(this);
+    });
+    $("#trail_information_btn").click(function() {
+        trailTabs(this);
+    });
 });
 
 function currentNav() {
-       // Find the current a and give each parent li the parent class.
-       $('#subnav ul li a').each( function (i) {
-               if($(this).parent('li').has('ul').length > 0) {
-                       $(this).parent('li').addClass('parent');
-               }
-       });
+    // Find the current a and give each parent li the parent class.
+    $('#subnav ul li a').each(function(i) {
+        if ($(this).parent('li').has('ul').length > 0) {
+            $(this).parent('li').addClass('parent');
+        }
+    });
 }
 
 function trailTabs(clickedLink) {
-       //alert(clickedLink.id);
+    //alert(clickedLink.id);
 
-       // Clear all currents.
-       //$("#trail_main_btn").removeClass('current');
-       $("#trail_guide_btn").removeClass('current');
-       $("#trail_facilities_btn").removeClass('current');
-       $("#trail_directions_btn").removeClass('current');
+    // Clear all currents.
+    //$("#trail_main_btn").removeClass('current');
+    $("#trail_guide_btn").removeClass('current');
+    $("#trail_facilities_btn").removeClass('current');
+    $("#trail_directions_btn").removeClass('current');
     $("#trail_hours_btn").removeClass('current');
-       $("#trail_information_btn").removeClass('current');
+    $("#trail_information_btn").removeClass('current');
 
-       // Hide all tab content.
-       //$("#top_wrapper").css('display', 'none');
-       $("#trail_guide").css('display', 'none');
-       $("#trail_facilities").css('display', 'none');
-       $("#trail_directions").css('display', 'none');
+    // Hide all tab content.
+    //$("#top_wrapper").css('display', 'none');
+    $("#trail_guide").css('display', 'none');
+    $("#trail_facilities").css('display', 'none');
+    $("#trail_directions").css('display', 'none');
     $("#trail_hours").css('display', 'none');
-       $("#trail_information").css('display', 'none');
+    $("#trail_information").css('display', 'none');
 
-       // Set this as current.
-       if(clickedLink.id == "trail_guide_btn") {
-               $("#trail_guide_btn").addClass('current');
-               $("#trail_guide").css('display', 'block');
-       } else if(clickedLink.id == "trail_facilities_btn") {
-               $("#trail_facilities_btn").addClass('current');
-               $("#trail_facilities").css('display', 'block');
-       } else if(clickedLink.id == "trail_directions_btn") {
-               $("#trail_directions_btn").addClass('current');
-               $("#trail_directions").css('display', 'block');
-       } else if(clickedLink.id == "trail_information_btn") {
-               $("#trail_information_btn").addClass('current');
-               $("#trail_information").css('display', 'block');
-       } else if(clickedLink.id == "trail_hours_btn") {
-               $("#trail_hours_btn").addClass('current');
-               $("#trail_hours").css('display', 'block');
-       }
+    // Set this as current.
+    if (clickedLink.id == "trail_guide_btn") {
+        $("#trail_guide_btn").addClass('current');
+        $("#trail_guide").css('display', 'block');
+    } else if (clickedLink.id == "trail_facilities_btn") {
+        $("#trail_facilities_btn").addClass('current');
+        $("#trail_facilities").css('display', 'block');
+    } else if (clickedLink.id == "trail_directions_btn") {
+        $("#trail_directions_btn").addClass('current');
+        $("#trail_directions").css('display', 'block');
+    } else if (clickedLink.id == "trail_information_btn") {
+        $("#trail_information_btn").addClass('current');
+        $("#trail_information").css('display', 'block');
+    } else if (clickedLink.id == "trail_hours_btn") {
+        $("#trail_hours_btn").addClass('current');
+        $("#trail_hours").css('display', 'block');
+    }
+}
+
+function updateParksSelect2() {
+    $.ajax({
+        dataType: 'json',
+        url: 'ajax/form.json',
+        data: {'activityId': $("#activity").val()},
+        success: function(data) {
+            var currentVal = $("#advSearchParks").val();
+            $("#park").html('<option value="">Parks</option>');
+            $.each(data, function(index, park) {
+                //console.log(park);
+                var sel
+                        = (currentVal == park.category_id)
+                        ? ' selected'
+                        : '';
+                $("#park").append('<option value="' + park.category_id
+                        + '" ' + sel + '>'
+                        + park.name + '</option>');
+                //console.log('park: ' + park.name);
+            });
+        }
+    });
 }

diff --git a/templates/template.html b/templates/template.html
index eacedc8..b02c6d3 100755 (executable)
--- a/templates/template.html
+++ b/templates/template.html
@@ -87,7 +87,7 @@
                             name="parkId"
                             id="park"
                             flexy:if="parkSearch">
-                            <option value="">Park</option>
+                            <option value="">Parks</option>
                             <?php foreach($t->parkSearch as $id => $label) {
                                 echo '<option
                                 value="'.$id.'">