StreamFilterBar (Панель сортировки)

Панель фильтрации раздач: качество, трекер, сортировка.

Специфичные методы StreamFilterBar

Метод	Аргумент	Описание
`countLabel(v)`	`string`	Счётчик найденных раздач слева.
`qualityFilter(v)`	`string`	Фильтр качества (например, ‘1080p’).
`activeTracker(v)`	`string`	Активный трекер.
`trackers(v)`	`string[]`	Список трекеров для фильтра. Значение по умолчанию: `[]`
`showSort(v)`	`boolean`	Показать выпадающий список сортировки. Значение по умолчанию: `true`
`sortOption(v)`	`string`	Вариант сортировки (например, ‘seeds’).
`onRefresh(v)`	`CallbackFunction`	Обработчик обновления поиска.
`onQualityChange(v)`	`CallbackFunction`	Обработчик смены качества.
`onTrackerChange(v)`	`CallbackFunction`	Обработчик смены трекера.
`onSortChange(v)`	`CallbackFunction`	Обработчик смены сортировки.

Базовые методы (наследуются от UIComponent)

Пример использования

// Панель фильтров
const { ui, createState } = PotokSDK;
const state = createState({ sort: "seeds" });

function draw() {
  ui.render(
    StreamFilterBar()
      .countLabel("Всего найдено: 8 торрентов")
      .qualityFilter("1080p")
      .activeTracker("Rutracker")
      .trackers(["Rutracker", "Kinozal"])
      .showSort(true)
      .sortOption(state.sort)
      .onRefresh(() => ui.showHUD("info", "Обновление поиска"))
      .onQualityChange((q) => ui.showHUD("info", "Качество: " + q))
      .onTrackerChange((t) => ui.showHUD("info", "Трекер: " + t))
      .onSortChange((s) => {
        state.sort = s;
        ui.showHUD("success", "Сортировка: " + s);
      })
  );
}
state.$subscribe(draw); draw();

Запустить в Sandbox