// календарь

Календарь тренировок

/coach/calendar — общий месяц по всем клиентам. /coach/clients/[id]/calendar — то же, но в разрезе одного клиента. Один компонент, одни и те же статусы, одна логика быстрого добавления.

// коротко

  • Месяц с понедельника, дни в UTC; на мобильном — лента по дням.
  • На каждой плашке статус: выполнено, сегодня, запланировано, пропущено.
  • Кнопка «+» в ячейке открывает форму новой тренировки с уже подставленной датой.
  • В календаре одного клиента к ссылке добавляется его id — клиент тоже подставится автоматически.
§ 01

Два календаря

В TRENYA два варианта календаря с одной и той же логикой:

  • /coach/calendar — все клиенты, на плашке подпись с именем клиента.
  • /coach/clients/[id]/calendar — только один клиент, тот же месяц без шума от остальных.
§ 02

По всем клиентам

Командный вид: удобно, когда у Вас 5–20 клиентов и нужно понять, на какой день Вы перегружены. В каждой ячейке — тренировки за этот день; клик по плашке открывает страницу тренировки.

Общий календарь тренера на текущий месяц
Месячный вид по всем клиентам. Имя клиента — подпись плашки.
Общий календарь тренера на следующий месяц
Переключение на следующий месяц. Стрелки в шапке двигают окно.
§ 03

По одному клиенту

В профиле клиента есть прямая ссылка на его календарь. Удобно, когда Вы готовите тренировку для одного человека и хотите видеть его расписание без шума от других.

Календарь одного клиента
Календарь одного клиента: та же сетка, но без подписи имени — клиент уже один.
§ 04

Статусы тренировок

Выполнено
Клиент закрыл тренировку. Зелёный акцент.
Сегодня
Сегодняшняя дата, ещё не закрыта. Подсвечена основным цветом.
Запланировано
Будущая дата. Нейтральный цвет.
Пропущено
Прошлая дата без отметки о завершении. Красный.
§ 05

Быстрое добавление

В каждой ячейке календаря на десктопе есть кнопка «+». Она появляется при наведении и при фокусе. Клик открывает форму новой тренировки с уже подставленной датой. В календаре одного клиента подставится ещё и сам клиент — Вам остаётся только добавить упражнения.

Календарь перед быстрым добавлением тренировки
Кнопка «+» в ячейке месячного вида. На мобильном — отдельная ссылка «Добавить тренировку» сверху ленты.
Форма новой тренировки с подставленной датой
Форма новой тренировки, открытая из календаря, — дата уже подставлена.
§ 06

Лента на мобильном

На узких экранах сетка месяца не помещается, поэтому календарь переключается в формат ленты по дням. Логика та же: плашки тренировок со статусами и кнопка «Добавить тренировку» сверху.