Создание фильтров трансляции с расписанием

Материал из SmartPlayer

Описание ситуации

Одна из доработок раздела «Трансляции» - появление фильтра трансляций. Реализация данного фильтра позволило упростить и улучшить навигацию при большом количестве трансляций в личном кабинете.

Алгоритм действий

Для того чтобы использовать данный фильтр первоначально необходимо зарегистрироваться/авторизоваться в личном кабинете SmartPlayer.
Следующим шагом необходимо перейти в раздел «Трансляции» личного кабинета.

Пример отображения раздела «Трансляции» в личном кабинете

Далее необходимо выбрать несколько устройств вручную или с помощью массового выбора.

Пример отображения выбора для устройств в личном кабинете SmartPlayer

Следующим шагом по клику на кнопку фильтрации откроется всплывающее меню. В этом меню нужно нажат на иконку «Добавить фильтр» (иконка в виде +).

Пример отображения кнопки «Добавить фильтр»

По клику на иконку открывается модальное окно с параметром для фильтра. В данном случае доступен только фильтр «Расписание».

Пример отображения фильтра «Расписание»

После выбора параметра «Расписание» пользователя вернёт на шаг назад, но на экране изменится отображение. По клику на строку «Расписание» откроется модальное окно с параметрами.

Параметры фильтрации

В открытом модальном окне пользователю доступно для выбор три варианта фильтрации для расписания:

  • не установлено — отображение трансляций, на которых не установлено ни одно расписание;
  • актуальное — отображение трансляций, к которым применено актуальное расписание (действительное на текущую дату и время);
  • неактуальное — отображение трансляций, на которых установлено неактуальное на данный момент расписание (расписание уже когда-то было проиграно).
Также пользователю доступна возможность выделить все три варианта для фильтров по кнопке «Выбрать всё» или сбросить все параметры для настройки фильтра по кнопке «Сбросить».
Пример отображения параметров фильтров для расписания

После выбора нужного параметра нужно снова кликнуть на строку «Расписание» (которое уже заполнено), и нажать на кнопку «Поиск».

Пример отображения параметров параметров и кнопки «Поиск»

Альтернативный вариант

После применения фильтра его также можно использовать под строкой поиска. Работает по аналогии с вариантом описанным выше.

Пример отображения фильтрации под меню поиска трансляции
По клику на иконку в виде крестика («х») можно удалить выбранный фильтр

Видеоинструкция

Создание фильтров для трансляций с расписанием

Дополнительная информация

Если данная статья не помогает использовать функционал по назначению, или после её прочтения остаются вопросы, их можно озвучить в разделе "Обсуждения" вверху страницы.

Пример отображения вкладки «Обсуждения» на wiki-странице

Также дополнительную информацию можно узнать на странице Как взаимодействовать пользователю с разделом "Обсуждения"