Show enabled functions and better formatting of fields

Author: tbranyen

index.html

@@ -63,9 +63,24 @@ <h4>Properties:</h4>
                     {%if not fields.length%}
                     <li>No properties available.</li>
                     {%endif%}
-                    {%each fields as field%}
-                    <li id="{{jsClassName}}/field/{{field.name}}">{{field.name}}</li>
-                    {%endeach%}
+                    <li>
+                      <table class="pure-table">
+                        <thead>
+                          <tr>
+                            <th><sub>Name</sub></th>
+                            <th><sub>Type</sub></th>
+                          </tr>
+                        </thead>
+                        <tbody>
+                          {%each fields as field%}
+                          <tr id="{{jsClassName}}/field/{{field.name}}">
+                            <td><strong>{{field.name}}</strong></td>
+                            <td>{{ field.jsClassName }}</td>
+                          </tr>
+                          {%endeach%}
+                        </tbody>
+                      </table>
+                    </li>
                   </ul>
 
                   <h4>Functions:</h4>
@@ -75,7 +90,7 @@ <h4>Functions:</h4>
                     {%endif%}
                     {%each functions as function%}
                     <li id="{{jsClassName}}/function/{{function.name}}">
-                      <strong>{{jsClassName}}#</strong><strong class="method">{{function.jsFunctionName}}</strong>
+                      <strong class="{%if not function.ignore%}is{%else%}not{%endif%} added">{{jsClassName}}#</strong><strong class="method">{{function.jsFunctionName}}</strong>
                     </li>
                     {%endeach%}
                   </ul>

styles/api.css

@@ -126,6 +126,7 @@ ul.api-contents table h3 {
   margin-top: 20px;
   padding: 10px;
   padding-left: 30px;
+  list-style: none;
 }
 
 .api-content .inner-block h3 {