Ukázka AJAX loaderu (spinneru)

Loader nad celým tělem stránky. Po 3000ms je zrušeno AbortControllerem

Spinner nad filtrem a výpisem dlaždic. Spinnery timeoutují po 10000ms nebo je lze zrušit voláním funkce removeAllLoaders()

Do body nebo jiného elementu stačí vložit .ajax-loading__overlay-element. Element do kterého je spinner vložený musím ít nastaveno position: relative.

Pro zobrazení loaderu lze použít pomocé JS funkce:

/**
    * Vytvoří a vloží loading overlay element do zadaného rodičovského elementu.
    * @param {string} selector - Selektor, který určuje rodičovský element.
    * @param {AbortSignal} [signal] - Volitelný signal pro možnost odstranění elementu.
    * @param {number} [timeout] - Volitelný časový limit v ms, po kterém se loader automaticky odstraní.
*/
function createLoadingOverlay(selector, signal, timeout) {}

Použití:
========

createLoadingOverlay("body");

removeAllLoaders();