From: Steve Sutton <steve@gaslightmedia.com>
Date: Thu, 22 Aug 2013 17:04:48 +0000 (+0000)
Subject: Update member profile pages
X-Git-Tag: v1.0~61
X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=2856cc5954457d777acf0bd15d0875e0c6927fed;p=web%2FMichiganTrailMaps.git

Update member profile pages

Put the description back where it was.
Remove the header for Trail Description.
Add a new tab for Gallery and put the photo gallery in there.
Change Guide to Trail Guide.
---

diff --git a/Toolkit/Members/css/member.css b/Toolkit/Members/css/member.css
index b6e83e0..fe34882 100755
--- a/Toolkit/Members/css/member.css
+++ b/Toolkit/Members/css/member.css
@@ -272,7 +272,7 @@ div.search-result-more-div a:active {
 	}
 /* Member Tabs */
 #trail_main_btn,
-#trail_descr_btn,
+#trail_gallery_btn,
 #trail_guide_btn,
 #trail_facilities_btn,
 #trail_directions_btn,
@@ -298,7 +298,7 @@ div.search-result-more-div a:active {
     overflow: visible;
 }
 #trail_main_btn:hover,
-#trail_descr_btn:hover,
+#trail_gallery_btn:hover,
 #trail_guide_btn:hover,
 #trail_facilities_btn:hover,
 #trail_directions_btn:hover,
@@ -331,7 +331,7 @@ div.search-result-more-div a:active {
 	-moz-box-shadow: inset 0 0 10px rgba(176,164,135,.7);
 	box-shadow: inset 0 0 10px rgba(176,164,135,.7);*/
 }
-#trail_descr {
+#trail_guide {
 	padding: 20px;
 	margin: 0;
 	width: 100%;
@@ -344,7 +344,7 @@ div.search-result-more-div a:active {
 	box-shadow: inset 0 0 10px rgba(176,164,135,.7);
 	display: block;
 }
-#trail_guide,
+#trail_gallery,
 #trail_facilities,
 #trail_directions,
 #trail_hours,
@@ -361,7 +361,7 @@ div.search-result-more-div a:active {
 	box-shadow: inset 0 0 10px rgba(176,164,135,.7);
 	display: none;
 }
-#trail_descr_btn.current,
+#trail_gallery_btn.current,
 #trail_guide_btn.current,
 #trail_facilities_btn.current,
 #trail_directions_btn.current,
@@ -369,6 +369,9 @@ div.search-result-more-div a:active {
 #trail_information_btn.current {
 	color: #F7931E;
 }
+#trail_desc {
+    clear: left;
+}
 #member-img-1 {
 	padding-right:0;
 	border-radius: 6px;
diff --git a/Toolkit/Members/templates/memberDetail.tpl b/Toolkit/Members/templates/memberDetail.tpl
index aef6b9f..88dc895 100644
--- a/Toolkit/Members/templates/memberDetail.tpl
+++ b/Toolkit/Members/templates/memberDetail.tpl
@@ -100,27 +100,26 @@
 			</div>
 			<div style="padding-top:16px;clear:left;">
 				<div flexy:if="distance"><b>Distance:</b> {distance:h}</div>
-				<div flexy:if="trailtype"><b>TrailType:</b> {trailtype:h}</div>
+				<div flexy:if="trailtype"><b>Trail Type:</b> {trailtype:h}</div>
 				<div flexy:if="terrain"><b>Terrain:</b> {terrain:h}</div>
 				<div flexy:if="difficulty"><b>Difficulty:</b> {difficulty:h}</div>
 			</div>
 		</div><!-- /.vcard -->
+        <div id="trail_desc" flexy:if="description">
+            <div class="text-content short-text">
+                {description:h}
+            </div>
+            <div class="show-more">
+            <a href="#">Show more</a>
+            </div>
+        </div>
 	</div><!--/#top_wrapper-->
-    <div id="trail_descr_btn" flexy:if="description" class="current">Trail Description</div>
-	<div id="trail_guide_btn" flexy:if="guide" class="">Guide</div>
+	<div id="trail_guide_btn" flexy:if="guide" class="current">Trail Guide</div>
 	<div id="trail_facilities_btn" flexy:if="facilities" class="">Facilities</div>
 	<div id="trail_directions_btn" flexy:if="directions" class="">Directions</div>
 	<div id="trail_hours_btn" flexy:if="hours" class="">Hours &amp; fees</div>
 	<div id="trail_information_btn" flexy:if="information" class="">Information</div>
