\r\n
\r\n \r\n
![](\"${product.coverImageUrl)
\r\n
\r\n
${product.type}
\r\n
\r\n
\r\n
\r\n
${product.name}
\r\n ${product.priceData.isAction ?\r\n `
\r\n ${product.priceData.isPromoCode\r\n ? `
\r\n
\r\n ${Resources.UiResources.main_with_promocode}\r\n
\r\n
\r\n ${product.priceData.discountPercent}% ${Resources.UiResources.main_discount} \r\n
\r\n
`\r\n : `
${product.priceData.discountPercent}%
`\r\n }\r\n
\r\n
${product.priceData.actualPriceFormatted}
\r\n
${product.priceData.standardPriceFormatted}
\r\n
\r\n
` :\r\n `
\r\n
${productStandartPrice}
\r\n
`} \r\n
`;\r\n return productItem;\r\n}\r\n\r\nfunction refreshCart(responseData) {\r\n let headerCartCount = $('.js-cart-count'),\r\n totalActualPriceCount = $('.js-cart-total-price-count'),\r\n totalStandardPrice = $('.js-cart-total-price-count-old'),\r\n totalCashbackCount = $('.js-cart-total-cashback-count');\r\n if (responseData.products.length === 0)\r\n $('.cart-empty, .cart-holder').toggle();\r\n\r\n headerCartCount.html(responseData.products.length);\r\n totalActualPriceCount.html(responseData.totalActualPriceFormatted);\r\n totalStandardPrice.html(responseData.totalStandardPriceFormatted);\r\n totalCashbackCount.html(`${responseData.cashbackBalance || 0} ₽`);\r\n}\r\n\r\nasync function removeProduct(productData, element) {\r\n let removeProductResponse = await GB.Cart.removeProduct(productData.productSkuId);\r\n if (removeProductResponse.errors) {\r\n showError(removeProductResponse.errors.message);\r\n return;\r\n }\r\n\r\n if (element)\r\n element.remove();\r\n\r\n rerenderButton(productData.productSkuId, removeProductResponse.products.length);\r\n refreshCart(removeProductResponse);\r\n ecommerceAction('remove_from_cart', productData);\r\n}\r\n\r\nasync function actualizeCart() {\r\n let actualizeCartResponse = await GB.Cart.actualizeCart(); \r\n if (actualizeCartResponse.errors) {\r\n showCatalogError(changeOrderResponse);\r\n return;\r\n } \r\n return actualizeCartResponse;\r\n}\r\n\r\nfunction recalcCart(cartData) {\r\n cartData.productNotActualSkuIds.map(product => {\r\n for (const [key, value] of Object.entries(cartData.cart.products)) {\r\n if (value.productSkuId === product) {\r\n recalcCartProducts(value);\r\n }\r\n }\r\n });\r\n refreshCart(cartData.cart);\r\n}\r\n\r\nfunction recalcCartProducts(product) {\r\n let element = $('.product-row[data-product-sku-id=\"' + product.productSkuId + '\"]');\r\n\r\n if (product.priceData.isSale) {\r\n recalcProductPrice(element, product.priceData);\r\n element.removeClass('false');\r\n } else {\r\n element.addClass('false');\r\n }\r\n}\r\n\r\nfunction recalcProductPrice(element, priceData) {\r\n let priceDataBlock = priceData.isAction\r\n ? `
${priceData.discountPercent}%
\r\n
\r\n
${priceData.actualPriceFormatted}
\r\n
${priceData.standardPriceFormatted}
\r\n
`\r\n : `
${priceData.actualPrice ? priceData.actualPriceFormatted : priceData.standardPriceFormatted}
`;\r\n element.find('.product-row--price').html(priceDataBlock);\r\n}\r\n\r\nfunction rerenderButton(productSkuId, count) { \r\n let buttons = $('.buy-button[data-product-sku-id=\"' + productSkuId + '\"]'),\r\n cartCountContainer = $('.js-cart-count');\r\n buttons.removeClass('loading');\r\n $(buttons).each(function () {\r\n let button = $(this);\r\n if (button.is('.button'))\r\n button\r\n .addClass('js-to-cart')\r\n .removeClass('js-add-product')\r\n .text(Resources.UiResources.main_to_cart);\r\n });\r\n \r\n\r\n if (count) {\r\n cartCountContainer.html(count);\r\n }\r\n}\r\n\r\nfunction getCookie(name) {\r\n const value = `; ${document.cookie}`;\r\n const parts = value.split(`; ${name}=`);\r\n if (parts.length === 2) return parts.pop().split(';').shift();\r\n}\r\n\r\nfunction showMessage(message) {\r\n unlockUi();\r\n var element = $('.user-notification-modal');\r\n element.find('.user-notification-modal-text').html(message);\r\n element.modal('show');\r\n}\r\n\r\nfunction showError(message) {\r\n unlockUi();\r\n var element = $('.error-modal');\r\n element.find('.js-error-text').text(message);\r\n element.modal('show');\r\n}\r\n\r\nfunction lockUi() {\r\n $('.gb-loading').show();\r\n}\r\n\r\nfunction unlockUi() {\r\n $('.gb-loading').hide();\r\n}\r\n\r\nfunction failAjax(error) {\r\n console.warn('fail with error: ' + error);\r\n showError(error);\r\n};\r\n\r\n\r\nfunction localeUrlTransform() {\r\n return currentCulture === 'EN' ? '/' : '/' + currentCulture.toLowerCase() + '/';\r\n}\r\n\r\nfunction setBrowserUrl() {\r\n let listString = appliedListFilters.listFilters ? convertFilters(appliedListFilters.listFilters, filterTypes.list) : '',\r\n rangeString = appliedListFilters.rangeFilters ? convertFilters(appliedListFilters.rangeFilters, filterTypes.range) : '',\r\n binaryString = appliedListFilters.binaryFilters ? convertFilters(appliedListFilters.binaryFilters, filterTypes.binary) : '',\r\n sortingString = appliedSortingCriteria ? $.param(appliedSortingCriteria).replace('code', 'sort') : '',\r\n getParamsString = '?' + binaryString + listString + rangeString + sortingString,\r\n url = window.location.pathname + getParamsString;\r\n\r\n if (url[url.length - 1] == \"&\" || url[url.length - 1] == \"?\")\r\n url = url.slice(0, -1) + '';\r\n\r\n window.history.pushState(null, document.title, url);\r\n $('.js-change-get-params').each(function () {\r\n let currentUrl = $(this).prop('href').split('?')[0];\r\n $(this).prop('href', currentUrl + getParamsString);\r\n });\r\n}\r\n\r\nfunction convertFilters(filterObject, type) {\r\n let items = '',\r\n item;\r\n for (const [key, value] of Object.entries(filterObject)) {\r\n switch (type) {\r\n case 'List':\r\n item = `${value.filterCode}=${value.values.join(';')}`;\r\n break;\r\n case 'Range':\r\n item = `${value.filterCode}=${value.minValue}-${value.maxValue}`;\r\n break;\r\n case 'Binary':\r\n item = `${value.filterCode}=${value.value}`;\r\n break;\r\n }\r\n items = items += item + '&';\r\n }\r\n\r\n return items;\r\n}\r\n\r\nfunction ecommerceAction(event, productData) {\r\n dataLayer.push({ ecommerce: null });\r\n dataLayer.push({\r\n event: event,\r\n ecommerce: {\r\n items: [{\r\n item_name: productData.name,\r\n item_id: productData.productSkuId,\r\n price: productData.priceData.actualPrice,\r\n currency: productData.priceData.currency,\r\n userRegion: currentRegion,\r\n userLanguage: currentCulture,\r\n quantity: productData.deleteCount || 1\r\n }]\r\n }\r\n });\r\n}\r\n\r\nfunction sendAnalyticsEvent(eventName, eventData = {}) {\r\n ym(yandexMetridaId, 'reachGoal', eventName);\r\n gtag('event', eventName, eventData);\r\n}\n$(function () {\r\n \r\n let getParams = window.location.search,\r\n profileUrl = localeUrlTransform() + 'profile',\r\n loginBlock = $('.login-block'),\r\n emailInput = $('.email input'),\r\n passwordInput = $('.pwd input'),\r\n errorBlock = $('.js-error-text'),\r\n inputHolder = $('.field'),\r\n sendButton = $('.button.send'), \r\n loginTabs = $('.login-block .item'),\r\n agreementCheckbox = $('.js-agreement-checkbox'),\r\n showLoginButton = $('.js-show-login'),\r\n resetPasswordSaveButton = $('.js-reset-password-save'),\r\n showRegisterButton = $('.js-show-register'),\r\n loginButton = $('.js-enter'),\r\n logoutButton = $('.js-logout'),\r\n registerButton = $('.js-register'),\r\n resetPasswordBlock = $('.reset-password-form'),\r\n showResetPasswordButton = $('.js-show-reset-password'),\r\n showChangePasswordButton = $('.js-show-change-password'),\r\n changePasswordForm = $('.change-password-form'),\r\n resetPasswordButton = $('.js-reset-password'),\r\n changePasswordButton = $('.js-change-password'),\r\n userEmail = $('.js-user-email'),\r\n oldPasswordChange = $('#oldPasswordChange'),\r\n newPasswordChange = $('#newPasswordChange'),\r\n tabs = $('.js-login-block .item, .modal .ui.tab'); \r\n\r\n if (getParams.includes('?login=true')) {\r\n setTimeout(function () {\r\n showLoginButton.click();\r\n window.history.replaceState({}, document.title, \"/\");\r\n }, 500); \r\n }\r\n\r\n changePasswordButton.on('click', function (e) {\r\n e.preventDefault();\r\n clearErrors();\r\n let isBlocked = $(this).is('.disabled, .loading'),\r\n email = userEmail.text(); \r\n if (isBlocked)\r\n return;\r\n $(this).addClass('loading'); \r\n changePasswordSave(email, oldPassword.val(), newPassword.val()); \r\n });\r\n\r\n resetPasswordSaveButton.on('click', function (e) {\r\n e.preventDefault(); \r\n clearErrors();\r\n let isBlocked = $(this).is('.disabled, .loading');\r\n if (isBlocked)\r\n return;\r\n\r\n clearErrors();\r\n $(this).addClass('loading');\r\n let password = $('#newPassword'),\r\n passwordRepeat = $('#newPasswordRepeat');\r\n\r\n if (!password.val().length || password.val() !== passwordRepeat.val()) {\r\n errorBlock.text(Resources.UiResources.main_change_password_error).show();\r\n $(this).removeClass('loading');\r\n return;\r\n }\r\n resetPasswordSave(resetPasswordToken, password.val());\r\n });\r\n\r\n showChangePasswordButton.on('click', function (e) {\r\n e.preventDefault();\r\n clearErrors();\r\n changePasswordForm.modal('show');\r\n });\r\n\r\n loginButton.click(function (e) {\r\n e.preventDefault();\r\n checkForm(inputsCheck(), loginBlock);\r\n let isBlocked = $(this).is('.disabled, .loading');\r\n if (isBlocked)\r\n return;\r\n \r\n $(this).addClass('loading');\r\n userLogin(emailInput.filter(\":visible\").val(), passwordInput.filter(\":visible\").val());\r\n });\r\n\r\n logoutButton.click(function (e) {\r\n e.preventDefault();\r\n userLogout(); \r\n });\r\n\r\n showResetPasswordButton.click(function (e) {\r\n e.preventDefault();\r\n clearErrors();\r\n resetPasswordBlock.modal('show');\r\n });\r\n\r\n registerButton.click(function (e) {\r\n e.preventDefault();\r\n checkForm(inputsCheck(), loginBlock);\r\n let isBlocked = $(this).is('.disabled, .loading'),\r\n isAgreementChecked = checkArgeement();\r\n if (isBlocked || !isAgreementChecked)\r\n return; \r\n \r\n $(this).addClass('loading');\r\n lockUi();\r\n userRegister(emailInput.filter(\":visible\").val(), passwordInput.filter(\":visible\").val());\r\n });\r\n\r\n resetPasswordButton.click(function (e) {\r\n e.preventDefault();\r\n if ($(this).is('.disabled, .loading'))\r\n return;\r\n\r\n $(this).addClass('loading');\r\n userPasswordReset(emailInput.filter(\":visible\").val())\r\n }); \r\n\r\n loginTabs.tab({\r\n context: loginBlock\r\n });\r\n\r\n loginTabs.on('click', function () {\r\n clearErrors();\r\n });\r\n\r\n agreementCheckbox.checkbox();\r\n\r\n showLoginButton.click(function (e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n showAuth('login');\r\n sendAnalyticsEvent(analyticsActionList.authFormOpen);\r\n });\r\n showRegisterButton.click(function (e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n showAuth('register');\r\n sendAnalyticsEvent(analyticsActionList.regFormOpen);\r\n }); \r\n\r\n $(loginBlock).on('keyup', 'input', function (e) {\r\n checkForm(inputsCheck(), e);\r\n }); \r\n\r\n $(resetPasswordBlock).on('keyup', 'input', function (e) {\r\n checkForm(emailCheck(emailInput.filter(\":visible\")), e);\r\n }); \r\n\r\n $(changePasswordForm).on('keyup', 'input', function (e) {\r\n let check = oldPasswordChange.val().length && newPasswordChange.val().length;\r\n checkForm(checkForm(check, e));\r\n });\r\n\r\n function showAuth(type) {\r\n if (GB.Profile.isAuthorized) {\r\n window.location.href = profileUrl;\r\n return;\r\n }\r\n sendButton.removeClass('loading');\r\n tabs.removeClass('active');\r\n loginBlock.find(\"[data-tab='\" + type + \"']\").addClass('active');\r\n loginBlock.parent().modal({ closeIcon: true}).modal('show');\r\n };\r\n\r\n function checkForm(check, element) {\r\n let button = sendButton.filter(':visible'); \r\n !!check ? button.removeClass('disabled') : button.addClass('disabled');\r\n if (!!check) {\r\n inputHolder.removeClass('error');\r\n errorBlock.text('').hide();\r\n }\r\n if (element.which == enterButton) {\r\n button.click();\r\n }\r\n }\r\n\r\n function checkArgeement() {\r\n var isChecked = $(agreementCheckbox).find('input').is(':checked');\r\n if (!isChecked) {\r\n sendButton.removeClass('loading');\r\n errorBlock.text(Resources.UiResources.main_agreement_check_text).show();\r\n \r\n }\r\n return isChecked;\r\n }\r\n\r\n function clearErrors(){\r\n inputHolder.removeClass('error');\r\n errorBlock.hide();\r\n }\r\n\r\n function responseErrorsHandler(errorData) {\r\n sendButton.removeClass('loading');\r\n errorBlock.text(errorData.message).show();\r\n switch (errorData.code) {\r\n case 100:\r\n case 106:\r\n case 5:\r\n emailInput.parent().addClass('error');\r\n break;\r\n case 21:\r\n emailInput.parent().addClass('error');\r\n passwordInput.parent().addClass('error');\r\n break;\r\n default:\r\n break;\r\n } \r\n }\r\n\r\n function inputsCheck() {\r\n let email = emailCheck(emailInput.filter(\":visible\")),\r\n password = passwordCheck(passwordInput.filter(\":visible\"));\r\n\r\n email ? emailInput.parent().removeClass('error') : emailInput.parent().addClass('error');\r\n password ? passwordInput.parent().removeClass('error') : passwordInput.parent().addClass('error');\r\n\r\n return email && password;\r\n }\r\n \r\n function emailCheck(email) {\r\n return email.is(':valid') &&\r\n email.val().length > 0;\r\n }\r\n\r\n function passwordCheck(password) {\r\n return password.is(':valid') &&\r\n password.val().length > 0;\r\n }\r\n\r\n function handleAccountResponse(responseData) {\r\n if (responseData.errors) {\r\n responseErrorsHandler(responseData.errors);\r\n let errorMessage = {\r\n 'message': responseData?.errors?.message\r\n }\r\n sendAnalyticsEvent(analyticsActionList.authError, errorMessage);\r\n }\r\n else {\r\n completeAjax(responseData);\r\n sendAnalyticsEvent(analyticsActionList.authSuccess);\r\n }\r\n }\r\n\r\n function completeAjax() {\r\n loginBlock.parent().modal('hide');\r\n window.location.reload();\r\n };\r\n\r\n async function userLogin(email, password) {\r\n let userLoginResponse = await GB.User.login(email, password);\r\n clearErrors();\r\n handleAccountResponse(userLoginResponse); \r\n }\r\n\r\n async function changePasswordSave(email, oldPassword, newPassword) {\r\n let changePasswordSaveResponse = await GB.User.changePasswordSave(email, oldPassword, newPassword),\r\n message = Resources.UiResources.main_change_password_complete;\r\n if (changePasswordSaveResponse.errors) {\r\n responseErrorsHandler(changePasswordSaveResponse.errors)\r\n return;\r\n }\r\n showMessage(message);\r\n }\r\n\r\n async function resetPasswordSave(token, password) {\r\n let resetPasswordSaveResponse = await GB.User.resetPasswordSave(token, password),\r\n message = Resources.UiResources.main_change_password_complete;\r\n if (resetPasswordSaveResponse.errors) {\r\n responseErrorsHandler(resetPasswordSaveResponse.errors)\r\n return;\r\n }\r\n showMessage(message);\r\n window.location.href = profileUrl;\r\n } \r\n\r\n async function userPasswordReset(email) {\r\n let userPasswordResetResponse = await GB.User.resetPassword(email),\r\n message = Resources.UiResources.main_reset_request_password_text + `
${email} ` + Resources.UiResources.main_reset_request_password_text2;\r\n if (userPasswordResetResponse.errors) {\r\n responseErrorsHandler(userPasswordResetResponse.errors)\r\n return;\r\n }\r\n showMessage(message);\r\n } \r\n\r\n async function userRegister(email, password) {\r\n let userRegisterResponse = await GB.User.register(email, password);\r\n unlockUi();\r\n if (userRegisterResponse.errors) {\r\n responseErrorsHandler(userRegisterResponse.errors)\r\n let errorMessage = {\r\n 'message': userRegisterResponse?.errors?.message\r\n };\r\n sendAnalyticsEvent(analyticsActionList.regError, errorMessage);\r\n return;\r\n }\r\n clearErrors();\r\n showMessage(`${Resources.UiResources.main_register_complete_text1} ${email} ${Resources.UiResources.main_register_complete_text2}`);\r\n $('.user-notification-modal-logo').show();\r\n sendAnalyticsEvent(analyticsActionList.regSuccess);\r\n }\r\n\r\n async function userLogout() {\r\n let userLoginResponse = await GB.User.logout();\r\n window.location.href = localeUrlTransform();\r\n }\r\n\r\n});\r\n\n$(function () {\r\n const defaultSuggestBatchSize = 5,\r\n renderSearchResultBlock = function (response) {\r\n return response.results\r\n ? `
`\r\n : false; \r\n }\r\n let suggestSearchContainer = $('.js-suggest-search'),\r\n searchResultButton = $('.js-search-results'),\r\n searchMobileContainer = $('.mobile-search'),\r\n searchInputClearButton = $('.js-search-clear'),\r\n searchMobileCloseButton = $('.js-search-mobile-close'),\r\n searchMobileShowButton = $('.js-search-mobile-show'),\r\n suggestUrl = `/api/v1/catalogs/?searchQuery={query}&isFullTextSearch=false&batchSize=${defaultSuggestBatchSize}&partner=GamersBase&language=${currentCulture}`;\r\n\r\n suggestSearchContainer.search({\r\n minCharacters: 3,\r\n apiSettings: {\r\n onResponse: function (serverResponse) {\r\n return serverResponse.products;\r\n },\r\n url: suggestUrl\r\n },\r\n fields: {\r\n title: 'name',\r\n url: 'productSkuCode',\r\n price: 'actualPrice',\r\n badge: 'type',\r\n image: 'coverImageUrl'\r\n },\r\n maxResults: 10\r\n });\r\n\r\n searchInputClearButton.on('click', function (e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n let searchInput = $(this).parent().find('input');\r\n suggestSearchContainer.removeClass('active');\r\n searchInput.val('').trigger('change');\r\n });\r\n\r\n searchMobileCloseButton.on('click', function () {\r\n searchMobileContainer.hide();\r\n $('body').removeClass('no-scroll');\r\n });\r\n\r\n searchMobileShowButton.on('click', function () {\r\n searchMobileContainer.show().find('.js-search-input').focus();\r\n $('body').addClass('no-scroll');\r\n });\r\n\r\n searchResultButton.on('click', function () {\r\n let searchInput = suggestSearchContainer.find('input:visible'),\r\n searchUrl = new URL(window.location.origin + localeUrlTransform() + 'search/?isFullTextSearch=true');\r\n if (!searchInput.is(':valid'))\r\n return;\r\n searchUrl.searchParams.append('searchQuery', searchInput.val());\r\n window.location.href = searchUrl;\r\n });\r\n\r\n suggestSearchContainer.find('input').on('keypress', function (element) {\r\n if (element.which == enterButton) {\r\n searchResultButton.click();\r\n }\r\n });\r\n});\r\n"]}