{"id":8972,"date":"2026-07-15T05:12:31","date_gmt":"2026-07-15T05:12:31","guid":{"rendered":"https:\/\/institutpendidikan.ac.id\/?page_id=8972"},"modified":"2026-07-15T16:10:24","modified_gmt":"2026-07-15T16:10:24","slug":"dokumen-tracer-study","status":"publish","type":"page","link":"https:\/\/institutpendidikan.ac.id\/en\/dokumen-tracer-study\/","title":{"rendered":"Dokumen Tracer Study"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div data-vc-full-width=\"true\" data-vc-full-width-temp=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_row-no-padding\"><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_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!--\r\n  HALAMAN DOKUMEN TRACER STUDY IPI GARUT\r\n  Cara pakai: paste SELURUH kode ini ke elemen \"Raw HTML\" WPBakery.\r\n  Tidak perlu menambahkan <html>, <head>, atau <body>.\r\n-->\r\n\r\n<style>\r\n\r\n.content-area {\r\n    padding-top: 0px;\r\n    padding-bottom: 0px;\r\n}\r\n\r\n.vc_row-has-fill>.vc_column_container>.vc_column-inner\r\n {\r\n    padding-top: 0px;\r\n}\r\n\r\n  #ipi-tracer-docs {\r\n    --ipi-blue-950: #071a3d;\r\n    --ipi-blue-900: #0b2d67;\r\n    --ipi-blue-800: #123f84;\r\n    --ipi-blue-700: #1954a6;\r\n    --ipi-blue-100: #eaf1fb;\r\n    --ipi-blue-50: #f5f8fd;\r\n    --ipi-yellow: #f6c91c;\r\n    --ipi-text: #172033;\r\n    --ipi-muted: #647087;\r\n    --ipi-line: #dce3ee;\r\n    --ipi-white: #ffffff;\r\n    --ipi-success: #157a55;\r\n    --ipi-success-bg: #e8f7f0;\r\n    --ipi-warning: #9a6500;\r\n    --ipi-warning-bg: #fff5d6;\r\n    --ipi-shadow: 0 16px 42px rgba(7, 26, 61, 0.10);\r\n    --ipi-radius: 18px;\r\n    width: 100%;\r\n    color: var(--ipi-text);\r\n    background: var(--ipi-white);\r\n    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    line-height: 1.6;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  #ipi-tracer-docs,\r\n  #ipi-tracer-docs *,\r\n  #ipi-tracer-docs *::before,\r\n  #ipi-tracer-docs *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #ipi-tracer-docs h1,\r\n  #ipi-tracer-docs h2,\r\n  #ipi-tracer-docs h3,\r\n  #ipi-tracer-docs p {\r\n    margin-top: 0;\r\n  }\r\n\r\n  #ipi-tracer-docs a {\r\n    color: inherit;\r\n    text-decoration: none;\r\n  }\r\n\r\n  #ipi-tracer-docs button,\r\n  #ipi-tracer-docs input,\r\n  #ipi-tracer-docs select {\r\n    font: inherit;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-container {\r\n    width: min(calc(100% - 40px), 1180px);\r\n    margin-inline: auto;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-visually-hidden {\r\n    position: absolute !important;\r\n    width: 1px !important;\r\n    height: 1px !important;\r\n    padding: 0 !important;\r\n    margin: -1px !important;\r\n    overflow: hidden !important;\r\n    clip: rect(0, 0, 0, 0) !important;\r\n    white-space: nowrap !important;\r\n    border: 0 !important;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-hero {\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    color: var(--ipi-white);\r\n    background:\r\n      radial-gradient(circle at 86% 18%, rgba(246, 201, 28, 0.18), transparent 25%),\r\n      linear-gradient(125deg, var(--ipi-blue-950), var(--ipi-blue-800));\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-hero::after {\r\n    position: absolute;\r\n    z-index: -1;\r\n    top: -220px;\r\n    right: -120px;\r\n    width: 520px;\r\n    height: 520px;\r\n    content: \"\";\r\n    border: 1px solid rgba(255, 255, 255, 0.12);\r\n    border-radius: 50%;\r\n    box-shadow:\r\n      0 0 0 70px rgba(255, 255, 255, 0.035),\r\n      0 0 0 145px rgba(255, 255, 255, 0.02);\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-hero-inner {\r\n    display: grid;\r\n    min-height: 390px;\r\n    align-items: center;\r\n    gap: 64px;\r\n    padding-block: 72px;\r\n    grid-template-columns: minmax(0, 1.4fr) minmax(260px, 0.6fr);\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 14px;\r\n    color: var(--ipi-yellow);\r\n    font-size: 0.78rem;\r\n    font-weight: 800;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-eyebrow::before {\r\n    width: 28px;\r\n    height: 2px;\r\n    content: \"\";\r\n    background: currentColor;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-eyebrow-dark {\r\n    color: var(--ipi-blue-700);\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-hero h1 {\r\n    max-width: 760px;\r\n    margin-bottom: 18px;\r\n    color: var(--ipi-white);\r\n    font-size: clamp(2.25rem, 5vw, 4.25rem);\r\n    line-height: 1.08;\r\n    letter-spacing: -0.05em;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-hero p {\r\n    max-width: 720px;\r\n    margin-bottom: 0;\r\n    color: rgba(255, 255, 255, 0.82);\r\n    font-size: 1.05rem;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-hero-card {\r\n    padding: 28px;\r\n    border: 1px solid rgba(255, 255, 255, 0.18);\r\n    border-radius: var(--ipi-radius);\r\n    background: rgba(255, 255, 255, 0.10);\r\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);\r\n    backdrop-filter: blur(10px);\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-hero-card > span {\r\n    display: block;\r\n    margin-bottom: 10px;\r\n    color: var(--ipi-yellow);\r\n    font-size: 0.75rem;\r\n    font-weight: 800;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-hero-card > strong {\r\n    display: block;\r\n    margin-bottom: 18px;\r\n    color: var(--ipi-white);\r\n    font-size: 1.22rem;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-hero-points {\r\n    display: grid;\r\n    gap: 10px;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-hero-points span {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    color: rgba(255, 255, 255, 0.86);\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-hero-points i {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: var(--ipi-yellow);\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-summary {\r\n    position: relative;\r\n    z-index: 2;\r\n    margin-top: -38px;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-summary-grid {\r\n    display: grid;\r\n    gap: 18px;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-stat-card {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 18px;\r\n    min-height: 110px;\r\n    padding: 24px;\r\n    border: 1px solid var(--ipi-line);\r\n    border-radius: 16px;\r\n    background: var(--ipi-white);\r\n    box-shadow: var(--ipi-shadow);\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-stat-icon {\r\n    display: grid;\r\n    width: 50px;\r\n    height: 50px;\r\n    flex: 0 0 auto;\r\n    place-items: center;\r\n    border-radius: 14px;\r\n    color: var(--ipi-blue-800);\r\n    background: var(--ipi-blue-100);\r\n    font-size: 1.35rem;\r\n    font-weight: 800;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-stat-card strong {\r\n    display: block;\r\n    color: var(--ipi-blue-950);\r\n    font-size: 1.75rem;\r\n    line-height: 1.15;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-stat-card small {\r\n    color: var(--ipi-muted);\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-content {\r\n    padding-block: 86px;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-heading {\r\n    max-width: 800px;\r\n    margin-bottom: 34px;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-heading h2 {\r\n    margin-bottom: 12px;\r\n    color: var(--ipi-blue-950);\r\n    font-size: clamp(1.8rem, 3.5vw, 2.8rem);\r\n    line-height: 1.18;\r\n    letter-spacing: -0.035em;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-heading p {\r\n    margin-bottom: 0;\r\n    color: var(--ipi-muted);\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-toolbar {\r\n    display: grid;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 18px;\r\n    grid-template-columns: minmax(240px, 1fr) 260px 190px auto;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-search,\r\n  #ipi-tracer-docs .ipi-select {\r\n    position: relative;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-search svg {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 16px;\r\n    width: 19px;\r\n    height: 19px;\r\n    transform: translateY(-50%);\r\n    fill: none;\r\n    stroke: var(--ipi-muted);\r\n    stroke-linecap: round;\r\n    stroke-width: 2;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-search input,\r\n  #ipi-tracer-docs .ipi-select select {\r\n    width: 100%;\r\n    height: 48px;\r\n    border: 1px solid var(--ipi-line);\r\n    border-radius: 12px;\r\n    outline: none;\r\n    color: var(--ipi-text);\r\n    background: var(--ipi-white);\r\n    transition: border-color 0.2s ease, box-shadow 0.2s ease;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-search input {\r\n    padding: 0 16px 0 46px;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-select select {\r\n    padding: 0 40px 0 14px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-search input:focus,\r\n  #ipi-tracer-docs .ipi-select select:focus {\r\n    border-color: var(--ipi-blue-700);\r\n    box-shadow: 0 0 0 3px rgba(25, 84, 166, 0.12);\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-toggle-all {\r\n    height: 48px;\r\n    padding-inline: 18px;\r\n    border: 0;\r\n    border-radius: 12px;\r\n    cursor: pointer;\r\n    color: var(--ipi-white);\r\n    background: var(--ipi-blue-900);\r\n    font-weight: 750;\r\n    transition: transform 0.2s ease, background 0.2s ease;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-toggle-all:hover {\r\n    transform: translateY(-1px);\r\n    background: var(--ipi-blue-700);\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-result-info {\r\n    margin-bottom: 12px;\r\n    color: var(--ipi-muted);\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-result-info strong {\r\n    color: var(--ipi-blue-900);\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-table-shell {\r\n    overflow-x: auto;\r\n    border: 1px solid var(--ipi-line);\r\n    border-radius: var(--ipi-radius);\r\n    background: var(--ipi-white);\r\n    box-shadow: 0 10px 30px rgba(7, 26, 61, 0.06);\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-table {\r\n    width: 100%;\r\n    min-width: 920px;\r\n    border-collapse: collapse;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-table th,\r\n  #ipi-tracer-docs .ipi-table td {\r\n    padding: 18px 20px;\r\n    border-bottom: 1px solid var(--ipi-line);\r\n    text-align: left;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-table th {\r\n    color: var(--ipi-blue-950);\r\n    background: var(--ipi-blue-50);\r\n    font-size: 0.78rem;\r\n    font-weight: 800;\r\n    letter-spacing: 0.05em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-program-row:last-child td {\r\n    border-bottom: 0;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-program-row.is-open td {\r\n    background: #fbfdff;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-program-name {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n    min-width: 250px;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-program-icon {\r\n    display: grid;\r\n    width: 44px;\r\n    height: 44px;\r\n    flex: 0 0 auto;\r\n    place-items: center;\r\n    border-radius: 12px;\r\n    color: var(--ipi-blue-800);\r\n    background: var(--ipi-blue-100);\r\n    font-size: 0.75rem;\r\n    font-weight: 850;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-program-name strong {\r\n    display: block;\r\n    color: var(--ipi-blue-950);\r\n    font-size: 0.96rem;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-program-name small,\r\n  #ipi-tracer-docs .ipi-unit,\r\n  #ipi-tracer-docs .ipi-doc-count {\r\n    color: var(--ipi-muted);\r\n    font-size: 0.84rem;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-level {\r\n    display: inline-flex;\r\n    min-width: 54px;\r\n    justify-content: center;\r\n    padding: 5px 10px;\r\n    border-radius: 999px;\r\n    color: var(--ipi-blue-800);\r\n    background: var(--ipi-blue-100);\r\n    font-size: 0.78rem;\r\n    font-weight: 800;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-row-toggle {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 9px 13px;\r\n    border: 1px solid var(--ipi-line);\r\n    border-radius: 10px;\r\n    cursor: pointer;\r\n    color: var(--ipi-blue-800);\r\n    background: var(--ipi-white);\r\n    font-size: 0.84rem;\r\n    font-weight: 750;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-row-toggle svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    stroke-width: 2;\r\n    transition: transform 0.2s ease;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-row-toggle[aria-expanded=\"true\"] svg {\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-detail-row > td {\r\n    padding: 0;\r\n    background: var(--ipi-blue-50);\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-detail-panel {\r\n    padding: 26px;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-detail-header {\r\n    display: flex;\r\n    align-items: end;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-detail-header h3 {\r\n    margin-bottom: 3px;\r\n    color: var(--ipi-blue-950);\r\n    font-size: 1.08rem;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-detail-header span {\r\n    color: var(--ipi-muted);\r\n    font-size: 0.84rem;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-report-list {\r\n    display: grid;\r\n    gap: 10px;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-report-item {\r\n    display: grid;\r\n    align-items: center;\r\n    gap: 16px;\r\n    padding: 15px 16px;\r\n    border: 1px solid var(--ipi-line);\r\n    border-radius: 13px;\r\n    background: var(--ipi-white);\r\n    grid-template-columns: 66px minmax(0, 1fr) auto auto;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-report-year {\r\n    display: grid;\r\n    min-height: 42px;\r\n    place-items: center;\r\n    border-radius: 10px;\r\n    color: var(--ipi-blue-800);\r\n    background: var(--ipi-blue-100);\r\n    font-weight: 850;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-report-info strong {\r\n    display: block;\r\n    color: var(--ipi-blue-950);\r\n    font-size: 0.9rem;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-report-info small {\r\n    color: var(--ipi-muted);\r\n    font-size: 0.78rem;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-status {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 5px 10px;\r\n    border-radius: 999px;\r\n    font-size: 0.75rem;\r\n    font-weight: 800;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-status.available {\r\n    color: var(--ipi-success);\r\n    background: var(--ipi-success-bg);\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-status.unavailable {\r\n    color: var(--ipi-warning);\r\n    background: var(--ipi-warning-bg);\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-download {\r\n    display: inline-flex;\r\n    min-height: 40px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    padding: 8px 13px;\r\n    border: 0;\r\n    border-radius: 10px;\r\n    color: var(--ipi-white);\r\n    background: var(--ipi-blue-800);\r\n    font-size: 0.8rem;\r\n    font-weight: 800;\r\n    white-space: nowrap;\r\n    transition: transform 0.2s ease, background 0.2s ease;\r\n  }\r\n\r\n  #ipi-tracer-docs a.ipi-download:hover {\r\n    transform: translateY(-1px);\r\n    color: var(--ipi-white);\r\n    background: var(--ipi-blue-700);\r\n  }\r\n\r\n  #ipi-tracer-docs button.ipi-download {\r\n    cursor: not-allowed;\r\n    opacity: 0.48;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-download svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    stroke-width: 2;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-empty {\r\n    padding: 60px 24px;\r\n    text-align: center;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-empty h3 {\r\n    margin-bottom: 6px;\r\n    color: var(--ipi-blue-950);\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-empty p {\r\n    margin-bottom: 0;\r\n    color: var(--ipi-muted);\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-note {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n    margin-top: 18px;\r\n    padding: 16px 18px;\r\n    border: 1px solid #f0df9e;\r\n    border-radius: 13px;\r\n    background: #fffaf0;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-note > span {\r\n    display: grid;\r\n    width: 23px;\r\n    height: 23px;\r\n    flex: 0 0 auto;\r\n    place-items: center;\r\n    border-radius: 50%;\r\n    color: #7c5700;\r\n    background: var(--ipi-yellow);\r\n    font-size: 0.8rem;\r\n    font-weight: 900;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-note p {\r\n    margin-bottom: 0;\r\n    color: #725b27;\r\n    font-size: 0.88rem;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-toast {\r\n    position: fixed;\r\n    z-index: 99999;\r\n    right: 22px;\r\n    bottom: 22px;\r\n    max-width: min(390px, calc(100% - 44px));\r\n    padding: 13px 16px;\r\n    border-radius: 12px;\r\n    color: var(--ipi-white);\r\n    background: var(--ipi-blue-950);\r\n    box-shadow: var(--ipi-shadow);\r\n    font-size: 0.88rem;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transform: translateY(12px);\r\n    transition: opacity 0.2s ease, transform 0.2s ease;\r\n  }\r\n\r\n  #ipi-tracer-docs .ipi-toast.show {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  @media (max-width: 1000px) {\r\n    #ipi-tracer-docs .ipi-hero-inner {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    #ipi-tracer-docs .ipi-hero-card {\r\n      max-width: 560px;\r\n    }\r\n\r\n    #ipi-tracer-docs .ipi-toolbar {\r\n      grid-template-columns: 1fr 1fr;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    #ipi-tracer-docs .ipi-container {\r\n      width: min(calc(100% - 28px), 1180px);\r\n    }\r\n\r\n    #ipi-tracer-docs .ipi-hero-inner {\r\n      min-height: auto;\r\n      gap: 34px;\r\n      padding-block: 58px 78px;\r\n    }\r\n\r\n    #ipi-tracer-docs .ipi-summary-grid,\r\n    #ipi-tracer-docs .ipi-toolbar {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    #ipi-tracer-docs .ipi-summary {\r\n      margin-top: -28px;\r\n    }\r\n\r\n    #ipi-tracer-docs .ipi-content {\r\n      padding-block: 66px;\r\n    }\r\n\r\n    #ipi-tracer-docs .ipi-report-item {\r\n      grid-template-columns: 60px minmax(0, 1fr);\r\n    }\r\n\r\n    #ipi-tracer-docs .ipi-status,\r\n    #ipi-tracer-docs .ipi-download {\r\n      grid-column: 2;\r\n      justify-self: start;\r\n    }\r\n\r\n    #ipi-tracer-docs .ipi-detail-panel {\r\n      padding: 18px;\r\n    }\r\n\r\n    #ipi-tracer-docs .ipi-detail-header {\r\n      display: block;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"ipi-tracer-docs\" aria-labelledby=\"ipi-tracer-title\">\r\n  <div class=\"ipi-hero\">\r\n    <div class=\"ipi-container ipi-hero-inner\">\r\n      <div>\r\n        <span class=\"ipi-eyebrow\">Unit Alumni dan Tracer Study<\/span>\r\n        <h1 id=\"ipi-tracer-title\">Dokumen Laporan Tracer Study<\/h1>\r\n        <p>\r\n          Akses dokumen laporan tracer study Institut Pendidikan Indonesia Garut\r\n          berdasarkan program studi dan tahun pelaksanaan.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <aside class=\"ipi-hero-card\" aria-label=\"Informasi repositori\">\r\n        <span>Repositori Akademik<\/span>\r\n        <strong>Dokumen tersusun berdasarkan program studi dan periode laporan.<\/strong>\r\n        <div class=\"ipi-hero-points\">\r\n          <span><i aria-hidden=\"true\"><\/i>Mudah dicari dan ditelusuri<\/span>\r\n          <span><i aria-hidden=\"true\"><\/i>Tombol unduh per dokumen<\/span>\r\n          <span><i aria-hidden=\"true\"><\/i>Dapat diperbarui setiap tahun<\/span>\r\n        <\/div>\r\n      <\/aside>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ipi-summary\">\r\n    <div class=\"ipi-container ipi-summary-grid\">\r\n      <article class=\"ipi-stat-card\">\r\n        <span class=\"ipi-stat-icon\" aria-hidden=\"true\">\u25a6<\/span>\r\n        <div>\r\n          <strong data-total-programs>0<\/strong>\r\n          <small>Program Studi<\/small>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"ipi-stat-card\">\r\n        <span class=\"ipi-stat-icon\" aria-hidden=\"true\">\u25a4<\/span>\r\n        <div>\r\n          <strong data-total-periods>0<\/strong>\r\n          <small>Periode Laporan<\/small>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"ipi-stat-card\">\r\n        <span class=\"ipi-stat-icon\" aria-hidden=\"true\">\u2193<\/span>\r\n        <div>\r\n          <strong data-available-documents>0<\/strong>\r\n          <small>Dokumen Siap Diunduh<\/small>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ipi-content\" id=\"daftar-dokumen-tracer\">\r\n    <div class=\"ipi-container\">\r\n      <div class=\"ipi-heading\">\r\n        <span class=\"ipi-eyebrow ipi-eyebrow-dark\">Repositori Laporan<\/span>\r\n        <h2>Daftar Dokumen Berdasarkan Program Studi<\/h2>\r\n        <p>\r\n          Klik tombol <strong>Buka daftar<\/strong> untuk melihat dokumen laporan tracer\r\n          study setiap tahun, kemudian klik <strong>Unduh Dokumen<\/strong> untuk mengunduh PDF.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ipi-toolbar\" aria-label=\"Pencarian dan filter dokumen\">\r\n        <label class=\"ipi-search\">\r\n          <span class=\"ipi-visually-hidden\">Cari program studi<\/span>\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle>\r\n            <path d=\"m20 20-4-4\"><\/path>\r\n          <\/svg>\r\n          <input type=\"search\" data-search placeholder=\"Cari program studi...\" autocomplete=\"off\">\r\n        <\/label>\r\n\r\n        <label class=\"ipi-select\">\r\n          <span class=\"ipi-visually-hidden\">Filter unit akademik<\/span>\r\n          <select data-unit-filter>\r\n            <option value=\"all\">Semua unit akademik<\/option>\r\n          <\/select>\r\n        <\/label>\r\n\r\n        <label class=\"ipi-select\">\r\n          <span class=\"ipi-visually-hidden\">Filter jenjang<\/span>\r\n          <select data-level-filter>\r\n            <option value=\"all\">Semua jenjang<\/option>\r\n            <option value=\"S1\">Sarjana (S1)<\/option>\r\n            <option value=\"S2\">Magister (S2)<\/option>\r\n            <option value=\"Profesi\">Profesi<\/option>\r\n          <\/select>\r\n        <\/label>\r\n\r\n        <button class=\"ipi-toggle-all\" type=\"button\" data-toggle-all>Buka semua<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"ipi-result-info\" aria-live=\"polite\">\r\n        Menampilkan <strong data-visible-count>0<\/strong> program studi\r\n      <\/div>\r\n\r\n      <div class=\"ipi-table-shell\">\r\n        <table class=\"ipi-table\">\r\n          <thead>\r\n            <tr>\r\n              <th scope=\"col\">Program Studi<\/th>\r\n              <th scope=\"col\">Jenjang<\/th>\r\n              <th scope=\"col\">Unit Akademik<\/th>\r\n              <th scope=\"col\">Dokumen<\/th>\r\n              <th scope=\"col\"><span class=\"ipi-visually-hidden\">Tindakan<\/span><\/th>\r\n            <\/tr>\r\n          <\/thead>\r\n          <tbody data-program-table><\/tbody>\r\n        <\/table>\r\n\r\n        <div class=\"ipi-empty\" data-empty-state hidden>\r\n          <h3>Program studi tidak ditemukan<\/h3>\r\n          <p>Silakan periksa kata pencarian atau pilihan filter.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ipi-note\">\r\n        <span aria-hidden=\"true\">i<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ipi-toast\" data-toast role=\"status\" aria-live=\"polite\"><\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  var root = document.getElementById(\"ipi-tracer-docs\");\r\n  if (!root || root.getAttribute(\"data-initialized\") === \"true\") return;\r\n  root.setAttribute(\"data-initialized\", \"true\");\r\n\r\n  \/* ================================================================\r\n     MASUKKAN URL PDF PADA BAGIAN INI.\r\n\r\n     Contoh:\r\n     \"pendidikan-bahasa-indonesia\": {\r\n       2025: \"https:\/\/institutpendidikan.ac.id\/wp-content\/uploads\/2026\/07\/laporan-pbi-2025.pdf\",\r\n       2024: \"https:\/\/institutpendidikan.ac.id\/wp-content\/uploads\/2026\/07\/laporan-pbi-2024.pdf\"\r\n     }\r\n\r\n     Tahun yang belum memiliki dokumen boleh dikosongkan.\r\n     ================================================================ *\/\r\n  var DOCUMENT_URLS = {\r\n    \"pendidikan-bahasa-indonesia\": {},\r\n    \"pendidikan-bahasa-inggris\": {},\r\n    \"pendidikan-pancasila-dan-kewarganegaraan\": {},\r\n    \"pendidikan-guru-sekolah-dasar\": {},\r\n    \"pendidikan-ilmu-pengetahuan-sosial\": {},\r\n    \"pendidikan-matematika-s1\": {},\r\n    \"pendidikan-biologi\": {},\r\n    \"pendidikan-teknologi-informasi\": {},\r\n    \"pendidikan-fisika\": {},\r\n    \"sistem-informasi\": {},\r\n    \"teknologi-pendidikan-s2\": {},\r\n    \"pendidikan-bahasa-dan-sastra-indonesia-s2\": {},\r\n    \"pendidikan-matematika-s2\": {\r\n        2025: \"https:\/\/institutpendidikan.ac.id\/wp-content\/uploads\/2026\/07\/lap-tracer-study-s2-mate-2025-2026-.pdf\",\r\n        2024: \"https:\/\/institutpendidikan.ac.id\/wp-content\/uploads\/2026\/07\/Laporan_Tracer_Study_Magister_Pendidikan_Matematika_2024-2025-.pdf\",\r\n        2023: \"https:\/\/institutpendidikan.ac.id\/wp-content\/uploads\/2026\/07\/Laporan-Hasil-Tracer-Study-pendidikan-matematika-s2-2023-2024-_.pdf\"\r\n    },\r\n    \"pendidikan-profesi-guru\": {}\r\n  };\r\n\r\n  var REPORT_YEARS = [2025, 2024, 2023];\r\n\r\n  var PROGRAMS = [\r\n    {\r\n      id: \"pendidikan-bahasa-indonesia\",\r\n      name: \"Pendidikan Bahasa Indonesia\",\r\n      level: \"S1\",\r\n      unit: \"Fakultas Ilmu Sosial Bahasa dan Sastra\"\r\n    },\r\n    {\r\n      id: \"pendidikan-bahasa-inggris\",\r\n      name: \"Pendidikan Bahasa Inggris\",\r\n      level: \"S1\",\r\n      unit: \"Fakultas Ilmu Sosial Bahasa dan Sastra\"\r\n    },\r\n    {\r\n      id: \"pendidikan-pancasila-dan-kewarganegaraan\",\r\n      name: \"Pendidikan Pancasila dan Kewarganegaraan\",\r\n      level: \"S1\",\r\n      unit: \"Fakultas Ilmu Sosial Bahasa dan Sastra\"\r\n    },\r\n    {\r\n      id: \"pendidikan-guru-sekolah-dasar\",\r\n      name: \"Pendidikan Guru Sekolah Dasar\",\r\n      level: \"S1\",\r\n      unit: \"Fakultas Ilmu Sosial Bahasa dan Sastra\"\r\n    },\r\n    {\r\n      id: \"pendidikan-ilmu-pengetahuan-sosial\",\r\n      name: \"Pendidikan Ilmu Pengetahuan Sosial\",\r\n      level: \"S1\",\r\n      unit: \"Fakultas Ilmu Sosial Bahasa dan Sastra\"\r\n    },\r\n    {\r\n      id: \"pendidikan-matematika-s1\",\r\n      name: \"Pendidikan Matematika\",\r\n      level: \"S1\",\r\n      unit: \"Fakultas Ilmu Terapan dan Sains\"\r\n    },\r\n    {\r\n      id: \"pendidikan-biologi\",\r\n      name: \"Pendidikan Biologi\",\r\n      level: \"S1\",\r\n      unit: \"Fakultas Ilmu Terapan dan Sains\"\r\n    },\r\n    {\r\n      id: \"pendidikan-teknologi-informasi\",\r\n      name: \"Pendidikan Teknologi Informasi\",\r\n      level: \"S1\",\r\n      unit: \"Fakultas Ilmu Terapan dan Sains\"\r\n    },\r\n    {\r\n      id: \"pendidikan-fisika\",\r\n      name: \"Pendidikan Fisika\",\r\n      level: \"S1\",\r\n      unit: \"Fakultas Ilmu Terapan dan Sains\"\r\n    },\r\n    {\r\n      id: \"sistem-informasi\",\r\n      name: \"Sistem Informasi\",\r\n      level: \"S1\",\r\n      unit: \"Fakultas Ilmu Terapan dan Sains\"\r\n    },\r\n    {\r\n      id: \"teknologi-pendidikan-s2\",\r\n      name: \"Teknologi Pendidikan\",\r\n      level: \"S2\",\r\n      unit: \"Sekolah Pascasarjana\"\r\n    },\r\n    {\r\n      id: \"pendidikan-bahasa-dan-sastra-indonesia-s2\",\r\n      name: \"Pendidikan Bahasa dan Sastra Indonesia\",\r\n      level: \"S2\",\r\n      unit: \"Sekolah Pascasarjana\"\r\n    },\r\n    {\r\n      id: \"pendidikan-matematika-s2\",\r\n      name: \"Pendidikan Matematika\",\r\n      level: \"S2\",\r\n      unit: \"Sekolah Pascasarjana\"\r\n    },\r\n    {\r\n      id: \"pendidikan-profesi-guru\",\r\n      name: \"Pendidikan Profesi Guru\",\r\n      level: \"Profesi\",\r\n      unit: \"Pendidikan Profesi Guru\"\r\n    }\r\n  ];\r\n\r\n  var tableBody = root.querySelector(\"[data-program-table]\");\r\n  var searchInput = root.querySelector(\"[data-search]\");\r\n  var unitFilter = root.querySelector(\"[data-unit-filter]\");\r\n  var levelFilter = root.querySelector(\"[data-level-filter]\");\r\n  var toggleAllButton = root.querySelector(\"[data-toggle-all]\");\r\n  var visibleCount = root.querySelector(\"[data-visible-count]\");\r\n  var emptyState = root.querySelector(\"[data-empty-state]\");\r\n  var totalPrograms = root.querySelector(\"[data-total-programs]\");\r\n  var totalPeriods = root.querySelector(\"[data-total-periods]\");\r\n  var availableDocuments = root.querySelector(\"[data-available-documents]\");\r\n  var toast = root.querySelector(\"[data-toast]\");\r\n\r\n  var filteredPrograms = PROGRAMS.slice();\r\n  var allOpen = false;\r\n  var toastTimer = null;\r\n\r\n  function escapeHtml(value) {\r\n    return String(value)\r\n      .replace(\/&\/g, \"&amp;\")\r\n      .replace(\/<\/g, \"&lt;\")\r\n      .replace(\/>\/g, \"&gt;\")\r\n      .replace(\/\\\"\/g, \"&quot;\")\r\n      .replace(\/'\/g, \"&#039;\");\r\n  }\r\n\r\n  function normalize(value) {\r\n    return String(value || \"\")\r\n      .toLowerCase()\r\n      .normalize(\"NFD\")\r\n      .replace(\/[\\u0300-\\u036f]\/g, \"\")\r\n      .trim();\r\n  }\r\n\r\n  function getDocuments(program) {\r\n    var urls = DOCUMENT_URLS[program.id] || {};\r\n    return REPORT_YEARS.map(function (year) {\r\n      return {\r\n        year: year,\r\n        title: \"Laporan Tracer Study \" + program.name + \" Tahun \" + year,\r\n        url: urls[year] || urls[String(year)] || \"\"\r\n      };\r\n    });\r\n  }\r\n\r\n  function countAvailableForProgram(program) {\r\n    return getDocuments(program).filter(function (documentItem) {\r\n      return Boolean(documentItem.url);\r\n    }).length;\r\n  }\r\n\r\n  function getTotalAvailableDocuments() {\r\n    return PROGRAMS.reduce(function (total, program) {\r\n      return total + countAvailableForProgram(program);\r\n    }, 0);\r\n  }\r\n\r\n  function levelLabel(level) {\r\n    if (level === \"S1\") return \"Sarjana\";\r\n    if (level === \"S2\") return \"Magister\";\r\n    return \"Profesi\";\r\n  }\r\n\r\n  function downloadIcon() {\r\n    return '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3v12\"><\/path><path d=\"m7 10 5 5 5-5\"><\/path><path d=\"M5 21h14\"><\/path><\/svg>';\r\n  }\r\n\r\n  function documentAction(documentItem) {\r\n    if (documentItem.url) {\r\n      return (\r\n        '<a class=\"ipi-download\" href=\"' + escapeHtml(documentItem.url) + '\" download target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Unduh ' + escapeHtml(documentItem.title) + '\">' +\r\n          'Unduh Dokumen' + downloadIcon() +\r\n        '<\/a>'\r\n      );\r\n    }\r\n\r\n    return (\r\n      '<button class=\"ipi-download\" type=\"button\" data-unavailable-document aria-label=\"Dokumen tahun ' + escapeHtml(documentItem.year) + ' belum tersedia\">' +\r\n        'Unduh Dokumen' + downloadIcon() +\r\n      '<\/button>'\r\n    );\r\n  }\r\n\r\n  function reportMarkup(documentItem) {\r\n    var available = Boolean(documentItem.url);\r\n    return (\r\n      '<article class=\"ipi-report-item\">' +\r\n        '<span class=\"ipi-report-year\">' + escapeHtml(documentItem.year) + '<\/span>' +\r\n        '<div class=\"ipi-report-info\">' +\r\n          '<strong>' + escapeHtml(documentItem.title) + '<\/strong>' +\r\n          '<small>Format PDF \u00b7 Dokumen laporan tahunan<\/small>' +\r\n        '<\/div>' +\r\n        '<span class=\"ipi-status ' + (available ? \"available\" : \"unavailable\") + '\">' +\r\n          (available ? \"Tersedia\" : \"Belum diunggah\") +\r\n        '<\/span>' +\r\n        documentAction(documentItem) +\r\n      '<\/article>'\r\n    );\r\n  }\r\n\r\n  function programMarkup(program) {\r\n    var documents = getDocuments(program);\r\n    var available = countAvailableForProgram(program);\r\n    var detailId = \"ipi-detail-\" + program.id;\r\n\r\n    return (\r\n      '<tr class=\"ipi-program-row\" data-program-row=\"' + escapeHtml(program.id) + '\">' +\r\n        '<td>' +\r\n          '<div class=\"ipi-program-name\">' +\r\n            '<span class=\"ipi-program-icon\" aria-hidden=\"true\">' + escapeHtml(program.level) + '<\/span>' +\r\n            '<div><strong>' + escapeHtml(program.name) + '<\/strong><small>' + escapeHtml(levelLabel(program.level)) + '<\/small><\/div>' +\r\n          '<\/div>' +\r\n        '<\/td>' +\r\n        '<td><span class=\"ipi-level\">' + escapeHtml(program.level) + '<\/span><\/td>' +\r\n        '<td><span class=\"ipi-unit\">' + escapeHtml(program.unit) + '<\/span><\/td>' +\r\n        '<td><span class=\"ipi-doc-count\">' + (available ? available + \" siap diunduh\" : documents.length + \" periode\") + '<\/span><\/td>' +\r\n        '<td>' +\r\n          '<button class=\"ipi-row-toggle\" type=\"button\" aria-expanded=\"false\" aria-controls=\"' + detailId + '\" data-toggle-program=\"' + escapeHtml(program.id) + '\">' +\r\n            'Buka daftar' +\r\n            '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>' +\r\n          '<\/button>' +\r\n        '<\/td>' +\r\n      '<\/tr>' +\r\n      '<tr class=\"ipi-detail-row\" id=\"' + detailId + '\" data-program-detail=\"' + escapeHtml(program.id) + '\" hidden>' +\r\n        '<td colspan=\"5\">' +\r\n          '<div class=\"ipi-detail-panel\">' +\r\n            '<div class=\"ipi-detail-header\">' +\r\n              '<div><h3>Dokumen ' + escapeHtml(program.name) + '<\/h3><span>' + documents.length + ' periode laporan terdaftar<\/span><\/div>' +\r\n            '<\/div>' +\r\n            '<div class=\"ipi-report-list\">' + documents.map(reportMarkup).join(\"\") + '<\/div>' +\r\n          '<\/div>' +\r\n        '<\/td>' +\r\n      '<\/tr>'\r\n    );\r\n  }\r\n\r\n  function render(programs) {\r\n    tableBody.innerHTML = programs.map(programMarkup).join(\"\");\r\n    visibleCount.textContent = String(programs.length);\r\n    emptyState.hidden = programs.length !== 0;\r\n    allOpen = false;\r\n    toggleAllButton.textContent = \"Buka semua\";\r\n  }\r\n\r\n  function populateUnitFilter() {\r\n    var units = [];\r\n    PROGRAMS.forEach(function (program) {\r\n      if (units.indexOf(program.unit) === -1) units.push(program.unit);\r\n    });\r\n\r\n    units.sort().forEach(function (unit) {\r\n      var option = document.createElement(\"option\");\r\n      option.value = unit;\r\n      option.textContent = unit;\r\n      unitFilter.appendChild(option);\r\n    });\r\n  }\r\n\r\n  function filterPrograms() {\r\n    var keyword = normalize(searchInput.value);\r\n    var selectedUnit = unitFilter.value;\r\n    var selectedLevel = levelFilter.value;\r\n\r\n    filteredPrograms = PROGRAMS.filter(function (program) {\r\n      var searchable = normalize(program.name + \" \" + program.unit + \" \" + program.level);\r\n      var matchesKeyword = !keyword || searchable.indexOf(keyword) !== -1;\r\n      var matchesUnit = selectedUnit === \"all\" || program.unit === selectedUnit;\r\n      var matchesLevel = selectedLevel === \"all\" || program.level === selectedLevel;\r\n      return matchesKeyword && matchesUnit && matchesLevel;\r\n    });\r\n\r\n    render(filteredPrograms);\r\n  }\r\n\r\n  function toggleProgram(programId, forceOpen) {\r\n    var button = root.querySelector('[data-toggle-program=\"' + programId + '\"]');\r\n    var row = root.querySelector('[data-program-row=\"' + programId + '\"]');\r\n    var detail = root.querySelector('[data-program-detail=\"' + programId + '\"]');\r\n    if (!button || !row || !detail) return;\r\n\r\n    var isOpen = button.getAttribute(\"aria-expanded\") === \"true\";\r\n    var shouldOpen = typeof forceOpen === \"boolean\" ? forceOpen : !isOpen;\r\n\r\n    button.setAttribute(\"aria-expanded\", shouldOpen ? \"true\" : \"false\");\r\n    button.firstChild.nodeValue = shouldOpen ? \"Tutup daftar\" : \"Buka daftar\";\r\n    detail.hidden = !shouldOpen;\r\n    row.classList.toggle(\"is-open\", shouldOpen);\r\n  }\r\n\r\n  function toggleAllPrograms() {\r\n    allOpen = !allOpen;\r\n    filteredPrograms.forEach(function (program) {\r\n      toggleProgram(program.id, allOpen);\r\n    });\r\n    toggleAllButton.textContent = allOpen ? \"Tutup semua\" : \"Buka semua\";\r\n  }\r\n\r\n  function showToast(message) {\r\n    clearTimeout(toastTimer);\r\n    toast.textContent = message;\r\n    toast.classList.add(\"show\");\r\n    toastTimer = setTimeout(function () {\r\n      toast.classList.remove(\"show\");\r\n    }, 2800);\r\n  }\r\n\r\n  root.addEventListener(\"click\", function (event) {\r\n    var toggleButton = event.target.closest(\"[data-toggle-program]\");\r\n    if (toggleButton && root.contains(toggleButton)) {\r\n      toggleProgram(toggleButton.getAttribute(\"data-toggle-program\"));\r\n      return;\r\n    }\r\n\r\n    var unavailableButton = event.target.closest(\"[data-unavailable-document]\");\r\n    if (unavailableButton && root.contains(unavailableButton)) {\r\n      showToast(\"Dokumen belum diunggah. Masukkan URL PDF pada DOCUMENT_URLS.\");\r\n    }\r\n  });\r\n\r\n  searchInput.addEventListener(\"input\", filterPrograms);\r\n  unitFilter.addEventListener(\"change\", filterPrograms);\r\n  levelFilter.addEventListener(\"change\", filterPrograms);\r\n  toggleAllButton.addEventListener(\"click\", toggleAllPrograms);\r\n\r\n  populateUnitFilter();\r\n  totalPrograms.textContent = String(PROGRAMS.length);\r\n  totalPeriods.textContent = String(PROGRAMS.length * REPORT_YEARS.length);\r\n  availableDocuments.textContent = String(getTotalAvailableDocuments());\r\n  render(PROGRAMS);\r\n})();\r\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Unit Alumni dan Tracer Study Dokumen Laporan Tracer Study Akses dokumen laporan tracer study Institut Pendidikan Indonesia Garut berdasarkan program studi dan tahun pelaksanaan. Repositori Akademik Dokumen tersusun berdasarkan program studi dan periode laporan. Mudah dicari dan ditelusuri Tombol unduh per dokumen Dapat diperbarui setiap tahun \u25a6 0 Program Studi \u25a4 0 Periode Laporan \u2193 [...]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8972","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/institutpendidikan.ac.id\/en\/wp-json\/wp\/v2\/pages\/8972","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/institutpendidikan.ac.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/institutpendidikan.ac.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/institutpendidikan.ac.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/institutpendidikan.ac.id\/en\/wp-json\/wp\/v2\/comments?post=8972"}],"version-history":[{"count":0,"href":"https:\/\/institutpendidikan.ac.id\/en\/wp-json\/wp\/v2\/pages\/8972\/revisions"}],"wp:attachment":[{"href":"https:\/\/institutpendidikan.ac.id\/en\/wp-json\/wp\/v2\/media?parent=8972"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}