150 lines
9.0 KiB
JavaScript
150 lines
9.0 KiB
JavaScript
|
|
// Pages
|
|
// Core
|
|
import PageHome from './pages/core/home.js';
|
|
import PageContact from './pages/core/contact.js';
|
|
import PageContactSuccess from './pages/core/contact-success.js';
|
|
import PageApplyFoundingPartner from './pages/core/apply-founding-partner.js';
|
|
import PageApplyFoundingPartnerSuccess from './pages/core/apply-founding-partner-success.js';
|
|
// Dog
|
|
import PageDogHome from './pages/dog/home.js';
|
|
import PageDogCommandCategories from './pages/dog/command_categories.js';
|
|
import PageDogCommands from './pages/dog/commands.js';
|
|
import PageDogDogCommandLinks from './pages/dog/dog_command_links.js';
|
|
// import PageDogDogs from './pages/dog/dogs.js';
|
|
import PageDogLocations from './pages/dog/locations.js';
|
|
import PageDogButtonIcons from './pages/dog/button_icons.js';
|
|
import PageDogCommandButtonLinks from './pages/dog/command_button_links.js';
|
|
import PageDogAssessment from './pages/dog/assessment.js';
|
|
import PageDogAssessments from './pages/dog/assessments.js';
|
|
import PageDogCalendarEntries from './pages/dog/calendar_entries.js'
|
|
// Legal
|
|
import PageAccessibilityReport from './pages/legal/accessibility_report.js';
|
|
import PageAccessibilityStatement from './pages/legal/accessibility_statement.js';
|
|
import PageLicense from './pages/legal/license.js';
|
|
import PagePrivacyPolicy from './pages/legal/privacy_policy.js';
|
|
import PageRetentionSchedule from './pages/legal/retention_schedule.js';
|
|
// User
|
|
// import PageUserLogin from './pages/user/login.js';
|
|
// import PageUserLogout from './pages/user/logout.js';
|
|
import PageUser from './pages/user/user.js';
|
|
import PageUsers from './pages/user/users.js';
|
|
|
|
import API from './api.js';
|
|
import DOM from './dom.js';
|
|
import Utils from './lib/utils.js';
|
|
|
|
|
|
export default class Router {
|
|
constructor() {
|
|
// Pages
|
|
this.pages = {};
|
|
// Core
|
|
this.pages[hashPageHome] = { name: 'PageHome', module: PageHome };
|
|
this.pages[hashPageContact] = { name: 'PageContact', module: PageContact };
|
|
this.pages[hashPageContactSuccess] = { name: 'PageContactSuccess', module: PageContactSuccess };
|
|
this.pages[hashPageApplyFoundingPartner] = { name: 'PageApplyFoundingPartner', module: PageApplyFoundingPartner };
|
|
this.pages[hashPageApplyFoundingPartnerSuccess] = { name: 'PageApplyFoundingPartnerSuccess', module: PageApplyFoundingPartnerSuccess };
|
|
// Dog
|
|
this.pages[hashPageDogHome] = { name: 'PageDogHome', module: PageDogHome };
|
|
this.pages[hashPageDogCommandCategories] = { name: 'PageDogCommands', module: PageDogCommandCategories };
|
|
this.pages[hashPageDogCommands] = { name: 'PageDogCommands', module: PageDogCommands };
|
|
this.pages[hashPageDogDogCommandLinks] = { name: 'PageDogDogCommandLinks', module: PageDogDogCommandLinks };
|
|
// this.pages[hashPageDogDogs] = { name: 'PageDogDogs', module: PageDogDogs };
|
|
this.pages[hashPageDogLocations] = { name: 'PageDogLocations', module: PageDogLocations };
|
|
this.pages[hashPageDogButtonIcons] = { name: 'PageDogButtonIcons', module: PageDogButtonIcons };
|
|
this.pages[hashPageDogCommandButtonLinks] = { name: 'PageDogCommandButtonLinks', module: PageDogCommandButtonLinks };
|
|
this.pages[hashPageDogAssessment] = { name: 'PageDogAssessment', module: PageDogAssessment };
|
|
this.pages[hashPageDogAssessments] = { name: 'PageDogAssessments', module: PageDogAssessments };
|
|
this.pages[hashPageDogCalendarEntries] = { name: 'PageDogCalendarEntries', module: PageDogCalendarEntries };
|
|
// Legal
|
|
this.pages[hashPageAccessibilityStatement] = { name: 'PageAccessibilityStatement', module: PageAccessibilityStatement };
|
|
this.pages[hashPageDataRetentionSchedule] = { name: 'PageDataRetentionSchedule', module: PageRetentionSchedule };
|
|
this.pages[hashPageLicense] = { name: 'PageLicense', module: PageLicense };
|
|
this.pages[hashPagePrivacyPolicy] = { name: 'PagePrivacyPolicy', module: PagePrivacyPolicy };
|
|
// User
|
|
// this.pages[hashPageUserLogin] = { name: 'PageUserLogin', module: PageUserLogin }; // pathModule: './pages/user/login.js' };
|
|
// this.pages[hashPageUserLogout] = { name: 'PageUserLogout', module: PageUserLogout }; // pathModule: './pages/user/logout.js' };
|
|
this.pages[hashPageUserAccount] = { name: 'PageUser', module: PageUser };
|
|
this.pages[hashPageUserAccounts] = { name: 'PageUsers', module: PageUsers };
|
|
// Routes
|
|
this.routes = {};
|
|
// Core
|
|
this.routes[hashPageHome] = (isPopState = false) => this.navigateToHash(hashPageHome, isPopState);
|
|
this.routes[hashPageContact] = (isPopState = false) => this.navigateToHash(hashPageContact, isPopState);
|
|
this.routes[hashPageContactSuccess] = (isPopState = false) => this.navigateToHash(hashPageContactSuccess, isPopState);
|
|
this.routes[hashPageApplyFoundingPartner] = (isPopState = false) => this.navigateToHash(hashPageApplyFoundingPartner, isPopState);
|
|
this.routes[hashPageApplyFoundingPartnerSuccess] = (isPopState = false) => this.navigateToHash(hashPageApplyFoundingPartnerSuccess, isPopState);
|
|
// Dog
|
|
this.routes[hashPageDogHome] = (isPopState = false) => this.navigateToHash(hashPageDogHome, isPopState);
|
|
this.routes[hashPageDogCommandCategories] = (isPopState = false) => this.navigateToHash(hashPageDogCommandCategories, isPopState);
|
|
this.routes[hashPageDogCommands] = (isPopState = false) => this.navigateToHash(hashPageDogCommands, isPopState);
|
|
this.routes[hashPageDogDogCommandLinks] = (isPopState = false) => this.navigateToHash(hashPageDogDogCommandLinks, isPopState);
|
|
// this.routes[hashPageDogDogs] = (isPopState = false) => this.navigateToHash(hashPageDogDogs, isPopState);
|
|
this.routes[hashPageDogLocations] = (isPopState = false) => this.navigateToHash(hashPageDogLocations, isPopState);
|
|
this.routes[hashPageDogButtonIcons] = (isPopState = false) => this.navigateToHash(hashPageDogButtonIcons, isPopState);
|
|
this.routes[hashPageDogCommandButtonLinks] = (isPopState = false) => this.navigateToHash(hashPageDogCommandButtonLinks, isPopState);
|
|
this.routes[hashPageDogAssessment] = (isPopState = false) => this.navigateToHash(hashPageDogAssessment, isPopState);
|
|
this.routes[hashPageDogAssessments] = (isPopState = false) => this.navigateToHash(hashPageDogAssessments, isPopState);
|
|
this.routes[hashPageDogCalendarEntries] = (isPopState = false) => this.navigateToHash(hashPageDogCalendarEntries, isPopState);
|
|
// Legal
|
|
this.routes[hashPageAccessibilityStatement] = (isPopState = false) => this.navigateToHash(hashPageAccessibilityStatement, isPopState);
|
|
this.routes[hashPageDataRetentionSchedule] = (isPopState = false) => this.navigateToHash(hashPageDataRetentionSchedule, isPopState);
|
|
this.routes[hashPageLicense] = (isPopState = false) => this.navigateToHash(hashPageLicense, isPopState);
|
|
this.routes[hashPagePrivacyPolicy] = (isPopState = false) => this.navigateToHash(hashPagePrivacyPolicy, isPopState);
|
|
// User
|
|
// this.routes[hashPageUserLogin] = (isPopState = false) => this.navigateToHash(hashPageUserLogin, isPopState);
|
|
// this.routes[hashPageUserLogout] = (isPopState = false) => this.navigateToHash(hashPageUserLogout, isPopState);
|
|
this.routes[hashPageUserAccount] = (isPopState = false) => this.navigateToHash(hashPageUserAccount, isPopState);
|
|
this.routes[hashPageUserAccounts] = (isPopState = false) => this.navigateToHash(hashPageUserAccounts, isPopState);
|
|
this.initialize();
|
|
}
|
|
loadPage(hashPage, isPopState = false) {
|
|
const PageClass = this.getClassPageFromHash(hashPage);
|
|
this.currentPage = new PageClass(this);
|
|
this.currentPage.initialize(isPopState);
|
|
window.addEventListener('beforeunload', () => this.currentPage.leave());
|
|
}
|
|
getClassPageFromHash(hashPage) {
|
|
|
|
let pageJson = this.pages[hashPage];
|
|
try {
|
|
const module = pageJson.module;
|
|
return module;
|
|
}
|
|
catch (error) {
|
|
Utils.consoleLogIfNotProductionEnvironment("this.pages: ", this.pages);
|
|
console.error('Page not found:', hashPage);
|
|
throw error;
|
|
}
|
|
}
|
|
initialize() {
|
|
window.addEventListener('popstate', this.handlePopState.bind(this));
|
|
}
|
|
handlePopState(event) {
|
|
this.loadPageCurrent();
|
|
}
|
|
loadPageCurrent() {
|
|
const hashPageCurrent = DOM.getHashPageCurrent();
|
|
this.loadPage(hashPageCurrent);
|
|
}
|
|
navigateToHash(hash, data = null, params = null, isPopState = false) {
|
|
let url = API.getUrlFromHash(hash, params);
|
|
history.pushState({data: data, params: params}, '', hash);
|
|
API.goToUrl(url, data);
|
|
}
|
|
|
|
navigateToUrl(url, data = null, appendHistory = true) {
|
|
// this.beforeLeave();
|
|
if (appendHistory) history.pushState(data, '', url);
|
|
url = API.parameteriseUrl(url, data);
|
|
API.goToUrl(url);
|
|
}
|
|
|
|
static loadPageBodyFromResponse(response) {
|
|
DOM.loadPageBody(response.data);
|
|
}
|
|
}
|
|
|
|
export const router = new Router();
|