b15049aabf
* ui: Surface 'detail' of API errors in the error page * Make UI generated 404s look less bare
94 lines
2.9 KiB
JavaScript
94 lines
2.9 KiB
JavaScript
import Route from 'consul-ui/routing/route';
|
|
import { inject as service } from '@ember/service';
|
|
import { hash } from 'rsvp';
|
|
|
|
import WithBlockingActions from 'consul-ui/mixins/with-blocking-actions';
|
|
|
|
export default Route.extend(WithBlockingActions, {
|
|
router: service('router'),
|
|
nspacesRepo: service('repository/nspace/disabled'),
|
|
repo: service('repository/dc'),
|
|
settings: service('settings'),
|
|
model: function() {
|
|
return hash({
|
|
router: this.router,
|
|
dcs: this.repo.findAll(),
|
|
nspaces: this.nspacesRepo.findAll().catch(function() {
|
|
return [];
|
|
}),
|
|
|
|
// these properties are added to the controller from route/dc
|
|
// as we don't have access to the dc and nspace params in the URL
|
|
// until we get to the route/dc route
|
|
// permissions also requires the dc param
|
|
|
|
// dc: null,
|
|
// nspace: null
|
|
// token: null
|
|
// permissions: null
|
|
});
|
|
},
|
|
setupController: function(controller, model) {
|
|
this._super(...arguments);
|
|
controller.setProperties(model);
|
|
},
|
|
actions: {
|
|
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.message || error.title || error.detail || 'Error';
|
|
}
|
|
if (error.status === '') {
|
|
error.message = 'Error';
|
|
}
|
|
// Try and get the currently attempted dc, whereever that may be
|
|
let model = this.modelFor('dc') || this.modelFor('nspace.dc');
|
|
if (!model) {
|
|
const path = new URL(location.href).pathname
|
|
.substr(this.router.rootURL.length - 1)
|
|
.split('/')
|
|
.slice(1, 3);
|
|
model = {
|
|
nspace: { Name: 'default' },
|
|
};
|
|
if (path[0].startsWith('~')) {
|
|
model.nspace = {
|
|
Name: path.shift(),
|
|
};
|
|
}
|
|
model.dc = {
|
|
Name: path[0],
|
|
};
|
|
}
|
|
const app = this.modelFor('application') || {};
|
|
const dcs = app.dcs || [model.dc];
|
|
const nspaces = app.nspaces || [model.nspace];
|
|
hash({
|
|
dc:
|
|
error.status.toString().indexOf('5') !== 0
|
|
? this.repo.getActive(model.dc.Name, dcs)
|
|
: { Name: 'Error' },
|
|
dcs: dcs,
|
|
nspace: model.nspace,
|
|
nspaces: nspaces,
|
|
})
|
|
.then(model => Promise.all([model, this.repo.clearActive()]))
|
|
.then(([model]) => {
|
|
// we can't use setupController as we received an error
|
|
// so we do it manually instead
|
|
this.controllerFor('application').setProperties(model);
|
|
this.controllerFor('error').setProperties({ error: error });
|
|
})
|
|
.catch(e => {
|
|
this.controllerFor('error').setProperties({ error: error });
|
|
});
|
|
return true;
|
|
},
|
|
},
|
|
});
|