open-consul/ui/packages/consul-ui/app/services/routlet.js
John Cowen 7083c39b96
ui: Support Route optional parameters/segments (#10212)
Moves our URLs with 'optional namespace segment' into a separately abstracted 'optional URL segment' feature
2021-05-26 17:43:46 +01:00

142 lines
3.4 KiB
JavaScript

import Service, { inject as service } from '@ember/service';
import { schedule } from '@ember/runloop';
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 {};
}
paramsFor(name) {
let outletParams = {};
const outlet = outlets.get(name);
if (typeof outlet !== 'undefined' && typeof outlet.args.params !== 'undefined') {
outletParams = outlet.args.params;
}
const route = this.router.currentRoute;
// 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 = {};
// 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 = {
...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;
// TODO: Try to avoid the double computation bug
schedule('afterRender', () => {
outlet.routeName = route.args.name;
});
}
}
removeRoute(name, route) {}
}