lock

To register on the woogloo website/app you either need to use your exisitng Woo ID or create a new one (see below).

Sign Up

Why sign up?

Get access to Registered User's priviledges, which may include hidden pages, special features and special pricing, if they exist, on this website.
Get access to all sites powered by Woo without having to enter your details everytime.

Sign In

Username (Woo ID) Password Forgot Your Password?

User Name or Password is incorrect.

What is a Woo ID help

menu

menu

perception is
everything

Powered by: Woo

var login = (function() { var login_Global = {}; var loginDom = document.getElementById('login-text_login'); var loginDomMob = document.getElementById('mob_icon_login'); var loggedIn = false; var loggingInOrOut = false; var openModal = false; var whatIs = document.querySelector(".woo_whatIsWooID_login"); var forgotPass = document.querySelector(".forgot_pass_login"); function getAppData(){ return new Promise((resolve) => { var url = woo.getRemoteCouch() + "/woogloo$public/woogloo-invoice-settings"; var data = {} resolve(woo.queryCouch(url, "GET", data)); }).catch((error) => { return null; }); } getAppData().then((data) => { if (data){ $("#login .website_name").html(data.brandName); $("#login #fullLogoImage").attr("src", "/resources/woogloo/uploads/" + data.logoImage); } }) function forgotPass_login(){ woo.updateCurrentPage("forgot-password"); } function whatIsClick_login(){ var note = "<h2>What is the Woo ID?</h2><p> With a growing awareness of on-line privacy and security issues, further tightening of the spam laws worldwide and the need for businesses to have more robust collection of data systems in place, Woo has risen to the challenge by creating a universal ID for users on the platform - called a Woo ID.</p><p>The Woo ID provides you with the security that Woo is dedicated, and bound by law, to ensure your information is kept private and that all anti-spam laws are adhered to. Every user added to a Woo website gets to verify their email address. This ensures issues with data entry and out-of-date email accounts are spotted early.</p><p>The Woo ID universal ID is the market leader: creating a safe and spam free environment for you.</p><p><a href='https://woo.co/privacy-policy' target=_blank>Read more about Woo and their Privacy Policy</a></p>"; var message = $("<div class='alert_success_box'><img src='/resources/images/wooIcon.png' width='40px' style='padding: 3px;' /><br>" + note + "<p><button type='button' style='width: 50px;'>OK</button></p></div>") .appendTo("body").slideDown('normal'); $(message).click(function(){ $(this).slideUp('normal', function(){ $(this).remove(); }); }); } function closeButtonPressed_login(){ $(".woo-dialogBox").hide(); loggingInOrOut = false; openModal = false; } function makeModal_login(content){ openModal = true; var dialogBox = document.createElement('div'); dialogBox.className = "woo-dialogBox"; document.getElementsByClassName("wooMainContent")[0].appendChild(dialogBox); var closeBox = document.createElement('button'); closeBox.className = 'woo-dialogClose'; closeBox.classList.add('material-symbols-outlined'); closeBox.addEventListener('click', closeButtonPressed_login); var dialogContent = document.createElement('div'); dialogContent.className = "woo-dialogContent"; dialogContent.appendChild(closeBox); dialogContent.appendChild(content); dialogBox.appendChild(dialogContent); } function login_login(usernameElem, passwordElem){ woo.execLogin(usernameElem.value, passwordElem.value).then(() => { $(".woo-dialogBox").hide(); openModal = false; }).catch((error) => { loggingInOrOut = false; //alert("User name or password is incorrect. Please try again."); $(".wooMainContent #woo_loginErrorMessage").css("display", "block"); }); } function register_login(){ woo.updateCurrentPage("register"); } function loginOnClick_login(){ if (loggingInOrOut == false) { loggingInOrOut = true; if (!loggedIn){ if ($(".woo-dialogBox").length){ $(".woo-dialogBox").show(); } else { var signinModal = document.querySelector("#signinModal_login"); var usernameInput = document.querySelector("#wooUsername_login"); var passwordInput = document.querySelector("#wooPassword_login"); document.querySelector(".woo_logIn_login").addEventListener('click', login_login.bind(this, usernameInput, passwordInput)); document.querySelector(".woo_signUp_login").addEventListener('click', register_login.bind(this)); makeModal_login(signinModal); } } else { woo.execLogout(); } } } function changeLoginState_login(loginState){ if(!loginState){ loggedIn = false; loginDom.innerHTML = "login"; loginDomMob.innerHTML = "lock"; } else { loggedIn = true; loginDom.innerHTML = "logout"; loginDomMob.innerHTML = "lock_open"; } } function addEventListeners_login() { if (woo.sessionData != null){ changeLoginState_login(true); } else { changeLoginState_login(false); } loginDomMob.addEventListener('click', loginOnClick_login, false); loginDom.addEventListener('click', loginOnClick_login, false); whatIs.addEventListener('click', whatIsClick_login, false); forgotPass.addEventListener('click', forgotPass_login, false); } addEventListeners_login(); login_Global.unload = () => { //Unload callbacks here loginDomMob.removeEventListener('click', loginOnClick_login, false); loginDom.removeEventListener('click', loginOnClick_login, false); whatIs.removeEventListener('click', whatIsClick_login, false); forgotPass.removeEventListener('click', forgotPass_login, false); //document.querySelector(".woo_logIn_login").removeEventListener('click', login_login); //document.querySelector(".woo_signUp_login").removeEventListener('click', register_login); console.log("Unloaded login"); } return login_Global; })();var gkxwvsqf_202382802446_594_226_327 = (function() { var self = document.getElementById('gkxwvsqf_202382802446_594_226_327'); var gkxwvsqf_202382802446_594_226_327_Global = {}; var unloadPromise; gkxwvsqf_202382802446_594_226_327_Global.unload = () => { return new Promise((resolve, reject) => { //Unload callbacks here if (unloadPromise){ unloadPromise.then(() => { resolve("done"); }).catch((error) => { reject(error); }); } else { resolve("done"); } woo.events.off("Page Added", recreate); woo.events.off("Page Deleted", recreate); woo.events.off("Page Hidden", recreate); woo.events.off("Page Unhidden", recreate); woo.events.off("Page Linked", recreate); woo.events.off("Page Unlinked", recreate); woo.events.off("Page Order Updated", recreate); woo.events.off("Page Parent Updated", recreate); woo.events.off("Page pageName Updated", recreate); console.log("Unloaded gkxwvsqf_202382802446_594_226_327"); }); } woo.events.on("Page Added", recreate); woo.events.on("Page Deleted", recreate); woo.events.on("Page Hidden", recreate); woo.events.on("Page Unhidden", recreate); woo.events.on("Page Linked", recreate); woo.events.on("Page Unlinked", recreate); woo.events.on("Page Order Updated", recreate); woo.events.on("Page Parent Updated", recreate); woo.events.on("Page pageName Updated", recreate); function recreate(){ unloadPromise = createFullULMenu().then(() => { console.log("boy oh boy a lincoln toy!"); createFullULMenu(); }).catch((error) => { console.log("Menu not created! " + error); }); } $("#mob_icon_gkxwvsqf_202382802446_594_226_327").on("click", function(){ $("#mainMenuContent_gkxwvsqf_202382802446_594_226_327").toggle(); }); checkBuild(); gkxwvsqf_202382802446_594_226_327_Global.createMenu = () => { createFullULMenu().then(() => { }).catch((error) => { console.error(error); }); } function checkBuild(){ return new Promise((resolve, reject) => { woo.getGadgetProperty("gkxwvsqf_202382802446_594_226_327", woo.instanceDB, "toolbarBuild").then((propValue) => { if (!propValue){ createFullULMenu(); } resolve("done"); }).catch((error) => { reject(error); }); }).catch((error) => { console.error(error); }); } var showPage ='home'; var pageCount = 0; function getChildrenByKey(obj, key) { if (obj[key]) { return obj[key].children || {}; } for (let k in obj) { if (obj[k] && typeof obj[k] === 'object') { const result = getChildrenByKey(obj[k].children || {}, key); if (result) { return result; } } } return null; // Key not found } function createFullULMenu(){ return new Promise((resolve, reject) => { $("#mainMenuContent_gkxwvsqf_202382802446_594_226_327").empty(); var form = document.querySelector("#mainMenuContent_gkxwvsqf_202382802446_594_226_327"); var allHtml = {}; var pages = {}; var rootPage = ""; woo.getFullPageStructure().then((response) => { //console.log(response); if ("about" == "home"){ rootPage = Object.keys(response)[0]; pages = response[rootPage].children; } else { rootPage = Object.keys(response)[0]; pages = getChildrenByKey(response, "about"); //pages = response[rootPage].children["about"].children; } //console.log(pages); var promises = Object.entries(pages).map((node) => { if (node[1]["props"].hidden == false){ return createPageNode(node, 1).then((gadgetHtml) => { allHtml[node[0]] = gadgetHtml; }); } }); return Promise.all(promises); }).then(() => { var pageListUL = document.createElement('ul'); pageListUL.className = "menuUl1"; if (Object.keys(allHtml).length != 0) { Object.entries(pages).forEach((entry) => { if (allHtml[entry[0]]){ pageListUL.appendChild(allHtml[entry[0]]); } }); } form.appendChild(pageListUL); var str = form.innerHTML; woo.updateGadgetProperty("gkxwvsqf_202382802446_594_226_327", woo.instanceDB, "toolbarBuild", str, woo.getCurrentPage()).then(() => { $(".menuClick_gkxwvsqf_202382802446_594_226_327").unbind(); $(".menuClick_gkxwvsqf_202382802446_594_226_327").on("click", function(){ if ($(this).attr("linked") == "true"){ if ($(this).attr("linkID") != ""){ $('body').removeClass("pageAnimateOut").addClass("pageAnimateIn"); showPage = $(this).attr("linkID"); setTimeout(animatePageIn, 0); } else { window.location = $(this).attr("linkURL"); } } else { $('body').removeClass("pageAnimateOut").addClass("pageAnimateIn"); showPage = $(this).attr("showPage"); setTimeout(animatePageIn, 0); } }); resolve("done"); }).catch((err) => { //alert("Gadget value not saved! " + err); reject(error); }); }).catch((error) => { console.error(error); reject(error); }); }); } function createPageNode(page, level){ return new Promise((resolve) => { //create li var pageLI = document.createElement('li'); if (level == 1){ pageLI.className = "menuLi1"; } else if (level == 2){ pageLI.className = "menuLi2"; } else { pageLI.className = "menuLi3"; } pageLI.classList.add("menuLlX"); var menuMouseOverID = page[0]; pageLI.id = menuMouseOverID; if (level == 1){ var nameSpanOuter = document.createElement('span'); nameSpanOuter.className = "woo_menuName_outer"; var nameUnderLineSpan = document.createElement('span'); nameUnderLineSpan.className = "woo_menuName_underline"; nameUnderLineSpan.id = "woo_menuName_underline_" + page[0]; } var nameSpan = document.createElement('button'); if (level == 1){ nameSpan.className = "woo_menuName"; } else { nameSpan.className = "woo_subMenuName"; } nameSpan.classList.add("menuClick_gkxwvsqf_202382802446_594_226_327"); console.log("pageCount: " + pageCount + ", odd/even: " + (pageCount % 2)); if ((pageCount % 2) != 1) { nameSpan.classList.add("oddPage"); } pageCount++; nameSpan.innerText = page[1]["props"].name; console.log(page[1]["props"].name + " : " + page[1]["props"].linked); if (page[1]["props"].linked == "true" || page[1]["props"].linked == true){ nameSpan.setAttribute("linked", page[1]["props"].linked); nameSpan.setAttribute("linkID", page[1]["props"].linkID); nameSpan.setAttribute("linkURL", page[1]["props"].linkURL); } else { nameSpan.setAttribute("showPage", page[0]); } nameSpan.setAttribute("menuid", page[0]); if (level == 1){ nameSpanOuter.appendChild(nameSpan); nameSpanOuter.appendChild(nameUnderLineSpan); pageLI.appendChild(nameSpanOuter); } else { pageLI.appendChild(nameSpan); } var childPagesHtml = {}; var children = page[1].children; var subLevel = level + 1; var promises = Object.entries(children).map((childNode) => { if (subLevel <= 0){ if (childNode[1]["props"].hidden == false){ return createPageNode(childNode, subLevel).then((childHtml) => { childPagesHtml[childNode[0]] = childHtml; }); } } }); Promise.all(promises).then(() => { if (Object.keys(page[1]["children"]).length != 0){ var pageListULNext = document.createElement('ul'); if (level == 1){ pageListULNext.className = "menuUl2"; } else { pageListULNext.className = "menuUl3"; } pageListULNext.classList.add("menuUlX"); var childCount = 0; Object.entries(children).forEach((entry) => { if (childPagesHtml[entry[0]]){ childCount++; pageListULNext.appendChild(childPagesHtml[entry[0]]); } }); if (childCount > 0){ pageLI.appendChild(pageListULNext); } } resolve(pageLI); }); }); } function cleanPageNameForUrl(pageName) { // Convert to lowercase let url = pageName.toLowerCase(); // Replace spaces with dashes url = url.replace(/\s+/g, '-'); // Remove all special characters except dashes and alphanumeric characters url = url.replace(/[^a-z0-9-]/g, ''); // Remove multiple consecutive dashes url = url.replace(/-+/g, '-'); // Remove leading and trailing dashes url = url.replace(/^-|-$/g, ''); return url; } var currentPageId = woo.getCurrentPage(); $("#gkxwvsqf_202382802446_594_226_327 .woo_menuName").each(function(){ if (currentPageId == cleanPageNameForUrl($(this).text())){ $(this).css({"background-color": "#000000", "color" : "#ffffff"}); } }); $(".menuClick_gkxwvsqf_202382802446_594_226_327").on("click", function(){ if ($(this).attr("linked")){ if ($(this).attr("linkID") != ""){ $('body').removeClass("pageAnimateOut").addClass("pageAnimateIn"); showPage = $(this).attr("linkID"); setTimeout(animatePageIn, 0); } else { window.location = $(this).attr("linkURL"); } } else { $('body').removeClass("pageAnimateOut").addClass("pageAnimateIn"); showPage = $(this).attr("showPage"); setTimeout(animatePageIn, 0); } }); $("#gkxwvsqf_202382802446_594_226_327 .parentPage_gkxwvsqf_202382802446_594_226_327 .menuClick_gkxwvsqf_202382802446_594_226_327").unbind(); $("#gkxwvsqf_202382802446_594_226_327 .parentPage_gkxwvsqf_202382802446_594_226_327").on("click", function(){ var burgerMenuId = $("#gkxwvsqf_202382802446_594_226_327").parents(".burger_menu").attr("id"); //var subMenuNode = $(this).children("li > ul"); var subMenu = this.querySelector("li > ul").cloneNode(true); //var subMenu = subMenuNode.cloneNode(true); console.log(burgerMenuId); window[burgerMenuId].changeSubPage($(this).attr("id"), 'gkxwvsqf_202382802446_594_226_327', subMenu, 0, 0); }); function animatePageIn() { Promise.all([woo.updateCurrentPage(showPage)]).then(() => { document.body.scrollTop = document.documentElement.scrollTop = 0; $('body').removeClass("pageAnimateIn").addClass("pageAnimateOut"); }); } gkxwvsqf_202382802446_594_226_327_Global.animateMenuIn = () => { animateMenuIn(); }; function animateMenuIn(){ $("#gkxwvsqf_202382802446_594_226_327 .woo_menuName").removeClass("animateMenuOut").addClass("animateMenuIn"); } gkxwvsqf_202382802446_594_226_327_Global.animateMenuOut = () => { animateMenuOut(); }; function animateMenuOut(){ $("#gkxwvsqf_202382802446_594_226_327 .woo_menuName").removeClass("animateMenuIn").addClass("animateMenuOut"); } $(".menuClick_gkxwvsqf_202382802446_594_226_327").on("mouseover", function(){ var id = "#woo_menuName_underline_" + $(this).attr("menuid"); console.log(id); gsap.to(id, { width: "100%", }) }); $(".menuClick_gkxwvsqf_202382802446_594_226_327").on("mouseout", function(){ var id = "#woo_menuName_underline_" + $(this).attr("menuid"); console.log(id); gsap.to(id, { width: "0%", }) }); return gkxwvsqf_202382802446_594_226_327_Global; })();var gkxwvsqf_202382802446_594_226_755 = (function() { var self = document.getElementById('gkxwvsqf_202382802446_594_226_755'); var gkxwvsqf_202382802446_594_226_755_Global = {}; var unloadPromise; gkxwvsqf_202382802446_594_226_755_Global.unload = () => { return new Promise((resolve, reject) => { //Unload callbacks here if (unloadPromise){ unloadPromise.then(() => { resolve("done"); }).catch((error) => { reject(error); }); } else { resolve("done"); } woo.events.off("Page Added", recreate); woo.events.off("Page Deleted", recreate); woo.events.off("Page Hidden", recreate); woo.events.off("Page Unhidden", recreate); woo.events.off("Page Linked", recreate); woo.events.off("Page Unlinked", recreate); woo.events.off("Page Order Updated", recreate); woo.events.off("Page Parent Updated", recreate); woo.events.off("Page pageName Updated", recreate); console.log("Unloaded gkxwvsqf_202382802446_594_226_755"); }); } woo.events.on("Page Added", recreate); woo.events.on("Page Deleted", recreate); woo.events.on("Page Hidden", recreate); woo.events.on("Page Unhidden", recreate); woo.events.on("Page Linked", recreate); woo.events.on("Page Unlinked", recreate); woo.events.on("Page Order Updated", recreate); woo.events.on("Page Parent Updated", recreate); woo.events.on("Page pageName Updated", recreate); function recreate(){ unloadPromise = createFullULMenu().then(() => { console.log("boy oh boy a lincoln toy!"); createFullULMenu(); }).catch((error) => { console.log("Menu not created! " + error); }); } $("#mob_icon_gkxwvsqf_202382802446_594_226_755").on("click", function(){ $("#mainMenuContent_gkxwvsqf_202382802446_594_226_755").toggle(); }); checkBuild(); gkxwvsqf_202382802446_594_226_755_Global.createMenu = () => { createFullULMenu().then(() => { }).catch((error) => { console.error(error); }); } function checkBuild(){ return new Promise((resolve, reject) => { woo.getGadgetProperty("gkxwvsqf_202382802446_594_226_755", woo.instanceDB, "toolbarBuild").then((propValue) => { if (!propValue){ createFullULMenu(); } resolve("done"); }).catch((error) => { reject(error); }); }).catch((error) => { console.error(error); }); } var showPage ='home'; var pageCount = 0; function getChildrenByKey(obj, key) { if (obj[key]) { return obj[key].children || {}; } for (let k in obj) { if (obj[k] && typeof obj[k] === 'object') { const result = getChildrenByKey(obj[k].children || {}, key); if (result) { return result; } } } return null; // Key not found } function createFullULMenu(){ return new Promise((resolve, reject) => { $("#mainMenuContent_gkxwvsqf_202382802446_594_226_755").empty(); var form = document.querySelector("#mainMenuContent_gkxwvsqf_202382802446_594_226_755"); var allHtml = {}; var pages = {}; var rootPage = ""; woo.getFullPageStructure().then((response) => { //console.log(response); if ("home" == "home"){ rootPage = Object.keys(response)[0]; pages = response[rootPage].children; } else { rootPage = Object.keys(response)[0]; pages = getChildrenByKey(response, "home"); //pages = response[rootPage].children["home"].children; } //console.log(pages); var promises = Object.entries(pages).map((node) => { if (node[1]["props"].hidden == false){ return createPageNode(node, 1).then((gadgetHtml) => { allHtml[node[0]] = gadgetHtml; }); } }); return Promise.all(promises); }).then(() => { var pageListUL = document.createElement('ul'); pageListUL.className = "menuUl1"; if (Object.keys(allHtml).length != 0) { Object.entries(pages).forEach((entry) => { if (allHtml[entry[0]]){ pageListUL.appendChild(allHtml[entry[0]]); } }); } form.appendChild(pageListUL); var str = form.innerHTML; woo.updateGadgetProperty("gkxwvsqf_202382802446_594_226_755", woo.instanceDB, "toolbarBuild", str, woo.getCurrentPage()).then(() => { $(".menuClick_gkxwvsqf_202382802446_594_226_755").unbind(); $(".menuClick_gkxwvsqf_202382802446_594_226_755").on("click", function(){ if ($(this).attr("linked") == "true"){ if ($(this).attr("linkID") != ""){ $('body').removeClass("pageAnimateOut").addClass("pageAnimateIn"); showPage = $(this).attr("linkID"); setTimeout(animatePageIn, 0); } else { window.location = $(this).attr("linkURL"); } } else { $('body').removeClass("pageAnimateOut").addClass("pageAnimateIn"); showPage = $(this).attr("showPage"); setTimeout(animatePageIn, 0); } }); resolve("done"); }).catch((err) => { //alert("Gadget value not saved! " + err); reject(error); }); }).catch((error) => { console.error(error); reject(error); }); }); } function createPageNode(page, level){ return new Promise((resolve) => { //create li var pageLI = document.createElement('li'); if (level == 1){ pageLI.className = "menuLi1"; } else if (level == 2){ pageLI.className = "menuLi2"; } else { pageLI.className = "menuLi3"; } pageLI.classList.add("menuLlX"); var menuMouseOverID = page[0]; pageLI.id = menuMouseOverID; if (level == 1){ var nameSpanOuter = document.createElement('span'); nameSpanOuter.className = "woo_menuName_outer"; var nameUnderLineSpan = document.createElement('span'); nameUnderLineSpan.className = "woo_menuName_underline"; nameUnderLineSpan.id = "woo_menuName_underline_" + page[0]; } var nameSpan = document.createElement('button'); if (level == 1){ nameSpan.className = "woo_menuName"; } else { nameSpan.className = "woo_subMenuName"; } nameSpan.classList.add("menuClick_gkxwvsqf_202382802446_594_226_755"); console.log("pageCount: " + pageCount + ", odd/even: " + (pageCount % 2)); if ((pageCount % 2) != 1) { nameSpan.classList.add("oddPage"); } pageCount++; nameSpan.innerText = page[1]["props"].name; console.log(page[1]["props"].name + " : " + page[1]["props"].linked); if (page[1]["props"].linked == "true" || page[1]["props"].linked == true){ nameSpan.setAttribute("linked", page[1]["props"].linked); nameSpan.setAttribute("linkID", page[1]["props"].linkID); nameSpan.setAttribute("linkURL", page[1]["props"].linkURL); } else { nameSpan.setAttribute("showPage", page[0]); } nameSpan.setAttribute("menuid", page[0]); if (level == 1){ nameSpanOuter.appendChild(nameSpan); nameSpanOuter.appendChild(nameUnderLineSpan); pageLI.appendChild(nameSpanOuter); } else { pageLI.appendChild(nameSpan); } var childPagesHtml = {}; var children = page[1].children; var subLevel = level + 1; var promises = Object.entries(children).map((childNode) => { if (subLevel <= 0){ if (childNode[1]["props"].hidden == false){ return createPageNode(childNode, subLevel).then((childHtml) => { childPagesHtml[childNode[0]] = childHtml; }); } } }); Promise.all(promises).then(() => { if (Object.keys(page[1]["children"]).length != 0){ var pageListULNext = document.createElement('ul'); if (level == 1){ pageListULNext.className = "menuUl2"; } else { pageListULNext.className = "menuUl3"; } pageListULNext.classList.add("menuUlX"); var childCount = 0; Object.entries(children).forEach((entry) => { if (childPagesHtml[entry[0]]){ childCount++; pageListULNext.appendChild(childPagesHtml[entry[0]]); } }); if (childCount > 0){ pageLI.appendChild(pageListULNext); } } resolve(pageLI); }); }); } function cleanPageNameForUrl(pageName) { // Convert to lowercase let url = pageName.toLowerCase(); // Replace spaces with dashes url = url.replace(/\s+/g, '-'); // Remove all special characters except dashes and alphanumeric characters url = url.replace(/[^a-z0-9-]/g, ''); // Remove multiple consecutive dashes url = url.replace(/-+/g, '-'); // Remove leading and trailing dashes url = url.replace(/^-|-$/g, ''); return url; } var currentPageId = woo.getCurrentPage(); $("#gkxwvsqf_202382802446_594_226_755 .woo_menuName").each(function(){ if (currentPageId == cleanPageNameForUrl($(this).text())){ $(this).css({"background-color": "#000000", "color" : "#e5e3dc"}); } }); $(".menuClick_gkxwvsqf_202382802446_594_226_755").on("click", function(){ if ($(this).attr("linked")){ if ($(this).attr("linkID") != ""){ $('body').removeClass("pageAnimateOut").addClass("pageAnimateIn"); showPage = $(this).attr("linkID"); setTimeout(animatePageIn, 0); } else { window.location = $(this).attr("linkURL"); } } else { $('body').removeClass("pageAnimateOut").addClass("pageAnimateIn"); showPage = $(this).attr("showPage"); setTimeout(animatePageIn, 0); } }); $("#gkxwvsqf_202382802446_594_226_755 .parentPage_gkxwvsqf_202382802446_594_226_755 .menuClick_gkxwvsqf_202382802446_594_226_755").unbind(); $("#gkxwvsqf_202382802446_594_226_755 .parentPage_gkxwvsqf_202382802446_594_226_755").on("click", function(){ var burgerMenuId = $("#gkxwvsqf_202382802446_594_226_755").parents(".burger_menu").attr("id"); //var subMenuNode = $(this).children("li > ul"); var subMenu = this.querySelector("li > ul").cloneNode(true); //var subMenu = subMenuNode.cloneNode(true); console.log(burgerMenuId); window[burgerMenuId].changeSubPage($(this).attr("id"), 'gkxwvsqf_202382802446_594_226_755', subMenu, 0, 0); }); function animatePageIn() { Promise.all([woo.updateCurrentPage(showPage)]).then(() => { document.body.scrollTop = document.documentElement.scrollTop = 0; $('body').removeClass("pageAnimateIn").addClass("pageAnimateOut"); }); } gkxwvsqf_202382802446_594_226_755_Global.animateMenuIn = () => { animateMenuIn(); }; function animateMenuIn(){ $("#gkxwvsqf_202382802446_594_226_755 .woo_menuName").removeClass("animateMenuOut").addClass("animateMenuIn"); } gkxwvsqf_202382802446_594_226_755_Global.animateMenuOut = () => { animateMenuOut(); }; function animateMenuOut(){ $("#gkxwvsqf_202382802446_594_226_755 .woo_menuName").removeClass("animateMenuIn").addClass("animateMenuOut"); } return gkxwvsqf_202382802446_594_226_755_Global; })();var gkxwvsqf_2024112175028_759 = (function() { var self = document.getElementById('gkxwvsqf_2024112175028_759'); $(self).addClass("burger_menu"); var gkxwvsqf_2024112175028_759_Global = {}; gkxwvsqf_2024112175028_759_Global.unload = () => { //Unload callbacks here console.log("Unloaded gkxwvsqf_2024112175028_759"); } var coverState = "closed"; //var menuGadgetID = $("#gkxwvsqf_2024112175028_759 > .wooChildGadgets > .gkxwvsqf_202382802446").attr("id"); var menuGadgetIDs = $('#gkxwvsqf_2024112175028_759 > .wooChildGadgets > .wooGadget').map(function(){ return $(this).attr('id'); }).get(); //menuGadgetIDs.forEach(function(idValue) { // $("#" + idValue).hide(); //}); //console.log(menuGadgetIDs); $("#burgerTriggergkxwvsqf_2024112175028_759").on("click", function(){ if (coverState == "closed"){ $("#gkxwvsqf_2024112175028_759 .wooChildGadgets").css("left", "0px"); $("#gkxwvsqf_2024112175028_759 .burger_subPage").remove(); openCover(); } else { closeCover(); $("#gkxwvsqf_2024112175028_759 .wooChildGadgets").css("left", "0px"); $("#gkxwvsqf_2024112175028_759 .burger_subPage").remove(); } }); function openCover(){ menuGadgetIDs.forEach(function(idValue) { if (window[idValue]){ window[idValue].animateMenuIn(); } }); $("#gkxwvsqf_2024112175028_759").css("height", "100vh"); coverState = "open"; var tl = gsap.timeline({repeat: 0}); var t2 = gsap.timeline({repeat: 0}); var t3 = gsap.timeline({repeat: 0}); var t4 = gsap.timeline({repeat: 0}); var t5 = gsap.timeline({repeat: 0}); /* var t6 = gsap.timeline({repeat: 0}); t6.to("gkxwvsqf_2024112175028_759", { });*/ tl.to("#gkxwvsqf_2024112175028_759 #burgerPath", { attr:{d:"M0,0H745.45V481.82s-133,112.45-372.72,111.36C122.73,592.05,0,481.27,0,481.27Z"} }); tl.to("#gkxwvsqf_2024112175028_759 #burgerCover", { duration: 0, top: 0 }); tl.to("#gkxwvsqf_2024112175028_759 #burgerCover", { duration: 1.2, ease: "expo.inOut", height: "100vh" }); tl.to("#gkxwvsqf_2024112175028_759 #burgerPath", { attr:{d:"M0,0H745.45V593.18s-133,3.36-372.72,2.27C122.73,594.32,0,593.18,0,593.18Z"} }, "-=0.5"); t2.to("#gkxwvsqf_2024112175028_759 #triggerPath", { duration: 2, ease: "expo.inOut", scale: 1.5, stroke: "#fff", fillOpacity: 0 }); t3.to("#gkxwvsqf_2024112175028_759 #triggerPath2", { duration: 2, ease: "expo.inOut", scale: 1.5, transformOrigin: "50% 50%", stroke: "#fff" }); t4.to("#gkxwvsqf_2024112175028_759 .triggerLine", { duration: 2, ease: "expo.inOut", scale: 1.5, opacity: 0 }); t5.to("#gkxwvsqf_2024112175028_759 .triggerLine2", { duration: 2, ease: "expo.inOut", scale: 1.5, opacity: 1 }); } function closeCover(){ menuGadgetIDs.forEach(function(idValue) { if (window[idValue]){ window[idValue].animateMenuOut(); } }); coverState = "closed"; var tl = gsap.timeline({repeat: 0}); var t2 = gsap.timeline({repeat: 0}); var t3 = gsap.timeline({repeat: 0}); var t4 = gsap.timeline({repeat: 0}); var t5 = gsap.timeline({repeat: 0}); tl.to("#gkxwvsqf_2024112175028_759 #burgerPath", { attr:{d:"M0,0H745.45V593.18s-133-80.73-372.72-81.82C122.73,510.23,0,593.18,0,593.18Z"} }, "+=1"); tl.to("#gkxwvsqf_2024112175028_759 #burgerCover", { duration: 1.2, ease: "expo.inOut", height: "0vh", onComplete: function() { $("#gkxwvsqf_2024112175028_759 #burgerCover").css("top", "-100vh"); $("#gkxwvsqf_2024112175028_759").css("height", "180px"); } }, "-=0.5"); t2.to("#gkxwvsqf_2024112175028_759 #triggerPath", { duration: 3, ease: "expo.inOut", scale: 1, stroke: "#231f20", fillOpacity: 1 }); t3.to("#gkxwvsqf_2024112175028_759 #triggerPath2", { duration: 3, ease: "expo.inOut", scale: 1, stroke: "#231f20" }); t4.to("#gkxwvsqf_2024112175028_759 .triggerLine", { duration: 2, ease: "expo.inOut", scale: 1, opacity: 1 }); t5.to("#gkxwvsqf_2024112175028_759 .triggerLine2", { duration: 2, ease: "expo.inOut", scale: 1, opacity: 0 }); } var svgTrigger = document.getElementById("burgerTriggergkxwvsqf_2024112175028_759"); var s = Snap(svgTrigger); var shapePath = s.select('#gkxwvsqf_2024112175028_759 #triggerPath'); var shapePath2 = s.select('#gkxwvsqf_2024112175028_759 #triggerPath2'); function animatePath(){ shapePath.animate({ d: "M52.94,9.73C118.34-.5,189.24-13.61,213.17,40.41c34.09,77,8,83,5.68,121.59-3.24,55.17-71.59,74.18-146.59,67C14.91,223.59,1.81,199.5,7.69,123.36,11.46,74.61-30.3,22.74,52.94,9.73Z" }, 1000, mina.easeinout, resetPath); //shapePath2.animate({ d: "M67.89,19.88c42.34-22.85,115.68-33,153.4,12.5C251.13,68.34,243.71,121,227,154c-25,49.27-87.21,86.53-146.59,67C34.56,206-3.52,159.14.84,108.51,5.58,53.5,57.71,25.36,67.89,19.88Z" }, 1000, mina.easeinout, resetPath); } function resetPath(){ shapePath.animate({ d: "M67.89,19.88c42.34-22.85,115.68-33,153.4,12.5C251.13,68.34,243.71,121,227,154c-25,49.27-87.21,86.53-146.59,67C34.56,206-3.52,159.14.84,108.51,5.58,53.5,57.71,25.36,67.89,19.88Z" }, 1000, mina.easeinout, animatePath); //shapePath2.animate({ d: "M52.94,9.73C118.34-.5,189.24-13.61,213.17,40.41c34.09,77,8,83,5.68,121.59-3.24,55.17-71.59,74.18-146.59,67C14.91,223.59,1.81,199.5,7.69,123.36,11.46,74.61-30.3,22.74,52.94,9.73Z" }, 1000, mina.easeinout, resetPath); } function rotateTrigger() { gsap.to('#gkxwvsqf_2024112175028_759 #triggerPath', { duration: 8, rotation: 360, transformOrigin: "50% 50%", repeat:-1, ease: "none" }); } animatePath(); // start loop rotateTrigger(); gkxwvsqf_2024112175028_759_Global.changeSubPage = (pageId, gadgetID, subMenu, transitionTime, pageNo) => { changeSubPagegkxwvsqf_2024112175028_759(pageId, gadgetID, subMenu, transitionTime, pageNo); }; function changeSubPagegkxwvsqf_2024112175028_759(pageId, gadgetID, subMenu, transitionTime, pageNo){ console.log(pageNo); $("#subpage_" + pageId).remove(); $(".burger_subPage_" + (parseInt(pageNo) + 1)).remove(); $(subMenu).addClass("topLayer"); $(subMenu).show(); var backButton = document.createElement('li'); backButton.className= "menuLlX"; backButton.classList.add("subPage_backButton"); var nameSpan = document.createElement('button'); nameSpan.className = "woo_subMenuName"; var chevronSpan = document.createElement('span'); chevronSpan.className = "material-symbols-outlined"; chevronSpan.classList.add("woo_chevron_span"); chevronSpan.append("arrow_back_ios"); var newNameSpan = document.createElement('span'); newNameSpan.className = "woo_newName_span"; newNameSpan.append("Back"); nameSpan.append(chevronSpan); nameSpan.appendChild(newNameSpan); backButton.append(nameSpan); subMenu.prepend(backButton); var burgerSubPage = document.createElement('div'); burgerSubPage.id = "subpage_" + pageId; burgerSubPage.className = "burger_subPage"; burgerSubPage.classList.add("burger_subPage_" + (parseInt(pageNo) + 1)); burgerSubPage.classList.add("burger_Page_" + gadgetID); var parentPage = ".burger_subPage_" + pageNo; var thisPage = ".burger_subPage_" + (parseInt(pageNo) + 1); burgerSubPage.append(subMenu); self.appendChild(burgerSubPage); var thisPageId = "#subpage_" + pageId; $(".topLayer > li > ul").hide(); $("#subpage_" + pageId + " .menuClick_" + gadgetID).on("click", function(){ if ($(this).attr("linked")){ if ($(this).attr("linkID") != ""){ $('body').removeClass("pageAnimateOut").addClass("pageAnimateIn"); showPage = $(this).attr("linkID"); setTimeout(animatePageIn, transitionTime); } else { window.location = $(this).attr("linkURL"); } } else { $('body').removeClass("pageAnimateOut").addClass("pageAnimateIn"); showPage = $(this).attr("showPage"); setTimeout(animatePageIn, transitionTime); } }); $("#subpage_" + pageId + " .parentPage_" + gadgetID + " .menuClick_" + gadgetID).unbind(); $("#subpage_" + pageId + " .parentPage_" + gadgetID).on("click", function(){ var subMenu = this.querySelector("li > ul").cloneNode(true); //console.log(subMenu); changeSubPagegkxwvsqf_2024112175028_759($(this).attr("id"), gadgetID, subMenu, transitionTime, parseInt(pageNo) + 1); }); $(".subPage_backButton").unbind(); $(".subPage_backButton").on("click", function(){ console.log(parentPage + " : " + thisPage); var t1 = gsap.timeline({repeat: 0}); var t2 = gsap.timeline({repeat: 0}); t1.to('#gkxwvsqf_2024112175028_759 > ' + parentPage, { duration: 0.5, left: "0vw", ease: "none" }); t2.to(thisPage, { duration: 0.5, left: "100vw", ease: "none" }); parentPage = ".burger_subPage_" + (parseInt(pageNo) - 1); thisPage = ".burger_subPage_" + pageNo; }); var t1 = gsap.timeline({repeat: 0}); var t2 = gsap.timeline({repeat: 0}); t1.to('#gkxwvsqf_2024112175028_759 > ' + parentPage, { duration: 0.5, left: "-100vw", ease: "none" }); t2.to(thisPage, { duration: 0.5, left: "0vw", ease: "none" }); } function animatePageIn() { Promise.all([woo.updateCurrentPage(showPage)]).then(() => { document.body.scrollTop = document.documentElement.scrollTop = 0; $('body').removeClass("pageAnimateIn").addClass("pageAnimateOut"); }); } return gkxwvsqf_2024112175028_759_Global; })();