DGNum/demarches-normaliennes
13
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

refactor(ts): improuve utils types

Browse source
This commit is contained in:
Paul Chavard 2022-05-06 19:35:14 +02:00
parent 9b01b2cff9
commit 59c6fd1763
1 changed files with 16 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
app/javascript/shared/utils.ts
View file

@ -5,42 +5,42 @@ import { session } from '@hotwired/turbo';
export { debounce }; export { debounce };
export const { fire, csrfToken, cspNonce } = Rails; export const { fire, csrfToken, cspNonce } = Rails;
export function show(el: HTMLElement) { export function show(el: HTMLElement | null) {
el && el.classList.remove('hidden'); el?.classList.remove('hidden');
} }
export function hide(el: HTMLElement) { export function hide(el: HTMLElement | null) {
el && el.classList.add('hidden'); el?.classList.add('hidden');
} }
export function toggle(el: HTMLElement, force?: boolean) { export function toggle(el: HTMLElement | null, force?: boolean) {
if (force == undefined) { if (force == undefined) {
el && el.classList.toggle('hidden'); el?.classList.toggle('hidden');
} else if (force) { } else if (force) {
el && el.classList.remove('hidden'); el?.classList.remove('hidden');
} else { } else {
el && el.classList.add('hidden'); el?.classList.add('hidden');
} }
} }
export function enable(el: HTMLInputElement) { export function enable(el: HTMLInputElement | HTMLButtonElement | null) {
el && (el.disabled = false); el && (el.disabled = false);
} }
export function disable(el: HTMLInputElement) { export function disable(el: HTMLInputElement | HTMLButtonElement | null) {
el && (el.disabled = true); el && (el.disabled = true);
} }
export function hasClass(el: HTMLElement, cssClass: string) { export function hasClass(el: HTMLElement | null, cssClass: string) {
return el && el.classList.contains(cssClass); return el?.classList.contains(cssClass);
} }
export function addClass(el: HTMLElement, cssClass: string) { export function addClass(el: HTMLElement | null, cssClass: string) {
el && el.classList.add(cssClass); el?.classList.add(cssClass);
} }
export function removeClass(el: HTMLElement, cssClass: string) { export function removeClass(el: HTMLElement | null, cssClass: string) {
el && el.classList.remove(cssClass); el?.classList.remove(cssClass);
} }
export function delegate<E extends Event = Event>( export function delegate<E extends Event = Event>(