Файловый менеджер - Редактировать - /home/u569037658/domains/prebuiltgamingpcc.com/public_html/static/img/logo/poko.zip
�азад
PK D/�Zw ū�R �R css/style.cssnu �[��� :root { --card-shadow: #33333322; --gridTemplateColumns: 17; --cellSpacing: 16px; --theme-color: rgb(37, 150, 237); } * { transition: .3s; margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth; } .mvn-container { max-width: 1890px; margin: 10px auto; } .mvn-container:not(.h-not-full) { min-height: 96vh; } .scroll-none::-webkit-scrollbar { display: none; } button:disabled { opacity: 0.4; } body { background-attachment: fixed; min-height: 100vh; } body::before { content: ''; position: fixed; left: 0; top: 0; height: 100%; width: 100%; --bg-color: rgba(51, 255, 197, 0.404); background: linear-gradient(var(--bg-color), var(--bg-color)); z-index: -1; } .m-grid-start { display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); grid-gap: 20px; grid-auto-rows: minmax(100px, 100px); grid-auto-flow: dense; justify-content: center; } body .navbar { background: #fff; border-radius: 16px; overflow: hidden; position: sticky; top: 10px; z-index: 99; box-shadow: 0 5px 10px var(--card-shadow); } .m-grid-start .navbar { grid-column-end: span 2; grid-column-end: span 2; grid-row-end: span 1; } .m-grid-start .navbar img:hover { transform: scale(1.08); } .m-grid-start .navbar svg path { stroke: var(--theme-color); } .m-grid-start .m-game-card { position: relative; /* background: #fff; */ box-shadow: 0 5px 10px var(--card-shadow); border-radius: .75rem; overflow: hidden; z-index: 1; } .m-grid-start .m-game-card .m-game-link { display: block; height: 100%; width: 100%; } .m-grid-start .m-game-card .m-game-link picture { /* position: absolute; top: 0; left: 0; */ display: block; height: 100%; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } .m-grid-start .m-game-card .m-game-link picture img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; z-index: 0; } .m-grid-start ._700x700 { grid-column-start: span 6; grid-row-end: span 1; } .m-grid-start ._400x400 { grid-column-start: span 3; grid-row-end: span 3; } /* .m-grid-start ._700x700 > * { width: 100%; } */ .m-grid-start .m-game-card:not(.not-hover) .m-game-link::before { content: ''; transition: .3s; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: linear-gradient(#1f1f1f00, rgba(38, 37, 37, 0.452)); opacity: 0; } .m-grid-start .m-game-card:not(.not-hover):hover .m-game-link::before { opacity: 1; } .m-grid-start .m-game-card:not(.not-hover):hover { transform: scale(1.06); } .m-grid-start .m-game-card .m-game-link .m-game-details { transition: .4s; position: absolute; bottom: -100px; text-align: center; width: 100%; color: #fff; font-weight: bolder; font-size: 15px; padding: 13px 6px; opacity: 0; } .m-grid-start .m-game-card:hover .m-game-details { bottom: 0; opacity: 1; } .m-grid-start .m-game-card.md { grid-column-start: span 2; grid-row-end: span 2; } .m-grid-start .m-game-card.lg { grid-column-end: span 3; grid-row-end: span 3; } .m-grid-start .m-game-card.lg::before { /* content: ''; position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; background-image: linear-gradient(to right, transparent, #ffffff76, #ffffff00); animation: Shine 500ms linear infinite; animation-delay: 7s; transition: .3s; transform: translateX(100%); */ content: ''; top: 0; transform: translateX(100%); width: 100%; height: 100%; position: absolute; z-index: 1; animation: slide 2s infinite 3s; /* CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ */ background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), color-stop(99%, rgba(128, 186, 232, 0)), color-stop(100%, rgba(125, 185, 232, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#007db9e8', GradientType=1); /* IE6-9 */ } @keyframes slide { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } /* @keyframes Shine { to { transform: translateX(100%); } from { transform: translateX(-30%); } } */ .m-category-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); grid-gap: 20px; grid-auto-rows: minmax(50px, 100px); grid-auto-flow: dense; margin-top: 20px; } .m-category-grid .m-category-card { padding: 10px; background: #fff; box-shadow: 0 5px 10px var(--card-shadow); border-radius: 16px; display: flex; gap: 18px; text-transform: uppercase; overflow: hidden; align-items: center; } .m-category-grid .m-category-card .text a { font-weight: bolder; } .m-category-grid .m-category-card .text p { font-size: 15px; color: #555; text-transform: capitalize; } .m-category-grid .m-category-card img { height: 100%; width: 90px; object-fit: cover; border-radius: 15px; } footer::before { background: #fff; bottom: 100%; clip-path: polygon(0 100%, 50% 0, 60% 100%, 100% 0, 100% 100%); content: ""; height: 36px; left: 0; margin-bottom: -10px; margin-left: -50%; position: absolute; right: 0; } @media screen and (max-width: 1473px) { footer .mvn-container { flex-direction: column; } footer .footer-links { text-align: center; justify-content: center; flex-wrap: wrap; margin-top: 40px; } } body .offcanvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #0000008d; z-index: 100; opacity: 0; visibility: hidden; } body .offcanvas .offcanvas-menu { position: absolute; top: 0; left: -100%; background: #82FFE6; width: 560px; height: 100%; box-sizing: border-box; padding: 15px; } body .offcanvas .offcanvas-menu .live-search-attached-button svg { height: 28px; width: 28px; } body .offcanvas .offcanvas-menu .live-search-attached-button svg path { stroke-width: 3px; } /* body .offcanvas .RightFade::before { content: ''; position: absolute; right: 0; top: 0; width: 60px; height: 100%; background: linear-gradient(to right, transparent, #82FFE6); } */ body .offcanvas.active { opacity: 1; visibility: visible; } body .offcanvas.active .offcanvas-menu { transition-delay: .2s; left: 0; } body .offcanvas .for-mobile svg path { stroke: var(--theme-color); } body .offcanvas .live-search .for-mobile { display: none; } body .offcanvas .live-search .for-mobile:hover, body .offcanvas .live-search .for-desktop:hover { background: #adddf542; } @media screen and (max-width: 625px) { .offcanvas-menu { width: 100%; max-width: 100%; min-width: 100%; } .offcanvas-menu .close-button { display: none; } .offcanvas-menu .live-search { margin-right: 0; } body .offcanvas .live-search .for-desktop { display: none; } body .offcanvas .live-search .for-mobile { display: flex; } body .offcanvas .offcanvas-menu { overflow-y: scroll; } } @media screen and (max-width: 380px) { body .offcanvas .live-search .for-mobile img { display: none; } body .offcanvas .live-search .for-mobile svg { width: 28px; height: 28px; } } @media screen and (max-width: 750px) { .navbar { flex-direction: column; grid-column-end: span 1 !important; grid-column-end: span 1 !important; } .navbar img { width: 70px; } .navbar .navbar-shortcut { flex-direction: unset; /* margin-top: 6px; */ } } @media screen and (max-width: 572px) { .gameplay-container { grid-column-start: span 4 !important; grid-row-end: span 3 !important; } } .m-grid-start .gameplay-container { background-color: #fff; grid-column-start: span 8; grid-row-end: span 6; display: flex; flex-direction: column; } .m-grid-start .gameplay-container iframe { /* height: calc(100% - 85px); */ height: 100%; width: 100%; } .m-grid-start .gameplay-container.full { position: fixed; top: 0; left: -5px; width: 100%; height: 100%; z-index: 9999; } .m-grid-start .gameplay-container.full .left, .m-grid-start .gameplay-container.full .right { display: none; } .m-grid-start .gameplay-container .game-basic-info, .m-grid-start .gameplay-container .logo, .m-grid-start .gameplay-container .minimize { display: none; } .m-grid-start .gameplay-container.full .game-basic-info, .m-grid-start .gameplay-container.full .logo, .m-grid-start .gameplay-container.full .minimize { display: block; } .m-grid-start .gameplay-container.full .game-details .minimize { padding: 0 20px; } .icon-group { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2px; } .icon-group button { height: 40px; width: 40px; display: flex; justify-content: center; align-items: center; border-radius: 999px; position: relative; } .icon-group button:hover { background: #3333332b; } .icon-group label { font-size: 11px; color: #666; text-transform: uppercase; font-weight: bolder; } .icon-group button svg path { stroke-width: 3px; stroke: var(--theme-color); } .icon-group button.fill svg path, .icon-group button.fill svg { fill: var(--theme-color); } .icon-group button.active { background: var(--theme-color); } .icon-group button.active svg path { stroke: #fff; } .icon-group button[tooltip]::before { content: attr(tooltip); position: absolute; bottom: -29px; left: 50%; transform: translateX(-50%); background: var(--theme-color); color: #fff; padding: 4px 10px; border-radius: 12px; font-size: 11px; opacity: 0; visibility: hidden; transition: .2s; white-space: nowrap; } .icon-group button[tooltip]:hover::before { opacity: 1; visibility: visible; } /* .modal { position: fixed; top: 0; left: 0; background: #ffffffb9; height: 100%; width: 100%; z-index: 9999; } .modal .modal-dialog { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; min-width: 490px; min-height: 450px; border-radius: 16px; overflow: hidden; } */ .report-popup { position: fixed; bottom: 20px; right: 20px; transform: translateX(100%); opacity: 0; visibility: hidden; height: auto; width: 400px; background: #fff; z-index: 999; border-radius: 16px; box-sizing: border-box; padding: 20px; overflow: hidden; } .report-popup.active { transform: translateX(0); opacity: 1; visibility: visible; } .report-popup .body textarea { background: #f0f5fc; height: 90px; width: 100%; outline: none; border: 1px solid #dcdcdc; padding: 10px; border-radius: 12px; margin-top: 20px; resize: none; } .report-popup .body textarea::placeholder { color: #666; } .report-popup .body textarea:focus { border-color: var(--theme-color); } .thank-you-popup { position: fixed; bottom: 20px; right: 20px; padding: 20px; min-width: 260px; height: 90px; background: var(--theme-color); color: #fff; z-index: 999; border-radius: 16px; box-sizing: border-box; padding: 20px; overflow: hidden; display: flex; justify-content: center; align-items: center; font-size: 23px; font-weight: bolder; transform: translateX(100%); opacity: 0; visibility: hidden; } .thank-you-popup.active { transform: translateX(0); opacity: 1; visibility: visible; } .gameplay-container.on-frame .game_desc, .gameplay-container.on-frame hr { display: none; } @media screen and (max-width: 600px) { .gameplay-container.on-mobile { background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 20px; position: relative; } .gameplay-container.on-mobile .play-frame { display: block; position: absolute; height: 100%; width: 100%; background: #00000015; } .gameplay-container.on-mobile iframe { display: none; } .gameplay-container.on-mobile .game-details { display: none; } .gameplay-container.on-mobile .play-button { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; } .gameplay-container.on-mobile .play-button button { height: 70px; width: 70px; border-radius: 99px; background: #fff; display: flex; justify-content: center; align-items: center; } .gameplay-container.on-mobile .play-button button svg path { stroke: var(--theme-color); stroke-width: 3px; } .gameplay-container.on-mobile .play-button button:hover { background: var(--theme-color); } .gameplay-container.on-mobile .play-button button:hover svg path { stroke: #fff; } .gameplay-container.on-mobile .play-button .game-name { color: #fff; font-weight: bolder; } .gameplay-container.on-frame { border-radius: 0; background-color: #fff !important; background-image: none !important; } .gameplay-container.on-frame .play-frame { display: none; } .gameplay-container.on-frame iframe { display: block; } .gameplay-container.on-frame .game-details { display: block; } .gameplay-container.on-frame .game-details .logo { display: none; } .gameplay-container.on-frame .game-details .logo { display: none; } .gameplay-container.on-frame .game-details .minimize { display: none; } .gameplay-container.on-frame .back-button { position: absolute; top: 20px; left: 0; background: #0E3D71; display: flex; align-items: center; gap: 10px; border-top-right-radius: 99px; border-bottom-right-radius: 99px; overflow: hidden; padding: 10px; cursor: pointer; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } .more-option { display: flex; width: 150px; position: absolute; right: 20px; background: #fff; transform: translateY(40px); flex-direction: column; grid-gap: 0 !important; z-index: 999; padding: 10px; border-radius: 10px; opacity: 0; visibility: hidden; } .more-option.active { opacity: 1; visibility: visible; } .more-option .icon-group { justify-content: flex-start; flex-direction: unset; width: 100%; cursor: pointer; } .more-option .icon-group label { opacity: 1; pointer-events: none; } } @media screen and (max-width: 900px) and (orientation: landscape) { .gameplay-container.on-frame .game-details { display: none !important; } .gameplay-container.on-frame .back-button { position: absolute; top: 20px; left: 0; background: #fff; display: flex; align-items: center; gap: 10px; border-top-right-radius: 99px; border-bottom-right-radius: 99px; overflow: hidden; padding: 10px; cursor: pointer; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } } .page-content { box-sizing: border-box; border-radius: 13px; overflow-x: hidden; } .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 { font-weight: bolder; margin: 8px 0; color: #002b50; } .page-content h1 { font-size: 32px; } .page-content h2 { font-size: 24px; } .page-content h3 { font-size: 20px; } .page-content h4 { font-size: 16px; } .page-content h5 { font-size: 14px; } .page-content h6 { font-size: 12px; } .page-content p { margin: 20px 0; } .page-content a { text-decoration: none; color: rgb(0, 68, 255); } .page-content-container .navbar { min-width: 260px; height: fit-content; } @media screen and (max-width: 767px) { .page-content-container .navbar { min-width: max-content; } .page-content-container .page-content { width: 100%; } } /* @media screen and (max-width: 767px) { */ @media screen and (max-width: 645px) { .page-content-container { flex-direction: column; } } .category-container .category-name { grid-column-end: span 2; grid-row-end: span 1; background: #fff; border-radius: 10px; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 25px; font-weight: bolder; text-transform: capitalize; } .advert-space { background-color: #ffffff69; position: relative; } .advert-space > img { border-radius: 9px; } .html-content h1, .html-content h2, .html-content h3, .html-content h4, .html-content h5, .html-content h6 { font-weight: bolder; margin: 8px 0; color: #002b50; } .html-content h1 { font-size: 32px; } .html-content h2 { font-size: 24px; } .html-content h3 { font-size: 20px; } .html-content h4 { font-size: 16px; } .html-content h5 { font-size: 14px; } .html-content h6 { font-size: 12px; } .html-content p { margin: 20px 0; } .html-content ol, .html-content ul { list-style-type: disc; margin: 0 20px; } .html-content a { text-decoration: none; color: #054a91; } .html-content a:hover { color: #009cff; } .brdcm-style { text-transform: uppercase; font-weight: 500; } @media screen and (max-width: 378px) { .gameplay-container { grid-column-start: span 2 !important; grid-row-end: span 2 !important; } .m-category-grid { display: block !important; } .m-category-grid .m-category-card { margin-top: 20px; } } @media screen and (max-width: 500px) { .advert-space { grid-column-start: span 2 !important; grid-row-end: span 2 !important; } }PK D/�Z�s�C]0 ]0 js/main.jsnu �[��� // var cursor = document.querySelector(".cursor"); // var cursorinner = document.querySelector(".cursor2"); // var a = document.querySelectorAll("a"); // document.addEventListener("mousemove", function (e) { // var x = e.clientX; // var y = e.clientY; // cursor.style.transform = `translate3d(calc(${e.clientX}px - 50%), calc(${e.clientY}px - 50%), 0)`; // }); // document.addEventListener("mousemove", function (e) { // var x = e.clientX; // var y = e.clientY; // cursorinner.style.left = x + "px"; // cursorinner.style.top = y + "px"; // }); // document.addEventListener("mousedown", function () { // cursor.classList.add("click"); // cursorinner.classList.add("cursorinnerhover"); // }); // document.addEventListener("mouseup", function () { // cursor.classList.remove("click"); // cursorinner.classList.remove("cursorinnerhover"); // }); // a.forEach((item) => { // item.addEventListener("mouseover", () => { // cursor.classList.add("hover"); // }); // item.addEventListener("mouseleave", () => { // cursor.classList.remove("hover"); // }); // }); // const menu = document.querySelector(".burger-menu"); // const menuSm = document.querySelector(".burger-menu-sm"); // const sidebar = document.querySelector(".zontal-sidebar"); // const overlay = document.querySelector(".zontal-sidebar .overlay"); // if (menu !== null) { // menu.addEventListener("click", () => { // if (window.innerWidth <= 2020) { // sidebar.classList.toggle("active"); // } else { // sidebar.classList.toggle("close"); // } // }); // } // if (menuSm !== null) { // menuSm.addEventListener("click", () => { // sidebar.classList.toggle("active"); // }); // } // const title = document.querySelectorAll(".game-card a"); // title.forEach((e) => { // e.addEventListener("mousemove", () => { // cursorinner.classList.add("link-hover"); // // console.log("Hello..."); // }); // e.addEventListener("mouseleave", () => { // cursorinner.classList.remove("link-hover"); // // console.log("Hello..."); // }); // }); // var pagination = document.querySelectorAll(".Pagination button"); // pagination.forEach((e) => { // e.addEventListener("mousemove", () => { // cursor.classList.add("pag-cur"); // cursorinner.classList.add("pag-cur"); // }); // e.addEventListener("mouseleave", () => { // cursor.classList.remove("pag-cur"); // cursorinner.classList.remove("pag-cur"); // }); // }); // const slideButtons = document.querySelectorAll(".Pagination button"); // slideButtons.forEach((button) => { // button.addEventListener("click", HandleSlide); // }); // function HandleSlide() { // var main = this.parentNode.parentNode.getAttribute("data-target"); // main = document.querySelector(main); // var angle = this.parentNode; // if (angle.classList[0].includes("left-pagination")) { // main.scrollLeft -= 300; // console.log("Left"); // } else { // main.scrollLeft += 300; // console.log("Right"); // } // } // var sideBarLists = document.querySelectorAll(".zontal-sidebar-body li"); // if (sideBarLists !== null) { // sideBarLists.forEach((e) => { // e.addEventListener("mousemove", () => { // cursor.classList.add("list-cursor-effect"); // e.classList.add("add-border"); // }); // e.addEventListener("mouseleave", () => { // cursor.classList.remove("list-cursor-effect"); // e.classList.remove("add-border"); // }); // }); // } // const toggler = document.querySelector(".theme-toggler"); // const darkIcon = document.getElementById("DarkIcon"); // const lightIcon = document.getElementById("LightIcon"); // toggler.addEventListener("change", () => { // if (toggler.checked) { // document.documentElement.setAttribute("zontal-theme", "dark"); // localStorage.setItem("zon_theme", "dark"); // darkIcon.classList.add("active-icon"); // lightIcon.classList.remove("active-icon"); // } else { // document.documentElement.setAttribute("zontal-theme", "light"); // localStorage.setItem("zon_theme", "light"); // darkIcon.classList.remove("active-icon"); // lightIcon.classList.add("active-icon"); // } // }); // const theme = localStorage.getItem("zon_theme"); // if (theme === "dark") { // toggler.checked = true; // document.documentElement.setAttribute("zontal-theme", "dark"); // darkIcon.classList.add("active-icon"); // lightIcon.classList.remove("active-icon"); // } else { // toggler.checked = false; // document.documentElement.setAttribute("zontal-theme", "light"); // darkIcon.classList.remove("active-icon"); // lightIcon.classList.add("active-icon"); // } // window // .matchMedia("(prefers-color-scheme: dark)") // .addEventListener("change", ({ matches }) => { // localStorage.clear(); // if (matches) { // toggler.checked = true; // document.documentElement.setAttribute("zontal-theme", "dark"); // darkIcon.classList.add("active-icon"); // lightIcon.classList.remove("active-icon"); // } else { // toggler.checked = false; // document.documentElement.setAttribute("zontal-theme", "light"); // darkIcon.classList.remove("active-icon"); // lightIcon.classList.add("active-icon"); // } // }); const iframe = document.getElementById("zonFrame"); const fullscreenButton = document.getElementById("fullscreenButton"); // Function to request fullscreen function requestFullscreen(element) { if (element.requestFullscreen) { element.requestFullscreen(); } else if (element.mozRequestFullScreen) { // Firefox element.mozRequestFullScreen(); } else if (element.webkitRequestFullscreen) { // Chrome, Safari, and Opera element.webkitRequestFullscreen(); } else if (element.msRequestFullscreen) { // IE/Edge element.msRequestFullscreen(); } } // Function to exit fullscreen function exitFullscreen() { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.mozCancelFullScreen) { // Firefox document.mozCancelFullScreen(); } else if (document.webkitExitFullscreen) { // Chrome, Safari, and Opera document.webkitExitFullscreen(); } else if (document.msExitFullscreen) { // IE/Edge document.msExitFullscreen(); } } if (fullscreenButton !== null) { fullscreenButton.addEventListener("click", () => { if ( !document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement ) { requestFullscreen(iframe); } else { exitFullscreen(); } }); } function copyToURL() { // Select the input element const textToCopy = document.getElementById("textToCopy"); // Select the text within the input element textToCopy.select(); // Copy the selected text to the clipboard document.execCommand("copy"); // Deselect the text (optional) textToCopy.setSelectionRange(0, 1000); // Provide user feedback (e.g., show a message) alert("URL has been copied to the clipboard: " + textToCopy.value); } var LikeButton = document.getElementById("LikeButton"); function LikeGame(game_id) { const xhr = new XMLHttpRequest(); xhr.open("POST", `${window.zontal.url}xhr/like.php`); xhr.onreadystatechange = () => { if (xhr.readyState === XMLHttpRequest.DONE) { if (xhr.status === 200) { LikeButton.classList.toggle("liked"); LikeButton.querySelector("span").innerText = xhr.responseText; } } }; const form = new FormData(); form.append("gi", game_id); form.append("ui", window.zontal.ui); xhr.send(form); } const lForm = document.getElementById("login-form"); if (lForm !== null) { lForm.addEventListener("submit", (e) => { e.preventDefault(); console.log(window.poko); const username = lForm.querySelector("input[name='usernameEmail']").value; const password = lForm.querySelector("input[name='password']").value; const button = lForm.querySelector("button[type='submit']"); const xhr = new XMLHttpRequest(); button.setAttribute("disabled", "true"); xhr.open("POST", `${window.poko.url}xhr/login.php`); xhr.onreadystatechange = () => { if (xhr.readyState === XMLHttpRequest.DONE) { if (xhr.status === 200) { if (xhr.responseText.includes("successfully") == true) { Toastify({ text: xhr.responseText, className: "info", duration: 3000, style: { background: "#96c93d", }, }).showToast(); setTimeout(() => { window.location.href = "./admin/"; button.removeAttribute("disabled"); }, 1500); } else { Toastify({ text: xhr.responseText, className: "info", duration: 3000, style: { background: "red", }, }).showToast(); button.removeAttribute("disabled"); } } } }; const form = new FormData(); form.append("usernameEmail", username); form.append("password", password); xhr.send(form); }); } const RForm = document.getElementById("sign-form"); // console.log(RForm); if (RForm !== null) { RForm.addEventListener("submit", (e) => { e.preventDefault(); const button = RForm.querySelector("button[type='submit']"); const xhr = new XMLHttpRequest(); button.setAttribute("disabled", "true"); xhr.open("POST", `${window.zontal.url}xhr/register.php`); xhr.onreadystatechange = () => { if (xhr.readyState === XMLHttpRequest.DONE) { if (xhr.status === 200) { if (xhr.responseText.includes("successfully") == true) { Toastify({ text: xhr.responseText, className: "info", duration: 3000, style: { background: "#96c93d", }, }).showToast(); setTimeout(() => { window.location.href = "./"; button.removeAttribute("disabled"); }, 1500); } else { Toastify({ text: xhr.responseText, className: "info", duration: 3000, style: { background: "red", }, }).showToast(); button.removeAttribute("disabled"); } } } }; const form = new FormData(RForm); xhr.send(form); }); } const upForm = document.getElementById("update-info"); // console.log(RForm); if (upForm !== null) { upForm.addEventListener("submit", (e) => { e.preventDefault(); const button = upForm.querySelector("button[type='submit']"); const xhr = new XMLHttpRequest(); button.setAttribute("disabled", "true"); xhr.open("POST", `${window.zontal.url}xhr/update-userinfo.php`); xhr.onreadystatechange = () => { if (xhr.readyState === XMLHttpRequest.DONE) { if (xhr.status === 200) { console.log(xhr.responseText); if (xhr.responseText.includes("successfully") == true) { Toastify({ text: xhr.responseText, className: "info", duration: 3000, style: { background: "#96c93d", }, }).showToast(); setTimeout(() => { button.removeAttribute("disabled"); }, 1500); } else { Toastify({ text: xhr.responseText, className: "info", duration: 3000, style: { background: "red", }, }).showToast(); button.removeAttribute("disabled"); } } } }; const form = new FormData(upForm); xhr.send(form); }); } PK D/�Z�@9>