Просмотр кода страницы Campaigns preview/ru

== '''Описание ситуации''' ==
В личном кабинете SmartPlayer появилось возможность просмотреть эфирную сетку. Теперь пользователи смогу просмотреть порядок проигрывания контента из раздела "Рекламный блоки" для понимания порядка очередности и длительности проигрывания рекламного контента в необходимую дату.
[[File:Главная_страница_эфирной_сетки.png|thumb|center| Пример отображения эфирной сетки в личном кабинете пользователя.|800px]]
== '''Принцип действия''' ==
=== '''Логика работы''' ===
Пользователь личного кабинета SmartPlayer должен перейти в соответствующий раздел личного кабинета "Рекламные блоки". Внутри данного раздела он должен найти категорию "Просмотр". Открыв категорию "Просмотр" пользователь получит всю информацию об имеющихся рекламных кампаниях данного личного кабинета. Просмотрев созданные и доступные эфирные сетки пользователь сможет исправить проигрывающиеся рекламные кампании как он считает нужным или же оставить их как есть, если они его устраивают.
== '''Реализация''' ==
После авторизации пользователя в личном кабинете SmartPlayer, ему необходимо перейти в раздел "Рекламные блоки".
[[File:Раздел_рекламные_кампании new.png|thumb|center| Раздел "Рекламные блоки" в личном кабинете SmartPlayer.|800px]]
В разделе рекламные блоки пользователю необходимо выбрать категорию "Просмотр".
[[File:Категория_просмотр.png|thumb|center| Пример отображения категории "Просмотр".|800px]]
После нажатия на данную категорию пользователю откроется новое окно  с отображением главной страницы категории "Просмотр". Открывшуюся страницу можно поделить на три ключевых зоны:
# Устройства - зона с устройствами, на которых назначена рекламная кампания.
# Дата - зона, где пользователь выбирает дату для сбора информации по рекламным кампаниям.
# Состав рекламной кампании - отображается список контента рекламной кампании для конкретного устройства.
[[File:Разделение_на_зоны_.png|thumb|center| Разделение на зоны категории "Просмотр".|800px]]
=== '''Зона "Устройства"''' ===
Зона "Устройства" состоит из списка устройств, на которых созданы рекламные кампании. 
[[File:Список_устройств_зоный_устройс.png|thumb|center| Пример отображения списка устройств в зоне "Устройства".|800px]]
Пока пользователь не выделил ни одну рекламную кампанию в соседней зоне "Состав рекламной кампании" будет пустое белое пространство. После выделения любой доступной рекламной кампании, зона "Состав рекламной кампании" начнет отображать информацию о выбранной рекламной кампании.
[[File:Изменение окон в устройствах new.png|thumb|center| Пример различий в отображении.|800px]]
При нажатии на иконку "-" можно удалить из списка устройство с рекламной кампанией, после подтверждения данного действия через модальное окно, по нажатию клавиши "Да".
[[File:Модальное_окно_.png|thumb|center| Пример отображения удаления устройства с рекламной кампанией.|800px]]
{{Note|Пользователю при просмотре видит название устройства, а не название рекламной кампании. Поэтому, если пользователь захочет изменить одну из имеющихся рекламных кампании в личном кабинете, он должен обязательно просмотреть к какому устройству привязана рекламная кампания. Это рекомендуется сделать, чтобы пользователь не запутался и изменил только нужную рекламную кампанию.|warn}}
=== '''Зона "Дата"''' ===
В данной зоне пользователь может выбрать дату, по которой покажут эфирную сетку для конкретного устройства.
Если пользователь кликнет по строке с датой, то ему откроется модальное окно с календарем. Внутри этого окна необходимо с помощью клика мыши выбрать конкретную дату.
[[File:Зона_дата_рекламный_блок.png|thumb|center| Пример отображения выбора даты с помощью встроенного календаря в зоне "Дата".|800px]]
=== '''Зона "Состав рекламной кампании"''' ===
В зоне "Состав рекламной кампании" отображается весь контент, который будет входить в рекламную кампанию. 
{{Note|Чтобы просмотреть полный состав рекламной кампании пользователю необходимо скроллить вниз до конца |warn}}
Информацию, которую получает пользователь в данной зоне, можно разделить:
# Диапазон длительности (в секундах) - показывает сколько по длительности длится отрезок, в котором будет проигрываться контент.
# Превью контента -  отображаемое превью для контента.
# Название контента - отображает название контента, используемого в рекламной кампании.
# Длительность - отображает длительность проигрывания контента.
[[File:Превью_контента.png|thumb|center| Пример отображаемой информации в зоне "Состав рекламной кампании".|800px]]
{{Note|Если в качестве контента будет использоваться аудио-контент, то в качестве превью будет выступать отдельная иконка в виде ноты 
[[File:Превью_аудиоконтента.png|thumb|right||150px]]|warn}}
== '''Видеоинструкция''' ==
== '''Итоговый результат''' ==
Пользователь знает, как можно отсмотреть эфирную сетку рекламной компании и понимает какие данные по эфирной сетке он может получить.