consul/ui/packages/consul-ui/app/components/route/index.js

52 lines
1.2 KiB
JavaScript

import Component from '@glimmer/component';
import { inject as service } from '@ember/service';
import { action } from '@ember/object';
import { tracked } from '@glimmer/tracking';
const templateRe = /\${([A-Za-z.0-9_-]+)}/g;
export default class RouteComponent extends Component {
@service('routlet') routlet;
@service('router') router;
@service('intl') intl;
@service('encoder') encoder;
@tracked _model;
constructor() {
super(...arguments);
this.intlKey = this.encoder.createRegExpEncoder(templateRe, _ => _);
}
get params() {
return this.routlet.paramsFor(this.args.name);
}
get model() {
if (this._model) {
return this._model;
}
if (this.args.name) {
const outlet = this.routlet.outletFor(this.args.name);
return this.routlet.modelFor(outlet.name);
}
return undefined;
}
@action
t(str, options) {
if (str.includes('${')) {
str = this.intlKey(str, options);
}
return this.intl.t(`routes.${this.args.name}.${str}`, options);
}
@action
connect() {
this.routlet.addRoute(this.args.name, this);
}
@action
disconnect() {
this.routlet.removeRoute(this.args.name, this);
}
}