Show folders first in dir lists

app/components/directory-listing/component.js

@@ -4,7 +4,14 @@ export default Component.extend({
 
   classNames: ['directory-listing'],
 
-  items: null
+  items: null,
 
+  itemsSorted: function() {
+    let items = this.get('items');
+
+    // folders first
+    return items.reject(i => i.type !== 'folder')
+                .concat(items.reject(i => i.type === 'folder'));
+  }.property('items')
 
 });

app/components/directory-listing/template.hbs

@@ -1,5 +1,5 @@
 <ul class="listing">
-  {{#each items as |item|}}
+  {{#each itemsSorted as |item|}}
   <li>
     {{#if item.isFolder}}
       {{#link-to "index" (query-params path=item.path)}}