muqriz
/
SIBS2024


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
    <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
    <meta http-equiv="Content-Security-Policy" content="">
    <!-- include bulma css -->
    <link rel="stylesheet" href="bulma/css/bulma.min.css">
    <title>SIBS 2024</title>
    <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <link rel="stylesheet" href="./css/app.css">


    <script>
        // window.addEventListener('load', (event) => {
        //     document.querySelector(".hello").textContent = "Hello from Electron with bulma css!";
        // });
    </script>
</head>

<body>
    <section class="section " style="max-height: 120vh;">

        <div
            style="background-image: url(Mask_Group_2.png); min-height: 175px; display: flex; flex-direction: column; justify-content: center; padding-left: 100px;padding-right: 100px;">
            <img class="pb-2" src="Group_49433x.png" style="height: auto;width: 8%" alt="">
            <h6 style="color: white; margin-bottom: 2px;">Pelan Kawasan Tanah Milik Perbadanan</h6>
            <h6 style="color: white; margin-bottom: 10px;font-weight: 400;">Setiausaha Kerajaan (PSK) Pahang Tanpa Skala
            </h6>

            <form id="fileForm" style="display: flex; align-items: center;">
                <input id="fileNumber" type="text" class="p-1"
                    style="border-radius: 21px; border: none; padding-left: 20px !important; flex: 1;"
                    placeholder="Search Here">
                <button class="btn btn-primary" type="submit" style="margin-left: 10px;">Search</button>
            </form>


        </div>

        <div class="text-center pt-1"
            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
            <div class="pt-4" style="width: 600px;height: 100px;">
                <h3> <a href="./index.html" class="btn btn-primary" type="submit" style="margin-left: 10px;">Home</a></h3>


            </div>
        </div>


        <div class="text-left pt-1 container">
            <div class="pt-4 mb-0 pb-0">
                <h4>Senarai Hakmilik <b>Pembangunan</b></h4>
            </div>
        </div>

        <div class="text-left pt-1 container text-nowrap flex-wrap">
            <div class="pt-4 text-nowrap flex-wrap">

                <h6>Raub</h6>
                <a href="./details/detail_hsd11863.html" class="button-23 mb-2 mr-2"
                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 11863</a>

            </div>
        </div>

        <div class="text-left pt-1 container text-nowrap flex-wrap">
            <div class="pt-4 flex-wrap" style="display: flex; flex-wrap: wrap;width: 100px;">
                <h6 style="width: 100%;">Kuantan</h6>
                <a href="./details/detail_hsd62438.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62438</a>
                <a href="./details/detail_hsd62441.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62441</a>
                <a href="./details/detail_hsd62442.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62442</a>
                <a href="./details/detail_hsd62443.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62443</a>
                <a href="./details/detail_hsd62495.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62495</a>
                <a href="./details/detail_hsd62497.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62497</a>
                <a href="./details/detail_hsd62503.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62503</a>
                <a href="./details/detail_hsd62504.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62504</a>
                <a href="./details/detail_hsd62520.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62520</a>
                <a href="./details/detail_hsm1225.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSM 1225</a>
                <a href="./details/detail_hsm1909.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSM 1909</a>
                <a href="./details/detail_hsm90298.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSM 90298</a>
                <a href="./details/detail_pm32006.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">PM 32006</a>
            </div>
        </div>
        

        <div class="text-left pt-1 pb-5 container text-nowrap flex-wrap">
            <div class="pt-4 text-nowrap flex-wrap">
                <h6>Rompin</h6>
                <a href="./details/detail_hsd5715.html" class="button-23 mb-2 mr-2"
                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5715</a>
                <a href="./details/detail_hsd5734.html" class="button-23 mb-2 mr-2"
                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5734</a>
                <a href="./details/detail_hsd5738.html" class="button-23 mb-2 mr-2"
                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5738</a>
            </div>
        </div>


    </section>

    <script defer src="/ruta relativa a mi archivo .js"></script>

    <script>

        document.getElementById('fileForm').addEventListener('submit', function (event) {
            event.preventDefault(); // Prevent the form from submitting the traditional way

            var fileInput = document.getElementById('fileNumber').value;
            var numberRegex = /\d/; // Regular expression to check for any digit
            var matchedFile;

            if (numberRegex.test(fileInput)) {
                // Hardcoded list of files containing numbers
                var numberFiles = [
                    'details/detail_hsd2384.html',
                    'details/detail_hsd4638.html',
                    'details/detail_hsd5621.html',
                    'details/detail_hsd5625.html',
                    'details/detail_hsd5627.html',
                    'details/detail_hsd5714.html',
                    'details/detail_hsd5715.html',
                    'details/detail_hsd5734.html',
                    'details/detail_hsd5738.html',
                    'details/detail_hsd5745.html',
                    'details/detail_hsd5749.html',
                    'details/detail_hsd5761.html',
                    'details/detail_hsd5762.html',
                    'details/detail_hsd5763.html',
                    'details/detail_hsd5764.html',
                    'details/detail_hsd11863.html',
                    'details/detail_hsd11991.html',
                    'details/detail_hsd35309.html',
                    'details/detail_hsd41862.html',
                    'details/detail_hsd54735.html',
                    'details/detail_hsd54736.html',
                    'details/detail_hsd54737.html',
                    'details/detail_hsd62438.html',
                    'details/detail_hsd62441.html',
                    'details/detail_hsd62442.html',
                    'details/detail_hsd62443.html',
                    'details/detail_hsd62495.html',
                    'details/detail_hsd62503.html',
                    'details/detail_hsd62504.html',
                    'details/detail_hsd62520.html',
                    'details/detail_hsm1225.html',
                    'details/detail_hsm1909.html',
                    'details/detail_hsm90298.html',
                    'details/detail_pm32006.html',
                    'details/detail_pn16507.html',
                    'details/detail_pn28612.html',
                    'details/penternakan_hsd_10006.html',
                    'details/penternakan_hsd_19372.html',
                    'details/penternakan_pn_17421_hsd_1950.html',
                    'details/penternakan_pn_17427_hsd_1949.html'
                ];


                var regex = new RegExp(fileInput);
                matchedFile = numberFiles.find(file => regex.test(file));
            } else {
                // Hardcoded list of files containing names
                var nameFiles = [
                    'lists/bentong.html',
                    'lists/bera.html',
                    'lists/kuantan.html',
                    'lists/lipis.html',
                    'lists/maran.html',
                    'lists/pekan.html',
                    'lists/raub.html',
                    'lists/rompin.html',
                    'lists/temerloh.html'
                ];


                var nameRegex = new RegExp(fileInput, 'i'); // Case-insensitive search
                matchedFile = nameFiles.find(file => nameRegex.test(file));
            }

            if (matchedFile) {
                // File found, redirect to it
                window.location.href = matchedFile;
            } else {
                alert('No file containing the input ' + fileInput + ' was found.');
            }
        });
    </script>

    <script>
        let maran = document.querySelector("#maran");
        let cameronHighland = document.querySelector("#cameron-highland");
        let bentong = document.querySelector("#bentong");
        let lipis = document.querySelector("#lipis");
        let raub = document.querySelector("#raub");
        let jerantut = document.querySelector("#jerantut");
        let kuantan = document.querySelector("#kuantan");
        let temerloh = document.querySelector("#temerloh");
        let rompin = document.querySelector("#rompin");
        let bera = document.querySelector("#bera");
        let pekan = document.querySelector("#pekan");

        addLabelText(maran, "Maran");
        addLabelText(cameronHighland, "Cameron");
        addLabelText(cameronHighland, "Highland");
        addLabelText(bentong, "Bentong");
        addLabelText(lipis, "Lipis");
        addLabelText(raub, "Raub");
        addLabelText(jerantut, "Jerantut");
        addLabelText(kuantan, "Kuantan");
        addLabelText(temerloh, "Temerloh");
        addLabelText(rompin, "Rompin");
        addLabelText(bera, "Bera");
        addLabelText(pekan, "Pekan");

        function addLabelText(bgPath, labelText) {
            let bbox = bgPath.getBBox();
            let x = bbox.x + bbox.width / 2;
            let y = bbox.y + bbox.height / 2;

            // Create a <text> element
            let textElem = document.createElementNS(bgPath.namespaceURI, "text");
            // X axis
            if (labelText == "Bentong") {
                textElem.setAttribute("x", 286);
            } else if (labelText == "Pekan") {
                textElem.setAttribute("x", 870);
            } else if (labelText == "Cameron") {
                textElem.setAttribute("x", 75);
            } else {
                textElem.setAttribute("x", x);
            }
            // Y axis
            if (labelText == "Rompin") {
                textElem.setAttribute("y", 935);
            } else if (labelText == "Pekan") {
                textElem.setAttribute("y", 650);
            } else if (labelText == "Kuantan") {
                textElem.setAttribute("y", 440);
            } else if (labelText == "Cameron") {
                textElem.setAttribute("y", 130);
            } else if (labelText == "Highland") {
                textElem.setAttribute("y", 155);
            } else {
                textElem.setAttribute("y", y);
            }
            // Centre text horizontally at x,y
            textElem.setAttribute("text-anchor", "middle");
            // Give it a class that will determine the text size, colour, etc
            if (labelText == "Cameron" || labelText == "Highland") {
                textElem.classList.add("label-text-cameron");
            } else {
                textElem.classList.add("label-text");
            }
            // Set the text
            textElem.textContent = labelText;
            // Add this text element directly after the label background path
            bgPath.after(textElem);
        }
    </script>
</body>

</html>