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

В directCRM есть несколько мест, где необходимо указывать шаблон действия (кстати, можно про этот контрол посмотреть небольшое видео и не читать длинный пост: https://vimeo.com/131222923):

• фильтр по имени шаблона действия (для поиска потребителей, призов и вообще всего, что связано с действиями)
• попап выдачи действия потребителям
• выбор рассылок в отчетности по рассылкам (т. к. рассылка это в directCRM также шаблон действия)

Довольно долго это все делалось разными способами: на фильтре был глубоко кастомный мультиселект для выбора тегов/брендов/годов, который уже предфильтровал селект с шаблонами; в попапе были обычные каскадные селекты; на отчетах — каскадный мультиселект, занимающий кучу места.

Слайд 1

Слайд 2

Слайд 3

Разумеется, вечно так продолжаться не могло и мы привлекли дизайнера и всё переделали в единый вид.

Теперь контрол выбора шаблонов действия состоит из двух частей — блока предфильтрации шаблонов и блока с выбором самих шаблонов.

Блок предфильтрации всегда разворачивается на общую ширину контрола и позволяет отфильтровать действия по категориям, тегам и брендам в произвольных комбинациях:

Если выбирать категорию второго или первого уровня, то из выбора автоматически удаляются дочерние категории:

После ввода данных в префильтре, в селекте (который на самом деле мультиселект) можно выбрать несколько шаблонов (конечно, шаблоны можно выбирать из без префильтра), количество пересчитывается в реальном времени:

В попапе с добавлением действия этот контрол выглядит почти также, только в нем, как и раньше, можно выбрать только одно действие:

В отчетах каскадные селекты с тегами и брендами удалены и оставлен только один этот контрол, который фильтрует только рассылки:

Слайд 1

Слайд 2

Слайд 3

Если выбрано несколько шаблонов действий, то об этом будет дополнительно написано в контроле, а для фильтра помимо этого есть спец.режим: