Сверстать страницы ГИ после редизайна (ФРОНТ)

[juljul81]

Изменить дизайн страниц в ГИ:

1. Сделать перекомпоновку элементов страницы в соответствии с утвержденным дизайном. Ссылка на фигму: https://www.figma.com/file/SLsP9UQstJOh4NYNj6GMY5/%D0%9D%D0%B0%D0%B9%D0%BC%D0%B8%D0%9D%D0%B0%D0%B9%D0%BC%D0%B8?type=design&node-id=1570-9052&mode=design&t=rRcTwLHzzMOhlIdn-4
2. Под квадратами с именами игроков и их баллами добавить 2 кнопки: "+" и "-".
   • при нажатии на "+" баллы игрока увеличиваются на 1
   • при нажатии на "-" баллы игрока уменьшаются на 1
3. Игроки отвечают по очереди. Если один из игроков отвечает не правильно, второму игроку дается право ответить на вопрос.
   Необходимо выделить (обвести) имя игрока, за кем приоритет отвечать первым (в соответствии с макетом).
4. Кнопка "нет правильного ответа" может отжиматься обратно.
   • при нажатии на кнопку текст меняется на "отменить".
   • при нажатии на кнопку "отменить" - кнопка "Следующий вопрос" становится неактивной, при этом активными становятся кнопки +/- для игроков.

Ограничения:

На странице Соревнования:

1. В зону видимости одного экрана десктопа (ноутбук) (без скролла) обязательно должны попасть:
   • поля вопроса и правильного ответа;
   • счетчики баллов игроков с именами;
   • кнопки "+"/"-" под именами игроков;
   • кнопка "Нет правильного ответа"
   • кнопка "Следующий вопрос"
2. Кнопки "+"/"-" становятся активными после нажатия кнопки "Показать правильный ответ"
3. Кнопка "Показать следующий вопрос" становится активной после выбора, кто ответил правильно (счет одного из игроков должен увеличиться на 1 либо нажата кнопка "нет правильного ответа")
4. Поле "Правильный ответ" с текстом ответа появляется после нажатия на кнопку "Показать правильный ответ"
5. Очередность ходов всегда стабильная: нечетный вопрос - за Игроком 1, четный - за Игроком 2.

На странице Голодные игры и Результаты:

В зону видимости одного экрана десктопа (ноутбук) (без скролла) обязательно должны попастьвсе элементы страницы. Тексты тултипов не должны выходить за границы видимости экрана.

[XeniaSheyk]

• [ ] Воспроизводится баг - BLOCKED Пропала кнопка Показать правильный ответ в направлении "Docker"

1. Выбрать категорию Программирование
2. Выбрать направление Docker
3. Выбрать любое кол-во вопросов
4. Ввести любые имена Игроков
5. Нажать кнопку Далее

ОР: Отображаются кнопки "Следующий вопрос", "Показать правильный ответ", "Завершить соревнования" ФР: Присутствует кнопка "Назад", вместо кнопки "Показать правильный ответ" кнопка "Завершить соревнования"

Детали: в Питоне все ок

[XeniaSheyk]

• [x] В направлении Docker количество вопросов отображается 1 - решен

1. Выбрать категорию Программирование
2. Выбрать направление Docker
3. Выбрать любое кол-во вопросов
4. Ввести любые имена Игроков
5. Нажать кнопку Далее

ОР: количество выбранных вопросов отображается правильно ФР: количество выбранных вопросов отображается 1

Детали: работает с любым количеством выбранных вопросов (10,20,30). Питон ок

[XeniaSheyk]

• [ ] Цифра из двух чисел не влезает в квадрат

1. Выбрать категорию Программирование
2. Выбрать направление Python
3. Выбрать любое кол-во вопросов
4. Ввести любые имена Игроков
5. Нажать кнопку Далее
6. Поставить все правильные ответы Игроку 1
7. Наблюдать отображение числа 10

ОР: цифра из двух чисел отображается корректно - влезает в квадрат ФР: цифра из двух чисел не влезает в должный квадрат

Детали: работает и при завершении соревнования в блоке Результаты. Работает с Игрок 1, Игрок 2, с неправильными ответами. В Докере пока не проверитб - блочит баг выше

[juljul81]

@XeniaSheyk

Re: В направлении Docker количество вопросов отображается 1

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

[XeniaSheyk]

@juljul81 спасибо, проверила, вопросы в админку добавила)