Я легко могу выполнить одиночную фильтрацию, но когда есть несколько критериев, фильтровать по которым мне труднее.
1) по умолчанию должно быть: показать все,
2) I иметь объект, который имеет категорию, время и размер для фильтра,
3) Когда нет критериев соответствия, должен быть некоторый p / div, который показывает, что ни один фильтр не соответствует
4 ), как упоминалось ранее, мне нужно фильтровать по времени и размеру категории один за другим (один фильтр) или одновременно (мультифильтр) в зависимости друг от друга.
5) фильтры должны быть представлены кнопками и, например, для категории должно быть 4 кнопки, представляющие каждую категорию, для размера также 4 кнопки из 2-4, 4-8, 8-16 и 16-32, для времени должно быть также 4 кнопки 5-20, 20-40, 40-60, 60+ и сброс всех настроек.
Пример (id: 7 без категории):
[
{ "id": "0",
"category": "Racing",
"size": "16-32",
"time": "30min" } ,
{ "id": "1",
"category": "FPS",
"size": "16-32",
"time": "20min" } ,
{ "id": "2",
"category": "RTS",
"size": "10-12",
"time": "40min" } ,
{ "id": "3",
"category": "RTS",
"size": "8-16",
"time": "60min" } ,
{ "id": "4",
"category": "RTS",
"size": "2-4",
"time": "10min" } ,
{ "id": "5",
"category": "Racing",
"size": "4-8",
"time": "5min" } ,
{ "id": "6",
"category": "Racing",
"size": "4-8",
"time": "15min" } ,
{ "id": "7",
"category": "",
"size": "2",
"time": "20min" } ,
{ "id": "8",
"category": "Third Person",
"size": "2-4",
"time": "70min" } ,
{ "id": "9",
"category": "Racing",
"size": "1",
"time": "1min" } ,
]