MediaOverview (Обзор медиаресурса)

Панель медиа: постер, описание, год, страна, рейтинг, жанры.

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

Метод	Аргумент	Описание
media(v)	object	Метаданные: title, overview, posterUrl, rating, genres, year, country.
selectedEpisode(v)	object	Выбранная серия вместо описания сезона.
onResetEpisode(v)	CallbackFunction	Сброс выбора серии.

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

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

// Описание сериала. Компонент читает форму SDKMediaCard: originalTitle, subtitle, genres (СТРОКА),
// ageRating, numberOfSeasons, overview, imdbRating/kpRating. selectedEpisode переключает описание на серию.
const { ui, createState } = PotokSDK;

const series = {
  id: 1399,
  title: "Игра престолов",
  originalTitle: "Game of Thrones",
  subtitle: "2011 · США",
  mediaType: "tv",
  overview: "Девять благородных семей ведут борьбу за контроль над мифическими землями Вестероса...",
  genres: "Фэнтези, Драма, Боевик",
  ageRating: "18+",
  numberOfSeasons: 8,
  imdbRating: 9.2,
  kpRating: 9.0
};

const state = createState({
  selectedEpisode: { episode: { episodeNumber: 1, name: "Зима близко" }, seasonNumber: 1 }
});

function draw() {
  ui.render(
    MediaOverview()
      .media(series)
      .selectedEpisode(state.selectedEpisode)
      .onResetEpisode(() => state.selectedEpisode = null)
  );
}
state.$subscribe(draw); draw();

Запустить в Sandbox