a73e0958d5
Move all the dom-things to use the dom service in tabular-collection, feedback-dialog, list-collection and node show. Move get-component-factory into utils/dom and use dom.root() in a few more places This includes an additional `dom.components` method which gives you a list of components matching the selector instead of just one.
103 lines
3.5 KiB
JavaScript
103 lines
3.5 KiB
JavaScript
import Route from '@ember/routing/route';
|
|
import { inject as service } from '@ember/service';
|
|
import { hash } from 'rsvp';
|
|
import { get } from '@ember/object';
|
|
import { next } from '@ember/runloop';
|
|
const removeLoading = function($from) {
|
|
return $from.classList.remove('ember-loading');
|
|
};
|
|
export default Route.extend({
|
|
dom: service('dom'),
|
|
init: function() {
|
|
this._super(...arguments);
|
|
},
|
|
repo: service('repository/dc'),
|
|
settings: service('settings'),
|
|
actions: {
|
|
loading: function(transition, originRoute) {
|
|
const $root = get(this, 'dom').root();
|
|
let dc = null;
|
|
if (originRoute.routeName !== 'dc') {
|
|
const model = this.modelFor('dc') || { dcs: null, dc: { Name: null } };
|
|
dc = get(this, 'repo').getActive(model.dc.Name, model.dcs);
|
|
}
|
|
hash({
|
|
loading: !$root.classList.contains('ember-loading'),
|
|
dc: dc,
|
|
}).then(model => {
|
|
next(() => {
|
|
const controller = this.controllerFor('application');
|
|
controller.setProperties(model);
|
|
transition.promise.finally(function() {
|
|
removeLoading($root);
|
|
controller.setProperties({
|
|
loading: false,
|
|
dc: model.dc,
|
|
});
|
|
});
|
|
});
|
|
});
|
|
return true;
|
|
},
|
|
error: function(e, transition) {
|
|
// TODO: Normalize all this better
|
|
let error = {
|
|
status: e.code || '',
|
|
message: e.message || e.detail || 'Error',
|
|
};
|
|
if (e.errors && e.errors[0]) {
|
|
error = e.errors[0];
|
|
error.message = error.title || error.detail || 'Error';
|
|
}
|
|
// TODO: Unfortunately ember will not maintain the correct URL
|
|
// for you i.e. when this happens the URL in your browser location bar
|
|
// will be the URL where you clicked on the link to come here
|
|
// not the URL where you got the 403 response
|
|
// Currently this is dealt with a lot better with the new ACLs system, in that
|
|
// if you get a 403 in the ACLs area, the URL is correct
|
|
// Moving that app wide right now wouldn't be ideal, therefore simply redirect
|
|
// to the ACLs URL instead of maintaining the actual URL, which is better than the old
|
|
// 403 page
|
|
// To note: Consul only gives you back a 403 if a non-existent token has been sent in the header
|
|
// if a token has not been sent at all, it just gives you a 200 with an empty dataset
|
|
const model = this.modelFor('dc');
|
|
if (error.status === '403') {
|
|
return get(this, 'feedback').execute(() => {
|
|
return get(this, 'settings')
|
|
.delete('token')
|
|
.then(() => {
|
|
return Promise.reject(this.transitionTo('dc.acls.tokens', model.dc.Name));
|
|
});
|
|
}, 'authorize');
|
|
}
|
|
if (error.status === '') {
|
|
error.message = 'Error';
|
|
}
|
|
const $root = get(this, 'dom').root();
|
|
hash({
|
|
error: error,
|
|
dc:
|
|
error.status.toString().indexOf('5') !== 0
|
|
? get(this, 'repo').getActive()
|
|
: model && model.dc
|
|
? model.dc
|
|
: { Name: 'Error' },
|
|
dcs: model && model.dcs ? model.dcs : [],
|
|
})
|
|
.then(model => {
|
|
removeLoading($root);
|
|
next(() => {
|
|
this.controllerFor('error').setProperties(model);
|
|
});
|
|
})
|
|
.catch(e => {
|
|
removeLoading($root);
|
|
next(() => {
|
|
this.controllerFor('error').setProperties({ error: error });
|
|
});
|
|
});
|
|
return true;
|
|
},
|
|
},
|
|
});
|