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

refactor breadcrumb

parent d37cc802
No related branches found
No related tags found
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 @@
@extranode={{@extranode}} />
{{else}}
<Commander::LinkToRight
@node={{node}}
@extranode={{@node}} />
@node={{@extranode}}
@extranode={{node}} />
{{/if}}
</li>
{{/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 @@
@extranode={{@extranode}} />
{{else}}
<Commander::LinkToRight
@node={{node}}
@extranode={{@node}} />
@node={{@extranode}}
@extranode={{node}} />
{{/if}}
</NodeType>
{{/let}}
......
<LinkTo
@route="authenticated.nodes"
@model={{@extranode.id}}
@query={{hash extranode_id=@node.id}}>
{{@node.title}}
@model={{@node.id}}
@query={{hash extranode_id=@extranode.id}}>
{{@extranode.title}}
</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