very primitive panel

app/adapters/node.js

 import ApplicationAdapter from './application';
 
 export default class NodeAdapter extends ApplicationAdapter {
+
   findNode(node_id) {
-    let url, ret;
+    let url, ret, json;
 
     url = this.buildURL('nodes', node_id);
-    ret = this.ajax(url, 'GET');
 
+    return this.ajax(url, 'GET').then((node) => {
+      this.store.pushPayload('folder', node);
+      ret = this.store.peekRecord('folder', node.data.id);
+      console.log(node.data);
       return ret;
-  }
+    });
 
   }
+}

app/components/folder.hbs

 <div class="node folder">
     <div class="icon folder"></div>
     <div class="title">
-        <LinkTo @route="node" @model={{@model.id}}>
         {{@model.title}}
-        </LinkTo>
     </div>
 </div>
\ No newline at end of file

app/components/panel.hbs

+
+{{#each @nodes as |node|}}
+  <Folder @model={{node}} />
+{{/each}}
\ No newline at end of file

app/models/node.js

@@ -3,8 +3,8 @@ import Model, { attr, hasMany, belongsTo } from '@ember-data/model';
 export default class NodeModel extends Model {
   @attr title;
   @attr model;
-  @belongsTo('node', { inverse: 'descendants', polymorphic: true }) parent;
-  @hasMany('node', { polymorphic: true }) descendants;
+  @belongsTo('node', { inverse: 'children', polymorphic: true }) parent;
+  @hasMany('node', { polymorphic: true, inverse: 'parent' }) children;
 
   get is_folder() {
     return this.type === 'folder' || this.model === 'folder';

app/templates/authenticated/index.hbs

@@ -12,9 +12,13 @@
   </button>
 </div>
 
-Documents and Folders will be displayed here!
 
 <Modal::NewFolder
   id="new-folder"
   @onClose={{this.closeNewFolderModal}}
   {{show-when this.show_new_folder_modal}} />
+
+{{@model.title}}
+
+
+<Panel @nodes={{model.children}} />
\ No newline at end of file