91 lines
2.2 KiB
JavaScript
91 lines
2.2 KiB
JavaScript
import clone from 'lodash.clonedeep';
|
|
|
|
export default class Router {
|
|
constructor(comp, initialState) {
|
|
this.component = comp;
|
|
this.state = clone(initialState) || {};
|
|
|
|
|
|
window.onpopstate = (event) => {
|
|
const state = event.state;
|
|
if (state) {
|
|
if (state.toDispatch) {
|
|
this.component.dispatch(state.toDispatch);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
update (state) {
|
|
const params = [];
|
|
if (state.params) {
|
|
|
|
let cloned = clone(state);
|
|
|
|
if (cloned.params.rooms != null) {
|
|
this.state.rooms[cloned.params.rooms] = !this.state.rooms[cloned.params.rooms];
|
|
}
|
|
|
|
if (cloned.params.category != null) {
|
|
this.state.category[cloned.params.category] = !this.state.category[cloned.params.category];
|
|
}
|
|
|
|
delete cloned.params['rooms'];
|
|
delete cloned.params['category'];
|
|
|
|
this.state = Object.assign(this.state, cloned.params);
|
|
|
|
const {
|
|
listingId,
|
|
minPrice,
|
|
maxPrice,
|
|
minSize,
|
|
maxSize,
|
|
bounds,
|
|
sort,
|
|
rooms = {},
|
|
category = {},
|
|
zoom
|
|
} = this.state;
|
|
|
|
if (listingId) {
|
|
params.push(`listingId=${listingId}`);
|
|
}
|
|
|
|
params.push(`sort=${sort}`);
|
|
params.push(`bounds=${bounds}`);
|
|
params.push(`zoom=${zoom}`);
|
|
if (maxPrice) {
|
|
params.push(`maxPrice=${maxPrice}`);
|
|
}
|
|
|
|
if (minPrice) {
|
|
params.push(`minPrice=${minPrice}`);
|
|
}
|
|
|
|
if (minSize) {
|
|
params.push(`minSize=${minSize}`);
|
|
}
|
|
|
|
if (maxSize) {
|
|
params.push(`maxSize=${maxSize}`);
|
|
}
|
|
params.push(`rooms=${Object.keys(rooms).filter(v => rooms[v]).join(",")}`);
|
|
params.push(`category=${Object.keys(category).filter(v => category[v]).join(",")}`);
|
|
}
|
|
|
|
if (state.toDispatch) {
|
|
window.history.pushState(state, '', `/?${params.join("&")}`);
|
|
} else {
|
|
const oldState = window.history.state;
|
|
if (oldState) {
|
|
const newState = Object.assign(oldState, state);
|
|
window.history.replaceState(newState, '',`/?${params.join("&")}`);
|
|
} else {
|
|
|
|
window.history.replaceState(state, '',`/?${params.join("&")}`);
|
|
}
|
|
}
|
|
}
|
|
}
|