📊 Облік робочих годин

Веб-додаток для обліку робочого часу з автоматичним розрахунком годин та синхронізацією з Google Sheets.

✨ Можливості

• 📅 Календарний вигляд - таблиця по днях місяця
• ⏰ Автоматичний розрахунок - вираховує робочі години за формулою: (кінець - початок) × 24 - перерва
• 📊 Статистика - загальна кількість годин, робочих днів, середня кількість годин
• 💾 Автозбереження - дані зберігаються локально в браузері
• ☁️ Google Sheets синхронізація - автоматичне збереження в хмару
• 📱 Адаптивний дизайн - працює на всіх пристроях
• 🖨️ Друк - оптимізований вигляд для друку
• 📥 Експорт CSV - експорт даних у форматі CSV

🚀 Швидкий старт

Варіант 1: Онлайн версія (рекомендовано)

Просто відкрийте: [Ваше ім'я].github.io/[назва-репо]

Варіант 2: Локальне використання

1. Завантажте index.html
2. Відкрийте файл у браузері (подвійний клік)
3. Готово! Дані зберігаються локально в браузері

⚙️ Налаштування Google Sheets (опціонально)

Для синхронізації між пристроями:

1. Створіть Google Spreadsheet

   • Перейдіть на sheets.google.com
   • Створіть нову таблицю

2. Додайте Apps Script

   • Extensions → Apps Script
   • Скопіюйте код з файлу Google_Apps_Script_з_CORS.txt
   • Збережіть (Ctrl+S)

3. Розгорніть як веб-додаток

   • Deploy → New deployment
   • Type: Web app
   • Execute as: Me
   • Who has access: Anyone (важливо для CORS!)
   • Deploy
   • Скопіюйте URL

4. Вставте URL в index.html

   • Відкрийте index.html в редакторі
   • Знайдіть рядок const GOOGLE_SCRIPT_URL = '...'
   • Замініть на ваш URL
   • Збережіть

📋 Як користуватися

1. Виберіть місяць і рік у верхньому меню
2. Введіть мінімальну кількість годин на місяць (за замовчуванням 160)
3. Заповніть дані для кожного робочого дня:
   • Початок роботи (09:00)
   • Кінець роботи (18:00)
   • Перерва в годинах (1)
   • Примітки (опціонально)
4. Години розраховуються автоматично!
5. Дані автоматично зберігаються локально та в Google Sheets

📊 Статистика

Додаток автоматично показує:

• Загальна кількість годин - сума всіх відпрацьованих годин
• Робочих днів - кількість днів з введеними даними
• Середня к-сть годин - середня кількість годин на день
• Мінімум годин - встановлена норма на місяць
• Залишилось годин - скільки ще потрібно відпрацювати

🎨 Особливості

• 🟣 Красивий градієнтний дизайн (фіолетовий)
• 🔴 Вихідні виділені червоним
• ✅ Зелений колір для виконаної норми годин
• ⚠️ Жовтий колір для попередження
• ❌ Червоний колір для недостатньої кількості годин

🛠️ Технології

• HTML5
• CSS3 (градієнти, анімації, адаптивний дизайн)
• JavaScript (ES6+)
• Google Apps Script (для синхронізації)
• LocalStorage API

📝 Ліцензія

Вільне використання для особистих та комерційних цілей.

🤝 Підтримка

Якщо виникли питання або помилки - створіть Issue в репозиторії.

---

Приємного користування! 🎉