From: Steve Sutton <steve@gaslightmedia.com>
Date: Tue, 23 Jul 2013 14:33:17 +0000 (+0000)
Subject: Update main serach form
X-Git-Tag: v1.0~70
X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=e6480699131128ca8909f3294c2771b2ee2b782f;p=web%2FMichiganTrailMaps.git

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
--- 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
--- 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.'">