Действия по имплементации всего Центра мероприятий:

• Добавьте свой уникальный идентификатор оператора.

• Задайте в параметре «targetModule» значение «full»

• Введите «eventId», обратите внимание на необходимость использовать уникальный идентификатор файткарда, т.е. UFC 254, идентификатор мероприятия – «625».

      const { MessageTopics } = frontRowSeat.eventCentreUtils;
      const eventCentreInstance = frontRowSeat.eventCentre({
        operator: "operatorIDName",
        sport: "ufc",
        targetModule: "full",
        eventId: "eventID",
        version: "latest",
        targetElementSelector: "#img-arena-event-centre",
        language: "en"
      });

Таким образом будет предоставлен полный доступ к файткарду UFC

Действия по встраиванию только файткарда, без возможности навигации

• Добавьте свой уникальный идентификатор оператора.

• Задайте в параметре «targetModule» значение «fightCard» (с учетом регистра).

• Введите «eventId», обратите внимание на необходимость использовать уникальный идентификатор параметра «fightCard», т.е., UFC Fight Night, идентификатор мероприятия – «707».

Образец кода:

const { MessageTopics } = frontRowSeat.eventCentreUtils;
const eventCentreInstance = frontRowSeat.eventCentre({
        operator: "operatorIDName",
        sport: "ufc",
        targetModule: "fightCard",
        eventId: "eventID",
        version: "version number",
        targetElementSelector: "#img-arena-event-centre",
        language: "en"
      });

• Добавьте свой уникальный идентификатор оператора.

• Задайте в параметре «targetModule» значение «iframe».

• Введите «eventId», обратите внимание на необходимость использовать уникальный идентификатор файткарда, т.е., UFC FIGHT NIGHT, идентификатор мероприятия – «707».

• Найдите уникальный «fightID», к которому вы бы хотели переходить при первоначальной загрузке центра мероприятий, т.е., в данном случае «fightID» – «6667»

• Добавьте параметр «initialContext», состоящий из «fightId»

  • значение параметра «View» должен быть: «Fight», дабы обеспечить возможность перехода к режиму всего файткарда

  • параметр «fightId» данного боя.

initialContext: {
          view: "Fight",
          fightId: "fightID"
        }

Образец кода:

const { MessageTopics } = frontRowSeat.eventCentreUtils;
const eventCentreInstance = frontRowSeat.eventCentre({
        operator: "operatorIDName",
        sport: "ufc",
        targetModule: "full",
        eventId: "eventID",
        version: "version number",
        targetElementSelector: "#img-arena-event-centre",
        language: "en",
        initialContext: {
          view: "Fight",
          fightId: "fightID"
        }
      });

Обратите внимание на тот факт, что, если вы не хотите разрешать навигацию, а хотите ограничить режим просмотр только определенным боем, это можно сделать, передав параметр «targetModule:» со значением «fight».

Обратите внимание на тот факт, что в указанном выше центре мероприятий отсутствует кнопка «Назад».

Образец кода:

const { MessageTopics } = frontRowSeat.eventCentreUtils;
const eventCentreInstance = frontRowSeat.eventCentre({
        operator: "operatorIDName",
        sport: "ufc",
        targetModule: "fight",
        eventId: "681",
        version: "dev/beac4ea5",
        targetElementSelector: "#img-arena-event-centre",
        language: "en",
        initialContext: {
          view: "Fight",
          fightId: "6667"
        }
      });

Модульное построение

Центр мероприятий UFC может быть инициализирован в 7 различных модульных конфигурациях. Это осуществляется путем указания имени модуля в поле «targetModule».

Темы сообщений

Во всех приведенных ниже таблицах подробно описаны поля данных, представленные в объектах данных сообщений, которые отправляются и принимаются по каждой теме сообщений.

Рукопожатие не состоялось

Специальная тема, указывающая на то, что рукопожатие между Центром мероприятий и вашим сайтом выполнить не удалось. Эта тема генерируется интеграционной библиотекой. Генерировать ее вам не нужно, а нужно лишь оформить на нее подписку.

Обновление контекста

Тема, посвященная общим обновлениям состояния пользовательского интерфейса через объект «initialContext», например, вследствие навигации к конкретному файткарду либо бою

Весь файткард

Чтобы встроить весь Центр мероприятий UFC, вы должны заполнить такие, характерные для своей сборки, поля.

• параметр «targetModule» указывает на то, должно ли приложение отображать в режиме всего файткарда, одиночного боя, «fightcard», «striking», «matchup», «stats» or «tape».

