From 160a1bd7be6223904ed84c85d0889d43ed73db87 Mon Sep 17 00:00:00 2001
From: Steve Sutton <steve@gaslightmedia.com>
Date: Wed, 28 Aug 2013 13:27:24 +0000
Subject: [PATCH] Update member profile page

Take out the more less scripting
Move the Photos tab to first position in the tabs.
Remove all header text in the tabs.
Trail Guide
Facilities
Directions
Hours & Fees
Information
as the tab itself is highlighted when selected.
---
 Toolkit/Members/css/member.css             |  4 +-
 Toolkit/Members/templates/memberDetail.tpl | 98 +++++-----------------
 2 files changed, 21 insertions(+), 81 deletions(-)

diff --git a/Toolkit/Members/css/member.css b/Toolkit/Members/css/member.css
index 735d554..b60e0e1 100755
--- a/Toolkit/Members/css/member.css
+++ b/Toolkit/Members/css/member.css
@@ -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_guide {
+#trail_gallery {
 	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_gallery,
+#trail_guide,
 #trail_facilities,
 #trail_directions,
 #trail_hours,
diff --git a/Toolkit/Members/templates/memberDetail.tpl b/Toolkit/Members/templates/memberDetail.tpl
index 7a39018..87ced13 100644
--- a/Toolkit/Members/templates/memberDetail.tpl
+++ b/Toolkit/Members/templates/memberDetail.tpl
@@ -1,22 +1,3 @@
-<style>
-.show-more {
-    padding: 10px 0;
-    text-align: center;
-}
-.show-more a {
-    font-weight: bold;
-    font-size: 16px;
-}
-.short-text {
-    overflow: hidden;
-    height: 16em;
-}
-
-.full-text{
-    height: auto;
-    overflow: visible;
-}
-</style>
 <flexy:toJavascript
 	flexy:prefix="glm_"
 	base_url="base_url"
@@ -111,35 +92,15 @@
 			</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>
+            {description:h}
         </div>
 	</div><!--/#top_wrapper-->
-	<div id="trail_guide_btn" flexy:if="guide" class="current">Trail Guide</div>
+    <div id="trail_gallery_btn" flexy:if="photos" class="current">Photos</div>
+	<div id="trail_guide_btn" flexy:if="guide" class="">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_gallery_btn" flexy:if="photos" class="">Photos</div>
-	<div id="trail_guide" flexy:if="guide">
-		<h2>Trail Guide: </h2>{guide:h}
-	</div>
-	<div id="trail_facilities" flexy:if="facilities">
-		<h2>Facilities: </h2>{facilities:h}
-	</div>
-	<div id="trail_hours" flexy:if="hours">
-		<h2>Hours &amp; Fees: </h2>{hours:h}
-	</div>
-	<div id="trail_directions" flexy:if="directions">
-		<h2>Directions: </h2>{directions:h}
-	</div>
-	<div id="trail_information" flexy:if="information">
-		<h2>Information: </h2>{information:h}
-	</div>
     <div id="trail_gallery" flexy:if="photos">
         <div id="photo-gallery">
             <ul id="Gallery" class="gallery">
@@ -153,46 +114,25 @@
             </ul>
         </div>
     </div>
+	<div id="trail_guide" flexy:if="guide">
+		{guide:h}
+	</div>
+	<div id="trail_facilities" flexy:if="facilities">
+		{facilities:h}
+	</div>
+	<div id="trail_hours" flexy:if="hours">
+		{hours:h}
+	</div>
+	<div id="trail_directions" flexy:if="directions">
+		{directions:h}
+	</div>
+	<div id="trail_information" flexy:if="information">
+		{information:h}
+	</div>
+
 </div>
 <script type="text/javascript">
 $(document).ready(function() {
-    $(".show-more a").each(function() {
-        var $link = $(this);
-        var $content = $link.parent().prev("div.text-content");
-
-        var visibleHeight = $content[0].clientHeight;
-        var actualHide = $content[0].scrollHeight - 1;
-
-        if (actualHide > visibleHeight) {
-            $link.show();
-        } else {
-            $link.hide();
-        }
-    });
-
-    $(".show-more a").on("click", function() {
-        var $link = $(this);
-        var $content = $link.parent().prev("div.text-content");
-        var linkText = $link.text();
-
-        $content.toggleClass("short-text, full-text");
-
-        $link.text(getShowLinkText(linkText));
-
-        return false;
-    });
-
-    function getShowLinkText(currentText) {
-        var newText = '';
-
-        if (currentText.toUpperCase() === "SHOW MORE") {
-            newText = "Show Less";
-        } else {
-            newText = "Show More";
-        }
-
-        return newText;
-    }
 	$("#member-logo1").fancybox({
 		helpers: {
 			title: {
-- 
2.17.1