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

Added better support for query parameters in hash mode.

Browse Source
This commit is contained in:
Matt Mo 2021-11-25 12:42:21 -08:00
parent 6701c19956
commit aac9b6d59a
1 changed files with 28 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
ignite-html-router.js
View File

@ -258,8 +258,8 @@ class Router {
static navigate(route, data = null, refresh = false) { static navigate(route, data = null, refresh = false) {
if (refresh) { if (refresh) {
if (Router.hashMode) { if (Router.hashMode) {
//In hash mode the route can't start with /, we have to handle it here. //In hash mode the route can't start with / or #, we have to handle it here.
if (route.startsWith("/")) { if (route.startsWith("/") || route.startsWith("#")) {
route = route.substr(1); route = route.substr(1);
} }
@ -270,8 +270,8 @@ class Router {
} }
} else { } else {
if (Router.hashMode) { if (Router.hashMode) {
//In hash mode the route can't start with /, we have to handle it here. //In hash mode the route can't start with / or #, we have to handle it here.
if (route.startsWith("/")) { if (route.startsWith("/") || route.startsWith("#")) {
route = route.substr(1); route = route.substr(1);
} }
@ -328,7 +328,15 @@ 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) {
pathParts = window.location.hash.substr(1).split("/"); var path = window.location.hash.substr(1);
//If the path contains ? then remove the query.
if (path.includes("?")) {
path = path.split("?")[0];
}
//Break the path into path parts.
pathParts = path.split("/");
if (pathParts.length > 0 && pathParts[0].length == 0) { if (pathParts.length > 0 && pathParts[0].length == 0) {
pathParts.splice(1); pathParts.splice(1);
} }
@ -417,6 +425,21 @@ class Router {
return false; return false;
} }
} }
/**
* Returns a query parameter from the route search if there is one by it's name.
* @param {String} name The name of the query parameter to get.
* @returns {String} Null if not found, or the value of the query parameter.
*/
static getParameter(name) {
if (Router.hashMode) {
var params = new URLSearchParams(window.location.hash.includes("?") ? "?" + window.location.hash.split("?")[1] : "");
return (params.has(name) ? params.get(name) : null);
} else {
var params = new URLSearchParams(window.location.search);
return (params.has(name) ? params.get(name) : null);
}
}
} }
Router.states = []; Router.states = [];