Skip to content
Snippets Groups Projects
Commit 5a621093 authored by Eugen Ciur's avatar Eugen Ciur
Browse files

refactor breadcrumb

parent d37cc802
Branches
Tags
No related merge requests found
<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.id}}
@query={{this.query}}>
{{node.title}}
</LinkTo>
</li>
{{/each}}
</ol>
</nav>
\ No newline at end of file
import Component from '@glimmer/component';
export default class BreadcrumbComponent extends Component {
get nodes() {
let current,
_nodes = [];
current = this.args.node;
while (current && current.get('id')) {
_nodes.push(current);
current = current.get('parent');
}
return _nodes.reverse();
}
get query() {
if (this.args.extranode) {
return {
extranode_id: this.args.extranode.id
}
}
return {};
}
}
...@@ -8,8 +8,8 @@ ...@@ -8,8 +8,8 @@
@extranode={{@extranode}} /> @extranode={{@extranode}} />
{{else}} {{else}}
<Commander::LinkToRight <Commander::LinkToRight
@node={{node}} @node={{@extranode}}
@extranode={{@node}} /> @extranode={{node}} />
{{/if}} {{/if}}
</li> </li>
{{/each}} {{/each}}
... ...
......
<nav aria-label="breadcrumb" class="m-2">
<ol class="breadcrumb">
{{#each this.nodes as |node|}}
<li class="breadcrumb-item">
{{#if @extranode}}
<LinkTo
@route="authenticated.nodes"
@model={{node.id}}
@query={{hash extranode_id=@extranode.id}}>
{{node.title}}
</LinkTo>
{{else}}
<LinkTo
@route="authenticated.nodes"
@model={{node.id}}>
{{node.title}}
</LinkTo>
{{/if}}
</li>
{{/each}}
</ol>
</nav>
\ No newline at end of file
import BaseBreadcrumbComponent from "./base";
class LeftBreadcrumbComponent extends BaseBreadcrumbComponent {
url(extranode) {
let node = this.args.node;
if (extranode) {
return `/nodes/${node.id}?extranode_id=${extranode.id}`
}
return `/nodes/${node.id}`;
}
}
export default LeftBreadcrumbComponent;
<nav aria-label="breadcrumb" class="m-2">
<ol class="breadcrumb">
{{#each this.nodes as |node|}}
<li class="breadcrumb-item">
<LinkTo
@route="authenticated.nodes"
@model={{@extranode.id}}
@query={{hash extranode_id=node.id}}>
{{node.title}}
</LinkTo>
</li>
{{/each}}
</ol>
</nav>
\ No newline at end of file
import BaseBreadcrumbComponent from "./base";
class RightBreadcrumbComponent extends BaseBreadcrumbComponent {
}
export default RightBreadcrumbComponent;
...@@ -29,8 +29,8 @@ ...@@ -29,8 +29,8 @@
@extranode={{@extranode}} /> @extranode={{@extranode}} />
{{else}} {{else}}
<Commander::LinkToRight <Commander::LinkToRight
@node={{node}} @node={{@extranode}}
@extranode={{@node}} /> @extranode={{node}} />
{{/if}} {{/if}}
</NodeType> </NodeType>
{{/let}} {{/let}}
... ...
......
<LinkTo <LinkTo
@route="authenticated.nodes" @route="authenticated.nodes"
@model={{@extranode.id}} @model={{@node.id}}
@query={{hash extranode_id=@node.id}}> @query={{hash extranode_id=@extranode.id}}>
{{@node.title}} {{@extranode.title}}
</LinkTo> </LinkTo>
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment