sz-payment-modal v1.3.0

SZ Payment Modal

Для подключения модального окна оплаты Вам нужно:

1. Подключить шрифт Inter
2. Настроить компилятор Sass.
3. Добавить контейнер с идентификатором #sz-modals в HTML своей страницы

Начало работы с модальным окном

Первым делом нужно подключить скрипты и стили модального окна

import szModal from "sz-payment-modal"; // js
@import "~sz-payment-modal"; // Sass

После подключения нужно объявить новый класс и передать туда необходимые данные

  const payModal = new szModal();

После объявления нового класса нужно инициализировать модальное окно, чтобы оно появилось в DOM-е

  const modalData = {
    gameLang: *Язык интерфейса*,
    gameLogoSrc: *URL до логотипа игры*,
    userToken: *токен пользователя*,
    paymentFunction: *функция оплаты*,
  }

  payModal.init(list, modalData);

  //list - это список кнопок, полученный по запросу на модуль
  (Смотрите документацию FrontEnd части платежного модуля)

Обновление информации в модальном окне

  payModal.updateModal({
    paymentFunctionParams: *массив из параметров функции оплаты*,
    ticketAmount: *количество билетов*,
    ticketText: *склонение слова "билет" (билет, билета, билетов)*,
    totalPrice: *цена всех билетов*,
    bonusAmount: *количество бонусов*,
    drawText: *текст с информацией о след. тираже*,

    // необязательное поле
    visibleBtnName: *Нужно для показа спецефичной кнопки оплаты.
    Принимает строку с именем метода оплаты*
  });

Значения visibleBtnName:

• all - значение по умолчанию
• ZeroGravity - если нужно показать только кнопки сотовых операторов
• PAYBOX - если нужно показать только кнопки оплаты картой
• LotoWallet - если нужно показать только кнопки оплаты кошельком и бонусами

Показать/Скрыть модальное окно

  payModal.toggleModal();

Поменять экран модального окна

Экран меняется на противоположный тому, который показывается сейчас

  payModal.changeScreen();