Adding in trail_hours

Updating the template for trail hours and css

diff --git a/Toolkit/Members/css/member.css b/Toolkit/Members/css/member.css
index 1ccd9d0..4f6e908 100755 (executable)
--- a/Toolkit/Members/css/member.css
+++ b/Toolkit/Members/css/member.css
@@ -271,7 +271,12 @@ div.search-result-more-div a:active {
        display: inline;
        }
 /* Member Tabs */
-#trail_main_btn, #trail_guide_btn, #trail_facilities_btn, #trail_directions_btn, #trail_information_btn {
+#trail_main_btn,
+#trail_guide_btn,
+#trail_facilities_btn,
+#trail_directions_btn,
+#trail_hours_btn,
+#trail_information_btn {
        float: left;
        display: block;
        padding: 5px 10px;
@@ -282,7 +287,12 @@ div.search-result-more-div a:active {
        font-weight: bold;
        cursor: pointer;
 }
-#trail_main_btn:hover, #trail_guide_btn:hover, #trail_facilities_btn:hover, #trail_directions_btn:hover, #trail_information_btn:hover {
+#trail_main_btn:hover,
+#trail_guide_btn:hover,
+#trail_facilities_btn:hover,
+#trail_directions_btn:hover,
+#trail_hours_btn:hover,
+#trail_information_btn:hover {
        color: #F7931E;
 }
 #trail_main_btn.current {
@@ -323,7 +333,10 @@ div.search-result-more-div a:active {
        box-shadow: inset 0 0 10px rgba(176,164,135,.7);
        display: block;
 }
-#trail_facilities, #trail_directions, #trail_information {
+#trail_facilities,
+#trail_directions,
+#trail_hours,
+#trail_information {
        padding: 20px;
        margin: 0;
        width: 100%;
@@ -336,7 +349,11 @@ div.search-result-more-div a:active {
        box-shadow: inset 0 0 10px rgba(176,164,135,.7);
        display: none;
 }
-#trail_guide_btn.current, #trail_facilities_btn.current, #trail_directions_btn.current, #trail_information_btn.current {
+#trail_guide_btn.current,
+#trail_facilities_btn.current,
+#trail_directions_btn.current,
+#trail_hours_btn.current,
+#trail_information_btn.current {
        color: #F7931E;
 }
 #trail_desc {

diff --git a/Toolkit/Members/templates/memberDetail.tpl b/Toolkit/Members/templates/memberDetail.tpl
index 84d5ed2..e2ca8c3 100644 (file)
--- a/Toolkit/Members/templates/memberDetail.tpl
+++ b/Toolkit/Members/templates/memberDetail.tpl
@@ -6,9 +6,9 @@
     >
 </flexy:toJavascript>
 <div id="member-detail">
-       
+
        <div id="top_wrapper">
-               
+
                <div id="image-box" style="height: 1%; overflow: hidden;">
                        {if:addToLink}
                        <a id="add-{member_id}" class="list-add-link" rel="{member_id}" flexy:if="plink" href="{plink:h}">
@@ -102,22 +102,26 @@
                        </div><!-- /#google-div -->
 
                </div><!-- /.vcard -->
-        
-               
+
+
                <div id="trail_desc" flexy:if="description"><h1 style="font-size: 18px;">Trail Description</h1>{description:h}</div>
        </div><!--/#top_wrapper-->
-       
+
        <div id="trail_guide_btn" flexy:if="guide" class="current">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 and fees</div>
        <div id="trail_information_btn" flexy:if="information" class="">Information</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 and Fees: </h2>{hours:h}
+       </div>
        <div id="trail_directions" flexy:if="directions">
                <h2>Directions: </h2>{directions:h}
        </div>

diff --git a/libjs/pagefunctions.js b/libjs/pagefunctions.js
index f2113b2..5df7f2d 100755 (executable)
--- a/libjs/pagefunctions.js
+++ b/libjs/pagefunctions.js
@@ -25,6 +25,9 @@ $(document).ready(function() {
        $("#trail_directions_btn").click(function() {
                trailTabs(this);
        });
+    $("#trail_hours_btn").click(function() {
+               trailTabs(this);
+       });
        $("#trail_information_btn").click(function() {
                trailTabs(this);
        });
@@ -47,6 +50,7 @@ function trailTabs(clickedLink) {
        $("#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');
 
        // Hide all tab content.
@@ -54,6 +58,7 @@ function trailTabs(clickedLink) {
        $("#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');
 
        // Set this as current.
@@ -69,5 +74,8 @@ function trailTabs(clickedLink) {
        } 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');
        }
 }