Универсальный контроль выбора шаблонов действий

В directCRM есть несколько мест, где необходимо указывать шаблон действия (кстати, можно про этот контрол посмотреть небольшое видео и не читать длинный пост: https://vimeo.com/131222923):
  • фильтр по имени шаблона действия (для поиска потребителей, призов и вообще всего, что связано с действиями)
  • попап выдачи действия потребителям
  • выбор рассылок в отчетности по рассылкам (т. к. рассылка это в directCRM также шаблон действия)
Довольно долго это все делалось разными способами: на фильтре был глубоко кастомный мультиселект для выбора тегов/брендов/годов, который уже предфильтровал селект с шаблонами; в попапе были обычные каскадные селекты; на отчетах — каскадный мультиселект, занимающий кучу места.
Слайд 1
Слайд 1
Слайд 2
Слайд 2
Слайд 3
Слайд 3
Разумеется, вечно так продолжаться не могло и мы привлекли дизайнера и всё переделали в единый вид.
Теперь контрол выбора шаблонов действия состоит из двух частей — блока предфильтрации шаблонов и блока с выбором самих шаблонов.
Блоки
Блок предфильтрации всегда разворачивается на общую ширину контрола и позволяет отфильтровать действия по категориям, тегам и брендам в произвольных комбинациях:
Блок предфильтрации
Если выбирать категорию второго или первого уровня, то из выбора автоматически удаляются дочерние категории:
После ввода данных в префильтре, в селекте (который на самом деле мультиселект) можно выбрать несколько шаблонов (конечно, шаблоны можно выбирать из без префильтра), количество пересчитывается в реальном времени:
Выбор шаблонов
В попапе с добавлением действия этот контрол выглядит почти также, только в нем, как и раньше, можно выбрать только одно действие:
Выбор действия
В отчетах каскадные селекты с тегами и брендами удалены и оставлен только один этот контрол, который фильтрует только рассылки:
Слайд 1
Слайд 1
Слайд 2
Слайд 2
Слайд 3
Слайд 3
Если выбрано несколько шаблонов действий, то об этом будет дополнительно написано в контроле, а для фильтра помимо этого есть спец.режим:
Спец.режим

Вас заинтересуют следующие материалы