Refactor categories into rootListing

This uses proper paths with slashes everywhere, and lists documents
instead of just folders for root.

app/controllers/application.js

@@ -1,7 +1,9 @@
 import Controller from '@ember/controller';
+import EmberObject from '@ember/object';
 import { inject as service } from '@ember/service';
 import { alias } from '@ember/object/computed';
 import { observer } from '@ember/object';
+import { isEmpty } from '@ember/utils';
 
 export default Controller.extend({
 
@@ -9,10 +11,30 @@ export default Controller.extend({
 
   connecting: alias('storage.connecting'),
   connected: alias('storage.connected'),
-  categories: alias('storage.categories'),
+  rootListing: alias('storage.rootListing'),
 
   handleConnected: observer('connected', function() {
-    this.get('storage').fetchCategories();
-  })
+    this.get('storage').fetchRootListing();
+  }),
+
+  categories: function() {
+    let categories = [];
+    let rootListing = this.get('rootListing');
+    if (isEmpty(rootListing)) { return categories; }
+
+    rootListing.forEach(item => {
+      if (!item.isFolder) { return; }
+
+      categories.push(EmberObject.create({
+        name: item.name.replace('/', ''),
+        type: item.type,
+        path: item.name
+      }));
+    });
+
+    return categories;
+  }.property('rootListing')
+
+
 
 });

app/controllers/index.js

@@ -1,5 +1,4 @@
 import Controller from '@ember/controller';
-import EmberObject from '@ember/object';
 import { inject as service } from '@ember/service';
 import { alias } from '@ember/object/computed';
 import { isPresent } from '@ember/utils';
@@ -10,7 +9,7 @@ export default Controller.extend({
 
   connecting: alias('storage.connecting'),
   connected: alias('storage.connected'),
-  categories: alias('storage.categories'),
+  rootListing: alias('storage.rootListing'),
 
   queryParams: ['path'],
 
@@ -18,18 +17,7 @@ export default Controller.extend({
     if (isPresent(this.get('model'))) {
       return this.get('model').sortBy('name');
     }
-
-    if (!this.get('categories')) { return null; }
-    const listing = [];
-
-    this.get('categories').forEach(categoryName => {
-      listing.push(EmberObject.create({
-        name: categoryName,
-        type: 'folder'
-      }));
-    });
-
-    return listing;
-  }.property('categories.[]', 'model.[]')
+    return this.get('rootListing');
+  }.property('rootListing.[]', 'model.[]')
 
 });