Merge branch 'Darredevil-master'

app/styles/docs/components.sass

@@ -1,2 +1,18 @@
 #docs-components-view
-  color: saddlebrown
+  color: saddlebrown
+
+  .row
+
+    .index-column, .documentation-column
+      overflow-y: scroll
+      overflow-x: hidden
+      min-height: 600px
+
+      > ul
+        padding: 0px 20px 20px 20px
+
+  
+    .documentation-column
+  
+      .specialList
+        list-style-type: none

app/templates/docs/components.jade

@@ -1,6 +1,23 @@
 extends /templates/base
 
+
 block content
-  ul
-    for component in components
-      li= component.get('name')
+  .row
+    .col-xs-3.index-column.nano
+      ul.nav.nav-list.list-group.nano-content
+        for component in components
+          li= component.get('name')
+          ul
+            each doc in component.attributes.propertyDocumentation
+              a(href="##{component.get('name')}#{doc.name}")
+                li
+                  | #{doc.name}
+    .col-xs-9.documentation-column.nano
+      ul.nano-content
+        for component in components
+          each doc in component.attributes.propertyDocumentation
+            li(id="#{component.get('name')}#{doc.name}")
+              | #{doc.name}
+              ul.specialList
+                li=doc.description
+  

app/views/docs/components_view.coffee

@@ -18,6 +18,7 @@ module.exports = class UnnamedView extends RootView
     
   onLoaded: ->
     console.log 'we have the components...', (c.get('name') for c in @componentDocs.models)
+    console.log 'we have the attributes...', (c.attributes for c in @componentDocs.models)
     super()
 
   getRenderData: ->