mirror of
https://gitea.shironeko-all.duckdns.org/shironeko/Hytale-F2P-2.git
synced 2026-02-26 02:31:46 -03:00
removed overlay installation
This commit is contained in:
AMIAY
@@ -618,20 +618,6 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Installation effects overlay -->
|
||||
<div id="installationEffects" class="installation-effects" style="display: none;">
|
||||
<div class="space-effects">
|
||||
<div class="warp-line"></div>
|
||||
<div class="warp-line"></div>
|
||||
<div class="warp-line"></div>
|
||||
<div class="warp-line"></div>
|
||||
<div class="warp-line"></div>
|
||||
<div class="warp-line"></div>
|
||||
<div class="warp-line"></div>
|
||||
<div class="warp-line"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="chatUsernameModal" class="chat-username-modal" style="display: none;">
|
||||
<div class="chat-username-modal-content">
|
||||
<div class="chat-username-modal-header">
|
||||
@@ -778,15 +764,11 @@
|
||||
<a href="https://github.com/sanasol" target="_blank"
|
||||
class="text-blue-400 hover:text-blue-300 transition-colors">@sanasol</a>,
|
||||
<a href="https://github.com/Terromur" target="_blank"
|
||||
class="text-blue-400 hover:text-blue-300 transition-colors">@Terromur</a>,
|
||||
class="text-blue-400 hover:text-blue-300 transition-colors">@terromur</a>,
|
||||
<a href="https://github.com/ericiskoolbeans" target="_blank"
|
||||
class="text-blue-400 hover:text-blue-300 transition-colors">@ericiskoolbeans</a>,
|
||||
<a href="https://github.com/fazrigading" target="_blank"
|
||||
class="text-blue-400 hover:text-blue-300 transition-colors">@fazrigading</a>,
|
||||
<a href="https://github.com/Rahul-Sahani04" target="_blank"
|
||||
class="text-blue-400 hover:text-blue-300 transition-colors">@Rahul-Sahani04</a>
|
||||
<a href="https://github.com/xSamiVS" target="_blank"
|
||||
class="text-blue-400 hover:text-blue-300 transition-colors">@xSamiVS</a>
|
||||
class="text-blue-400 hover:text-blue-300 transition-colors">@fazrigading</a>
|
||||
</span>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
@@ -40,18 +40,6 @@ export function setupInstallation() {
|
||||
});
|
||||
}
|
||||
|
||||
// Setup installation effects listeners
|
||||
if (window.electronAPI && window.electronAPI.onInstallationStart) {
|
||||
window.electronAPI.onInstallationStart(() => {
|
||||
showInstallationEffects();
|
||||
});
|
||||
}
|
||||
|
||||
if (window.electronAPI && window.electronAPI.onInstallationEnd) {
|
||||
window.electronAPI.onInstallationEnd(() => {
|
||||
hideInstallationEffects();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export async function installGame() {
|
||||
@@ -67,6 +55,7 @@ export async function installGame() {
|
||||
|
||||
if (window.LauncherUI) window.LauncherUI.showProgress();
|
||||
isDownloading = true;
|
||||
lockInstallForm();
|
||||
if (installBtn) {
|
||||
installBtn.disabled = true;
|
||||
installText.textContent = window.i18n ? window.i18n.t('install.installing') : 'INSTALLING...';
|
||||
@@ -97,12 +86,7 @@ export async function installGame() {
|
||||
} catch (error) {
|
||||
const errorMsg = window.i18n ? window.i18n.t('progress.installationFailed').replace('{error}', error.message) : `Installation failed: ${error.message}`;
|
||||
|
||||
// Hide installation effects on error
|
||||
if (window.hideInstallationEffects) {
|
||||
window.hideInstallationEffects();
|
||||
}
|
||||
|
||||
// Reset button state on error
|
||||
// Reset button state and unlock form on error
|
||||
resetInstallButton();
|
||||
|
||||
if (window.LauncherUI) {
|
||||
@@ -157,6 +141,35 @@ function resetInstallButton() {
|
||||
installBtn.disabled = false;
|
||||
installText.textContent = 'INSTALL HYTALE';
|
||||
}
|
||||
unlockInstallForm();
|
||||
}
|
||||
|
||||
function lockInstallForm() {
|
||||
const playerNameInput = document.getElementById('installPlayerName');
|
||||
const installPathInput = document.getElementById('installPath');
|
||||
const customCheckbox = document.getElementById('installCustomCheck');
|
||||
const branchRadios = document.querySelectorAll('input[name="installBranch"]');
|
||||
const browseBtn = document.querySelector('.browse-btn');
|
||||
|
||||
if (playerNameInput) playerNameInput.disabled = true;
|
||||
if (installPathInput) installPathInput.disabled = true;
|
||||
if (customCheckbox) customCheckbox.disabled = true;
|
||||
if (browseBtn) browseBtn.disabled = true;
|
||||
branchRadios.forEach(radio => radio.disabled = true);
|
||||
}
|
||||
|
||||
function unlockInstallForm() {
|
||||
const playerNameInput = document.getElementById('installPlayerName');
|
||||
const installPathInput = document.getElementById('installPath');
|
||||
const customCheckbox = document.getElementById('installCustomCheck');
|
||||
const branchRadios = document.querySelectorAll('input[name="installBranch"]');
|
||||
const browseBtn = document.querySelector('.browse-btn');
|
||||
|
||||
if (playerNameInput) playerNameInput.disabled = false;
|
||||
if (installPathInput) installPathInput.disabled = false;
|
||||
if (customCheckbox) customCheckbox.disabled = false;
|
||||
if (browseBtn) browseBtn.disabled = false;
|
||||
branchRadios.forEach(radio => radio.disabled = false);
|
||||
}
|
||||
|
||||
export async function browseInstallPath() {
|
||||
|
||||
18
GUI/js/ui.js
18
GUI/js/ui.js
@@ -581,8 +581,7 @@ window.LauncherUI = {
|
||||
};
|
||||
|
||||
// Make installation effects globally available
|
||||
window.showInstallationEffects = showInstallationEffects;
|
||||
window.hideInstallationEffects = hideInstallationEffects;
|
||||
|
||||
|
||||
// Draggable progress bar functionality
|
||||
function setupProgressDrag() {
|
||||
@@ -642,21 +641,6 @@ function setupProgressDrag() {
|
||||
}
|
||||
}
|
||||
|
||||
// Show/hide installation effects
|
||||
function showInstallationEffects() {
|
||||
const installationEffects = document.getElementById('installationEffects');
|
||||
if (installationEffects) {
|
||||
installationEffects.style.display = 'block';
|
||||
}
|
||||
}
|
||||
|
||||
function hideInstallationEffects() {
|
||||
const installationEffects = document.getElementById('installationEffects');
|
||||
if (installationEffects) {
|
||||
installationEffects.style.display = 'none';
|
||||
}
|
||||
}
|
||||
|
||||
// Toggle maximize/restore window function
|
||||
function toggleMaximize() {
|
||||
if (window.electronAPI && window.electronAPI.maximizeWindow) {
|
||||
|
||||
@@ -1846,70 +1846,6 @@ body {
|
||||
}
|
||||
|
||||
/* Installation effects */
|
||||
.installation-effects {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 80px;
|
||||
width: calc(100% - 80px);
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
backdrop-filter: blur(10px);
|
||||
z-index: 40;
|
||||
pointer-events: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.space-effects {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
perspective: 1000px;
|
||||
}
|
||||
|
||||
.warp-line {
|
||||
position: absolute;
|
||||
width: 2px;
|
||||
height: 100%;
|
||||
background: linear-gradient(180deg,
|
||||
transparent 0%,
|
||||
rgba(147, 51, 234, 0.8) 50%,
|
||||
transparent 100%);
|
||||
box-shadow: 0 0 10px rgba(147, 51, 234, 0.8),
|
||||
0 0 20px rgba(147, 51, 234, 0.4);
|
||||
animation: warpSpeed 1.5s linear infinite;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.warp-line:nth-child(1) { left: 10%; animation-delay: 0s; }
|
||||
.warp-line:nth-child(2) { left: 25%; animation-delay: 0.2s; }
|
||||
.warp-line:nth-child(3) { left: 40%; animation-delay: 0.4s; }
|
||||
.warp-line:nth-child(4) { left: 55%; animation-delay: 0.6s; }
|
||||
.warp-line:nth-child(5) { left: 70%; animation-delay: 0.8s; }
|
||||
.warp-line:nth-child(6) { left: 85%; animation-delay: 1s; }
|
||||
.warp-line:nth-child(7) { left: 15%; animation-delay: 0.3s; }
|
||||
.warp-line:nth-child(8) { left: 60%; animation-delay: 0.7s; }
|
||||
|
||||
@keyframes warpSpeed {
|
||||
0% {
|
||||
transform: translateY(-100%) scaleY(0);
|
||||
opacity: 0;
|
||||
}
|
||||
10% {
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
transform: translateY(0%) scaleY(1);
|
||||
}
|
||||
90% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
transform: translateY(100%) scaleY(2);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.mods-manager {
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user