change folders works!

app/components/breadcrumb.hbs

-<ul>
-  {{#each this.path as |path_item|}}
-    <li>
-      {{path_item.title}}
-    </li>
-  {{/each}}
-</ul>
\ No newline at end of file
+<nav aria-label="breadcrumb" class="m-2">
+   <ol class="breadcrumb">
+    {{#each this.nodes as |node|}}
+      <li class="breadcrumb-item">
+        <LinkTo
+          @route="authenticated.nodes"
+          @model={{node}}>{{node.title}}</LinkTo>
+      </li>
+    {{/each}}
+  </ol>
+</nav>
\ No newline at end of file

app/components/breadcrumb.js

@@ -3,14 +3,21 @@ import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
 
+
 export default class BreadcrumbComponent extends Component {
-  @tracked path = A([
-    { id: 1, title: 'Some Folder 1' },
-    { id: 2, title: 'Some Folder 2' },
-  ]);
 
-  @action
-  change(node_id) {
-    console.log(node_id);
+  get nodes() {
+    let current,
+      _nodes = [];
+
+    current = this.args.node;
+
+    while (current && current.get('id')) {
+      _nodes.push(current);
+      current = current.get('parent');
+    }
+
+    return _nodes.reverse();
   }
+
 }

app/components/modal/new_folder.js

@@ -13,19 +13,15 @@ export default class NewFolderComponent extends Component {
 
   @action
   onSubmit() {
+    let new_folder;
 
-    this.currentUser.user.home_folder.then((home_folder) => {
-      let new_folder;
-
-      new_folder = this.store.createRecord('folder');
-      new_folder.title = this.title;
-      new_folder.parent = home_folder;
-      new_folder.save();
-
-      this.args.onClose();
-      this.title = '';
-    });
+    new_folder = this.store.createRecord('folder');
+    new_folder.title = this.title;
+    new_folder.parent = this.args.node;
+    new_folder.save();
 
+    this.args.onClose();
+    this.title = '';
   }
 
   @action

app/components/panel.hbs

+<div>
+  <button class="btn btn-bordered btn-light btn-flat"
+  type="button">
+    <i class="fa fa-upload mr-1 text-success"></i>
+    Upload
+  </button>
+
+  <button class="btn btn-bordered btn-light btn-flat"
+  type="button" {{on "click" this.openNewFolderModal }}>
+    <i class="fa fa-plus mr-1 text-success"></i>
+    New Folder
+  </button>
+</div>
+
+<Modal::NewFolder
+  id="new-folder"
+  @node={{@node}}
+  @onClose={{this.closeNewFolderModal}}
+  {{show-when this.show_new_folder_modal}} />
+
+<Breadcrumb @node={{@node}} />
 
 {{#each @nodes as |node|}}
   <Folder @model={{node}} />

app/components/panel.js

+import { A } from '@ember/array';
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+
+
+export default class PanelComponent extends Component {
+  @tracked show_new_folder_modal = false;
+
+  @action
+  openNewFolderModal() {
+    this.show_new_folder_modal = true;
+  }
+
+  @action
+  closeNewFolderModal() {
+    this.show_new_folder_modal = false;
+  }
+}

app/controllers/authenticated/index.js

@@ -2,17 +2,7 @@ import Controller from '@ember/controller';
 import { action } from '@ember/object';
 import { tracked } from "@glimmer/tracking";
 
-export default class IndexController extends Controller {
-
-  @tracked show_new_folder_modal = false;
 
-  @action
-  openNewFolderModal() {
-    this.show_new_folder_modal = true;
-  }
+export default class IndexController extends Controller {
 
-  @action
-  closeNewFolderModal() {
-    this.show_new_folder_modal = false;
-  }
 }

app/controllers/authenticated/nodes.js

+import Controller from '@ember/controller';
+import { action } from '@ember/object';
+import { tracked } from "@glimmer/tracking";
+
+
+export default class NodesController extends Controller {
+  queryParams = ['extrapanelc'];
+
+  @tracked extrapanelc = null;
+}

app/helpers/default_string.js

 import { helper } from '@ember/component/helper';
 
+
 function default_string(args) {
   let [string, default_value] = args;
 

app/routes/authenticated/nodes.js

 import Route from '@ember/routing/route';
 import { inject as service } from '@ember/service';
+import { tracked } from "@glimmer/tracking";
+
 
 export default class FolderRoute extends Route {
   @service store;
 
+  queryParams = ['extra'];
+  @tracked extra = null;
+
+
   async model(params) {
-    let response, adapter;
+    let response, adapter, query_params;
+
+
+    query_params = this.paramsFor('authenticated.nodes');
+    console.log(`query_params=${this.query_params}`);
+    console.log(`extra=${this.extra}`);
 
     adapter = this.store.adapterFor('node');
 

app/templates/authenticated/index.hbs

-<div>
-  <button class="btn btn-bordered btn-light btn-flat"
-  type="button">
-    <i class="fa fa-upload mr-1 text-success"></i>
-    Upload
-  </button>
-
-  <button class="btn btn-bordered btn-light btn-flat"
-  type="button" {{on "click" this.openNewFolderModal }}>
-    <i class="fa fa-plus mr-1 text-success"></i>
-    New Folder
-  </button>
-</div>
-
-
-<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
+<Panel
+  @node={{@model}}
+  @nodes={{@model.children}} />
\ No newline at end of file

app/templates/authenticated/nodes.hbs

+<Panel
+  @node={{@model}}
+  @nodes={{@model.children}} />
+
+{{#if this.extrapanelc}}
+  Extra Panel={{this.extrapanelc}}!
+{{/if}}
\ No newline at end of file