{"id":697,"date":"2023-11-06T08:48:57","date_gmt":"2023-11-06T00:48:57","guid":{"rendered":"https:\/\/www.ukm.my\/prasaranakkl\/?page_id=697"},"modified":"2023-11-06T08:48:57","modified_gmt":"2023-11-06T00:48:57","slug":"tempahan-bilik-mesyuarat","status":"publish","type":"page","link":"https:\/\/www.ukm.my\/prasaranakkl\/tempahan-bilik-mesyuarat\/","title":{"rendered":"TEMPAHAN BILIK MESYUARAT"},"content":{"rendered":"\n<div style=\"height:19px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<iframe loading=\"lazy\" src=\"https:\/\/calendar.google.com\/calendar\/embed?src=c_cf67780361de905c3bf99f7c3afb9585736805ddc00aaae528b7591f95aa4b39%40group.calendar.google.com&#038;ctz=Asia%2FSingapore\" style=\"border: 0\" width=\"800\" height=\"600\" frameborder=\"0\" scrolling=\"no\"><\/iframe>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Document<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@4.5.3\/dist\/css\/bootstrap.min.css\"\n integrity=\"sha384-TX8t27EcRE3e\/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2\" \ncrossorigin=\"anonymous\">\n\n<style>\n.container {\n    background-color: lightgray;\n    padding: 50px;\n    outline: 3px dashed #000000;\n    box-shadow: 5px 5px 10px black;\n    outline-offset: -30px;\n}\n\ninput[type=submit] {\n    padding: 8px 50px;\n    background: #2286c9;\n    border: 0;\n    outline: none;\n    cursor: pointer;\n    font-size: 15px;\n    font-weight: 500;\n    border-radius: 30px;\n    color: aliceblue;\n}\nspan[class=\"required\"] {\n    color: #da0606;\n}\n.loader{\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    display: flex;\n    justify-content:  center;\n    align-items: center;\n    background-color: #f7f9fb;\n    transition: opacity 0.75s, visibility 0.75s;\n}\n\n.loader-hidden{\n    opacity: 0;\n    visibility: hidden;\n}\n\n.loader::after{\n    content: \"\";\n    width: 75px;\n    height: 75px;\n    border: 15px solid #dddddd;\n    border-top-color: #7449f5;\n    border-radius: 50%;\n    animation: loading 0.7s ease infinite;\n}\n\n@keyframes loading {\n    from{\n        transform: rotate(0turn);\n    }\n    to{\n        transform: rotate(1turn);\n    }\n}\n\n<\/style>\n\n<script>\/\/Design By Ahmad Shahidin Ashraf Bin Mohd Nor<\/script>\n\n<\/head>\n<body>\n    <br>\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col\">         \n                <form id=\"myForm\" onsubmit=\"handleFormSubmit()\" name=\"submit-to-google-sheet\">\n                                    <center><img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?export=view&#038;id=1AFAtOUriNPFr4E8v9G8Z1-jT8MpYgmZw\"  wiew?usp=sharingidth=\"200px\" height=\"140\" alt=\"image\"> &nbsp; <img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?export=view&#038;id=1CybHarqDXvdTryd0Oq0zLEjwXYzjrkcR\"  wiew?usp=sharingidth=\"200px\" height=\"90\" alt=\"image\"><\/center>\n                                    <p class=\"h2 mb-30 text-center\">BORANG TEMPAHAN BILIK MESYUARAT<\/p>\n                                    <p class=\"h4 mb-4 text-center\">JABATAN PEMBANGUNAN PRASARANA<\/p>\n                                    \n                                    <div class=\"form-row\">\n                                        <div class=\"form-group col-md-6\">\n                                            <label for=\"first_name\" class=\"h6 mb-7\">Nama Pemohon:<\/label>\n                                            <span class=\"required\">*<\/span>\n                                            <input type=\"text\" class=\"form-control\" id=\"Name\" onblur=\"mycapitalized()\" name=\"Nama Pemohon\" placeholder=\"\" required \n                                            oninvalid=\"setCustomValidity('Sila isi bahagian ini')\"\n                                            oninput=\"setCustomValidity('')\" \/>\n                                        <\/div>\n                                        <div class=\"form-group col-md-6\">\n                                            <label for=\"last_name\" class=\"h6 mb-7\">Jabatan\/Unit:<\/label>\n                                            <input type=\"text\" class=\"form-control\" id=\"Cawangan\" name=\"Jabatan\/Unit\" onblur=\"mycapitalized()\" placeholder=\"\">\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"form-row\">\n                                        <div class=\"form-group col-md-6\">\n                                            <label for=\"phone\" class=\"h6 mb-7\">No. Telefon\/Ext:<\/label>\n                                            <span class=\"required\">*<\/span>\n                                            <input type=\"tel\" class=\"form-control\" id=\"phone\" name=\"No. Telefon\/Ext\" placeholder=\"019xxxxxxx\" required \n                                            oninvalid=\"setCustomValidity('Sila isi bahagian ini')\"\n                                            oninput=\"setCustomValidity('')\" \/>\n                                        <\/div> \n                                        <div class=\"form-group col-md-6\">\n                                            <label for=\"email\" class=\"h6 mb-7\">E-mel:<\/label>\n                                            <span class=\"required\">*<\/span>\n                                            <input type=\"email\" class=\"form-control\" id=\"email\" name=\"E-mel\" placeholder=\"@ppukm.ukm.edu.my\" required \n                                            oninvalid=\"setCustomValidity('Sila isi bahagian ini')\"\n                                            oninput=\"setCustomValidity('')\" \/>\n                                        <\/div>      \n                                    <\/div>\n\n                                    <div class=\"form-row\">\n                                        <div class=\"form-group col-md-12\">\n                                            <label for=\"first_name\" class=\"h6 mb-7\">Tajuk Mesyuarat\/ Taklimat\/ Kursus\/ Bengkel:<\/label>\n                                            <span class=\"required\">*<\/span>\n                                            <input type=\"text\" class=\"form-control\" id=\"Tajuk\" onblur=\"mycapitalized()\" name=\"Tajuk Mesyuarat\/ Taklimat\/ Kursus\/ Bengkel\" placeholder=\"\" required \n                                            oninvalid=\"setCustomValidity('Sila isi bahagian ini')\"\n                                            oninput=\"setCustomValidity('')\" \/>\n                                        <\/div>  \n                                    <\/div>\n\n                                    <div class=\"form-row\">\n                                        <div class=\"form-group col-md-3\">\n                                            <label for=\"dateOfBirth\" class=\"h6 mb-7\">Tarikh Mula:<\/label>\n                                            <span class=\"required\">*<\/span>\n                                            <input type=\"date\" class=\"form-control\" id=\"demo\" name=\"Tarikh Mula\" required \n                                            oninvalid=\"setCustomValidity('Sila isi bahagian ini')\"\n                                            oninput=\"setCustomValidity('')\" \/>\n                                        <\/div>\n                                        <div class=\"form-group col-md-3\">\n                                            <label for=\"dateOfBirth\" class=\"h6 mb-7\">Tarikh Tamat:<\/label>\n                                            <span class=\"required\">*<\/span>\n                                            <input type=\"date\" class=\"form-control\" id=\"demo2\" name=\"Tarikh Tamat\" required \n                                            oninvalid=\"setCustomValidity('Sila isi bahagian ini')\"\n                                            oninput=\"setCustomValidity('')\" \/>\n                                        <\/div>\n                                        <div class=\"form-group col-md-6\" >\n                                            <label for=\"last_name\" class=\"h6 mb-7\">Bilik mesyuarat yang ditempah:<\/label>\n                                            <span class=\"required\">*<\/span><br>\n                                            <select class=\"form-control col-md-12\" aria-label=\".form-select-lg example\" name=\"Bilik Mesyuarat\" id=\"BM\" required \n                                            oninvalid=\"setCustomValidity('Sila isi bahagian ini')\"\n                                            oninput=\"setCustomValidity('')\" \/>\n                                                <option value=\"BILIK MESYUARAT\">BILIK MESYUARAT<\/option>\n                                                <option value=\"BILIK PERBINCANGAN\">BILIK PERBINCANGAN<\/option>\n                                                <option value=\"BILIK CORONA\">BILIK CORONA<\/option>\n                                                \/\/option value=&#8221;BM5&#8243; disabled=&#8221;Digunakan Oleh CPK&#8221;>BM5 (IBNU AL-HAITHAM)option\n                                            <\/select>\n                                        <\/div>\n                                    <\/div> \n\n                                    <div class=\"form-row\">\n                                        <div class=\"form-group col-md-3\">\n                                            <label for=\"last_name\" class=\"h6 mb-7\">Waktu Mula:<\/label>\n                                            <span class=\"required\">*<\/span>\n                                            <input type=\"time\" class=\"form-control\" id=\"time\" name=\"Waktu Mula\" placeholder=\"\" required \n                                            oninvalid=\"setCustomValidity('Sila isi bahagian ini')\"\n                                            oninput=\"setCustomValidity('')\" \/>\n                                        <\/div>\n                                        <div class=\"form-group col-md-3\" >\n                                            <label for=\"last_name\" class=\"h6 mb-7\">Waktu Tamat:<\/label>\n                                            <span class=\"required\">*<\/span>\n                                            <input type=\"time\" class=\"form-control\" id=\"time\" name=\"Waktu Tamat\" placeholder=\"\" required \n                                            oninvalid=\"setCustomValidity('Sila isi bahagian ini')\"\n                                            oninput=\"setCustomValidity('')\" \/>\n                                        <\/div>\n                                        <div class=\"form-group col-md-6\" >\n                                            <label for=\"last_name\" class=\"h6 mb-7\">Keperluan:<\/label>\n                                            <span class=\"required\">*<\/span><br>\n                                            <select class=\"form-control col-md-12\" aria-label=\".form-select-lg example\" name=\"Keperluan\" id=\"BM\" required \n                                            oninvalid=\"setCustomValidity('Sila isi bahagian ini')\"\n                                            oninput=\"setCustomValidity('')\" \/>\n                                                <option value=\"LAPTOP\">LAPTOP<\/option>\n                                                <option value=\"LCD\">LCD<\/option>\n                                                \/\/option value=&#8221;BM5&#8243; disabled=&#8221;Digunakan Oleh CPK&#8221;>BM5 (IBNU AL-HAITHAM)option\n                                            <\/select>\n                                        <\/div>\n                                    <\/div>\n                                           \n                                     <center><input type=\"checkbox\" required \n                                        oninvalid=\"setCustomValidity('Sila klik untuk pengesahan maklumat')\"\n                                        oninput=\"setCustomValidity('')\" \/> Saya dengan ini mematuhi segala peraturan yang ditetapkan dan mengisytiharkan segala maklumat yang diberikan adalah benar. Sekiranya didapati maklumat ini tidak benar, saya boleh dikenakan tindakan mengikut peraturan.<\/center> <br>                 \n                    \n                    <center><label style=\"color: #da0606;\">Sila klik butang &#8220;Hantar&#8221; sekali sahaja dan tunggu sehingga perkataan permohonan berjaya dihantar keluar.<\/label><\/center>\n    \n                    <center><input type=\"submit\" name=\"submit\" value=\"Hantar\"><\/center><br>\n                    <center><span id=\"success\" style=\"color: aliceblue; background-color: #14bd76;\"><\/span><\/center>\n                    <div class=\"loader\"><\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <script>\n        const scriptURL = 'https:\/\/script.google.com\/macros\/s\/AKfycbxmA-vEd2Oirw2NrfzErmgsOnCvgrqafaU0hLdgm4GskLrgNI3XUDhg1pGiOuBTkxkQ\/exec'\n        const form = document.forms['submit-to-google-sheet']\n        const success = document.getElementById('success');\n        form.addEventListener('submit', e => {\n            e.preventDefault()\n            fetch(scriptURL, { method: 'POST', body: new FormData(form)})\n                .then(response => {\n                success.innerHTML=\"Borang Anda Telah Berjaya Dihantar.       kami akan hubungi anda dalam masa terdekat TERIMA KASIH!\";\n\n                setTimeout(function()\n                {\n                    success.innerHTML=\"\"\n                },8000)\n                form.reset();\n            })\n            .catch(error => console.error('Error!', error.message))\n        })\n       \n        window.addEventListener(\"load\", () => {\n            const loader = document.querySelector(\".loader\");\n\n            loader.classList.add(\"loader-hidden\");\n\n            loader.addEventListener(\"transtionernd\", () => {\n                document.body.removeChild(\"loader\");\n            })\n        })\n    <\/script>\n    <script>\n        var date = new Date();\n        var tdate = date.getDate();\n        var month = date.getMonth() + 1;\n        if(tdate < 10){\n            tdate + '0' +tdate;\n        }\n        if(month < 10){\n            month = \"0\" + month;\n        }\n        var year = date.getUTCFullYear();\n        var minDate = year + \"-\" + month + \"-\" + tdate;\n        document.getElementById(\"demo\").setAttribute('min', minDate)\n        console.log(minDate);\n    \n    <\/script>\n    <script>\n        var todayDate = new Date();\n        var month = todayDate.getMonth() + 3; \/\/03 - current month\n        var year = todayDate.getUTCFullYear(); \/\/2023 - current year\n        var tdate = todayDate.getDate(); \/\/ 27 - current date \n        if (month < 10) {\n            month = \"0\" + month \/\/'0' + 4 = 04\n        }\n        if (tdate < 10) {\n            tdate = \"0\" + tdate;\n        }\n        var maxDate = year + \"-\" + month + \"-\" + tdate;\n        document.getElementById(\"demo\").setAttribute(\"max\", maxDate);\n        console.log(maxDate);\n    <\/script>\n    <script>\n        var date = new Date();\n        var tdate = date.getDate();\n        var month = date.getMonth() + 1;\n        if(tdate < 10){\n            tdate + '0' +tdate;\n        }\n        if(month < 10){\n            month = \"0\" + month;\n        }\n        var year = date.getUTCFullYear();\n        var minDate = year + \"-\" + month + \"-\" + tdate;\n        document.getElementById(\"demo2\").setAttribute('min', minDate)\n        console.log(minDate);\n    \n    <\/script>\n    <script>\n        var todayDate = new Date();\n        var month = todayDate.getMonth() + 3; \/\/03 - current month\n        var year = todayDate.getUTCFullYear(); \/\/2023 - current year\n        var tdate = todayDate.getDate(); \/\/ 27 - current date \n        if (month < 10) {\n            month = \"0\" + month \/\/'0' + 4 = 04\n        }\n        if (tdate < 10) {\n            tdate = \"0\" + tdate;\n        }\n        var maxDate = year + \"-\" + month + \"-\" + tdate;\n        document.getElementById(\"demo2\").setAttribute(\"max\", maxDate);\n        console.log(maxDate);\n    <\/script>\n    <script>\n        function mycapitalized()\n        {\n        var a = document.getElementById(\"Name\")\n        a.value=a.value.toUpperCase();\n        var b = document.getElementById(\"Cawangan\")\n        b.value=b.value.toUpperCase();\n        var c = document.getElementById(\"Tajuk\")\n        c.value=c.value.toUpperCase();        \n         }       \n    <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Document &nbsp; BORANG TEMPAHAN BILIK MESYUARAT JABATAN PEMBANGUNAN PRASARANA Nama Pemohon: * Jabatan\/Unit: No. Telefon\/Ext: * E-mel: * Tajuk Mesyuarat\/ Taklimat\/ Kursus\/ Bengkel: * Tarikh<a class=\"ut-readmore\" href=\"https:\/\/www.ukm.my\/prasaranakkl\/tempahan-bilik-mesyuarat\/\"> &#8230;<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-697","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ukm.my\/prasaranakkl\/wp-json\/wp\/v2\/pages\/697","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ukm.my\/prasaranakkl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ukm.my\/prasaranakkl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/prasaranakkl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/prasaranakkl\/wp-json\/wp\/v2\/comments?post=697"}],"version-history":[{"count":1,"href":"https:\/\/www.ukm.my\/prasaranakkl\/wp-json\/wp\/v2\/pages\/697\/revisions"}],"predecessor-version":[{"id":698,"href":"https:\/\/www.ukm.my\/prasaranakkl\/wp-json\/wp\/v2\/pages\/697\/revisions\/698"}],"wp:attachment":[{"href":"https:\/\/www.ukm.my\/prasaranakkl\/wp-json\/wp\/v2\/media?parent=697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}