Please enable JavaScript.

Coggle requires JavaScript to display documents.

Форма заказа - Coggle Diagram

- - - - Длина не менее 2 и не более 15
        символов.
      - При некорректном вводе появляется ошибка. Текст ошибки «Введите корректную фамилию».
      - Только русские буквы.
      - Если не ввести корректную информацию - система не даст перейти к следующей форме бронирования
      - Поле обязательно для заполнения
    - - Длина
        не менее 5 и не более 50 символов.
      - Пробелы до и после адреса
        удаляются при снятии фокуса.
      - Только русские буквы, цифры,
        пробел, тире, точка, запятая.
      - Если не ввести корректную информацию - система не даст перейти к следующей форме бронирования
      - Поле обязательно для заполнения
      - При некорректном вводе появляется ошибка. Текст ошибки «Введите корректный адрес».
    - - Поле обязательно для заполнения
      - Только русские буквы, пробел, тире.
      - Длина не менее 2 и не более 15
        символов.
      - При некорректном вводе появляется ошибка. Текст ошибки «Введите корректное имя».
      - Если не ввести корректную информацию - система не даст перейти к следующей форме бронирования
    - - Станции метро Москвы.
      - Список метро зашит на стороне бэкенда в API
      - текстовое поле с саджестом
      - Поле обязательно для заполнения
      - При начале ввода - появляется лучшее совпадение по названию
      - Поле обязательно для заполнения
    - - При нажатии на кнопку - вместо нее появляется окно ввода номера заказа
        
        После ввода номера заказа и нажатия Enter - открывается страница "Статус заказа"
    - - Поле обязательно для заполнения
      - При некорректном вводе появляется ошибка. Текст ошибки «Введите корректный телефон».
      - Длина не
        менее 10 и не более 12 символов.
      - Только цифры и знак +
      - Если не ввести корректную информацию - система не даст перейти к следующей форме бронирования
    - - При нажатии ничего не происходит, т.к. кнопка и должна отправлять на эту страницу
    - - Переводит на следующую форму (Про аренду) только если все обязательные поля заполнены корректно
      - Если какое-либо из полей не заполнено или заполнено не корректно - под полем появляется ошибка и переход на следующую форму не происходит
    - - "Яндекс"
        
        При нажатии открывается главная страница поиска Яндекс
      - "Самокат"
        
        При нажатии перенаправляет на главную страницу сервиса
      - "Учебный тренажёр"
        
        Некликабельный текст
  - - - Выпадающий список
      - Поле обязательно для заполнения
      - Можно выбрать от 1 до 7 суток. Шаг 1 сутки
      - Вводить
        значения вручную в поле нельзя
    - - Поле не обязательно для заполнения
      - Можно выбрать как один цвет, так и оба
        
        При выборе "Черный жемчуг" - заказ будет сделан на черный самокат
        
        При выборе "Серая безысходность" - заказ будет сделан на серый самокат
        
        При выборе обоих вариантов либо при отсутствии выбора - заказ будет сделан на случайный цвет.
    - - Поле не обязательно для заполнения
      - Только русские буквы, цифры,
        пробел, тире, точка, запятая.
      - Длина
        не более 24 символов.
    - - При нажатии на кнопку - вместо нее появляется окно ввода номера заказа
        
        После ввода номера заказа и нажатия Enter - открывается страница "Статус заказа"
    - - Если все поля заполнены корректно, при клике по кнопке
        «Заказать» заказ будет оформлен. (Форма 3)
      - Если не все обязательные поля заполнены корректно, при нажатии на кнопку
        «Заказать» появится ошибка «Введите корректный <имя поля>».
      - Пользователь может сделать несколько заказов один за другим.
    - - При нажатии ничего не происходит, т.к. кнопка и должна отправлять на эту страницу
    - - При нажатии пользователь переходит на страницу «Для
        кого самокат» (Форма 1)
      - При переключении между страницами введённая
        информация сохраняется.
    - - "Яндекс"
        
        При нажатии открывается главная страница поиска Яндекс
      - "Самокат"
        
        При нажатии перенаправляет на главную страницу сервиса
      - "Учебный тренажер"
        
        Некликабельный текст
    - - Выпадающий календарь. Появляется при клике на поле ввода
      - Выбрать дату можно только с
        завтрашнего дня.
      - На календаре
        открывается текущий месяц
      - Вводить
        значения вручную в поле нельзя
      - Когда пользователь выбирает дату, значение сразу подставляется в поле
      - Пользователь может выбрать другую дату, поле подсвечивается синим.
      - Поле обязательно для заполнения
  - - - Кнопка «Посмотреть статус» ведёт
        на экран «Статус заказа»: в нём уже заполнено поле «Номер заказа».
