mirror of
https://github.com/kemko/nomad.git
synced 2026-01-05 18:05:42 +03:00
feat: create bucket service to register, deregister and store breadcrumbs
This commit is contained in:
1
ui/app/components/breadcrumbs.hbs
Normal file
1
ui/app/components/breadcrumbs.hbs
Normal file
@@ -0,0 +1 @@
|
||||
{{yield this.crumbs}}
|
||||
10
ui/app/components/breadcrumbs.js
Normal file
10
ui/app/components/breadcrumbs.js
Normal file
@@ -0,0 +1,10 @@
|
||||
import Component from '@glimmer/component';
|
||||
import { inject as service } from '@ember/service';
|
||||
|
||||
export default class Breadcrumbs extends Component {
|
||||
@service bucket;
|
||||
|
||||
get crumbs() {
|
||||
return this.bucket.crumbs;
|
||||
}
|
||||
}
|
||||
21
ui/app/services/bucket.js
Normal file
21
ui/app/services/bucket.js
Normal file
@@ -0,0 +1,21 @@
|
||||
import Service from '@ember/service';
|
||||
import { action } from '@ember/object';
|
||||
import { tracked } from '@glimmer/tracking';
|
||||
import { schedule } from '@ember/runloop';
|
||||
|
||||
export default class BucketService extends Service {
|
||||
@tracked crumbs = [];
|
||||
|
||||
@action registerBreadcrumb(crumb) {
|
||||
schedule('actions', this, () => {
|
||||
console.log('register crumb: ', crumb);
|
||||
this.crumbs = [...this.crumbs, crumb];
|
||||
});
|
||||
}
|
||||
|
||||
@action deregisterBreadcrumb(crumb) {
|
||||
const newCrumbs = this.crumbs.filter(c => c !== crumb);
|
||||
|
||||
this.crumbs = newCrumbs;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user