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.

diff --git a/Toolkit/Members/css/member.css b/Toolkit/Members/css/member.css
index 735d554..b60e0e1 100755 (executable)
--- 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 (file)
--- 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: {