Создание формы для добавления события

[SilentImp]

При клике на пиктограмму плюса в левом верхнем углу лендинга появляется абсолютно позиционированная форма для создания события.

Форма содержит несколько шагов:

1. Выбор статьи с которой происходит это событие. Должно содержать поле поиска статьи. Под ним находится список найденных статей разделенный на страница по 10 и пагинатор. При клике на статью происходит переход к следующему шагу, возле каждой статьи находится пиктограмма, которая содержит ссылку позволяющую открыть статью в новой вкладке.

2. Выбор состояния из списка ["planned", "permission_requested", "permission_granted", "permission_denied", "translation", "translated", "editorial", "edited", "published_for_subscribers", "published", "outdated", "freezed", "canceled"].

3. Выбор даты события. Можно выбрать дату начала события и конца события. Дата конца события не обязательна.

4. Описание события. Поле необязательное. Может содержать заметки, вроде «Статья freezed, так как переводчик ушел в запой, напомнить через неделю».

5. Выбор ответственного лица. Поле поиска, которое позволяет найти по имени среди/нику/учетке пользователя. Можно выбрать больше одного пользователя. Не обязательное поле.

6. Предпросмотр события и кнопка «опубликовать».

Источники данных:

— Список статей: article.frontender.info и SDK: sdk.article.frontender.info
— Список пользователей. user.frontender.info и SDK: sdk.user.frontender.info

AC:

• форма открывается по клику на пиктограмму плюса
• форма закрывается при повторном клике на пиктограмму
• в форме реализованы все описанные шаги
• можно перейти к следующему шагу формы если данные в данном шаге заполнены или не обязательны
• можно вернуться к предыдущему шагу формы, заполненные данные при этом отобразяться
• есть индикатор прогресса заполнения формы с указанием шага, на котором находится пользователь