{"id":602,"date":"2026-07-01T14:03:52","date_gmt":"2026-07-01T06:03:52","guid":{"rendered":"https:\/\/upmfeb.ulm.ac.id\/?page_id=602"},"modified":"2026-07-01T14:05:48","modified_gmt":"2026-07-01T06:05:48","slug":"audit-mutu-internal","status":"publish","type":"page","link":"https:\/\/upmfeb.ulm.ac.id\/en\/audit-mutu-internal\/","title":{"rendered":"Audit Mutu Internal"},"content":{"rendered":"\n<style>\n  .wadah-laporan {\n    margin-bottom: 15px;\n    font-family: sans-serif;\n  }\n  \n  .kartu-laporan {\n    background: #f8f9fa;\n    border: 1px solid #ddd;\n    border-radius: 8px;\n    overflow: hidden;\n  }\n\n  summary {\n    padding: 15px 20px;\n    list-style: none;\n    cursor: pointer;\n    font-weight: bold;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    background-color: #ffffff;\n    transition: background 0.3s;\n  }\n\n  summary:hover {\n    background-color: #f0f4f8;\n  }\n\n  summary::after {\n    content: '\u25b6';\n    font-size: 12px;\n    transition: transform 0.3s;\n  }\n\n  details[open] summary::after {\n    transform: rotate(90deg);\n  }\n\n  .isi-tahun {\n    padding: 15px;\n    display: flex;\n    gap: 10px;\n    flex-wrap: wrap;        \n    background: #fdfdfd;\n    border-top: 1px solid #eee;\n  }\n\n  .btn-tahun, \n  .btn-tahun:visited, \n  .btn-tahun:hover, \n  .btn-tahun:active {\n    padding: 8px 16px;      \n    background-color: #004a99 !important;\n    color: white !important;\n    text-decoration: none !important;\n    border-radius: 4px;\n    font-size: 14px;\n    transition: opacity 0.2s;\n    \n    display: inline-block;\n    text-align: center;     \n    box-sizing: border-box; \n    white-space: nowrap;    \n\n    flex-grow: 0;          \n    width: auto;           \n  }\n\n  .btn-tahun.btn-semester {\n    min-width: 155px;       \n  }\n\n  .btn-tahun:hover {\n    opacity: 0.9;\n    filter: brightness(1.2);\n  }\n\n  #pagination-controls {\n    margin-top: 25px;\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n  }\n\n  .btn-page {\n    padding: 8px 14px;\n    border: 1px solid #004a99;\n    background: white;\n    color: #004a99;\n    cursor: pointer;\n    border-radius: 4px;\n    font-weight: bold;\n    transition: 0.3s;\n  }\n\n  .btn-page.active {\n    background: #004a99;\n    color: white;\n  }\n  \n  .btn-page:hover:not(.active) {\n    background: #f0f4f8;\n  }\n<\/style>\n\n<div id=\"kontainer-laporan\">\n\n<!--003--> \n  <div class=\"wadah-laporan\">\n    <details class=\"kartu-laporan\">\n      <summary>Laporan Audit Mutu Internal<\/summary>\n      <div class=\"isi-tahun\">\n        <a href=\"#\" class=\"btn-tahun\">2025<\/a>\n        <a href=\"https:\/\/drive.google.com\/file\/d\/1VypbDguXkP4V6MPz_sk2mDIDh4NT0WjG\/view?usp=drive_link\" class=\"btn-tahun\">2024<\/a>\n        <a href=\"https:\/\/drive.google.com\/file\/d\/1i5BBbpo3AgNSvHzgSdhdL--nXHR795LE\/view?usp=drive_link\" class=\"btn-tahun\">2023<\/a>\n        <a href=\"https:\/\/drive.google.com\/file\/d\/1XWy1FZdk6XdAg1io05MfOsC_23COSfbw\/view?usp=drive_link\" class=\"btn-tahun\">2022<\/a>\n       <a href=\"#\" class=\"btn-tahun\">2021<\/a>\n      <\/div>\n    <\/details>\n  <\/div>\n  \n<\/div> <div id=\"pagination-controls\"><\/div>\n\n<script>\n(function() {\n    function initLaporanMutu() {\n        const perPage = 5; \n        const wrap = document.getElementById('kontainer-laporan');\n        const items = document.querySelectorAll('.wadah-laporan');\n        const pgn = document.getElementById('pagination-controls');\n        \n        if (!wrap || items.length === 0) return;\n\n        \/\/ 1. FUNGSI PAGINATION\n        function show(p) {\n            items.forEach((item, i) => {\n                item.style.display = (i >= (p-1)*perPage && i < p*perPage) ? 'block' : 'none';\n            });\n            render(Math.ceil(items.length \/ perPage), p);\n        }\n\n        function render(ttl, cur) {\n            pgn.innerHTML = '';\n            if (ttl <= 1) return;\n            for (let i = 1; i <= ttl; i++) {\n                const b = document.createElement('button');\n                b.innerText = i;\n                b.className = 'btn-page' + (i === cur ? ' active' : '');\n                b.onclick = () => { \n                    show(i);\n                    window.scrollTo({top: wrap.offsetTop - 100, behavior: 'smooth'});\n                };\n                pgn.appendChild(b);\n            }\n        }\n\n        \/\/ 2. FUNGSI KLIK TOMBOL DENGAN VALIDASI DOKUMEN (Delegasi Event)\n        wrap.addEventListener('click', function(e) {\n            const target = e.target;\n            \/\/ Cek apakah yang diklik adalah tombol tahun\n            if (target && target.classList.contains('btn-tahun')) {\n                const url = target.getAttribute('href');\n                \n                \/\/ Jika tautan kosong atau hanya berisi '#'\n                if (!url || url === '#') {\n                    e.preventDefault(); \/\/ Gagalkan navigasi default\n                    alert('Maaf, dokumen belum tersedia.'); \/\/ Tampilkan pop-up peringatan\n                } \n                \/\/ Jika tautan valid berisi Google Drive\n                else {\n                    e.preventDefault(); \n                    window.open(url, '_blank'); \/\/ Buka dokumen di tab baru\n                }\n            }\n        });\n\n        show(1);\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initLaporanMutu);\n    } else {\n        initLaporanMutu();\n    }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Laporan Audit Mutu Internal 2025 2024 2023 2022 2021<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-602","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/upmfeb.ulm.ac.id\/en\/wp-json\/wp\/v2\/pages\/602","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/upmfeb.ulm.ac.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/upmfeb.ulm.ac.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/upmfeb.ulm.ac.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/upmfeb.ulm.ac.id\/en\/wp-json\/wp\/v2\/comments?post=602"}],"version-history":[{"count":2,"href":"https:\/\/upmfeb.ulm.ac.id\/en\/wp-json\/wp\/v2\/pages\/602\/revisions"}],"predecessor-version":[{"id":606,"href":"https:\/\/upmfeb.ulm.ac.id\/en\/wp-json\/wp\/v2\/pages\/602\/revisions\/606"}],"wp:attachment":[{"href":"https:\/\/upmfeb.ulm.ac.id\/en\/wp-json\/wp\/v2\/media?parent=602"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}