Git Product home page Git Product logo

backoffice.schedule.frontender.info's Issues

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

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

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

  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:

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

Редактирование событий

Как пользователь
я хочу изменить существующее событие, например дату публикаации
что бы публикация произошла в нужный мне день

  • Добавить возможность редактирования статьи в таймлайне

Отображение событий

Как пользователь
я хочу увидеть все события
что бы понимать какие события произошли в прошлом и произойдут в будущем

  • Вывод событий ввиде календаря или таймлайна

Фильтрация по статье

Как пользователь
я хочу фильтровать события по статье
что бы увидеть все события, которые касаються статьи и понять текущий её статус

  • Добавить фильтр по статье

Добавление события

Как пользователь
я хочу добавить событие
что бы перевести статью в нужное мне состояние

  • Cоздание приложения на основе скафолдера
  • Авторизация с использованием JWT токена
  • Создание формы для добавления события
  • Валидация формы для добавления события
  • Создание SDK для работы с микросервисом событий
  • Создание события с исползованием SDK

Авторизация с использованием JWT токена

Доступ к бэк-офису должен быть только у авторизованных груп (редакторов и разработчиков).
Авторизация происходит с помощью сервиса http://token.frontender.info/

AC:

  • Неаутентифицированный пользователь перенаправляется в сервис аутентификации
  • Аутентифицированный пользователь, который не принадлежит к организации Frontender Magazine получает сообщение о том, что он должен быть в организации и предложение обратиться в твиттер @frontenderinfo
  • Аутентифицированный пользователь, который является членом организации, но не является членом авторизованной группы, получает сообщение о том, что он должен быть членом одной из этих групп. Показан список групп.
  • Аутентифицированный и авторизированный пользователь получает доступ к приложению

Деплой проекта

Как девопс
я хочу деплоить приложение
что бы оно было доступно из сети Интернет

  • Cоздать Dockerfile
  • Добавить приложение в проеакт docker-compose
  • Покрыть все пользовательские истории e2e тестами

Фильтрация по типу события

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

  • Добавить фильтр по типу события

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.