aboutsummaryrefslogtreecommitdiff
path: root/Timeline/ClientApp/src/app/utilities/url.ts
blob: 17ead5b299c7c8ebbb50ec20615d821a03d145da (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
//copied from https://stackoverflow.com/questions/5999118/how-can-i-add-or-update-a-query-string-parameter
export function updateQueryString(
  key: string,
  value: undefined | string | null,
  url: string
): string {
  const re = new RegExp("([?&])" + key + "=.*?(&|#|$)(.*)", "gi");
  let hash;

  if (re.test(url)) {
    if (typeof value !== "undefined" && value !== null) {
      return url.replace(re, "$1" + key + "=" + value + "$2$3");
    } else {
      hash = url.split("#");
      url = hash[0].replace(re, "$1$3").replace(/(&|\?)$/, "");
      if (typeof hash[1] !== "undefined" && hash[1] !== null) {
        url += "#" + hash[1];
      }
      return url;
    }
  } else {
    if (typeof value !== "undefined" && value !== null) {
      const separator = url.includes("?") ? "&" : "?";
      hash = url.split("#");
      url = hash[0] + separator + key + "=" + value;
      if (typeof hash[1] !== "undefined" && hash[1] !== null) {
        url += "#" + hash[1];
      }
      return url;
    } else {
      return url;
    }
  }
}

export function applyQueryParameters<T>(url: string, query: T): string {
  if (query == null) return url;

  for (const [key, value] of Object.entries(query)) {
    if (typeof value === "string") url = updateQueryString(key, value, url);
    else if (typeof value === "number")
      url = updateQueryString(key, String(value), url);
    else if (typeof value === "boolean")
      url = updateQueryString(key, value ? "true" : "false", url);
    else if (value instanceof Date)
      url = updateQueryString(key, value.toISOString(), url);
    else {
      console.error("Unknown query parameter type. Param: ", value);
    }
  }
  return url;
}