- - - - "Яндекс" черного цвета bold
      - "Самокат" черного цвета
      - "Учебный тренажёр" серого цвета, расположен в степени
    - - Цвет текста внутри кнопки по центру "Заказать" белый
      - Кнопка черного цвета прямоугольной формы со скругленными краями
      - Расположена в верхней части страницы, справа
    - - Не имеет границ
      - Текст черного цвета
      - Расположена в верхней части страницы, справа
    - - Текст "Для кого самокат" черного цвета bold, выравнен по левому краю формы бронирования
    - - Текст "*Имя" серого цвета выравнен по левому краю внутри плейсхолдера
      - Граница серого цвета прямоугольной формы со скругленными краями
    - - Текст "*Фамилия" серого цвета выравнен по левому краю внутри плейсхолдера
      - Граница серого цвета прямоугольной формы со скругленными краями
    - - Текст "*Адрес: куда привезти самокат" серого цвета выравнен по левому краю внутри плейсхолдера
      - Граница серого цвета прямоугольной формы со скругленными краями
    - - Текст "*Станция метро" серого цвета выравнен по левому краю внутри поля
      - Граница серого цвета прямоугольной формы со скругленными краями
      - Раскрывающийся список с выбором станций метро, рассортированный по цвету линии. При выбранной станции - внутри поля ввода отображается ее название и кружок с цветом линии
    - - Текст "*Телефон: на него позвонит курьер" серого цвета выравнен по левому краю внутри плейсхолдера
      - Граница серого цвета прямоугольной формы со скругленными краями
    - - Кнопка черного цвета прямоугольной формы со скругленными краями
      - Цвет текста внутри кнопки по центру "Дальше" белый
  - - - "Учебный тренажёр" серого цвета, расположен в степени
      - "Самокат" черного цвета
      - "Яндекс" черного цвета bold
    - - Кнопка черного цвета прямоугольной формы со скругленными краями
      - Цвет текста внутри кнопки по центру "Заказать" белый
    - - Не имеет границ
      - Текст черного цвета
    - - Текст "Про аренду" черного цвета bold, выравнен по левому краю формы бронирования
    - - Текст "*Когда привезти самокат" серого цвета выравнен по левому краю внутри плейсхолдера
      - Граница серого цвета прямоугольной формы со скругленными краями
      - Иконка календаря серого цвета выравнена по правому краю внутри плейсхолдера
      - При нажатии на поле ввода - появляется календарь с возможностью выбора даты, выпадает снизу плейсхолдера поверх других полей под иконкой календаря
      - На календаре открыт текущий месяц
    - - Текст "*Срок аренды" серого цвета
      - Граница серого цвета прямоугольной формы со скругленными краями
      - Иконка стрелки, направленной вниз, серого цвета выравненная по правому краю внутри поля ввода
      - Выпадающий список по ширине поля ввода, со скругленными краями, открывается при нажатии в поле ввода
      - Варианты внутри списка : от "сутки" до "семеро суток" с шагом в 1 сутки
    - - 1 вариант, текст серого цвета "чёрный жемчуг"
      - 2 вариант, тест серого цвета "серая безысходность"
      - Текст-заголовок серого цвета выравненный по левому краю внутри формы "Цвет самоката"
      - Прямоугольная граница формы серого цвета со скругленными краями
      - При выборе любого из вариантов или обоих - в окне чек-бокса появляется синяя галочка, цвет границы и текста меняется на черный
    - - Кнопка черного цвета прямоугольной формы со скругленными краями
      - Цвет текста внутри кнопки по центру "Заказать" белый
      - Выравнена по правому краю формы бронирования, внизу
    - - Граница черного цвета прямоугольной формы со скругленными краями
      - Фон внутри кнопки белого цвета
      - Текст "Назад" черного цвета
      - Выравнена по левому краю формы бронирования, внизу
    - - Текст "Комментарий для курьера" серого цвета выравнен по левому краю внутри плейсхолдера
      - Граница серого цвета прямоугольной формы со скругленными краями
  - - - Текст черного цвета bold
      - Расположен сверху по центру внутри всплывающего окна
    - - Текст черного цвета
      - Выравнен по центру всплывающего окна
    - - Кнопка черного цвета прямоугольной формы со скругленными краями
      - Цвет текста внутри кнопки по центру "Посмотреть статус", белый
      - Расположена внутри всплывающего окна внизу, выравнена по правому краю