sz-payment-modal
v1.3.0
Published
payment modal for Satty Zhuldyz
Downloads
42
Readme
SZ Payment Modal
Для подключения модального окна оплаты Вам нужно:
- Подключить шрифт Inter
- Настроить компилятор Sass.
- Добавить контейнер с идентификатором
#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();