[spalenque] - #14548 * fix nov link in faq page

Author: santipalenque

summit/code/pages/SummitQuestionsPage.php

@@ -48,7 +48,8 @@ public function init() {
 		parent::init();
 		Requirements::javascript("summit/javascript/jquery-livesearch.js");		         
         Requirements::javascript("summit/javascript/faq.js");
-	}    
+        Requirements::css("summit/css/faq.css");
+	}
 
     public function getCategorySlug($CategoryName) {
         $clean = preg_replace("/[^a-zA-Z0-9\/_|+ -]/", '', $CategoryName);

summit/css/faq.css

@@ -0,0 +1,3 @@
+.faq-link {
+	cursor: pointer;
+}

summit/javascript/faq.js

@@ -32,6 +32,14 @@
                 results.show();
             });
         });
+
+        $(".faq-link").click(function(ev) {
+            ev.preventDefault();
+            var target = $(this).data('target');
+            $('html, body').animate({
+                scrollTop: $(target).offset().top - 100
+            }, 1000);
+        });
     });
 })(jQuery);
 

summit/templates/Layout/SummitQuestionsPage.ss

@@ -18,7 +18,7 @@
                     <div class="sub-h3">Topics</div>
                     <ul>
                         <% loop $GroupedQuestions.GroupedBy(CategoryName) %>
-                        <li><a href="#Category-{$Pos}">$CategoryName</a></li>
+                        <li><a class="faq-link" data-target="#{$Top.getCategorySlug($CategoryName)}">$CategoryName</a></li>
                         <% end_loop %>                        
                     </ul>
                 </div>
@@ -43,7 +43,7 @@
 
             <% loop $GroupedQuestions.GroupedBy(CategoryName) %>
             <div class="section">
-            <h5 class="section-title" id="Category-$Pos">$CategoryName</h5>
+            <h5 class="section-title" id="{$Top.getCategorySlug($CategoryName)}">$CategoryName</h5>
                 <% loop $Children %>
                     <div class="section-item">
                             <p class="question">