From 2bd48cead8ceabb8f6b6344b8197028b468d0e48 Mon Sep 17 00:00:00 2001
From: Eugen Ciur <eugen@papermerge.com>
Date: Sat, 25 Sep 2021 11:36:59 +0200
Subject: [PATCH] Breadcrumb component with state
---
app/components/breadcrumb.hbs | 4 ++--
app/components/breadcrumb.js | 2 +-
app/components/folder.hbs | 1 +
app/components/nodes.hbs | 1 -
app/templates/folder.hbs | 2 +-
app/templates/index.hbs | 1 -
6 files changed, 5 insertions(+), 6 deletions(-)
diff --git a/app/components/breadcrumb.hbs b/app/components/breadcrumb.hbs
index 0e033d5..5294fca 100644
--- a/app/components/breadcrumb.hbs
+++ b/app/components/breadcrumb.hbs
@@ -1,7 +1,7 @@
<ul>
- {{#each this.breadcrumb.items as |item|}}
+ {{#each this.path as |path_item|}}
<li>
- {{item.title}}
+ {{path_item.title}}
</li>
{{/each}}
</ul>
\ No newline at end of file
diff --git a/app/components/breadcrumb.js b/app/components/breadcrumb.js
index 0db8c85..a09b862 100644
--- a/app/components/breadcrumb.js
+++ b/app/components/breadcrumb.js
@@ -4,7 +4,7 @@ import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';
export default class BreadcrumbComponent extends Component {
- @tracked path = A([]);
+ @tracked path = A([{'id': 1, 'title': 'Some Folder 1'}, {'id': 2, 'title': 'Some Folder 2'}]);
@action
change(node_id) {
diff --git a/app/components/folder.hbs b/app/components/folder.hbs
index f603648..8914873 100644
--- a/app/components/folder.hbs
+++ b/app/components/folder.hbs
@@ -1,3 +1,4 @@
+<Breadcrumb />
<div class="node folder">
<div class="icon folder"></div>
<div class="title">
diff --git a/app/components/nodes.hbs b/app/components/nodes.hbs
index 9b0cafd..ef25dd6 100644
--- a/app/components/nodes.hbs
+++ b/app/components/nodes.hbs
@@ -1,4 +1,3 @@
-<Breadcrumb />
<div class="nodes">
<ul class="results">
{{#each @nodes as |node|}}
diff --git a/app/templates/folder.hbs b/app/templates/folder.hbs
index 82075cd..09e8691 100644
--- a/app/templates/folder.hbs
+++ b/app/templates/folder.hbs
@@ -1,2 +1,2 @@
-Folder
+<Breadcrumb />
<Nodes @nodes={{@model}} />
diff --git a/app/templates/index.hbs b/app/templates/index.hbs
index 89fa14d..09e8691 100644
--- a/app/templates/index.hbs
+++ b/app/templates/index.hbs
@@ -1,3 +1,2 @@
-index
<Breadcrumb />
<Nodes @nodes={{@model}} />
--
GitLab