trevor/smartsoltech_site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🚨 FIX: Loading screen блокирует клики - принудительное удаление из DOM
Some checks failed
continuous-integration/drone/push Build is failing
Details

Browse Source
This commit is contained in:
Andrey K. Choi
2025-11-25 12:39:50 +09:00
parent c91df27dfa
commit 012ec02145
2 changed files with 26 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
smartsoltech/static/assets/js/modern-scripts.js
View File

@@ -10,11 +10,13 @@ document.addEventListener('DOMContentLoaded', function() {
loadingScreen.style.opacity = '0'; loadingScreen.style.opacity = '0';
loadingScreen.style.pointerEvents = 'none'; loadingScreen.style.pointerEvents = 'none';
setTimeout(() => { setTimeout(() => {
loadingScreen.style.display = 'none'; // Полностью удаляем элемент из DOM
loadingScreen.remove(); // Полностью удаляем элемент if (loadingScreen.parentNode) {
console.log('SmartSolTech: Loading screen removed'); loadingScreen.parentNode.removeChild(loadingScreen);
console.log('SmartSolTech: Loading screen completely removed from DOM');
}
}, 300); }, 300);
}, 500); // Уменьшили время ожидания }, 200); // Уменьшили время ожидания до 200ms
} else { } else {
console.log('SmartSolTech: Loading screen not found'); console.log('SmartSolTech: Loading screen not found');
} }

21
smartsoltech/web/templates/web/base_modern.html
View File

@@ -35,10 +35,29 @@
{% block extra_styles %}{% endblock %} {% block extra_styles %}{% endblock %}
{% block extra_head %}{% endblock %} {% block extra_head %}{% endblock %}
<!-- Emergency Loading Screen Script -->
<script>
// Emergency fallback - remove loading screen immediately if JS fails
document.addEventListener('DOMContentLoaded', function() {
setTimeout(function() {
const loadingScreen = document.getElementById('loading-screen');
if (loadingScreen) {
loadingScreen.style.opacity = '0';
loadingScreen.style.pointerEvents = 'none';
setTimeout(function() {
if (loadingScreen.parentNode) {
loadingScreen.parentNode.removeChild(loadingScreen);
}
}, 300);
}
}, 100); // Очень быстро убираем
});
</script>
</head> </head>
<body> <body>
<!-- Loading Screen --> <!-- Loading Screen -->
<div id="loading-screen" class="position-fixed top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center" style="background: var(--bg-light); z-index: 9999;"> <div id="loading-screen" class="position-fixed top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center" style="background: var(--bg-light); z-index: 9999; transition: opacity 0.3s ease;">
<div class="loading-spinner"></div> <div class="loading-spinner"></div>
</div> </div>