MontoyaTech/ignite-html-router
MontoyaTech/ignite-html-router
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Improved hash mode support and fixed some bugs. Cleaned up the code and improved the documentation.

Browse Source
This commit is contained in:
MattMo 2023-07-10 08:45:09 -07:00
parent 0ebd6d1ab4
commit 862b01968e
1 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
ignite-html-router.js
View File

@ -301,24 +301,35 @@ class Router {
if (refresh) { if (refresh) {
if (Router.hashMode) { if (Router.hashMode) {
//In hash mode the route can't start with / or #, we have to handle it here. //In hash mode the route can't start with #
if (route.startsWith("/") || route.startsWith("#")) { if (route.startsWith("#")) {
route = route.substr(1); route = route.substring(1);
}
//If the route starts with a / set the hash to the route, otherwise append the route
if (route.startsWith("/")) {
window.location.hash = route.substring(1);
} else {
window.location.hash = window.location.hash.substring(0, window.location.hash.lastIndexOf("/") + 1) + route;
} }
window.location.hash = route;
window.location.reload(); window.location.reload();
} else { } else {
window.location.href = route; window.location.href = route;
} }
} else { } else {
if (Router.hashMode) { if (Router.hashMode) {
//In hash mode the route can't start with / or #, we have to handle it here. //In hash mode the route can't start with #
if (route.startsWith("/") || route.startsWith("#")) { if (route.startsWith("#")) {
route = route.substr(1); route = route.substring(1);
} }
window.location.hash = route; //If the route starts with a / set the hash to the route, otherwise append the route
if (route.startsWith("/")) {
window.location.hash = route.substring(1);
} else {
window.location.hash = window.location.hash.substring(0, window.location.hash.lastIndexOf("/") + 1) + route;
}
} else { } else {
window.history.pushState(route, route, route); window.history.pushState(route, route, route);
} }
@ -371,6 +382,7 @@ class Router {
//If hash mode is set and we have a hash location, get it and split it. //If hash mode is set and we have a hash location, get it and split it.
if (Router.hashMode && window.location.hash && window.location.hash.length > 0) { if (Router.hashMode && window.location.hash && window.location.hash.length > 0) {
//Skip the # symbol
var path = window.location.hash.substring(1); var path = window.location.hash.substring(1);
//If the path contains ? then remove the query. //If the path contains ? then remove the query.