https://okoptica.ru/local/templates/okoptica/js/loader.js

1/**
2 * добавляет лоадер
3 *
4 * @param {HTMLElement} $el
5 */
6window.addLoader = function($el = null) {
7    const $loaderWrapper = document.createElement('div');
8    const $loader        = document.createElement('div');
9    $loaderWrapper.classList.add('loader-wrapper');
10    $loader.classList.add('loader');
11    $loaderWrapper.append($loader);
12
13    if ($el) {
14        $loaderWrapper.classList.add('loader-wrapper--absolute');
15        $el.style.position = 'relative';
16        $el.append($loaderWrapper);
17    } else {
18        document.body.append($loaderWrapper);
19    }
20}
21
22/**
23 * удаляет лоадер
24 *
25 * @param {HTMLElement} $el
26 */
27window.removeLoader = function($el = null) {
28    if ($el) {
29        $el.style.position = '';
30    }
31    const $currentEl = $el || document;
32    const $loader    = $currentEl.querySelector('.loader-wrapper');
33
34    if ($loader) {
35        $loader.remove();
36    }
37}