{"id":3767,"date":"2025-01-15T08:39:41","date_gmt":"2025-01-15T08:39:41","guid":{"rendered":"https:\/\/mpqua.upsi.edu.my\/index.php\/log-masuk-ahli-mpqua\/"},"modified":"2025-01-16T07:55:55","modified_gmt":"2025-01-16T07:55:55","slug":"log-masuk-ahli-mpqua","status":"publish","type":"page","link":"https:\/\/mpqua.upsi.edu.my\/index.php\/log-masuk-ahli-mpqua\/?lang=ms","title":{"rendered":"LOG MASUK AHLI MPQUA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3767\" class=\"elementor elementor-3767 elementor-3730\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-748f15f e-grid e-con-boxed e-con e-parent\" data-id=\"748f15f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cbfe9f0 elementor-widget elementor-widget-html\" data-id=\"cbfe9f0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"swiper-slide\" data-content=\"content-1\" style=\"\">\n  <!-- Tab 1 Slide -->\n    <h3 id=\"month-name\">LOG MASUK<\/h3>\n    <h5 id=\"month-desc\"><\/h5>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b5bbfd e-flex e-con-boxed e-con e-parent\" data-id=\"2b5bbfd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf713fc elementor-widget elementor-widget-html\" data-id=\"bf713fc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div>\n\n  <meta charset=\"utf-8\">\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/sweetalert2@11\"><\/script>\n  <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\n\n    <script>\n    \/\/ Clear session data on page load (logout state)\n    window.onload = function() {\n        sessionStorage.removeItem('loggedIn');\n    };\n         const SHEET_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycby6ghvzt7ll-GVNxVeOYSycPNmn4GkVzTKHrfwueM0y9QoRu-bcn_UsAuN0H4F3zTpt\/exec\"; \/\/ Replace with your Apps Script URL\n\n    let credentials = [];\n\n    \/\/ Fetch credentials from the Google Sheet\n    $.getJSON(SHEET_URL, function(data) {\n        credentials = data; \/\/ Store fetched data\n    });\n\n    function login() {\n        const username = document.getElementById('username').value;\n        const password = document.getElementById('password').value;\n\n        \/\/ Check if username and password match any entry\n        const user = credentials.find(cred => cred.Username === username && cred.Password === password);\n\n        if (user) {\n            sessionStorage.setItem('loggedIn', true);\n            Swal.fire({\n                icon: 'success',\n                title: 'Login Successful!',\n                text: `Welcome, ${user.Name}! Redirecting to the protected page...`,\n                timer: 2000,\n                showConfirmButton: false\n            }).then(() => {\n                window.location.href = \"https:\/\/mpqua.upsi.edu.my\/index.php\/assessors-list\/\"; \/\/ Redirect\n            });\n        } else {\n            Swal.fire({\n                icon: 'error',\n                title: 'Login Failed!',\n                text: 'Invalid username or password.',\n                confirmButtonText: 'Try Again'\n            });\n        }\n    }\n    <\/script>\n\n\n\n  <div class=\"login-root\">\n    <div class=\"box-root flex-flex flex-direction--column\" style=\"min-height: 100vh;flex-grow: 1;\">\n      <div class=\"loginbackground box-background--white padding-top--64\">\n        <div class=\"loginbackground-gridContainer\">\n          <div class=\"box-root flex-flex\" style=\"grid-area: top \/ start \/ 8 \/ end;\">\n            <div class=\"box-root\" style=\"background-image: linear-gradient(white 0%, rgb(247, 250, 252) 33%); flex-grow: 1;\">\n            <\/div>\n          <\/div>\n          <div class=\"box-root flex-flex\" style=\"grid-area: 4 \/ 2 \/ auto \/ 5;\">\n            <div class=\"box-root box-divider--light-all-2 animationLeftRight tans3s\" style=\"flex-grow: 1;\"><\/div>\n          <\/div>\n          <div class=\"box-root flex-flex\" style=\"grid-area: 6 \/ start \/ auto \/ 2;\">\n            <div class=\"box-root box-background--blue800\" style=\"flex-grow: 1;\"><\/div>\n          <\/div>\n          <div class=\"box-root flex-flex\" style=\"grid-area: 7 \/ start \/ auto \/ 4;\">\n            <div class=\"box-root box-background--blue animationLeftRight\" style=\"flex-grow: 1;\"><\/div>\n          <\/div>\n          <div class=\"box-root flex-flex\" style=\"grid-area: 8 \/ 4 \/ auto \/ 6;\">\n            <div class=\"box-root box-background--gray100 animationLeftRight tans3s\" style=\"flex-grow: 1;\"><\/div>\n          <\/div>\n          <div class=\"box-root flex-flex\" style=\"grid-area: 2 \/ 15 \/ auto \/ end;\">\n            <div class=\"box-root box-background--cyan200 animationRightLeft tans4s\" style=\"flex-grow: 1;\"><\/div>\n          <\/div>\n          <div class=\"box-root flex-flex\" style=\"grid-area: 3 \/ 14 \/ auto \/ end;\">\n            <div class=\"box-root box-background--blue animationRightLeft\" style=\"flex-grow: 1;\"><\/div>\n          <\/div>\n          <div class=\"box-root flex-flex\" style=\"grid-area: 4 \/ 17 \/ auto \/ 20;\">\n            <div class=\"box-root box-background--gray100 animationRightLeft tans4s\" style=\"flex-grow: 1;\"><\/div>\n          <\/div>\n          <div class=\"box-root flex-flex\" style=\"grid-area: 5 \/ 14 \/ auto \/ 17;\">\n            <div class=\"box-root box-divider--light-all-2 animationRightLeft tans3s\" style=\"flex-grow: 1;\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"box-root padding-top--24 flex-flex flex-direction--column\" style=\"flex-grow: 1; z-index: 9;\">\n        <div class=\"box-root padding-top--48 padding-bottom--24 flex-flex flex-justifyContent--center\">\n            <div class=\"footer-link note\">\n            <span>Kandungan ini terhad kepada ahli MPQUA sahaja. Sila masukkan kata laluan anda di bawah untuk mengaksesnya. <\/span>\n          <\/div>\n         \n        <\/div>\n        <div class=\"formbg-outer\">\n          <div class=\"formbg\">\n            <div class=\"formbg-inner padding-horizontal--48\">\n                <img fetchpriority=\"high\" fetchpriority=\"high\" decoding=\"async\" width=\"941\" height=\"387\" src=\"https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2024\/07\/MPQUA-LOGO.png\" alt=\"\" class=\"wp-image-923\" srcset=\"https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2024\/07\/MPQUA-LOGO.png 941w, https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2024\/07\/MPQUA-LOGO-300x123.png 300w, https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2024\/07\/MPQUA-LOGO-768x316.png 768w\" sizes=\"(max-width: 941px) 100vw, 941px\">\n                  <h1>LOG MASUK<\/h1>\n              <span class=\"padding-bottom--15\"><\/span>\n              <form id=\"stripe-login\" onsubmit=\"login(); return false;\">\n                <div class=\"field padding-bottom--24\">\n                  <label for=\"email\">Kata Nama<\/label>\n                  <input type=\"text\" id=\"username\" required=\"\" placeholder=\"Kata Nama\">\n                <\/div>\n                <div class=\"field padding-bottom--24\">\n                  <div class=\"grid--50-50\">\n                    <label for=\"password\">Kata Laluan<\/label>\n                  <\/div>\n                  <input type=\"password\" placeholder=\"Kata Laluan\" id=\"password\" required=\"\">\n                <\/div>\n                <div class=\"field padding-bottom--24\">\n                  <input type=\"submit\" name=\"submit\" value=\"Menyambung\">\n                <\/div>\n              <\/form>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LOG MASUK Kandungan ini terhad kepada ahli MPQUA sahaja. Sila masukkan kata laluan anda di bawah untuk mengaksesnya. LOG MASUK Kata Nama Kata Laluan<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3767","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/pages\/3767","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/comments?post=3767"}],"version-history":[{"count":4,"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/pages\/3767\/revisions"}],"predecessor-version":[{"id":3832,"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/pages\/3767\/revisions\/3832"}],"wp:attachment":[{"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/media?parent=3767"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}