• параметр «eventId» относится к файткарду/мероприятию UFC, которые вы хотите отобразить.

Действия по отображению в режиме просмотра «Tape», без возможности навигации

• Добавьте свой уникальный идентификатор оператора.

• Задайте в параметре «targetModule» значение «tape» (с учетом регистра).

• Введите «eventId», обратите внимание на необходимость использовать уникальный идентификатор файткарда

• Найдите уникальный «fightID», к которому вы бы хотели переходить при первоначальном отображении центра мероприятий, например, 7121

• Добавьте параметр «initialContext», состоящий из «view» и «fightId»

  • параметр «view» должен иметь значение «tape», чтобы отображать файткард в режиме просмотра «tape»

  • параметр «fightId» данного боя.

Образец кода:

const { MessageTopics } = frontRowSeat.eventCentreUtils;
const eventCentreInstance = frontRowSeat.eventCentre({
        operator: "operatorIDName",
        sport: "ufc",
        targetModule: "tape",
        eventId: "eventID",
        version: "version number",
        targetElementSelector: "#img-arena-event-centre",
        language: "en",
        initialContext: {
          view: "tape",
          fightId: "fightID"
        }
      });

Действия по отображению в режиме просмотра «Matchup», без возможности навигации

• Добавьте свой уникальный идентификатор оператора.

• Задайте в параметре «targetModule» значение «matchup» (с учетом регистра).

• Введите «eventId», обратите внимание на необходимость использовать уникальный идентификатор файткарда

• Найдите уникальный «fightID», к которому вы бы хотели переходить при первоначальном отображении центра мероприятий, например, 7121

• Добавьте параметр «initialContext», состоящий из «view» и «fightId»

  • параметр «view» должен иметь значение «matchup», чтобы отображать файткард в режиме просмотра «matchup»

  • параметр «fightId» данного боя.

Образец кода:

const { MessageTopics } = frontRowSeat.eventCentreUtils;
const eventCentreInstance = frontRowSeat.eventCentre({
        operator: "operatorIDName",
        sport: "ufc",
        targetModule: "matchup",
        eventId: "eventID",
        version: "version number",
        targetElementSelector: "#img-arena-event-centre",
        language: "en",
        initialContext: {
          view: "matchup",
          fightId: "fightID"
        }
      });

• Добавьте свой уникальный идентификатор оператора.

• Задайте в параметре «targetModule» значение «striking» (с учетом регистра).

• Введите «eventId», обратите внимание на необходимость использовать уникальный идентификатор файткарда

• Найдите уникальный «fightID», к которому вы бы хотели переходить при первоначальном отображении центра мероприятий, например, 7121

• Добавьте параметр «initialContext», состоящий из «view» и «fightId»

  • параметр «view» должен иметь значение «striking», чтобы отображать файткард в режиме просмотра «striking»

  • параметр «fightId» данного боя.

Образец кода:

const { MessageTopics } = frontRowSeat.eventCentreUtils;
const eventCentreInstance = frontRowSeat.eventCentre({
        operator: "operatorIDName",
        sport: "ufc",
        targetModule: "striking",
        eventId: "eventID",
        version: "version number",
        targetElementSelector: "#img-arena-event-centre",
        language: "en",
        initialContext: {
          view: "striking",
          fightId: "fightID"
        }
      });

Действия по отображению в режиме просмотра «Stats», без возможности навигации

• Добавьте свой уникальный идентификатор оператора.

• Задайте в параметре «targetModule» значение «stats» (с учетом регистра).

• Введите «eventId», обратите внимание на необходимость использовать уникальный идентификатор файткарда

• Найдите уникальный «fightID», к которому вы бы хотели переходить при первоначальном отображении центра мероприятий, например, 7121

• Добавьте параметр «initialContext», состоящий из «view» и «fightId»

  • параметр «view» должен иметь значение «stats», чтобы отображать файткард в режиме просмотра «stats»

  • параметр «fightId» данного боя.

Образец кода:

const { MessageTopics } = frontRowSeat.eventCentreUtils;
const eventCentreInstance = frontRowSeat.eventCentre({
        operator: "operatorIDName",
        sport: "ufc",
        targetModule: "stats",
        eventId: "eventID",
        version: "version number",
        targetElementSelector: "#img-arena-event-centre",
        language: "en",
        initialContext: {
          view: "stats",
          fightId: "fightID"
        }
      });