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); | |
| }); | |
| }); | |
| } |