-    <div id="trail_descr" flexy:if="description">
-        <h1 style="font-size: 18px;">Trail Description</h1>
-        <div class="text-content short-text">
-            {description:h}
-        </div>
-        <div class="show-more">
-        <a href="#">Show more</a>
-        </div>
-    </div>
+    <div id="trail_gallery_btn" flexy:if="photos" class="">Photos</div>
 	<div id="trail_guide" flexy:if="guide">
 		<h2>Trail Guide: </h2>{guide:h}
 	</div>
@@ -136,17 +135,19 @@
 	<div id="trail_information" flexy:if="information">
 		<h2>Information: </h2>{information:h}
 	</div>
-	<div flexy:if="photos" id="photo-gallery">
-		<ul id="Gallery" class="gallery">
-			{foreach:photos,photo}
-			<li>
-				<a class="photoimg" href="{photo[id]:h}" title="{photo[alt]}" rel="{photo[description]}"></a>
-				<img src="{photo[src]}" alt="{photo[alt]}">
-				{if:photo[alt]}<p>{photo[alt]}</p>{end:}
-			</li>
-			{end:}
-		</ul>
-	</div>
+    <div id="trail_gallery" flexy:if="photos">
+        <div id="photo-gallery">
+            <ul id="Gallery" class="gallery">
+                {foreach:photos,photo}
+                <li>
+                    <a class="photoimg" href="{photo[id]:h}" title="{photo[alt]}" rel="{photo[description]}"></a>
+                    <img src="{photo[src]}" alt="{photo[alt]}">
+                    {if:photo[alt]}<p>{photo[alt]}</p>{end:}
+                </li>
+                {end:}
+            </ul>
+        </div>
+    </div>
 </div>
 <script type="text/javascript">
 $(document).ready(function() {
diff --git a/libjs/pagefunctions.js b/libjs/pagefunctions.js
index 12dcf40..c7769d3 100755
--- a/libjs/pagefunctions.js
+++ b/libjs/pagefunctions.js
@@ -7,9 +7,6 @@ $(document).ready(function() {
     currentNav();
 
     // Add Click Handlers for the tab buttons.
-    $("#trail_descr_btn").click(function() {
-    	trailTabs(this);
-    });
     $("#trail_guide_btn").click(function() {
         trailTabs(this);
     });
@@ -25,6 +22,9 @@ $(document).ready(function() {
     $("#trail_information_btn").click(function() {
         trailTabs(this);
     });
+    $("#trail_gallery_btn").click(function() {
+        trailTabs(this);
+    });
 });
 
 function currentNav() {
@@ -40,27 +40,23 @@ function trailTabs(clickedLink) {
     //alert(clickedLink.id);
 
     // Clear all currents.
-    $("#trail_descr_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_gallery_btn").removeClass('current');
 
     // Hide all tab content.
-    //$("#top_wrapper").css('display', 'none');
-    $("#trail_descr").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_gallery").css('display', 'none');
 
     // Set this as current.
-    if (clickedLink.id == "trail_descr_btn") {
-        $("#trail_descr_btn").addClass('current');
-        $("#trail_descr").css('display', 'block');
-    } else if (clickedLink.id == "trail_guide_btn") {
+    if (clickedLink.id == "trail_guide_btn") {
         $("#trail_guide_btn").addClass('current');
         $("#trail_guide").css('display', 'block');
     } else if (clickedLink.id == "trail_facilities_btn") {
@@ -75,6 +71,9 @@ function trailTabs(clickedLink) {
     } else if (clickedLink.id == "trail_hours_btn") {
         $("#trail_hours_btn").addClass('current');
         $("#trail_hours").css('display', 'block');
+    } else if (clickedLink.id == "trail_gallery_btn") {
+        $("#trail_gallery_btn").addClass('current');
+        $("#trail_gallery").css('display', 'block');
     }
 }
 
@@ -87,7 +86,6 @@ function updateParksSelect2() {
             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'
@@ -95,7 +93,6 @@ function updateParksSelect2() {
                 $("#park").append('<option value="' + park.category_id
                         + '" ' + sel + '>'
                         + park.name + '</option>');
-                //console.log('park: ' + park.name);
             });
         }
     });