window.addEventListener('load', (event) => {
//подпись для планшетного меню на странице поиска и других не узнанных страницах
let menuText = "Sections";
//конфигурация элементов логотипа
let isLogoEnable = true; //отображаем ли лого в принципе
let idDoubleLogo = true; //является ли оно двойным лого
let firstLogoLink = "https://ecommpay.com/"; //ссылка первого двойного лого
let secondLogoLink = "../landing-en/"; //ссылка второго двойного лого
let firstLogoTitleText = " ECommPay Main Site"; //текст выпадашки-подсказки первого двойного лого (пустая строка для отключения выпадашки)
let secondLogoTitleText = "ECommPay Documentation Portal"; //текст выпадашки-подсказки второго двойного лого (пустая строка для отключения выпадашки)
let firstLogoImage_desktop = "oxygen-webhelp/template/resources/images/topMenu/companyLogo_desktop.svg"; //ссылка на картинку первого двойного лого для десктопного вида
let secondLogoImage_desktop = "oxygen-webhelp/template/resources/images/topMenu/docLogo.svg"; //ссылка на картинку второго двойного лого для десктопного вида
let firstLogoImage_mobile = "oxygen-webhelp/template/resources/images/topMenu/companyLogo_mobile.svg"; //ссылка на картинку первого двойного лого для мобильного вида
let secondLogoImage_mobile = "oxygen-webhelp/template/resources/images/topMenu/docLogo.svg"; //ссылка на картинку второго двойного лого для мобильного вида
let singleLogoLink = ""; //ссылка одинарного лого
let singleLogoTitleText = ""; //текст выпадашки-подсказки одинарного лого (пустая строка для отключения выпадашки)
let singleLogoImage_desktop = ""; //ссылка на картинку одинарного лого для десктопного вида
let singleLogoImage_mobile = ""; //ссылка на картинку одинарного лого для мобильного вида
//сокрытие последнего стандартного элемента меню на десктопе (если дубль маркетинговой кнопки)
let hideLastElement = true;
//конфигурация анимированной кнопки
let animatedButtonText = "Become a client"; //текстовка анимированной кнопки (если пустая строка - кнопка отключена)
let animatedButtonLink = "https://ecommpay.com/sign-up/?utm_source=docs&utm_medium=referral&utm_campaign=button"; //ссылка анимированной кнопки
//конфигурация простой маркетинговой кнопки
let simpleMarketingButtonText = ""; //текстовка кнопки (если пустая строка - кнопка отключена)
let simpleMarketingButtonLink = "https://ecommpay.com/sign-up/?utm_source=docs&utm_medium=referral&utm_campaign=button"; //ссылка кнопки
let marketingSectionName = ""; // "☑ Become a client"; //имя секции для планшетного и мобильного меню (если пусто - отключен элемент)
let marketingSectionDescription = "A portal to the world of ECommPay clients. Apply to get started, or contact us if you have any questions."; //описание секции
let marketingSectionHref = "#"; //ссылка секции
let filterButtonTitleMoreText = "Read shortened version" //текст подписи кнопки фильтрации more
let filterButtonTitleLessText = "Read full article" //текст подписи кнопки фильтрации less
let searchButtonTitleText = "Search"; //текст подписи кнопки поиска
let feedbackButtonTitleLessText = "Contact us"; //текст подписи кнопки обратной связи
let marketingSectionChildren = [{
name: "Apply now",
href: "https://ecommpay.com/sign-up/?utm_source=docs&utm_medium=referral"
},
{
name: "Contact us",
href: "https://ecommpay.com/apply-now/?utm_source=docs&utm_medium=referral"
}
];
//конфигурация Домика в мобильном меню (ссылка и текст рядом)
let mobileMenuHeader = "Sections"; //текстовка подписи разделов мобильного меню
let mobileMenuHomeHeaderLink = "https://developers.ecommpay.com/landing-en/"; //ссылка куда ведет домик у заголовка
//конфигурация структуры секций меню
let sections= [
{
sectionName: "Platform",
sectionDescription: "Payment platform, its structure and operation. Refer to this section when you have general questions about working with the platform.",
sectionHref: "en_platform_about.html",
sectionChildren: []
},
{
sectionName: "Tools",
sectionDescription: "The platform's interfaces and components. Refer to this section when you configure various ways of interaction with the platform.",
sectionHref: "#",
sectionChildren: [
{
name: "Payment Page",
href: "en_PP_about.html"
},
{
name: "Gate",
href: "en_Gate_Integration_About.html"
},
{
name: "Dashboard",
href: "en_dbl_about.html"
}
]
},
{
sectionName: "Methods",
sectionDescription: "Payment methods and the specifics of their use. Refer to this section when choosing what payment methods to add to your integration.",
sectionHref: "en_pm_about.html",
sectionChildren: []
},
{
sectionName: "B2B Remittances",
sectionDescription: "Information about making payments to corporate accounts of the merchant's partners.",
sectionHref: "en_b2bremit_about.html",
sectionChildren: []
},
{
sectionName: "FAQ",
sectionDescription: "Answers to commonly asked questions concerning the platform and its use.",
sectionHref: "en_faq.html",
sectionChildren: []
},
{
sectionName: "References",
sectionDescription: "Reference information and glossary of the terms used in the documentation.",
sectionHref: "en_directory.html",
sectionChildren: []
},
{
sectionName: "What's new",
sectionDescription: "Information about documentation updates and changes.",
sectionHref: "en_all_versions.html",
sectionChildren: []
},
{
sectionName: "☑ Become a client",
sectionDescription: "A portal to the world of ECommPay clients. Apply to get started, or contact us if you have any questions.",
sectionHref: "#",
sectionChildren: [{
name: "Apply now",
href: "https://ecommpay.com/sign-up/?utm_source=docs&utm_medium=referral&utm_campaign=menu"
},
{
name: "Contact us",
href: "https://ecommpay.com/apply-now/?utm_source=docs&utm_medium=referral"
}]
}
];
function getPlatform() {
let userDeviceArray = [
{device: 'android', platform: /Android/},
{device: 'iphone', platform: /iPhone/},
{device: 'ipad', platform: /iPad/},
{device: 'symbian', platform: /Symbian/},
{device: 'windows-phone', platform: /Windows Phone/},
{device: 'tablet-os', platform: /Tablet OS/},
{device: 'linux', platform: /Linux/},
{device: 'windows', platform: /Windows NT/},
{device: 'macintosh', platform: /Macintosh/}
];
let platform = navigator.userAgent;
for (let i in userDeviceArray) {
if (userDeviceArray[i].platform.test(platform)) {
return userDeviceArray[i].device;
}
}
return platform;
}
let operationSystem = getPlatform();
let browser = "";
if(navigator.userAgent.toLowerCase().indexOf('firefox') > -1){
browser = "firefox";
}
if (navigator.userAgent.toLowerCase().indexOf('safari') != -1) {
if (navigator.userAgent.toLowerCase().indexOf('chrome') != -1) {
browser = "chrome";
} else {
browser = "safari";
if (!("mediaCapabilities" in navigator)) {
browser = "safari safari<13";
}
}
}
//add platform to body class
$("body").addClass(browser).addClass(operationSystem);
$("header").hide();
//верстка элементов
let sectionsHTML = "";
sections.forEach(function (section, index) {
let sectionChildrenHtml ="";
let sectionChildrenHtml_firstCol ="";
let sectionChildrenHtml_secondCol ="";
let middleIndex = Math.round(section.sectionChildren.length/2);
section.sectionChildren.forEach(function (child, index) {
sectionChildrenHtml += ``;
if(index