{"id":14890,"date":"2026-01-07T13:34:30","date_gmt":"2026-01-07T05:34:30","guid":{"rendered":"https:\/\/faperta.unmul.ac.id\/web\/?page_id=14890"},"modified":"2026-01-07T15:34:10","modified_gmt":"2026-01-07T07:34:10","slug":"mitra","status":"publish","type":"page","link":"https:\/\/faperta.unmul.ac.id\/web\/mitra\/","title":{"rendered":"Mitra"},"content":{"rendered":"\n<style>\n:root {\n  --brand-color: #0f766e;\n  --border-color: #e5e7eb;\n  --bg-header: #66ad61;\n}\n\n.mitra-container {\n  font-family: \"Segoe UI\", Arial, sans-serif;\n  margin-top: 20px;\n}\n\n\/* SEARCH *\/\n.mitra-search {\n  margin-bottom: 15px;\n}\n\n.mitra-search input {\n  width: 100%;\n  padding: 10px 14px;\n  border: 1px solid var(--border-color);\n  border-radius: 6px;\n  font-size: 14px;\n}\n\n\/* TABLE *\/\n.mitra-table-wrapper {\n  overflow-x: auto;\n}\n\n.mitra-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n}\n\n.mitra-table th,\n.mitra-table td {\n  border: 1px solid var(--border-color);\n  padding: 10px 12px;\n  text-align: left;\n}\n\n.mitra-table thead {\n  background-color: #ffffff var(--bg-header);\n}\n\n.mitra-table th {\n  font-weight: 600;\n}\n\n.mitra-table tbody tr:hover {\n  background-color: #f9fafb;\n}\n\n.mitra-table td:first-child,\n.mitra-table th:first-child {\n  text-align: center;\n  width: 60px;\n}\n\n\/* PAGINATION *\/\n.mitra-pagination {\n  display: flex;\n  gap: 6px;\n  justify-content: center;\n  margin-top: 15px;\n  flex-wrap: wrap;\n}\n\n.mitra-pagination button {\n  padding: 6px 12px;\n  border: 1px solid var(--border-color);\n  background: #fff;\n  cursor: pointer;\n  border-radius: 4px;\n}\n\n.mitra-pagination button.active {\n  background-color: var(--brand-color);\n  color: #fff;\n  border-color: var(--brand-color);\n}\n\n\/* MOBILE CARD *\/\n@media (max-width: 768px) {\n  .mitra-table thead {\n    display: none;\n  }\n\n  .mitra-table, \n  .mitra-table tbody, \n  .mitra-table tr, \n  .mitra-table td {\n    display: block;\n    width: 100%;\n  }\n\n  .mitra-table tr {\n    border: 1px solid var(--border-color);\n    border-radius: 8px;\n    padding: 12px;\n    margin-bottom: 12px;\n  }\n\n  .mitra-table td {\n    border: none;\n    padding: 6px 0;\n  }\n\n  .mitra-table td::before {\n    content: attr(data-label);\n    font-weight: 600;\n    display: block;\n    color: var(--brand-color);\n    margin-bottom: 2px;\n  }\n}\n<\/style>\n\n<div class=\"mitra-container\">\n  <div class=\"mitra-search\">\n    <input type=\"text\" id=\"searchInput\" placeholder=\"&#x1f50d; Cari mitra...\">\n  <\/div>\n\n  <div class=\"mitra-table-wrapper\">\n    <table class=\"mitra-table\" id=\"mitraTable\">\n      <thead>\n        <tr>\n          <th>No<\/th>\n          <th>Company<\/th>\n          <th>Location<\/th>\n        <\/tr>\n      <\/thead>\n      <tbody id=\"mitraBody\"><\/tbody>\n    <\/table>\n  <\/div>\n\n  <div class=\"mitra-pagination\" id=\"pagination\"><\/div>\n<\/div>\n\n<script>\nconst data = [\n[1,\"PT. Teladan Prima Agro, Tbk\",\"Samarinda\"],\n[2,\"CV. Podorukun Sejahtera\",\"Samarinda\"],\n[3,\"CV. Podo Rukun\",\"Samarinda\"],\n[4,\"CV. Sentra Sapi Kalimantan\",\"Samarinda\"],\n[5,\"PT. Charoen Pokphand Jaya Farm\",\"Samarinda\"],\n[6,\"CV Telur Lancar Farm\",\"Samarinda\"],\n[7,\"PT. Multi Kusuma Cemerlang\",\"Samarinda\"],\n[8,\"PT. AEROFOOD ACS\",\"Balikpapan\"],\n[9,\"PT. Kutai Refinery Nusantara\",\"Kutai Kartanegara\"],\n[10,\"PT. Maju Kalimantan Hadapan\",\"Kutai Kartanegara\"],\n[11,\"PT. MHU (Multi Harapan Utama)\",\"Kutai Kartanegara\"],\n[12,\"PT. Sumber Bara Abadi\",\"Kutai Kartanegara\"],\n[13,\"PT. Cahaya Anugerah Plantation\",\"Kutai Kartanegara\"],\n[14,\"PT. Reakalim\",\"Kutai Kartanegara\"],\n[15,\"PT. Baramulti Sukses Sarana\",\"Kutai Kartanegara\"],\n[16,\"PT. Sawit Kaltim Lestari\",\"Kutai Kartanegara\"],\n[17,\"PT. Alam Jaya Persada\",\"Kutai Kartanegara\"],\n[18,\"PT. Karya Temilik Plantation\",\"Kutai Kartanegara\"],\n[19,\"PT. Jaya Mandiri Sukses\",\"Kutai Kartanegara\"],\n[20,\"PT. Dharma Intisawit Nugraha\",\"Kutai Timur\"],\n[21,\"PT. Reakalim\",\"Kutai Timur\"],\n[22,\"CV. Mulia Inti Sukses\",\"Kutai Timur\"],\n[23,\"PT. Kalimantan Agro Nusantara\",\"Kutai Timur\"],\n[24,\"PT. Kresna Duta Agroindo \u201cRantau Panjang Mill\u201d\",\"Kutai Timur\"],\n[25,\"PT. Dharma Satya Nusantara\",\"Kutai Timur\"],\n[26,\"PT. PKT Bontang\",\"Bontang\"],\n[27,\"PT. Pupuk Kalimantan Timur\",\"Bontang\"],\n[28,\"PT. Bina Insan Sukses Mandiri\",\"Kubar\"],\n[29,\"PT. PP London Sumatra Indonesia Tbk\",\"Kubar\"],\n[30,\"PT. Putra Bongan Jaya (PT. PBJ)\",\"Kubar\"],\n[31,\"PT. Kutai Agro Lestari\",\"Kubar\"],\n[32,\"Tribus Sentra Agrobisnis\",\"Paser\"],\n[33,\"CV. Unggas Kurnia Sakti\",\"Penajam Paser Utara\"],\n[34,\"PT. Angro Indomas East Kaltim\",\"Penajam Paser Utara\"],\n[35,\"PT. Berau Coal\",\"Berau\"],\n[36,\"PT. Jabontara Eka Karsa\",\"Berau\"],\n[37,\"PT. Berau Cocoa\",\"Berau\"],\n[38,\"Loka Pratama\",\"Berau\"],\n[39,\"PT. Sulotco Jaya Abadi\",\"Outside East Kalimantan\"],\n[40,\"PT. Jhonlin Group\",\"Outside East Kalimantan\"],\n[41,\"PT. Lonsum\",\"Outside East Kalimantan\"],\n[42,\"Syngenta\",\"Outside East Kalimantan\"],\n[43,\"Corteva\",\"Outside East Kalimantan\"],\n[44,\"PT. Kideco\",\"Outside East Kalimantan\"],\n[45,\"PT. Indominco Mandiri\",\"Outside East Kalimantan\"],\n[46,\"PT. Rimba Perkasa Utama\",\"Outside East Kalimantan\"]\n];\n\nconst rowsPerPage = 20;\nlet currentPage = 1;\nlet filteredData = [...data];\n\nfunction renderTable() {\n  const tbody = document.getElementById(\"mitraBody\");\n  tbody.innerHTML = \"\";\n\n  const start = (currentPage - 1) * rowsPerPage;\n  const pageData = filteredData.slice(start, start + rowsPerPage);\n\n  pageData.forEach(r => {\n    tbody.innerHTML += `\n      <tr>\n        <td data-label=\"No\">${r[0]}<\/td>\n        <td data-label=\"Company\">${r[1]}<\/td>\n        <td data-label=\"Location\">${r[2]}<\/td>\n      <\/tr>`;\n  });\n\n  renderPagination();\n}\n\nfunction renderPagination() {\n  const totalPages = Math.ceil(filteredData.length \/ rowsPerPage);\n  const pag = document.getElementById(\"pagination\");\n  pag.innerHTML = \"\";\n\n  for (let i = 1; i <= totalPages; i++) {\n    pag.innerHTML += `<button class=\"${i===currentPage?'active':''}\" onclick=\"gotoPage(${i})\">${i}<\/button>`;\n  }\n}\n\nfunction gotoPage(page) {\n  currentPage = page;\n  renderTable();\n}\n\ndocument.getElementById(\"searchInput\").addEventListener(\"keyup\", e => {\n  const keyword = e.target.value.toLowerCase();\n  filteredData = data.filter(d => d.join(\" \").toLowerCase().includes(keyword));\n  currentPage = 1;\n  renderTable();\n});\n\nrenderTable();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>No Company Location<\/p>\n","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14890","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/faperta.unmul.ac.id\/web\/wp-json\/wp\/v2\/pages\/14890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/faperta.unmul.ac.id\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/faperta.unmul.ac.id\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/faperta.unmul.ac.id\/web\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/faperta.unmul.ac.id\/web\/wp-json\/wp\/v2\/comments?post=14890"}],"version-history":[{"count":4,"href":"https:\/\/faperta.unmul.ac.id\/web\/wp-json\/wp\/v2\/pages\/14890\/revisions"}],"predecessor-version":[{"id":15260,"href":"https:\/\/faperta.unmul.ac.id\/web\/wp-json\/wp\/v2\/pages\/14890\/revisions\/15260"}],"wp:attachment":[{"href":"https:\/\/faperta.unmul.ac.id\/web\/wp-json\/wp\/v2\/media?parent=14890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}