Better nav

Author: tbranyen

index.html

@@ -122,7 +122,7 @@ <h4>Functions:</h4>
                     <li>No functions available.</li>
                     {%endif%}
                     {%each functions as function%}
-                    <li id="{{jsClassName}}/function/{{function.name}}">
+                    <li id="{{jsClassName}}/function/{{function.jsFunctionName}}">
                       <strong class="{%if not function.ignore%}is{%else%}not{%endif%} added">{{jsClassName}}#</strong><strong class="method">{{function.jsFunctionName}}</strong>
                     </li>
                     {%endeach%}

scripts/api.js

@@ -14,8 +14,6 @@
 
     var contentTemplate = combyne($(".api-content script").eq(1).html().trim());
 
-    console.log(resp);
-
     resp.forEach(function(ctor) {
       // Add nav entry.
       var anchor = $("<a href='#" + ctor.jsClassName + "'><li>" + ctor.jsClassName + "</li><ul class='subnav'></ul></a>").appendTo(listApi);
@@ -27,7 +25,7 @@
 
       ctor.functions.forEach(function(func) {
         var isPrototype = func.isPrototypeMethod ? "#" : ".";
-        anchor.find(".subnav").append("<li>" + ctor.jsClassName + isPrototype + func.jsFunctionName + "</li>");
+        anchor.find(".subnav").append("<a href='#" + ctor.jsClassName + "/function/" + func.jsFunctionName + "'><li>" + ctor.jsClassName + isPrototype + func.jsFunctionName + "</li></a>");
       });
     });
 

styles/api.css

@@ -41,6 +41,10 @@
   margin-right: 10px;
 }
 
+#list-api a.active .subnav a {
+  padding: 0;
+}
+
 #list-api a:hover, #list-api a.active {
   background: #353535;
   color: #FFF;