display second header in gene page and code clean up (#145)

* display second header and code clean up

Author: JiaoJiao123

app/index.html

@@ -164,15 +164,15 @@
                 </div>
             </div>
         </div>
-        <div class="subNavWrapper" ng-class="{'sub-nav-block': view.currentPage==='genes'}">
+        <div class="subNavWrapper" ng-class="{'sub-nav-block': view.currentPage === 'gene' || view.currentPage === 'variant'}">
             <div class="container">
                 <div class="subNav">
                     <!-- In order to use last child css style, add div wrapper -->
                     <div ng-show="view.subNavItems.length > 0"
                          class="pull-left col-md-9 col-lg-9 col-sm-12 col-xs-12 subNav-sxn-1">
             <span ng-repeat="item in view.subNavItems" class="item">
               <span ng-if="!item.link">{{item.content}}</span>
-              <a ng-if="item.link" ng-href="{{item.link}}" target="_self">{{item.content}}</a>
+              <a ng-if="item.link" ng-href="{{item.link}}" target="_self" uib-tooltip-placement="top" uib-tooltip="All Variants">{{item.content}}</a>
             </span>
                     </div>
 

app/scripts/app.js

@@ -193,7 +193,11 @@ angular.module('oncokbStaticApp').run(
         });
         $rootScope.$on('$routeChangeSuccess', function() {
             var path = $location.path().split('/') || [];
-            $rootScope.view.currentPage = path.length > 2 ? path[1] : '';
+            if (path.length === 5 && path[3] === 'variant') {
+                $rootScope.view.currentPage = 'variant';
+            } else {
+                $rootScope.view.currentPage = path.length > 2 ? path[1] : '';
+            }
             if (!$rootScope.view.subNavItems || $rootScope.view.subNavItems.length === 0) {
                 $.extend(true, $rootScope.view.subNavItems, $rootScope.meta.view.subNavItems);
             }