50 lines
1.7 KiB
JavaScript
50 lines
1.7 KiB
JavaScript
import { inject as service } from '@ember/service';
|
|
import { alias } from '@ember/object/computed';
|
|
import Component from '@ember/component';
|
|
import { computed } from '@ember/object';
|
|
import { lazyClick } from '../helpers/lazy-click';
|
|
import {
|
|
classNames,
|
|
classNameBindings,
|
|
tagName,
|
|
} from '@ember-decorators/component';
|
|
import classic from 'ember-classic-decorator';
|
|
|
|
@classic
|
|
@tagName('tr')
|
|
@classNames('server-agent-row', 'is-interactive')
|
|
@classNameBindings('isActive:is-active')
|
|
export default class ServerAgentRow extends Component {
|
|
// TODO Switch back to the router service once the service behaves more like Route
|
|
// https://github.com/emberjs/ember.js/issues/15801
|
|
// router: inject.service('router'),
|
|
// eslint-disable-next-line ember/no-private-routing-service
|
|
@service('-routing') _router;
|
|
@alias('_router.router') router;
|
|
|
|
agent = null;
|
|
|
|
@computed('agent', 'router.currentURL')
|
|
get isActive() {
|
|
// TODO Switch back to the router service once the service behaves more like Route
|
|
// https://github.com/emberjs/ember.js/issues/15801
|
|
// const targetURL = this.get('router').urlFor('servers.server', this.get('agent'));
|
|
// const currentURL = `${this.get('router.rootURL').slice(0, -1)}${this.get('router.currentURL')}`;
|
|
|
|
const router = this.router;
|
|
const targetURL = router.generate('servers.server', this.agent);
|
|
const currentURL = `${router.get('rootURL').slice(0, -1)}${
|
|
router.get('currentURL').split('?')[0]
|
|
}`;
|
|
|
|
// Account for potential URI encoding
|
|
return currentURL.replace(/%40/g, '@') === targetURL.replace(/%40/g, '@');
|
|
}
|
|
|
|
click() {
|
|
const transition = () =>
|
|
this.router.transitionTo('servers.server', this.agent);
|
|
lazyClick([transition, event]);
|
|
}
|
|
}
|