Разработать форму отображения бронирований
Кто нужен для выполнения задачи: фронтенд. Преимущественно html+css, программирования не будет.
Ничего с API интегрировать не нужно.
Коротко о проекте: есть сеть автомастерских, в каждой автомастерской оказываются разные услуги.
1 услуга оказывается в одном "боксе". В каждой мастерской разное количетсво боксов.
Хотим визуализировать загрузку каждого отдельного филиала на двух представлениях - недельном или дневном.
Отсюда задача: сверстать 2 вида отображения (Недельное и Дневное). Макеты во вложении.
Каждый макет состоит из:
- Селектора дат (Левый верхний угол)
-- На недельном представлении дата начала и дата окончания недели. Некликабельная. Стрелки вперед-назад. Программировать их не нужно.
-- На дневном представлении дата - она будет кликабельна. Текст еще уточняется (может быть текст, может быть дата)
- Вертикальный список "постов". Может быть произвольное количество.
- Горизонтальный список "разгридовка"
-- В недельном представлении строго дни недели от понедельника до воскресенья.
-- В дневном представлении это часы от 0 до 23 включительно. В идеале предусмотреть возможность, что какие-то адреса могут работать не с 00 до 23, а скажем с 9 до 18. Делать это в целом не нужно, но желательно быть адаптивным к количеству столбцов.
- Записи
-- Каждая запись относится к определенному посту. Строго к одному.
-- На записи может быть текст, а может и не быть. Его нужно центрировать и скрывать чтобы длинный текст не ломал верстку. В идеале при наведении на запись показывать какой-нибудь hover с полным текстом из записи.
-- На записи будет событие click, важно учесть чтобы не пересекаться по события с hover'ом
-- Запись имеет цвет, который приходит с бека динамически, так что зашивать его в верстку не нужно
-- Записи будут добавляться с бекенда динамически, поэтому чем проще это будет в интеграции тем лучше.
Никакого интерактива (dnd записей, растягивания и т.п.) делать НЕ НУЖНО.
Дан еще один скриншот чтобы было понимания контекста в котором будет отображение графика.
Контекст выполнения:
[уже реализовано] Есть страница, на которой выведены определенные управляющие элементы (кнопки изменения вида отображения, адреса и т.п.).
[уже реализовано] При загрузке страницы отправляется запрос на бекенд, с него возвращается список постов, вид отображения, график работы, даты и т.п.
[Вот тут нужна верстка] Здесь происходит отрисовка верстки которую нужно сделать.
[будет написано не вами] После чего при нажатии на фильтр/управляющие кнопки происходит перерисовка данных.
Для тех кто хочет большего: если это будет сделано через vue2 версии можем рассмотреть увеличение бюджета при условии реализации дополнительных моментов - подробности в переписке.