- project overview page:

  - scrolling
  - no detail button
  - smaller folder image

public_html/deployment/classes/html.tpl.php

@@ -31,14 +31,7 @@
         {{FOOTER}}{{JSONREADY}}
 
         <script src="/deployment/bootstrap/js/bootstrap.min.js"></script>
-        <script>
-$(function() {
-    $(".optionName").popover({trigger: "hover"});
-    $("#content").hide().fadeIn(300);
-});
-
-
-        </script>
+        <script src="/deployment/js/functions.js"></script>
 
 
     </body>

public_html/deployment/classes/project.class.php

@@ -2162,11 +2162,11 @@ class project {
             foreach (array_keys($this->_aPlaces) as $sPlace){
                 $sFullbar.='<span title="'.$this->_aPlaces[$sPlace].'" style="float: left; background:#eee; height: 3px; width:'.(100/count($this->_aPlaces)).'%">'.$this->_renderBar($sPhase, $sPlace).'&nbsp;</span>';
             }
-            $sDetail=$sFullbar.'<br>'.$sPhase;
+            $sDetail=$sFullbar.'<br><a href="#h3phases" class="scroll-link">'.$sPhase.'</a>';
             
             $sPhaseImg.='
             <div class="process '.$sPhase.'">
-                <div class="details">'.$sDetail.'<br>'.$this->renderLink("phase", $sPhase).'</div>
+                <div class="details">'.$sDetail.' </div>
                 <div><img src="/deployment/images/process/bg_phase.png" alt="'.t("phase").' '.$sPhase.'"></div>
             </div>';
         }
@@ -2177,7 +2177,7 @@ class project {
                 <div class="title">'.t("versioncontrol").'</div>
                 <div class="details">
                     '.$sRepoBar.'<br>
-                    <a href="#h3repo">' . t("repositoryinfos") . '</a><br>
+                    <a href="#h3repo" class="scroll-link">' . t("repositoryinfos") . '</a><br>
                     <strong>'. $this->_aPrjConfig["build"]["type"].'</strong> '.preg_replace('/.*\@(.*):.*/','($1)',$this->_aPrjConfig["build"]["ssh"]).'<br>
                 </div>
                 <div>
@@ -2194,7 +2194,7 @@ class project {
                 <div class="title">'.t("archive").'</div>
                 <div class="details">
                     '.$sPackagebar.'<br>
-                    <a href="#h3versions">' . t("packages") . '</a><br>
+                    <a href="#h3versions" class="scroll-link">' . t("packages") . '</a><br>
                     (<strong>'.count($this->_getVersionUsage()) . '</strong>)
                 </div>
                 <div><img src="/deployment/images/process/bg_archive.png" alt="'.t("archive").'"></div>

public_html/deployment/js/functions.js

+function initSoftscroll(){
+    // http://css-tricks.com/snippets/jquery/smooth-scrolling/
+    $(function() {
+      // $('a[href*=#]:not([href=#])').click(function() {
+      $('a.scroll-link').click(function() {
+        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
+          var target = $(this.hash);
+          target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
+          if (target.length) {
+            $('html,body').animate({
+              scrollTop: target.offset().top - 70
+            }, 300);
+            return false;
+          }
+        }
+      });
+    });
+}
+
+
+$(document).ready(function() {
+    initSoftscroll();
+    $(".optionName").popover({trigger: "hover"});
+    $("#content").hide().fadeIn(300);
+});
\ No newline at end of file