Traverse directories

app/components/directory-listing/template.hbs

@@ -1,11 +1,20 @@
 <ul class="listing">
   {{#each items as |item|}}
   <li>
+    {{#if item.isFolder}}
+      {{#link-to "index" (query-params path=item.path)}}
+        <span class="icon">{{item-icon type=item.type}}</span>
+        <span class="name">{{item.name}}</span>
+        <span class="type">{{item.type}}</span>
+      {{/link-to}}
+    {{else}}
+      <!-- TODO link to item -->
       {{#link-to "index"}}
         <span class="icon">{{item-icon type=item.type}}</span>
         <span class="name">{{item.name}}</span>
         <span class="type">{{item.type}}</span>
       {{/link-to}}
+    {{/if}}
   </li>
   {{/each}}
 </ul>

app/services/storage.js

@@ -97,7 +97,9 @@ export default Service.extend({
         items.push(EmberObject.create({
           name: name,
           type: type,
-          size: item['Content-Length'] || null
+          isFolder: type === 'folder',
+          size: item['Content-Length'] || null,
+          path: path + name
         }));
       });