---
# System prepended metadata

title: Сохранение фильтров

---

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)
- Мелкие баги со стилями.
