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 (executable)
--- 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 (file)
--- 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 (executable)
--- 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);
             });
         }
     });