На сайте Wordpress нужно сделать страницу для тестов типа quiz используя Vue.js
Используя библиотеку компонентов https://vuetifyjs.com/
Что-то типа этого, можно использовать как пример:
https://codepen.io/mobihack-official/pen/EJpRXQ
В итоге визуально должно выглядеть подобно этой странице:
https://contentadore.com/uk/calculator/
Дадим доступ на github, с файлами темы и подготовленным чистым шаблоном, куда нужно будет писать свой код.
Шаблон - https://test.contentadore.com/quiz/
При первой загрузке страницы должен показаться select с выбором языка (если нет utm метки ?lang={iso_code}), если есть то язык должен выбираться атоматически)
Данные для квиза на каждый язык должны браться из google таблиц
Пример - https://docs.google.com/spreadsheets/d/1IIlEdT9jrDyf0W7-IDLY95RtNbbQfFbBy2zH11UpwZ4/edit#gid=0 (на каждый язык будет своя ссылка на гугл док).
1, 2, 3 - номера блоков и рядом названия групп вопросов - его нужно отображать на протяжении всей группы вопросов.
1.1, 1.2, 1.3 - номера вопросов и рядом справа вопросы
a, b, c, d - буквы и варианты ответов * - звездочка в 3 колонке указывает на правильный ответ
В начале квиза должен включаться таймер с обратным отсчетом, а когда время выходит - должно появляться сообщение на странице.
В конце квиза (предпоследний шаг) должно быть сообщение, типа напишите тестовые 300 слов, и большое поле для ввода (типа textarea) под эти 300 слов.
На последнем шаге должны быть поля для заполнения:
- Имя (input)
- Email (input)
- Ставка (input)
- Рабочие языки (multi select) - селект по списку активных языков с возможностью выбрать несколько (список предоставим)
- Топики (multi select) - селект по списку активных языков с возможностью выбрать несколько (список предоставим)
После нажатия кнопки отправить нужно:
1) проверить по почте, есть ли уже юзер с такой почтой в базе редмайна
2a) если нет,
- создать нового юзера со статусом registered
- создать новый issue в проекте с id 2
2б) если есть,
- создать под этим юзером новый issue в проекте c id 2
Cсылка на документацию - https://www.redmine.org/projects/redmine/wiki/Rest_api.
Данные, которых не хватает для запроса для создания юзера, нужно сгенерить автоматически (например, логин и пароль для юзера) или определить по умолчанию (например, язык интерфейса - английский).
Результаты тестирования в подробном варианте нужно записать в issue > description
1.1 - a - true
1.2 - a - false
...
n.n - b - true
Result: 35/40 are successful - 77.5%
Text ( с предпоследнего шага )
а в кастомне поля записать:
- Email - Email (input)
- Writing rate - Ставка (input)
- Job language - Рабочие языки (multi select)
- Topics - Топики (multi select)
Результаты тестирования в кратком варианте нужно записать в user > notes
password: sdad7d7dsd
Result: 35/40 are successful - 77.5%
а в кастомне поля записать:
- Email - Email (input)
- Writing rate - Ставка (input)
- Job language - Рабочие языки (multi select)
- Topics - Топики (multi select)
- Writing rating - 7 ( 35/40 are successful - 77.5%)