mirror of
https://github.com/Dvorinka/PPve.git
synced 2026-06-04 12:32:59 +00:00
f
This commit is contained in:
+1
-53
@@ -2190,60 +2190,8 @@ function openAddAppModal() {
|
|||||||
|
|
||||||
// Update title
|
// Update title
|
||||||
document.getElementById('appModalTitle').textContent = 'Přidat aplikaci';
|
document.getElementById('appModalTitle').textContent = 'Přidat aplikaci';
|
||||||
|
|
||||||
|
|
||||||
// Select an icon
|
|
||||||
function selectIcon(iconClass) {
|
|
||||||
const iconInput = document.getElementById('appIcon');
|
|
||||||
const iconPreview = document.getElementById('iconPreview');
|
|
||||||
const iconClassInput = document.getElementById('appIconClass');
|
|
||||||
const iconPickerModal = document.getElementById('iconPickerModal');
|
|
||||||
|
|
||||||
// Hide any custom icon preview
|
|
||||||
const customIconPreview = document.getElementById('customIconPreview');
|
|
||||||
if (customIconPreview) {
|
|
||||||
customIconPreview.classList.add('hidden');
|
|
||||||
customIconPreview.src = '';
|
|
||||||
}
|
|
||||||
|
|
||||||
// Show the Font Awesome icon
|
|
||||||
const selectedIcon = document.getElementById('selectedIcon');
|
|
||||||
if (selectedIcon) {
|
|
||||||
selectedIcon.className = `fas ${iconClass} text-2xl text-blue-600`;
|
|
||||||
selectedIcon.classList.remove('hidden');
|
|
||||||
}
|
|
||||||
|
|
||||||
if (iconInput && selectedIcon && iconClassInput) {
|
|
||||||
// Update the hidden input with the icon class
|
|
||||||
iconClassInput.value = iconClass;
|
|
||||||
|
|
||||||
// Update the visible input with a friendly name
|
|
||||||
const iconName = iconClass.replace('fa-', '').replace(/-/g, ' ');
|
|
||||||
iconInput.value = iconName.split(' ')
|
|
||||||
.map(word => word.charAt(0).toUpperCase() + word.slice(1))
|
|
||||||
.join(' ');
|
|
||||||
|
|
||||||
// Highlight the selected icon
|
|
||||||
const selectedOption = document.querySelector(`.icon-option[data-icon="${iconClass}"]`);
|
|
||||||
if (selectedOption) {
|
|
||||||
// Remove active class from all icons
|
|
||||||
document.querySelectorAll('.icon-option').forEach(option => {
|
|
||||||
option.classList.remove('active');
|
|
||||||
});
|
|
||||||
// Add active class to selected icon
|
|
||||||
selectedOption.classList.add('active');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Close the modal
|
|
||||||
isModalOpen = false;
|
|
||||||
document.body.style.overflow = '';
|
|
||||||
iconPickerModal.style.display = 'none';
|
|
||||||
|
|
||||||
// Update the preview
|
|
||||||
if (iconPreview) {
|
|
||||||
iconPreview.className = 'w-12 h-12 rounded-full bg-blue-100 text-blue-600 flex items-center justify-center mr-3';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// Reset icon selection
|
// Reset icon selection
|
||||||
const appIcon = document.getElementById('appIcon');
|
const appIcon = document.getElementById('appIcon');
|
||||||
const customIconInput = document.getElementById('customIconInput');
|
const customIconInput = document.getElementById('customIconInput');
|
||||||
|
|||||||
Reference in New Issue
Block a user