2020-08-11 22:32:55 +02:00
|
|
|
export class HtmlUtils {
|
|
|
|
public static getElementByIdOrFail<T extends HTMLElement>(id: string): T {
|
|
|
|
const elem = document.getElementById(id);
|
2021-01-27 18:33:40 +01:00
|
|
|
if (HtmlUtils.isHtmlElement<T>(elem)) {
|
2021-01-28 15:31:09 +01:00
|
|
|
return elem;
|
2020-08-11 22:32:55 +02:00
|
|
|
}
|
2021-01-27 18:33:40 +01:00
|
|
|
throw new Error("Cannot find HTML element with id '"+id+"'");
|
2020-08-11 22:32:55 +02:00
|
|
|
}
|
2020-09-16 18:38:50 +02:00
|
|
|
|
2021-01-27 12:38:57 +01:00
|
|
|
public static querySelectorOrFail<T extends HTMLElement>(selector: string): T {
|
2021-01-28 21:07:17 +01:00
|
|
|
const elem = document.querySelector<T>(selector);
|
|
|
|
if (HtmlUtils.isHtmlElement<T>(elem)) {
|
|
|
|
return elem;
|
2021-01-27 12:38:57 +01:00
|
|
|
}
|
2021-01-28 21:07:17 +01:00
|
|
|
throw new Error("Cannot find HTML element with selector '"+selector+"'");
|
2021-01-27 12:38:57 +01:00
|
|
|
}
|
|
|
|
|
2020-09-16 18:38:50 +02:00
|
|
|
public static removeElementByIdOrFail<T extends HTMLElement>(id: string): T {
|
|
|
|
const elem = document.getElementById(id);
|
2021-01-27 18:33:40 +01:00
|
|
|
if (HtmlUtils.isHtmlElement<T>(elem)) {
|
|
|
|
elem.remove();
|
2021-01-28 15:31:09 +01:00
|
|
|
return elem;
|
2020-09-16 18:38:50 +02:00
|
|
|
}
|
2021-01-27 18:33:40 +01:00
|
|
|
throw new Error("Cannot find HTML element with id '"+id+"'");
|
2020-09-16 18:38:50 +02:00
|
|
|
}
|
2021-01-22 15:01:10 +01:00
|
|
|
|
|
|
|
public static urlify(text: string): string {
|
|
|
|
const urlRegex = /(https?:\/\/[^\s]+)/g;
|
|
|
|
return text.replace(urlRegex, (url: string) => {
|
|
|
|
return '<a href="' + url + '" target="_blank" style=":visited {color: white}">' + url + '</a>';
|
|
|
|
})
|
|
|
|
}
|
2021-01-27 18:33:40 +01:00
|
|
|
|
|
|
|
private static isHtmlElement<T extends HTMLElement>(elem: HTMLElement | null): elem is T {
|
2021-01-28 15:31:09 +01:00
|
|
|
return elem !== null;
|
2021-01-27 18:33:40 +01:00
|
|
|
}
|
2020-08-11 22:32:55 +02:00
|
|
|
}
|