- Добавлены обработчики для предотвращения дублирования изображений и проверки размера файлов при загрузке (максимум 10MB).
- Реализованы уведомления о добавленных изображениях и улучшен интерфейс для мобильных устройств с индикаторами загрузки и сохранения.
- Оптимизированы стили для мобильных устройств, включая улучшения для кнопок и элементов управления.
- Изменены размеры изображений в заметках на 150x150 пикселей с использованием свойства object-fit для обрезки
- Добавлен эффект тени при наведении на изображения
- Реализован элемент с увеличительным стеклом, который появляется при наведении на изображение для улучшения взаимодействия
- Реализована возможность загрузки изображений к заметкам с использованием multer
- Добавлены API для загрузки, получения и удаления изображений заметок
- Обновлен интерфейс для отображения загруженных изображений и их предварительного просмотра
- Добавлены стили для управления изображениями и модального окна просмотра
- Добавлены свойства переноса текста (word-wrap, overflow-wrap, word-break) для всех элементов заметок
- Исправлена проблема с длинным текстом без пробелов, который выходил за границы блока
- Обновлены стили для улучшения читаемости текста в различных элементах
- Добавлены правильные стили для календаря в слайдере
- Стилизованы теги как в ПК версии (badge с синим фоном)
- Улучшено отображение поля поиска
- Добавлены правильные отступы и зазоры
- Теги теперь показывают количество заметок
- Улучшена читаемость всех элементов в слайдере
- Синхронизация фильтров работает идеально
- Изменен display с 'none' на 'flex' для постоянной готовности слайдера
- Адаптирована ширина слайдера: 85vw (85% ширины экрана)
- Установлен max-width: 320px для планшетов
- Слайдер теперь полностью видим при открытии на всех размерах
- Улучшена анимация выдвижения (0.3s ease)
- Добавлено правильное распределение content внутри слайдера
- Добавлена кнопка открытия слайдера (☰) на мобильных устройствах
- Реализован удобный боковой слайдер для мобильной версии
- Слайдер содержит полностью функциональный календарь с навигацией
- Поле поиска синхронизировано с ПК версией
- Теги отображаются с количеством заметок
- Возможность закрытия слайдера кнопкой или оверлеем
- Все функции работают как в ПК версии
- Добавлена синхронизация между мобильным и ПК календарями
- Обновлена документация README с описанием мобильной версии
- Обновлена версия подключения стилей в notes.html
- Добавлены новые стили для мобильной адаптации в style.css, включая изменения для контейнеров, заголовков и кнопок
- Реализована функция для сворачивания длинных заметок с добавлением кнопки "Показать полностью"
- Добавлены стили для сворачивания заметок и кнопки
- Обновлен обработчик сохранения заметок с поддержкой горячей клавиши Alt + Enter
- Улучшено авторасширение текстового поля при редактировании заметок
- Добавлена страница личного кабинета с возможностью загрузки аватарки
- Реализовано управление аватарками: загрузка, удаление, предварительный просмотр
- Исправлено отображение аватарки на странице профиля (центрирование)
- Убрано отображение аватарки со страницы заметок для чистоты интерфейса
- Обновлен .gitignore с исключениями для загруженных файлов и временных файлов
- Обновлен README.md с документацией по новым функциям
- Добавлена валидация загружаемых файлов (тип, размер, формат)
- Улучшена безопасность с изоляцией пользовательских данных
- Добавлена секция тегов под календарем с отображением всех уникальных тегов
- Реализована фильтрация заметок по тегам при клике на тег
- Добавлены кликабельные теги в самих заметках для интуитивной навигации
- Теги автоматически извлекаются из текста заметок в формате #название
- Добавлены счетчики для каждого тега, показывающие количество заметок
- Реализован индикатор активного фильтра с возможностью сброса
- Поддержка комбинированной фильтрации по дате и тегам
- Стилизованные теги с hover-эффектами и анимациями
- Обновление тегов в реальном времени при создании/редактировании заметок
Файлы изменены:
- public/notes.html: добавлена HTML-структура для секции тегов
- public/style.css: стили для тегов в боковой панели и в заметках
- public/app.js: логика извлечения тегов, фильтрации и обработчики кликов
- Добавлены зеленые индикаторы на днях с заметками в календаре
- Реализована фильтрация заметок по выбранной дате при клике на день
- Добавлен индикатор активного фильтра с кнопкой сброса
- Исправлено выравнивание элементов заголовка при появлении фильтра
- Добавлена навигация по месяцам с сохранением фильтра
- Повторный клик на день снимает фильтр
Изменения:
- public/app.js: логика фильтрации и отображения индикаторов
- public/notes.html: структура заголовка с индикатором фильтра
- public/style.css: стили для индикаторов и исправление выравнивания
