mirror of
https://git.sanhost.net/sanasol/hytale-f2p.git
synced 2026-02-27 15:21:47 -03:00
v2.4.4: Rename Profiles to Configurations, add Identity Switcher
- Rename "Profiles" to "Configurations" in all UI text and 11 locale files - Add identity switcher dropdown in header (green accent, fa-id-badge icon) - Quick-switch player identity without opening Settings - "Manage" action opens UUID Management modal - Header tooltips explaining what each dropdown does - Config dropdown icon changed from fa-user-circle to fa-sliders-h - Global Escape key handler for closing modals and dropdowns - Fix identity selector not clickable (missing -webkit-app-region: no-drag) - Sync header identity name after all identity-changing operations - XSS protection in identity list rendering Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -35,13 +35,21 @@ export function setupLauncher() {
|
||||
// Initial Profile Load
|
||||
loadProfiles();
|
||||
|
||||
// Close dropdown on outside click
|
||||
// Initial Identity Load
|
||||
loadIdentities();
|
||||
|
||||
// Close dropdowns on outside click
|
||||
document.addEventListener('click', (e) => {
|
||||
const selector = document.getElementById('profileSelector');
|
||||
if (selector && !selector.contains(e.target)) {
|
||||
const profileSelector = document.getElementById('profileSelector');
|
||||
if (profileSelector && !profileSelector.contains(e.target)) {
|
||||
const dropdown = document.getElementById('profileDropdown');
|
||||
if (dropdown) dropdown.classList.remove('show');
|
||||
}
|
||||
const identitySelector = document.getElementById('identitySelector');
|
||||
if (identitySelector && !identitySelector.contains(e.target)) {
|
||||
const dropdown = document.getElementById('identityDropdown');
|
||||
if (dropdown) dropdown.classList.remove('show');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
@@ -83,7 +91,7 @@ function renderProfileList(profiles, activeProfile) {
|
||||
managerList.innerHTML = profiles.map(p => `
|
||||
<div class="profile-manager-item ${p.id === activeProfile.id ? 'active' : ''}">
|
||||
<div class="flex items-center gap-3">
|
||||
<i class="fas fa-user-circle text-xl text-gray-400"></i>
|
||||
<i class="fas fa-sliders-h text-xl text-gray-400"></i>
|
||||
<div>
|
||||
<div class="font-bold">${p.name}</div>
|
||||
<div class="text-xs text-gray-500">ID: ${p.id.substring(0, 8)}...</div>
|
||||
@@ -106,13 +114,6 @@ function updateCurrentProfileUI(profile) {
|
||||
}
|
||||
}
|
||||
|
||||
window.toggleProfileDropdown = () => {
|
||||
const dropdown = document.getElementById('profileDropdown');
|
||||
if (dropdown) {
|
||||
dropdown.classList.toggle('show');
|
||||
}
|
||||
};
|
||||
|
||||
window.openProfileManager = () => {
|
||||
const modal = document.getElementById('profileManagerModal');
|
||||
if (modal) {
|
||||
@@ -146,7 +147,7 @@ window.createNewProfile = async () => {
|
||||
};
|
||||
|
||||
window.deleteProfile = async (id) => {
|
||||
if (!confirm('Are you sure you want to delete this profile? parameters and mods configuration will be lost.')) return;
|
||||
if (!confirm('Are you sure you want to delete this configuration? Mod settings will be lost.')) return;
|
||||
|
||||
try {
|
||||
await window.electronAPI.profile.delete(id);
|
||||
@@ -160,7 +161,7 @@ window.deleteProfile = async (id) => {
|
||||
window.switchProfile = async (id) => {
|
||||
try {
|
||||
if (window.LauncherUI) window.LauncherUI.showProgress();
|
||||
const switchingMsg = window.i18n ? window.i18n.t('progress.switchingProfile') : 'Switching Profile...';
|
||||
const switchingMsg = window.i18n ? window.i18n.t('progress.switchingProfile') : 'Switching configuration...';
|
||||
if (window.LauncherUI) window.LauncherUI.updateProgress({ message: switchingMsg });
|
||||
|
||||
await window.electronAPI.profile.activate(id);
|
||||
@@ -179,7 +180,7 @@ window.switchProfile = async (id) => {
|
||||
if (dropdown) dropdown.classList.remove('show');
|
||||
|
||||
if (window.LauncherUI) {
|
||||
const switchedMsg = window.i18n ? window.i18n.t('progress.profileSwitched') : 'Profile Switched!';
|
||||
const switchedMsg = window.i18n ? window.i18n.t('progress.profileSwitched') : 'Configuration switched!';
|
||||
window.LauncherUI.updateProgress({ message: switchedMsg });
|
||||
setTimeout(() => window.LauncherUI.hideProgress(), 1000);
|
||||
}
|
||||
@@ -676,6 +677,121 @@ async function loadCustomJavaPath() {
|
||||
}
|
||||
}
|
||||
|
||||
// ==========================================
|
||||
// IDENTITY SWITCHER
|
||||
// ==========================================
|
||||
|
||||
function escapeHtml(text) {
|
||||
const div = document.createElement('div');
|
||||
div.textContent = text;
|
||||
return div.innerHTML;
|
||||
}
|
||||
|
||||
async function loadIdentities() {
|
||||
try {
|
||||
if (!window.electronAPI) return;
|
||||
|
||||
const nameEl = document.getElementById('currentIdentityName');
|
||||
|
||||
// Load current username
|
||||
let currentUsername = 'Player';
|
||||
if (window.electronAPI.loadUsername) {
|
||||
const name = await window.electronAPI.loadUsername();
|
||||
if (name) currentUsername = name;
|
||||
}
|
||||
if (nameEl) nameEl.textContent = currentUsername;
|
||||
|
||||
// Load all identities for dropdown
|
||||
const list = document.getElementById('identityList');
|
||||
if (!list || !window.electronAPI.getAllUuidMappings) return;
|
||||
|
||||
const mappings = await window.electronAPI.getAllUuidMappings();
|
||||
renderIdentityList(mappings, currentUsername);
|
||||
} catch (error) {
|
||||
console.error('Failed to load identities:', error);
|
||||
}
|
||||
}
|
||||
|
||||
function renderIdentityList(mappings, currentUsername) {
|
||||
const list = document.getElementById('identityList');
|
||||
if (!list) return;
|
||||
|
||||
if (!mappings || mappings.length === 0) {
|
||||
list.innerHTML = '<div class="identity-empty">No identities</div>';
|
||||
return;
|
||||
}
|
||||
|
||||
list.innerHTML = mappings.map(m => {
|
||||
const safe = escapeHtml(m.username);
|
||||
return `
|
||||
<div class="identity-item ${m.username === currentUsername ? 'active' : ''}"
|
||||
onclick="switchIdentity('${safe.replace(/'/g, "'")}')">
|
||||
<span>${safe}</span>
|
||||
${m.username === currentUsername ? '<i class="fas fa-check ml-auto"></i>' : ''}
|
||||
</div>
|
||||
`;
|
||||
}).join('');
|
||||
}
|
||||
|
||||
window.toggleIdentityDropdown = () => {
|
||||
const dropdown = document.getElementById('identityDropdown');
|
||||
if (dropdown) {
|
||||
dropdown.classList.toggle('show');
|
||||
// Close profile dropdown
|
||||
const profileDropdown = document.getElementById('profileDropdown');
|
||||
if (profileDropdown) profileDropdown.classList.remove('show');
|
||||
}
|
||||
};
|
||||
|
||||
window.openIdentityManager = () => {
|
||||
// Close dropdown
|
||||
const dropdown = document.getElementById('identityDropdown');
|
||||
if (dropdown) dropdown.classList.remove('show');
|
||||
// Open UUID modal from settings
|
||||
if (window.openUuidModal) {
|
||||
window.openUuidModal();
|
||||
}
|
||||
};
|
||||
|
||||
window.switchIdentity = async (username) => {
|
||||
try {
|
||||
if (!window.electronAPI || !window.electronAPI.saveUsername) return;
|
||||
|
||||
const result = await window.electronAPI.saveUsername(username);
|
||||
if (result && result.success === false) {
|
||||
throw new Error(result.error || 'Failed to switch identity');
|
||||
}
|
||||
|
||||
// Refresh identity dropdown
|
||||
await loadIdentities();
|
||||
|
||||
// Close dropdown
|
||||
const dropdown = document.getElementById('identityDropdown');
|
||||
if (dropdown) dropdown.classList.remove('show');
|
||||
|
||||
// Update settings page username field and UUID display
|
||||
const settingsInput = document.getElementById('settingsPlayerName');
|
||||
if (settingsInput) settingsInput.value = username;
|
||||
if (window.loadCurrentUuid) window.loadCurrentUuid();
|
||||
|
||||
} catch (error) {
|
||||
console.error('Failed to switch identity:', error);
|
||||
}
|
||||
};
|
||||
|
||||
// Make loadIdentities available globally for settings.js to call
|
||||
window.loadIdentities = loadIdentities;
|
||||
|
||||
window.toggleProfileDropdown = () => {
|
||||
const dropdown = document.getElementById('profileDropdown');
|
||||
if (dropdown) {
|
||||
dropdown.classList.toggle('show');
|
||||
// Close identity dropdown
|
||||
const identityDropdown = document.getElementById('identityDropdown');
|
||||
if (identityDropdown) identityDropdown.classList.remove('show');
|
||||
}
|
||||
};
|
||||
|
||||
window.launch = launch;
|
||||
window.uninstallGame = uninstallGame;
|
||||
window.repairGame = repairGame;
|
||||
|
||||
Reference in New Issue
Block a user