{"id":18512,"date":"2024-09-10T02:51:29","date_gmt":"2024-09-10T02:51:29","guid":{"rendered":"http:\/\/10.21.87.80\/?page_id=18512"},"modified":"2025-10-31T06:29:27","modified_gmt":"2025-10-31T06:29:27","slug":"sumber-nota-panduan","status":"publish","type":"page","link":"https:\/\/jpp.mohr.gov.my\/en\/sumber-nota-panduan\/","title":{"rendered":"Sumber: Nota &#038; Panduan"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div      class=\"vc_row wpb_row section vc_row-fluid\" style=' padding-top:50px; text-align:left;'><div class=\"full_section_inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h1 style=\"text-align: left;\">List of Notes &amp; Guidelines<\/h1>\n\n\t\t<\/div> \n\t<\/div> \n\t<div class=\"wpb_text_column wpb_content_element\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h5 style=\"font-size: 13px; font-weight: regular; text-align: left; color: #656565;\">** Some content is not available in BILINGUAL<\/h5>\n\n\t\t<\/div> \n\t<\/div> \t<div class=\"vc_empty_space\"  style=\"height: 32px\" ><span\n\t\t\tclass=\"vc_empty_space_inner\">\n\t\t\t<span class=\"empty_space_image\"  ><\/span>\n\t\t<\/span><\/div>\n\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div      class=\"vc_row wpb_row section vc_row-fluid vc_inner\" style=' text-align:left;'><div class=\"full_section_inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-8\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<input type=\"text\" id=\"myInput\" class=\"search-input\" onkeyup=\"searchTable()\" placeholder=\"Search\">\n<style>\n.search-input {\n  width: 20%;\n  font-size: 12px;\n  text-align: left;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  float: right; \/* Float the input to the right *\/\n}\n<\/style>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div      class=\"vc_row wpb_row section vc_row-fluid  grid_section\" style=' padding-bottom:50px; text-align:left;'><div class=\"section_inner clearfix\"><div class='section_inner_margin clearfix'><div class=\"element_from_fade\"><div><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div      class=\"vc_row wpb_row section vc_row-fluid vc_inner\" style=' text-align:left;'><div class=\"full_section_inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-8\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\" rel=\"stylesheet\">\n\n<style>\n.tr:nth-child(even) {\n  background-color: #F1FBFE;\n}\n<\/style>\n\n<table id=\"dataTable\" style=\"border: none\" width=\"100%\">\n    <thead>\n        <tr class=\"tr\" style=\"background-color: #0A8572;padding: 5px\">\n            <th style=\"color: #fff; width: 10%;\">#<\/th>\n            <th style=\"color: #fff; text-align: left\">Title<\/th>\n            <th style=\"color: #fff; width: 15%;\">File<\/th>\n        <\/tr>\n    <\/thead>\n    <tbody id=\"tableBody\"><\/tbody>\n<\/table>\n\n<div id=\"pagination\" style=\"text-align: center; vertical-align: middle; margin-top: 10px;\"><\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_raw_code wpb_raw_js\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<script>\n    const data = [\n        { id: 10, title: 'Aplikasi Mudah Alih IHI2GO', view: '\/wp-content\/uploads\/2024\/09\/APLIKASI-MUDAH-ALIH-IHI2GO.pdf', download: '\/wp-content\/uploads\/2024\/09\/APLIKASI-MUDAH-ALIH-IHI2GO.pdf' },\n        { id: 9, title: 'Kepentingan 5 Dimensi IHI (Industrial Harmony Index) dan IHI Self-Assessment (SA)', view: '\/wp-content\/uploads\/2024\/10\/KEPENTINGAN-5-DIMENSI-IHI-DAN-IHI-SELF-ASSESSMENT-SA.pdf', download: '\/wp-content\/uploads\/2024\/10\/KEPENTINGAN-5-DIMENSI-IHI-DAN-IHI-SELF-ASSESSMENT-SA.pdf' },\n        { id: 8, title: 'Pengenalan kepada Co-Determination di Malaysia', view: '\/wp-content\/uploads\/2024\/10\/BM-SLIDE-AMALAN-CO-DETERMINATION-1.pdf', download: '\/wp-content\/uploads\/2024\/10\/BM-SLIDE-AMALAN-CO-DETERMINATION-1.pdf' },\n        { id: 7, title: 'Pelan Anti-Rasuah Organisasi 2021-2025', view: '\/wp-content\/uploads\/2024\/10\/Pelan-AntiRasuah_JPPM_print-new.pdf', download: '\/wp-content\/uploads\/2024\/10\/Pelan-AntiRasuah_JPPM_print-new.pdf' },\n        { id: 6, title: 'Garis Panduan JCC', view:'\/wp-content\/uploads\/2024\/10\/Garis-Panduan-JCC-2.pdf', download: '\/wp-content\/uploads\/2024\/10\/Garis-Panduan-JCC-2.pdf' },\n        { id: 5, title: 'Manual Pengguna IHI2GO', view: '\/wp-content\/uploads\/2024\/10\/ihi2Go-User-Manual-Full-Size-A4-Compressed.pdf' , download: '\/wp-content\/uploads\/2024\/10\/ihi2Go-User-Manual-Full-Size-A4-Compressed.pdf'},\n        { id: 4, title: 'Sistem Insurans Pekerjaan (SIP)', view: '\/wp-content\/uploads\/2024\/10\/ceramah-SIP-MAJIKAN-PEKERJA-2019.pdf', download: '\/wp-content\/uploads\/2024\/10\/ceramah-SIP-MAJIKAN-PEKERJA-2019.pdf' },\n        { id: 3, title: 'Mengenai Jabatan Perhubungan Perusahaan Malaysia', view: '\/wp-content\/uploads\/2024\/10\/LAWATAN-STUDENT.pdf', download: '\/wp-content\/uploads\/2024\/10\/LAWATAN-STUDENT.pdf' },\n        { id: 2, title: 'Pengenalan Industrial Harmony Index (IHI)', view: '\/wp-content\/uploads\/2024\/10\/PENGENALAN-IHI.azmaihi2Go.pdf', download: '\/wp-content\/uploads\/2024\/10\/PENGENALAN-IHI.azmaihi2Go.pdf' },\n        { id: 1, title: 'PLWS', view: '\/wp-content\/uploads\/2024\/10\/PLWS-KEARAH-PRODUKTIVITI-LEBIH-MAMPAN.pdf', download: '\/wp-content\/uploads\/2024\/10\/PLWS-KEARAH-PRODUKTIVITI-LEBIH-MAMPAN.pdf' },\n        \/\/ Item video yang HANYA boleh View\n        { id: 13, title: 'Video : Manual Pendaftaran Akaun Kesatuan di dalam Sistem IRIS', view: 'https:\/\/youtu.be\/nc_aj_s3DfA'},\n        { id: 12, title: 'Video : Manual Pendaftaran Akaun Majikan di dalam Sistem IRIS', view: 'https:\/\/youtu.be\/9H8at4Pb04Y'},\n        { id: 11, title: 'Video : Manual Pendaftaran Akaun Orang Awam di dalam Sistem IRIS', view: 'https:\/\/youtu.be\/jAe4tIDXXvg'},\n        { id: 11, title: 'Video : Manual Pendaftaran Kes EMS - Pembuangan Kerja (Orang Awam)', view: 'https:\/\/youtu.be\/AON6Tpk3i18'},\n        { id: 12, title: 'Video : Manual Pendaftaran Kes EMS - Pelanggaran Hak - Hak Berkesatuan Seksyen 8 (Orang Awam)', view: 'https:\/\/youtu.be\/rUUHQ8jEQW0?si=qe-aNfDEgvG0uWsu'},\n        { id: 13, title: 'Video : Manual Pendaftaran Kes EMS - Pertikaian Perusahaan Seksyen 13 dan 18 (Kesatuan)', view: 'https:\/\/youtu.be\/U2PPjpDsstI'},\n\n    ];\n        \n    const rowsPerPage = 10; \n    let currentPage = 1;\n        \n    \/\/ Fungsi untuk memaparkan data (logik VIEW\/DOWNLOAD bersyarat)\n    function displayData(page) {\n        const tableBody = document.getElementById('tableBody');\n        tableBody.innerHTML = ''; \n        \n        const start = (page - 1) * rowsPerPage;\n        const end = start + rowsPerPage;\n        const paginatedData = data.slice(start, end);\n        \n        paginatedData.forEach((item, index) => {\n            let actionButtons = '';\n            \n            \/\/ 1. Logik untuk butang VIEW (Mata) - Selalu ada jika 'view' wujud\n            if (item.view) {\n                actionButtons += `\n                    <a target=\"__blank\" href=\"${item.view}\" style=\"background: transparent; border: none; cursor: pointer\">\n                        <i class=\"fas fa-eye\" style=\"color: #2FC8B1\"><\/i>\n                    <\/a>`;\n            }\n\n            \/\/ 2. Logik untuk butang DOWNLOAD (Anak Panah Ke Bawah) - HANYA untuk item yang BUKAN video\n            \/\/ Kita semak jika title item TIDAK mengandungi perkataan 'Video' (case-insensitive)\n            const isVideo = item.title && item.title.toUpperCase().includes('VIDEO');\n\n            if (!isVideo && item.download) {\n                actionButtons += `\n                    <a href=\"${item.download}\" download style=\"background: transparent; border: none; cursor: pointer\">\n                        <i class=\"fa-solid fa-file-arrow-down\" style=\"color: #132991\"><\/i>\n                    <\/a>`;\n            } else if (!isVideo && !item.download) {\n                \/\/ Ini untuk fail PDF yang mungkin tiada link download tapi ada view (jika perlu)\n                \/\/ Dalam data anda, semua PDF ada link download, jadi bahagian ini mungkin tidak diperlukan\n                \/\/ tetapi baik untuk diletakkan sebagai langkah berjaga-jaga.\n            }\n\n            \n            const row = `<tr class=\"tr\" style=\"border: none\">\n                                <td style=\"text-align: center; vertical-align: middle\">${start + index + 1}<\/td>\n                                <td style=\"text-align: left\">${item.title}<\/td>\n                                <td style=\"text-align: center; vertical-align: middle\">\n                                    ${actionButtons}\n                                <\/td>\n                            <\/tr>`;\n            tableBody.insertAdjacentHTML('beforeend', row);\n        });\n        \n        generatePagination();\n    }\n        \n    \/\/ Fungsi generatePagination dan searchTable dikekalkan seperti asal\n    function generatePagination() {\n        \/\/ ... (Kod pagination) ...\n        const totalPages = Math.ceil(data.length \/ rowsPerPage);\n        const pagination = document.getElementById('pagination');\n        pagination.innerHTML = '';\n        \n        for (let i = 1; i <= totalPages; i++) {\n            const button = document.createElement('button');\n            button.innerText = i;\n            button.style.backgroundColor = i === currentPage ? '#0A8572' : '#eaeaea';\n            button.style.border = 'none';\n            button.style.borderRadius = '5px';\n            button.style.cursor = 'pointer';\n            button.style.color = i === currentPage ? '#fff' : '#000';\n            button.style.margin = '2px';\n        \n            button.addEventListener('click', function () {\n                currentPage = i;\n                displayData(currentPage);\n            });\n        \n            pagination.appendChild(button);\n        }\n    }\n        \n    function searchTable() {\n        \/\/ ... (Kod search table) ...\n        const input = document.getElementById('myInput');\n        const filter = input.value.toUpperCase();\n        const table = document.getElementById('dataTable');\n        const tr = table.getElementsByTagName('tr');\n        \n        for (let i = 1; i < tr.length; i++) {\n            tr[i].style.display = 'none';\n            const td = tr[i].getElementsByTagName('td');\n            for (let j = 0; j < td.length; j++) {\n                if (td[j]) {\n                    const txtValue = td[j].textContent || td[j].innerText;\n                    if (txtValue.toUpperCase().indexOf(filter) > -1) {\n                        tr[i].style.display = '';\n                        break;\n                    }\n                }\n            }\n        }\n    }\n        \n    displayData(currentPage);\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div      class=\"vc_row wpb_row section vc_row-fluid\" style=' text-align:left;'><div class=\"full_section_inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-3\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p id=\"custom_search_result\" style=\"display: none;\">Aplikasi Mudah Alih IHI2GO, Kepentingan 5 Dimensi IHI (Industrial Harmony Index) dan IHI Self-Assessment (SA),<br \/>\nPengenalan kepada Co-Determination di Malaysia, Pelan Anti-Rasuah Organisasi 2021-2025,<br \/>\nGaris Panduan JCC, Manual Pengguna IHI2GO, Sistem Insurans Pekerjaan (SIP),<br \/>\nMengenai Jabatan Perhubungan Perusahaan Malaysia, Pengenalan Industrial Harmony Index (IHI), PLWS<\/p>\n\n\t\t<\/div> \n\t<\/div> <\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-9\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Senarai Nota &amp; Panduan ** Sesetengah kandungan bukan di dalam DWIBAHASA # Tajuk Nota & Panduan Fail Aplikasi Mudah Alih IHI2GO, Kepentingan 5 Dimensi IHI (Industrial Harmony Index) dan IHI Self-Assessment (SA), Pengenalan kepada Co-Determination di Malaysia, Pelan Anti-Rasuah Organisasi 2021-2025, Garis Panduan JCC, Manual...","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-18512","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jpp.mohr.gov.my\/en\/wp-json\/wp\/v2\/pages\/18512","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jpp.mohr.gov.my\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jpp.mohr.gov.my\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jpp.mohr.gov.my\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/jpp.mohr.gov.my\/en\/wp-json\/wp\/v2\/comments?post=18512"}],"version-history":[{"count":44,"href":"https:\/\/jpp.mohr.gov.my\/en\/wp-json\/wp\/v2\/pages\/18512\/revisions"}],"predecessor-version":[{"id":24657,"href":"https:\/\/jpp.mohr.gov.my\/en\/wp-json\/wp\/v2\/pages\/18512\/revisions\/24657"}],"wp:attachment":[{"href":"https:\/\/jpp.mohr.gov.my\/en\/wp-json\/wp\/v2\/media?parent=18512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}