Skip to main content

Фільтри

В інтерфейсі використовуються такі типи фільтри:

  • Text - Просто ввід тексту.
  • Autocomplete - Вибір декількох варіантів. При 8 і більше варіантах стає доступним рядок пошуку за значеннями.
  • Check - Вибір значень без випадаючого списку. Зазвичай використовується для невеликої кількості значень (до 7).
  • Date - Вибір проміжку дат. Є зручна панель для вибору екстра дат. -Radio - Вибір зі списку лише одного значення. Зазвичай використовується для невеликої кількості значень (до 7).
  • Range - Використовується для вказання проміжку ціни або будь-якого іншого числового значення. Працює як для цілих, так і для десяткових чисел.
  • Switcher - Вибір значення між true/false. Відповідно, діє лише для колонок boolean
  • Tags - Вибір значення у форматі кнопок. Зручно для поля тегів. Підтримують іконки та кольори з класифікатора.
  • Tree - Деревоподібне відображення значень.

Як вивести фільтри?​

Фільтри виводяться у файлі відповідної таблички. Нижче наведено приклади виводу фільтрів.

"filter_list": [
    {
        "ua": "Область", //Назва фільтра яка буде відображатися
        "name": "region", //Назва колонки в БД по якій буде проводитися фільтрація
        "data": "region_id", //Назва Класіфікатора або Селектора(якщо потрібно)
        "format": "Autocomplete", //Формат фільтра
        "order": "count" //Порядок за яким буде виводитися інформація у випадаючому вікні
    }
]

Text​

"filter_list": [
    {
        "ua": "Тип заявки",
        "data": "dcp_appeal_type",
        "name": "appeal_type",
        "type": "Text"
    }
]

Autocomplete​

"filter_list": [
    {
        "ua": "Замовник робіт",
        "data": "account_id",
        "name": "zr_cont_cust",
        "type": "Autocomplete"
    }
]

Check​

"filter_list": [
    {
        "ua": "Тип проекту/заходу",
        "data": "type_project",
        "name": "type_project",
        "type": "Check"
    }
]

Date​

"filter_list": [
    {
        "ua": "Дата закінчення",
        "data": "date_finish",
        "name": "date_finish",
        "type": "Date"
    }
]

Radio​

"filter_list": [
    {
      "ua": "Наявність газону",
      "data": "grass",
      "name": "grass",
      "type": "Radio"
    }
]

Range​

"filter_list": [
    {
      "ua": "Площа, кв. км",
      "name": "area",
      "type": "Range"
    }
]

Switcher​

"filter_list": [
    {
        "ua": "Верифіковані",
        "name": "enabled",
        "type": "Switcher"
    }
]

Tags​

"filter_list": [
    {
        "ua": "Ознака існування",
        "data": "sign_exist",
        "name": "cdate",
        "type": "Tags"
    }
]

Tree​

"filter_list": [
    {
        "ua": "Категорія",
        "data": "category_project",
        "name": "project_category",
        "type": "Tree",
        "order": "order"
    }
]