{"id":25164,"date":"2026-01-14T01:59:01","date_gmt":"2026-01-14T01:59:01","guid":{"rendered":"https:\/\/jpp.mohr.gov.my\/?page_id=25164"},"modified":"2026-02-06T04:08:15","modified_gmt":"2026-02-06T04:08:15","slug":"panduan-pengunaan-iris","status":"publish","type":"page","link":"https:\/\/jpp.mohr.gov.my\/en\/panduan-pengunaan-iris\/","title":{"rendered":"IRIS User Manual"},"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;\">IRIS User Manual<\/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;\">** Account registration for individuals, trade unions, and employers, as well as procedures for case filing.**<\/h5>\n<p style=\"text-align: left;\"><strong><a href=\"https:\/\/iris.mohr.gov.my\/login\" target=\"_blank\" rel=\"noopener\">Click Here to Access IRIS System<\/a><\/strong><\/p>\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=\"\">\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;\n}\n<\/style>\n\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\n      <!-- letak id supaya JS boleh tukar label ikut bahasa -->\n      <th id=\"colTitle\" style=\"color: #fff; text-align: left\"><\/th>\n\n      <th id=\"colView\" style=\"color: #fff; width: 15%;\"><\/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\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  \/\/ 1) Detect bahasa TranslatePress (biasanya \/en\/ untuk English)\n  function getLang() {\n    const path = window.location.pathname || \"\";\n    \/\/ kalau URL mengandungi \/en\/ anggap English\n    if (path.includes(\"\/en\/\")) return \"en\";\n    \/\/ fallback: guna <html lang=\"...\">\n    const htmlLang = (document.documentElement.lang || \"\").toLowerCase();\n    if (htmlLang.startsWith(\"en\")) return \"en\";\n    return \"bm\";\n  }\n\n  const lang = getLang();\n\n  \/\/ 2) Label UI ikut bahasa\n  const UI = {\n    bm: {\n      searchPlaceholder: \"Carian\",\n      colTitle: \"Manual Pengguna IRIS\",\n      colView: \"Lihat\"\n    },\n    en: {\n      searchPlaceholder: \"Search\",\n      colTitle: \"IRIS User Manual\",\n      colView: \"View\"\n    }\n  };\n\n  \/\/ Set label table + placeholder\n  document.getElementById(\"myInput\").setAttribute(\"placeholder\", UI[lang].searchPlaceholder);\n  document.getElementById(\"colTitle\").innerText = UI[lang].colTitle;\n  document.getElementById(\"colView\").innerText = UI[lang].colView;\n\n  \/\/ 3) Data: simpan title BM & EN\n  const data = [\n    {\n      id: 13,\n      title_bm: \"Video: Manual Pendaftaran Akaun Kesatuan di dalam Sistem IRIS\",\n      title_en: \"Video: Trade Union Account Registration Manual in IRIS System\",\n      view: \"https:\/\/youtu.be\/nc_aj_s3DfA\"\n    },\n    {\n      id: 12,\n      title_bm: \"Video: Manual Pendaftaran Akaun Majikan di dalam Sistem IRIS\",\n      title_en: \"Video: Employer Account Registration Manual in IRIS System\",\n      view: \"https:\/\/youtu.be\/9H8at4Pb04Y\"\n    },\n    {\n      id: 11,\n      title_bm: \"Video: Manual Pendaftaran Akaun Orang Awam di dalam Sistem IRIS\",\n      title_en: \"Video: Public Account Registration Manual in IRIS System\",\n      view: \"https:\/\/youtu.be\/jAe4tIDXXvg\"\n    },\n    {\n      id: 11,\n      title_bm: \"Video: Manual Pendaftaran Kes EMS - Pembuangan Kerja (Orang Awam)\",\n      title_en: \"Video: EMS Case Filing Manual - Dismissal (Public)\",\n      view: \"https:\/\/youtu.be\/AON6Tpk3i18\"\n    },\n    {\n      id: 12,\n      title_bm: \"Video: Manual Pendaftaran Kes EMS - Pelanggaran Hak-Hak Berkesatuan Seksyen 8 (Orang Awam)\",\n      title_en: \"Video: EMS Case Filing Manual - Violation of Trade Union Rights Section 8 (Public)\",\n      view: \"https:\/\/youtu.be\/rUUHQ8jEQW0?si=qe-aNfDEgvG0uWsu\"\n    },\n    {\n      id: 13,\n      title_bm: \"Video: Manual Pendaftaran Kes EMS - Pertikaian Perusahaan Seksyen 13 dan 18 (Kesatuan)\",\n      title_en: \"Video: EMS Case Filing Manual - Industrial Disputes Section 13 and 18 (Trade Union)\",\n      view: \"https:\/\/youtu.be\/U2PPjpDsstI\"\n    }\n  ];\n\n  const rowsPerPage = 10;\n  let currentPage = 1;\n\n  function getTitle(item) {\n    return lang === \"en\" ? item.title_en : item.title_bm;\n  }\n\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      const title = getTitle(item);\n\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      \/\/ check video based on title (BM\/EN sama-sama ada \"Video\")\n      const isVideo = title && 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      }\n\n      const row = `\n        <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\">${title}<\/td>\n          <td style=\"text-align: center; vertical-align: middle\">${actionButtons}<\/td>\n        <\/tr>`;\n\n      tableBody.insertAdjacentHTML(\"beforeend\", row);\n    });\n\n    generatePagination();\n  }\n\n  function generatePagination() {\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    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  \/\/ expose searchTable to global (sebab HTML onkeyup panggil)\n  window.searchTable = searchTable;\n\n  displayData(currentPage);\n<\/script>\n\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":"Manual Pengunaan IRIS ** Cara pendaftaran akaun kepada individu, kesatuan dan majikan serta cara pemfailan kes** Klik Sini Untuk Ke Sistem IRIS # 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...","protected":false},"author":16,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-25164","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jpp.mohr.gov.my\/en\/wp-json\/wp\/v2\/pages\/25164","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\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/jpp.mohr.gov.my\/en\/wp-json\/wp\/v2\/comments?post=25164"}],"version-history":[{"count":5,"href":"https:\/\/jpp.mohr.gov.my\/en\/wp-json\/wp\/v2\/pages\/25164\/revisions"}],"predecessor-version":[{"id":25543,"href":"https:\/\/jpp.mohr.gov.my\/en\/wp-json\/wp\/v2\/pages\/25164\/revisions\/25543"}],"wp:attachment":[{"href":"https:\/\/jpp.mohr.gov.my\/en\/wp-json\/wp\/v2\/media?parent=25164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}