open-consul/ui/packages/consul-ui/app/services/routlet.js

169 lines
4.2 KiB
JavaScript

import Service, { inject as service } from '@ember/service';
import { schedule } from '@ember/runloop';
import wildcard from 'consul-ui/utils/routing/wildcard';
import { routes } from 'consul-ui/router';
const isWildcard = wildcard(routes);
class Outlets {
constructor() {
this.map = new Map();
this.sorted = [];
}
sort() {
this.sorted = [...this.map.keys()];
this.sorted.sort((a, b) => {
if (a === 'application') {
return 1;
}
if (b === 'application') {
return -1;
}
const al = a.split('.').length;
const bl = b.split('.').length;
switch (true) {
case al > bl:
return -1;
case al < bl:
return 1;
default:
return 0;
}
});
}
set(name, value) {
this.map.set(name, value);
// TODO: find, splice to insert at the correct index instead of sorting
// all the time
this.sort();
}
get(name) {
return this.map.get(name);
}
delete(name) {
// TODO: find, splice to delete at the correct index instead of sorting
// all the time
this.map.delete(name);
this.sort();
}
keys() {
return this.sorted;
}
}
const outlets = new Outlets();
export default class RoutletService extends Service {
@service('container') container;
@service('env') env;
@service('router') router;
ready() {
return this._transition;
}
transition() {
let endTransition;
this._transition = new Promise(resolve => {
endTransition = resolve;
});
return endTransition;
}
findOutlet(name) {
const keys = [...outlets.keys()];
const key = keys.find(item => name.indexOf(item) !== -1);
return key;
}
addOutlet(name, outlet) {
outlets.set(name, outlet);
}
removeOutlet(name) {
outlets.delete(name);
}
// modelFor gets the model for Outlet specified by `name`, not the Route
modelFor(name) {
const outlet = outlets.get(name);
if (typeof outlet !== 'undefined') {
return outlet.model || {};
}
return {};
}
/**
* Adds urldecoding to any wildcard route `params`
*/
normalizeParamsFor(name, params = {}) {
if (isWildcard(name)) {
return Object.keys(params).reduce(function(prev, item) {
if (typeof params[item] !== 'undefined') {
prev[item] = decodeURIComponent(params[item]);
} else {
prev[item] = params[item];
}
return prev;
}, {});
} else {
return params;
}
}
paramsFor(name) {
let outletParams = {};
const outlet = outlets.get(name);
if (typeof outlet !== 'undefined' && typeof outlet.args.params !== 'undefined') {
outletParams = outlet.args.params;
}
let route = this.router.currentRoute;
if (route === null) {
route = this.container.lookup('route:application');
}
// TODO: Opportunity to dry out this with transitionable
// walk up the entire route/s replacing any instances
// of the specified params with the values specified
let current = route;
let parent;
let routeParams = this.normalizeParamsFor(name, current.params);
// TODO: Not entirely sure whether we are ok exposing queryParams here
// seeing as accessing them from here means you can get them but not set
// them as yet
// let queryParams = {};
while ((parent = current.parent)) {
routeParams = {
...this.normalizeParamsFor(parent.name, parent.params),
...routeParams,
};
// queryParams = {
// ...parent.queryParams,
// ...queryParams
// };
current = parent;
}
return {
...this.container.get(`location:${this.env.var('locationType')}`).optionalParams(),
...routeParams,
// ...queryParams
...outletParams,
};
}
addRoute(name, route) {
const keys = [...outlets.keys()];
const pos = keys.indexOf(name);
const key = pos + 1;
const outlet = outlets.get(keys[key]);
if (typeof outlet !== 'undefined') {
route._model = outlet.model;
outlet.route = route;
// TODO: Try to avoid the double computation bug
schedule('afterRender', () => {
outlet.routeName = route.args.name;
});
}
}
removeRoute(name, route) {}
}