{{ 'fb_in_app_browser_popup.desc' | translate }} {{ 'fb_in_app_browser_popup.copy_link' | translate }}

{{ 'in_app_browser_popup.desc' | translate }}

Categories

function collapseThirdLayer(currentDOM) { $(".menu-list-item.fa-angle-left").each(function () { if (this !== currentDOM) { toggleDropdown(this); } }); } function assignDropdownID() { var index = 0; $(".NavigationBar-mainMenu .List-item").each(function () { index++; var $el = $(this); $el.attr("id", "main-nav-list-" + index); var depth = _.reduce($el.parentsUntil('.NavigationBar-mainMenu').toArray(), function (acc, el) { var $current = $(el); if ($current.hasClass("NavigationBar-nestedList")) { $el.attr('data-parent-item', $current.attr('id')); return acc + 1; } else { return acc; } }, 0); $el.addClass('depth-' + depth); }); } function assignMobileDropdownID() { var index = 0; $(".MenuPanel-mainMenu .List-item").each(function () { index++; var $el = $(this); $el.attr("id", "main-menu-list-" + index); var depth = _.reduce($el.parentsUntil('.MenuPanel-mainMenu').toArray(), function (acc, el) { var $current = $(el); if ($current.hasClass("MenuPanel-nestedList")) { $el.attr('data-parent-item', $current.attr('id')); return acc + 1; } else { return acc; } }, 0); $el.addClass('depth-' + depth); }); } function assignDropdownFunction() { $(".NavigationBar-mainMenu").on("click", "i.menu-list-item", function () { toggleDropdown(this); }); } function calculateCSSByTargetHeight(target, dropdownIdentifer) { var dropdown = (".List-item#" + dropdownIdentifer + " > .js-nav-nestedlist-dropdown"), maxWidth = parseInt($(dropdown).css('max-width'), 0), currentHeight = $(dropdown).height(), foundFlag = false, totalHeight = 0, targetHeight = 0, rowNum = 0, targetWidth = 0, totalWidth = 0, rowWidth = parseInt($(dropdown + "> li").css('width'), 0); $(dropdown + "> li").each(function () { if ((totalHeight + $(this).height()) > currentHeight) { totalHeight = $(this).height(); rowNum += 1; } else { totalHeight += $(this).height(); } totalWidth = (rowNum + 1) * rowWidth; if (!foundFlag) { targetHeight = totalHeight; targetWidth = totalWidth; } hideItemOfColumnAfterTargetColumn(this, targetWidth, totalWidth); if (this.id == target) { targetHeight -= $(this).height(); foundFlag = true; if (!$(dropdown).next().hasClass('disable')) { $(dropdown).next().addClass('disable'); } } }); if (targetWidth > maxWidth) { if ($(dropdown).next().hasClass('disable')) { $(dropdown).next().removeClass('disable'); } } controlDropdownHeight(targetWidth, rowWidth, dropdownIdentifer, currentHeight); return { 'targetWidth': targetWidth, 'targetHeight': targetHeight, 'foundFlag': foundFlag }; } function controlDropdownHeight(targetWidth, rowWidth, dropdownIdentifer, currentHeight) { var dropdown = (".List-item#" + dropdownIdentifer + " > .js-nav-nestedlist-dropdown"); if (targetWidth > rowWidth) { $(".NavigationBar-nestedList-expand").css('max-height', $(dropdown).height()); } $(dropdown).css('height', currentHeight); $(dropdown).next().css('height', currentHeight); } function hideItemOfColumnAfterTargetColumn(caller, targetWidth, totalWidth) { if (targetWidth < totalWidth) { $(caller).hide(); } else { $(caller).show(); } } function calulateSecondLayerCSSAfterClick(caller) { var dropdownIdentifer = $(caller).parent().attr('data-parent-item'); var lastItemID = $(".List-item#" + dropdownIdentifer + " > .js-nav-nestedlist-dropdown" + "> li").length; if (caller.classList.contains('fa-angle-right')) { return calculateCSSByTargetHeight($(caller).parent()[0].id, dropdownIdentifer); } else { return calculateCSSByTargetHeight(lastItemID, dropdownIdentifer); } } function toggleDropdown(caller) { if ($(caller).next().hasClass('collapsing')) { return; } collapseThirdLayer(caller); var dropdownIdentifer = $(caller).parent().attr('data-parent-item'), dropdown = (".List-item#" + dropdownIdentifer + " > .js-nav-nestedlist-dropdown"), maxWidth = parseInt($(dropdown).css('max-width'), 0), rowWidth = parseInt($(dropdown + "> li").css('width'), 0), secondLayerCSS = calulateSecondLayerCSSAfterClick(caller), targetWidth = secondLayerCSS['targetWidth'], top = secondLayerCSS['targetHeight'], foundFlag = secondLayerCSS['foundFlag']; if (foundFlag) { targetWidth += rowWidth; } $(caller).toggleClass('fa-angle-left fa-angle-right'); changeThirdLayerCSS(caller, dropdown, top); controlSecondLayerCSS(caller, dropdown, targetWidth); scrollDropdownWhenManyColumns(targetWidth, maxWidth, dropdown, foundFlag); } function changeThirdLayerCSS(caller, dropdown, top) { $(caller).next().css('min-height', $(dropdown).height()); $(caller).next().collapse("toggle"); $(caller).next().css('top', -top); } function scrollDropdownWhenManyColumns(targetWidth, maxWidth, dropdown, foundFlag) { if (targetWidth > maxWidth) { if (foundFlag) { var tempLeft = $(dropdown).scrollLeft(); $(dropdown).animate({ scrollLeft: tempLeft + (targetWidth - maxWidth) }); } else { $(dropdown).scroll(); } } } function controlSecondLayerCSS(caller, dropdown, targetWidth) { if ($(dropdown).height() < $(caller).next().height()) { $(dropdown).css('height', $(caller).next().height()); $(dropdown).next().css('height', $(dropdown).height()); } else { $(dropdown).css('height', ''); $(dropdown).next().css('height', $(dropdown).height()); } $(dropdown).next().css('width', targetWidth); $(dropdown).css('width', targetWidth); var callerData = $(caller)[0].getBoundingClientRect(); var rightOffset = $(window).width() - callerData.right; if (rightOffset < 250 && $(caller).hasClass('fa-angle-left')) { $(dropdown).css({ 'left': rightOffset - 250 }); } else { $(dropdown).css({ 'left': 0 }); } } window.onload = function () { angular.element(document).ready(function () { assignDropdownID(); assignMobileDropdownID(); assignDropdownFunction(); $(".NavigationBar-mainMenu").on("mouseleave", ".depth-0", function () { collapseThirdLayer('empty'); }); $('.js-navbar-desktop').find('.NavigationBar-nestedList.depth-1').each(function () { $(this).children('a.Label').css({ 'padding-right': 0, 'max-width': 175 }); }); function isQuickCartProduct(imageClass) { return imageClass === '.js-boxify-image'; } function hoverProductEffect(imageClass) { var elements = isQuickCartProduct(imageClass) ? $('product-item') : $('.Product-item'); elements.each(function () { var $this = isQuickCartProduct(imageClass) ? $(this).children().first() : $(this); var secondCoverImage = $this.find('.second-image'); if (secondCoverImage.length === 0) { return; } var multiImageWrapper = isQuickCartProduct(imageClass) ? $this.find('.js-quick-boxify-image') : $this; multiImageWrapper.addClass('multi-image'); }); } function loadEffect() { hoverProductEffect('.js-image-boxify-image'); hoverProductEffect('.js-boxify-image'); } loadEffect(); $('.product-items-container').each(function (index, productItemsContainer) { var config = { childList: true }; var observer = new MutationObserver(function () { loadEffect(); }); observer.observe(productItemsContainer, config); }); }); }; $(document).ready(function () { $(".searchTableshowbtn").click(function () { $("#SearchPanel").slideToggle('fast'); }); $(".closebtn").click(function () { $("#SearchPanel").slideToggle('fast'); $(".Modal-mask").css({ "display": "none" }); }); $("#similarProudctTrggier").click(function () { $("#similarProudctTarget").toggle('fast'); }); $("#similarProudctTrggier2").click(function () { $("#similarProudctTarget2").toggle('fast'); }); $("#dataCalc").click(function () { var inputData = $("#inputData").val(); inputData = parseFloat(inputData); $("#OutputAns").html(inputData / 3.14); $("#OutputAns2").html(inputData / 2); }); }); function openModal() { document.getElementById("myLightboxModal").style.display = "block"; } function closeModal() { document.getElementById("myLightboxModal").style.display = "none"; } function setSlides(num) { displaySlides((currentIndex += num)); } function displaySlides(num) { var slides = document.getElementsByClassName("imageSlides"); if (num > slides.length) { currentIndex = 1; } if (num < 1) { currentIndex = slides.length; } for (var x = 0; x < slides.length; x++) { slides[x].style.display = "none"; } slides[currentIndex - 1].style.display = "block"; }