https://hq.kaiten.io/space/1016/card/1252690 https://hq.kaiten.io/space/1016/card/1232751 ![](https://i.imgur.com/1QDb3Df.png) # Сохранение фильтров - Сохраненные фильтры - индивидуальная настройка; - Сохранение текущего набора фильтров, загрузка сохраненных фильтров, обновление сохраненного фильтра; - Выбор и управление сохраненными фильтрами осуществляется в селекторе фильтров в сайдбаре; - Сохраненные фильтры выводятся в селекторе в алфавитном порядке по названию; - В селекторе можно сменить имя фильтру, удалить и применить сохраненный фильтр; - ![](https://i.imgur.com/wMb6HbL.png) - Новый контроллер `savedFiltersController` и маршрут `/api/saved-filters`; - Модель [savedFilter](https://github.com/kaiten-hq/kaiten-lib/blob/92ee6755fc70771643e90e40e580ad0f08ac8d95/src/pgmodels/savedFilter.js) в kaiten-lib; - Фильтры подгружаются по api, при первом открытии фильтра или при рендере текущих фильтров (если фильтры есть в url); - После загрузки сохраненные фильтры помещаем в redux-store и актуализируем по сокетам; - Добавление текущего набора в избранное происходит по клику на кнопку в тулбаре фильтров. Кнопка не появляется если в текущем наборе фильтров нет изменений; ![](https://i.imgur.com/sXAxzEP.png) - Если текущий набор фильтров был изменен, то можно обновить сохраненный фильтр или создать новый на его основе. ![](https://i.imgur.com/nsVKTVO.png) [дополнительно] - Добавлена кнопка назад для редактора фильтров при добавлении; - ![](https://i.imgur.com/MXKcCpE.png) - no_print для фильтров; - cypress-тесты и тесты api. # Задача выполнена на основе ветки с редизайном тулбара фильтров - По умолчанию тулбар фильтров скрыт; - Добавление первого фильтра через кнопку в сайдбаре; - Фильтры можно добавлять через кнопку в сайдбаре или через кнопку `+ Добавить фильтр` в тулбаре; - Добавление первого фильтра показывает тулбар. ### Demo > Тулбар скрыт, новая (старая) кнопка в сайдаре ![](https://i.imgur.com/84jZZyn.png) > Тулбар при активных фильтрах ![](https://i.imgur.com/trLym4r.png) # UPD ### Селектор фильтров ![](https://i.imgur.com/K1QfvIg.png) - Сохраненные фильтры перемещены вверх (первым списком); - На время первой загрузки показываем лоадер (далее обновление по сокетам). ### Тулбар фильтров - Выводим название выбранного сохраненного фильтра в кнопке управления сохраненным фильтром; ![](https://i.imgur.com/a9GGlJ6.png) - Кнопка всегда видна, перемещена в конец списка кнопок; - Если есть изменения в текущем наборе фильтров, то кнопка меняет цвет на `primary`. ![](https://i.imgur.com/1ZjnNaG.png) ### Общее - Используем в UI термины `набор фильтров` и `filters set` для обозначения saved filter. # UPD№2 В результате созвона с Марьяной - В селекторе фильтров замена цвета для заголовков, изменена надпись для сохраненных фильтров; ![](https://i.imgur.com/rMmgsAI.png) - Сбрасываем savedFilterId в url если у текущего пользователя нет сохраненного фильтра с таким id (например, кто-то поделился ссылкой); - Замена иконки для фильтра Card Type; ![](https://i.imgur.com/bFh38uv.png) - Мелкие баги со стилями.