mirror of https://github.com/hrfee/jfa-go
not the happiest with it, but it works alright. PageManager is
instantiated, you pass is Page{} objects, which have a (code)name, page
title, and url, and a show, hide, and shouldSkip function, each
returning a bool. The first two are self explanatory, the last tells you
if the page is disabled for some reason (like on setup some are disabled
if messages are). You can then call load(<(code)name>), or
prev/next(<name>).
pull/366/head
Harvey Tindall
3 months ago
parent
b5dea7755b
commit
d2e5209832
@ -0,0 +1,106 @@
|
||||
export interface Page {
|
||||
name: string;
|
||||
title: string;
|
||||
url: string;
|
||||
show: () => boolean;
|
||||
hide: () => boolean;
|
||||
shouldSkip: () => boolean;
|
||||
index?: number;
|
||||
};
|
||||
|
||||
export interface PageConfig {
|
||||
hideOthersOnPageShow: boolean;
|
||||
defaultName: string;
|
||||
defaultTitle: string;
|
||||
}
|
||||
|
||||
export class PageManager {
|
||||
pages: Map<string, Page>;
|
||||
pageList: string[];
|
||||
hideOthers: boolean;
|
||||
defaultName: string = "";
|
||||
defaultTitle: string = "";
|
||||
|
||||
private _overridePushState = () => {
|
||||
const pushState = window.history.pushState;
|
||||
window.history.pushState = function (data: any, __: string, _: string | URL) {
|
||||
pushState.apply(window.history, arguments);
|
||||
let ev = { state: data as string } as PopStateEvent;
|
||||
window.onpopstate(ev);
|
||||
};
|
||||
}
|
||||
|
||||
private _onpopstate = (event: PopStateEvent) => {
|
||||
let name = event.state;
|
||||
if (!(event.state in this.pages)) {
|
||||
name = this.pageList[0]
|
||||
}
|
||||
let success = this.pages[name].show();
|
||||
if (!success) {
|
||||
console.log("failed");
|
||||
return;
|
||||
}
|
||||
if (!(this.hideOthers)) {
|
||||
console.log("shoudln't hide others");
|
||||
return;
|
||||
}
|
||||
for (let k of this.pageList) {
|
||||
if (name != k) {
|
||||
this.pages[k].hide();
|
||||
}
|
||||
}
|
||||
console.log("loop ended", this);
|
||||
}
|
||||
|
||||
constructor(c: PageConfig) {
|
||||
this.pages = new Map<string, Page>;
|
||||
this.pageList = [];
|
||||
this.hideOthers = c.hideOthersOnPageShow;
|
||||
this.defaultName = c.defaultName;
|
||||
this.defaultTitle = c.defaultTitle;
|
||||
|
||||
this._overridePushState();
|
||||
window.onpopstate = this._onpopstate;
|
||||
}
|
||||
|
||||
setPage(p: Page) {
|
||||
p.index = this.pageList.length;
|
||||
this.pages[p.name] = p;
|
||||
this.pageList.push(p.name);
|
||||
}
|
||||
|
||||
load(name: string = "") {
|
||||
if (!(name in this.pages)) return window.history.pushState(name || this.defaultName, this.defaultTitle, "")
|
||||
const p = this.pages[name];
|
||||
this.loadPage(p);
|
||||
}
|
||||
|
||||
loadPage (p: Page) {
|
||||
window.history.pushState(p.name || this.defaultName, p.title, p.url);
|
||||
}
|
||||
|
||||
prev(name: string = "") {
|
||||
if (!(name in this.pages)) return console.error(`previous page ${name} not found`);
|
||||
let p = this.pages[name];
|
||||
let shouldSkip = true;
|
||||
while (shouldSkip && p.index > 0) {
|
||||
p = this.pages[this.pageList[p.index-1]];
|
||||
shouldSkip = p.shouldSkip();
|
||||
}
|
||||
this.loadPage(p);
|
||||
}
|
||||
|
||||
next(name: string = "") {
|
||||
if (!(name in this.pages)) return console.error(`previous page ${name} not found`);
|
||||
let p = this.pages[name];
|
||||
console.log("next", name, p);
|
||||
console.log("pages", this.pages, this.pageList);
|
||||
let shouldSkip = true;
|
||||
while (shouldSkip && p.index < this.pageList.length) {
|
||||
p = this.pages[this.pageList[p.index+1]];
|
||||
shouldSkip = p.shouldSkip();
|
||||
}
|
||||
console.log("next ended with", p);
|
||||
this.loadPage(p);
|
||||
}
|
||||
};
|
||||
Loading…
Reference in new issue