TDvorak/PPve
1
0
Fork 0
mirror of https://github.com/Dvorinka/PPve.git synced 2026-06-04 20:42:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

ff

Browse Source
This commit is contained in:
Tomas Dvorak
2025-05-30 16:23:20 +02:00
parent 8fae5b8e0e
commit 67a9c1b7c8
1 changed files with 13 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin-dashboard.html
+13 -10
View File
@@ -1885,11 +1885,13 @@ async function loadDynamicApps() {
} }
console.log("Rendering", customApps.length, "dynamic apps"); console.log("Rendering", customApps.length, "dynamic apps");
dynamicAppsList.innerHTML = customApps.map(app => ` dynamicAppsList.innerHTML = customApps.map(app => {
const iconToUse = app.iconClass || app.icon || 'fa-question';
return `
<div class="bg-white rounded-lg shadow p-4 flex items-center justify-between" data-app-id="${app.id}"> <div class="bg-white rounded-lg shadow p-4 flex items-center justify-between" data-app-id="${app.id}">
<div class="flex items-center space-x-4"> <div class="flex items-center space-x-4">
<div class="w-12 h-12 rounded-full bg-${app.color || 'blue'}-100 text-${app.color || 'blue'}-600 flex items-center justify-center"> <div class="w-12 h-12 rounded-full bg-${app.color || 'blue'}-100 text-${app.color || 'blue'}-600 flex items-center justify-center">
<i class="fas ${app.icon || 'fa-question'} text-xl"></i> <i class="fas ${iconToUse} text-xl"></i>
</div> </div>
<div> <div>
<h4 class="font-medium">${app.name || 'Neznámá aplikace'}</h4> <h4 class="font-medium">${app.name || 'Neznámá aplikace'}</h4>
@@ -1905,8 +1907,8 @@ async function loadDynamicApps() {
<i class="fas fa-trash"></i> <i class="fas fa-trash"></i>
</button> </button>
</div> </div>
</div> </div>`;
`).join(''); }).join('');
} catch (error) { } catch (error) {
console.error('Error loading dynamic apps:', error); console.error('Error loading dynamic apps:', error);
@@ -2095,23 +2097,24 @@ async function editApp(appId) {
} }
// Set the appropriate icon based on the app data // Set the appropriate icon based on the app data
if (app.icon) { const iconToUse = app.iconClass || app.icon; // Use iconClass if available, fallback to icon
if (app.icon.startsWith('http') || app.icon.startsWith('/') || app.icon.startsWith('data:')) { if (iconToUse) {
if (iconToUse.startsWith('http') || iconToUse.startsWith('/') || iconToUse.startsWith('data:')) {
// Custom uploaded image // Custom uploaded image
if (iconPreview) { if (iconPreview) {
iconPreview.src = app.icon; iconPreview.src = iconToUse;
iconPreview.classList.remove('hidden'); iconPreview.classList.remove('hidden');
if (selectedIcon) selectedIcon.classList.add('hidden'); if (selectedIcon) selectedIcon.classList.add('hidden');
} }
if (appIcon) appIcon.value = 'custom'; if (appIcon) appIcon.value = 'custom';
} else if (app.icon.startsWith('fa-')) { } else if (iconToUse.startsWith('fa-')) {
// Font Awesome icon // Font Awesome icon
if (selectedIcon) { if (selectedIcon) {
selectedIcon.className = `fas ${app.icon} text-2xl text-gray-400`; selectedIcon.className = `fas ${iconToUse} text-2xl text-gray-400`;
selectedIcon.classList.remove('hidden'); selectedIcon.classList.remove('hidden');
if (iconPreview) iconPreview.classList.add('hidden'); if (iconPreview) iconPreview.classList.add('hidden');
} }
if (appIcon) appIcon.value = app.icon; if (appIcon) appIcon.value = iconToUse;
// Highlight the selected icon in the picker // Highlight the selected icon in the picker
const iconElements = document.querySelectorAll('.icon-option'); const iconElements = document.querySelectorAll('.icon-option');