Почасовой планировщик
Реализуйте планировщик дел на текущий день.
Основные возможности проекта
- Список дел на текущий день с временем начала и конца.
- Создание, редактирование, удаление дел.
- Отметка дел выполненными.
- Автоматическое выделение категорий: прошедшие, текущее, будущие.
- Разделение прошедших сделанных и прошедших несделанных дел.
- Звуковые сигналы по времени начала и конца дел.
- Контроль пересечения времени дел.
- Данные хранятся в localStorage.
Главная страница
На странице должны быть размещены:
- Заголовок с текущей датой.
- Форма для добавления нового дела.
- Список дел на текущий день.
Список дел
Список дел отображается в хронологическом порядке (по времени начала). Каждое дело должно содержать:
- Время начала.
- Время конца.
- Название дела.
- Статус (сделано или нет).
- Кнопки: редактировать, удалить, отметить сделанным.
Категории дел
Сайт автоматически определяет категорию каждого дела на основе текущего времени:
- Прошедшие сделанные - дело закончилось и отмечено сделанным (серый, перечеркнутое).
- Прошедшие несделанные - дело закончилось, но не отмечено сделанным (красный).
- Текущее - дело выполняется сейчас (зеленый, яркий фон).
- Будущие - дело еще не наступило (обычный стиль).
Добавление дела
Форма добавления дела должна содержать:
- Время начала (инпут time).
- Время конца (инпут time).
- Название дела (инпут).
- Кнопка "Добавить дело".
При добавлении система проверяет, не пересекается ли новое дело с уже существующими. Если пересечение обнаружено, выводится сообщение об ошибке и дело не добавляется.
Редактирование дела
При нажатии на кнопку "Редактировать" открывается форма с текущими данными дела. После редактирования и нажатия на кнопку "Сохранить" запись обновляется. При редактировании также проверяется пересечение времени с другими делами.
Удаление дела
При нажатии на кнопку "Удалить" появляется подтверждение (confirm), после чего дело удаляется.
Отметка дела выполненным
При нажатии на чекбокс или кнопку "Сделано" дело помечается как выполненное. Визуально дело меняет стиль на серый/перечеркнутый.
Звуковые сигналы
Сайт должен отслеживать время и подавать звуковые сигналы:
- За 5 минут до начала дела - короткий звуковой сигнал.
- В момент начала дела - звуковой сигнал.
- В момент окончания дела - звуковой сигнал.
Хранение данных
Все дела должны храниться в локальном хранилище браузера (localStorage). При загрузке страницы данные загружаются из хранилища, при изменении - сохраняются обратно.
Дополнительные возможности
- Переключение на другие дни (кнопки "◄" и "►").
- Кнопка "Сегодня" для возврата к текущему дню.