Подбор персонала

`; // Добавляем в конец body document.body.insertAdjacentHTML('beforeend', modalHTML); // Настраиваем обработчики setupModalEventListeners(); } function setupModalEventListeners() { const modalOverlay = document.getElementById('dynamic-modal-overlay'); const modalCloseBtn = document.getElementById('dynamic-modal-close'); // Открытие модального окна document.getElementById('openModalBtn').addEventListener('click', function() { if (!modalOverlay) createModal(); setTimeout(() => { document.getElementById('dynamic-modal-overlay').classList.add('active'); document.body.style.overflow = 'hidden'; }, 10); }); // Закрытие по кнопке modalCloseBtn.addEventListener('click', function() { document.getElementById('dynamic-modal-overlay').classList.remove('active'); document.body.style.overflow = 'auto'; // Удаляем модальное окно через секунду после анимации setTimeout(() => { const modal = document.getElementById('dynamic-modal-overlay'); if (modal) modal.remove(); }, 300); }); // Закрытие по клику на оверлей modalOverlay.addEventListener('click', function(e) { if (e.target === this) { this.classList.remove('active'); document.body.style.overflow = 'auto'; setTimeout(() => { const modal = document.getElementById('dynamic-modal-overlay'); if (modal) modal.remove(); }, 300); } }); // Закрытие по нажатию Esc document.addEventListener('keydown', function(e) { const modal = document.getElementById('dynamic-modal-overlay'); if (modal && modal.classList.contains('active') && e.key === 'Escape') { modal.classList.remove('active'); document.body.style.overflow = 'auto'; setTimeout(() => { if (modal) modal.remove(); }, 300); } }); } document.addEventListener('DOMContentLoaded', function() { // Инициализация шкалы updateRiskMeter(); // Создаем модальное окно при первой попытке открыть document.getElementById('openModalBtn').addEventListener('click', function() { if (!document.getElementById('dynamic-modal-overlay')) { createModal(); } }); });