This repository has been archived on 2024-05-31. You can view files and clone it, but cannot push or open issues or pull requests.
authentik/web/src/utils.ts

100 lines
3.2 KiB
TypeScript
Raw Normal View History

import { t } from "@lingui/macro";
import { html, TemplateResult } from "lit-html";
import "./elements/EmptyState";
export function getCookie(name: string): string {
let cookieValue = "";
2020-11-21 19:48:49 +00:00
if (document.cookie && document.cookie !== "") {
const cookies = document.cookie.split(";");
2020-10-16 12:10:27 +00:00
for (let i = 0; i < cookies.length; i++) {
const cookie = cookies[i].trim();
// Does this cookie string begin with the name we want?
2020-11-21 19:48:49 +00:00
if (cookie.substring(0, name.length + 1) === name + "=") {
2020-11-26 22:35:59 +00:00
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
2020-10-16 12:10:27 +00:00
break;
}
}
}
return cookieValue;
}
2020-11-21 18:22:53 +00:00
export function convertToSlug(text: string): string {
return text
.toLowerCase()
2020-11-21 19:48:49 +00:00
.replace(/ /g, "-")
.replace(/[^\w-]+/g, "");
2020-11-21 18:22:53 +00:00
}
2021-02-06 17:35:55 +00:00
export function convertToTitle(text: string): string {
return text.replace(/\w\S*/g, function (txt) {
return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
});
2021-02-06 17:35:55 +00:00
}
export function truncate(input?: string, max = 10): string {
input = input || "";
const array = input.trim().split(" ");
const ellipsis = array.length > max ? "..." : "";
return array.slice(0, max).join(" ") + ellipsis;
}
export function loading<T>(v: T, actual: TemplateResult): TemplateResult {
if (!v) {
return html`<ak-empty-state ?loading="${true}" header=${t`Loading`}> </ak-empty-state>`;
}
return actual;
}
export function camelToSnake(key: string): string {
const result = key.replace(/([A-Z])/g, " $1");
return result.split(" ").join("_").toLowerCase();
}
export function groupBy<T>(objects: T[], callback: (obj: T) => string): Array<[string, T[]]> {
const m = new Map<string, T[]>();
objects.forEach((obj) => {
const group = callback(obj);
if (!m.has(group)) {
m.set(group, []);
}
const tProviders = m.get(group) || [];
tProviders.push(obj);
});
return Array.from(m).sort();
}
export function first<T>(...args: Array<T | undefined | null>): T {
for (let index = 0; index < args.length; index++) {
const element = args[index];
if (element !== undefined && element !== null) {
return element;
}
}
throw new Error(`No compatible arg given: ${args}`);
}
export function hexEncode(buf: Uint8Array): string {
return Array.from(buf)
.map(function (x) {
return ("0" + x.toString(16)).substr(-2);
})
.join("");
}
export function randomString(len: number): string {
const arr = new Uint8Array(len / 2);
window.crypto.getRandomValues(arr);
return hexEncode(arr);
}
export function dateTimeLocal(date: Date): string {
// So for some reason, the datetime-local input field requires ISO Datetime as value
// But the standard javascript date.toISOString() returns everything with seconds and
// milliseconds, which the input field doesn't like (on chrome, on firefox its fine)
// On chrome, setting .valueAsNumber works, but that causes an error on firefox, so go
// figure.
const parts = date.toISOString().split(":");
return `${parts[0]}:${parts[1]}`;
}