TodayListModal (Тарас) #11
Description
Модальне вікно для додавання або редагування даних по випитій води.
Компонент складається з:
Заголовок:
Зазвичай це "Редагувати введену кількість води" або просто "Редагувати".
Дані щодо кількість води з попереднього прийому:
Показується значення к-сті випитої води користувачем попереднього пазу наприклад, "250 мл" та час, коли це було зроблено - наприклад "7:00AM"
Якщо відбувається перший запис за поточний день, компонент показує повідомлення "No notes yet"
Корегування введених даних складається:
з блоку для покрокового вводу занчення випитої води за допомогою кнопок "+" | "-" та панелі що відображає це значення.
з поля для вводу значення часу в год:хв, коли була випита вода, по дефолту поточний час. Потрібно реалізувати як випадаючий список для вибору часу з кроком в 5хв.
з поля для вводу значення випитої води з клавіатури.
Блок для покрокового вводу к-сті води та поле для вводу к-сті води з клавіатури повинні показувати однакове значення, що відповідає к-сті води, яку юзер хоче зберегти в даному записі.
За замовчуванням це - 0, якщо відбувається перший запис за день або значення к-сті води з попереднього прийому поточного дня.
Коли відбувається зміна значення к-сті води за допомогою блоку або поля, в полі або блоці відповідно значення повинно змінитись лише після втрати фокусу на елементах того блоку, на якому юзер виконує зміну.
Тобто, якщо юзер змінює занченняв полі для вводу з клавіатури, то на панелі блоку з кнопками значення зміниться лише коли фокус на полі для вводу буде втрачено.
Кнопка Зберегти:
Після внесення змін є кнопка Зберегти, яку потрібно натиснути для відправки запиту на бекенд та збереження даних.
Це модальне вікно дозволяє користувачеві редагувати вже введену кількість води. Воно відображає поточні дані та надає можливість коригування і збереження змін.