Онлайн академия Меганом
Все начинается со страницы Академии https://tavrida.art/academy
Баннер онлайн-академии Меганом
В CMS помимо прочих блоков есть БАННЕР ОНЛАЙН АКАДЕМИИ.
Настройки баннера в CMS и логика
1. Заголовок
2. Текст
3. Мероприятие доступа
Именно на него у пользователя должна быть заявка, чтобы был доступ на страницу онлайн-академии.
Если мероприятие не указано - баннер не отобразится.
4. Если нет доступа
Это настройки, если у пользователя нет ни одной активной заявки на Мероприятие доступа.
4.1. Текст кнопки, например Подать заявку
4.2. Цвет кружка
4.3. Префикс ссылки (на заявку доступа)
Например, /online-academy-application. Если ID мероприятия доступа - 123, итоговая ссылка будет /online-academy-application?event=123
5. Доступ есть
Эти настройки используется, если у пользователя есть хотя бы одна активная заявка на Мероприятие доступа
4.1. Текст кнопки, например Перейти на страницу
4.2. Цвет кружка
4.3. Ссылка (на страницу онлайн-академии), например /account/online-academy
6. Фоны
Просто фоны на каждое разрешение. Фреймы обрезки расчитаны на короткие заголовок и текст. В случае длинного контента изображение будет "приближено" и обрезано по краям.
img {
object-fit: cover;
object-position: center;
}
Заявка доступа
Сюда попадаем:
- с баннера на странице академии
- редирект со страницы онлайн академии, если нет доступа (об этом чуть позже)
- из черновика в ЛК
После успешной подачи заявки, должен произойти редирект на страницу онлайн-академии
Страница онлайн-академии
https://tavrida.art/account/online-academy
Так как страница лежит за /account/, требуется логин. Если человек не залогинен, редиректнет на форму логина, а затем при успешном входе обратно.
:::
Страницы нет в CMS. Фронт пока не умеет обрабатывать страницы, которые лежат не в корне, а после ЛК
:::
Проверка на наличие заявки доступа
На фронте прописано мероприятие, являющееся мероприятием доступа к этой странице.
export const onlineEventCrutches = {
academy: {
getAccessEventId: () => common({
prod: '644a58f4-4f27-408e-b7b8-9630a725c1ef',
test: '3e000c2b-a97b-45fb-a813-fa21608d15b0'
}),
// ...
},
// ...
}
На "production" стендах (например, https://tavrida.art) - это Онлайн-участник Академии «Меганом» (доступ)
На демо стендах - это Онлайн-участник Академии 2023 (доступ)
Если у юзера есть хотя бы одна заявка на это мероприятие не в статусе "черновик", страница успешно отображается.
Если нет, происходит редирект на заявку доступа (см. пункт выше)
Цветной аккордеон с видео
Пока меняется через деплой. TODO релизнуть коллекцию и отразить тут
Ссылка на заявку опрос
Внутри каждого дропдауна цветного аккордеона есть список видео, а после них кнопка "Пройти опрос". Она ведет на заявку опроса.
Заявка опроса доступна по URL /online-academy-test?event={eventID}. Мероприятие опроса опять же прописано на фронте, как и мероприятие доступа:
export const onlineEventCrutches = {
academy: {
// ...
getTestEventId: () => common({
// Онлайн-участник Академии «Меганом» (опрос)
prod: 'bd73e894-e89f-4003-b4fe-716fc08b0903',
// Онлайн участник Академии (тест)
test: '53bb8ed7-2361-4eff-9d3d-0b7b954f13ea',
}),
},
// ...
}
Заявка опроса
Доступна по прямой ссылке /online-academy-test?event={eventID}.
В CMS нужно указать мероприятие доступа, указанное выше. Если мероприятие доступа не указано - страница упадет в 404.
Если у юзера нет активных заявок на мероприятие доступа - будет выведен попап Нет доступа