Spaces:
Running
Running
// Функция для инициализации рабочего стола | |
function initializeDesktop(container) { | |
// Список иконок на рабочем столе | |
const desktopIcons = [ | |
{ name: 'Этот компьютер', icon: 'computer-icon.png', appId: 'computer' }, | |
{ name: 'Корзина', icon: 'recycle-bin-icon.png', appId: 'recycle-bin' }, | |
{ name: 'Проводник', icon: 'explorer-icon.png', appId: 'explorer' }, | |
{ name: 'Браузер', icon: 'browser-icon.png', appId: 'browser' } | |
]; | |
console.log('Инициализация рабочего стола'); | |
// Создаем иконки на рабочем столе | |
desktopIcons.forEach((icon, index) => { | |
const desktopIcon = document.createElement('div'); | |
desktopIcon.className = 'desktop-icon'; | |
desktopIcon.dataset.appId = icon.appId; | |
const iconImg = document.createElement('img'); | |
iconImg.src = `src/images/${icon.icon}`; | |
iconImg.alt = icon.name; | |
const iconName = document.createElement('div'); | |
iconName.textContent = icon.name; | |
desktopIcon.appendChild(iconImg); | |
desktopIcon.appendChild(iconName); | |
// Позиционируем иконку на рабочем столе | |
desktopIcon.style.position = 'absolute'; | |
desktopIcon.style.left = '20px'; | |
desktopIcon.style.top = `${20 + index * 100}px`; | |
container.appendChild(desktopIcon); | |
// Добавляем обработчик события для запуска приложения при клике на иконку | |
desktopIcon.addEventListener('click', (e) => { | |
console.log(`Клик по иконке: ${icon.name}`); | |
launchApp(icon.appId); | |
}); | |
}); | |
} |