CINXE.COM
JDIH - Institut Teknologi Bandung
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Jaringan Dokumentasi dan Informasi Hukum (JDIH) di Institut Teknologi Bandung yang selanjutnya disingkat JDIH ITB adalah wadah pendayagunaan bersama atas dokumen hukum yang berkaitan dengan bidang pendidikan, penelitian dan pengabdian kepada masyarakat di Institut Teknologi Bandung secara tertib, terpadu, dan berkesinambungan secara lengkap, mudah, cepat, dan akurat. JDIH ITB merupakan sistem yang dibangun untuk melaksanakan sebagian tugas pokok dan fungsi Sekretaris Institut melalui Kantor Hukum; dan Biro Administrasi Umum dan Informasi dalam melaksanakan pendokumentasian dan penyebarluasan peraturan, keputusan, edaran serta produk hukum lainnya, khususnya yang berkaitan dengan amanat yang diberikan kepada Institut Teknologi Bandung."> <meta name="keywords" content="JDIH, Jaringan Dokumentasi dan Informasi Hukum Institut Teknologi Bandung, Peraturan Rektor ITB, Peraturan MWA ITB, Peraturan Senat Akademik ITB, Surat Keputusan Dekan, Rektor, MWA, Edaran, Instruksi, MoU, Nota Kesepahaman "> <title> JDIH - Institut Teknologi Bandung</title> <link rel="apple-touch-icon" href="apple-icon.png"> <link rel="shortcut icon" href="https://jdih.itb.ac.id/favicon.ico"> <link rel="stylesheet" href="https://jdih.itb.ac.id/assets/css/bootstrap.css"> <link rel="stylesheet" href="https://jdih.itb.ac.id/assets/css/style.css"> <link rel="stylesheet" href="https://jdih.itb.ac.id/assets/css/line-awesome.min.css"> <link href="https://fonts.googleapis.com/css2?family=Lora:wght@300;400;500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;600;700&display=swap" rel="stylesheet"> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" rel="stylesheet"> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css"/> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/apexcharts/3.29.0/apexcharts.min.css" integrity="sha512-Tv+8HvG00Few62pkPxSs1WVfPf9Hft4U1nMD6WxLxJzlY/SLhfUPFPP6rovEmo4zBgwxMsArU6EkF11fLKT8IQ==" crossorigin="anonymous" referrerpolicy="no-referrer"/> <style> .info-box { box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%); border-radius: .25rem; background-color: #fff; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 1rem; min-height: 80px; padding: .5rem; position: relative; width: 100%; } .info-box .info-box-icon { border-radius: .25rem; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.875rem; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; width: 70px; } .info-box .info-box-content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: 1.8; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 10px; } .elevation-1 { box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24) !important; } .morris-hover { position: absolute; z-index: 1000; } .morris-hover.morris-default-style { border-radius: 10px; padding: 6px; color: #666; background: rgba(255, 255, 255, 0.8); border: solid 2px rgba(230, 230, 230, 0.8); font-family: sans-serif; font-size: 12px; text-align: center; } .morris-hover.morris-default-style .morris-hover-row-label { font-weight: bold; margin: 0.25em 0; } .morris-hover.morris-default-style .morris-hover-point { white-space: nowrap; margin: 0.1em 0; } svg { width: 100%; } #donut-chart { width: 100%; } .success-box > div { vertical-align: top; display: inline-block; color: #888; } /* Rating Star Widgets Style */ .rating-stars ul { list-style-type: none; padding: 0; -moz-user-select: none; -webkit-user-select: none; } .rating-stars ul > li.star { display: inline-block; } /* Idle State of the stars */ .rating-stars ul > li.star > i.fa { font-size: 2.5em; /* Change the size of the stars */ color: #ccc; /* Color on idle state */ } /* Hover state of the stars */ .rating-stars ul > li.star.hover > i.fa { color: #FFCC36; } /* Selected state of the stars */ .rating-stars ul > li.star.selected > i.fa { color: #FF912C; } </style> </head> <body> <!-- Navigation --> <div class="box-language fixed-top"> <div class="container pt-2"> <a href="https://jdih.itb.ac.id/lang/en"><img src="https://jdih.itb.ac.id/images/flag-en.png" alt="English"></a> <a href="https://jdih.itb.ac.id/lang/id"> <img src="https://jdih.itb.ac.id/images/flag-id.png" alt="Bahasa Indonesia"></a> </div> </div> <nav class="navbar navbar-expand-lg navbar-light bg-dark sticky-top"> <div class="container"> <a class="navbar-brand" href="https://jdih.itb.ac.id/"> <img src="https://jdih.itb.ac.id/images/logo-jdihn.png" height="48px"> <img src="https://jdih.itb.ac.id/images/logo-itb.png" height="48px"> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item"> <a class="nav-link " aria-current="page" href="https://jdih.itb.ac.id/">Beranda</a> </li> <li class="nav-item"> <a class="nav-link " aria-current="page" href="https://jdih.itb.ac.id/tentang-jdih">Tentang JDIH</a> </li> <li class="nav-item"> <a class="nav-link " aria-current="page" href="https://jdih.itb.ac.id/struktur-organisasi">Struktur Organisasi</a> </li> <li class="nav-item"> <a class="nav-link " aria-current="page" href="https://jdih.itb.ac.id/informasi-hukum" >Informasi Hukum</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Matriks</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="https://jdih.itb.ac.id/matriks">Matriks Produk Hukum</a></li> <li><a class="dropdown-item" href="https://jdih.itb.ac.id/grafik">Grafik Statistik</a></li> </ul> </li> <li class="nav-item"> <a class="nav-link " aria-current="page" href="https://jdih.itb.ac.id/prasyarat">Prasyarat</a> </li> <li class="nav-item"> <a class="nav-link" aria-current="page" href="https://jdih.itb.ac.id/faq">FAQ</a> </li> <li class="nav-item"> <a class="nav-link " aria-current="page" href="https://jdih.itb.ac.id/kontak">Kontak</a> </li> <!-- <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Bahasa</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="https://jdih.itb.ac.id/lang/id">ID</a></li> <li><a class="dropdown-item" href="https://jdih.itb.ac.id/lang/en">EN</a></li> </ul> </li> --> </ul> <form class="d-flex nav-item dropdown"> <a href="https://jdih.itb.ac.id/home" class="text-decoration-none text-black"><i class="las la-sign-in-alt me-2"></i>Login</a> </form> <div id="feedback-button"></div> </div> </div> </nav> <!-- End of Navigation --> <section class="section-header-content"> <div class="container"> <img src="https://jdih.itb.ac.id/images/logo.jdih.png" class="float-start me-3" width="100px"> <h1 class="m-0 text-warning">Jaringan Dokumentasi dan Informasi Hukum </h1> <h2 class="m-0 text-white">INSTITUT TEKNOLOGI BANDUNG</h2> </div> </section> <!-- Content --> <section class="section-search mb-4"> <div class="container"> <div class="card box-01 p-3"> <div class="row g-2"> <div class="col-12 mb-3"> <h3 class="m-0">Pencarian Produk Hukum</h3> Pencarian produk hukum dapat menggunakan satu atau lebih jenis pencarian </div> <form method="get" class="form row "> <input type="hidden" name="csrf_token_jdih_itb_ac_id" value="2c966b27b0118c45a8f9520207ff86f0" /> <div class="col-12 mb-2"> <div class="input-group mb-3"> <input type="text" class="form-control form-control-sm" name="key" placeholder="masukan judul dan kata kunci" value=""> <button class="btn btn-outline-secondary" type="submit" id="button-addon2"><i class="las la-search"></i></button> </div> </div> </form> <form method="get" class="form row "> <div class="col-12 mb-2 text-end"> <a class="" data-bs-toggle="collapse" href="#multiCollapseExample1" role="button" aria-expanded="false" aria-controls="multiCollapseExample1">Pencarian Spesifik</a> </div> <div class="col-12" style="z-index: 2;"> <div class="collapse multi-collapse" id="multiCollapseExample1" style="margin-top: -102px; background: #f6f6f6;"> <div class="row"> <div class="col-12 col-md-4 mb-2"> <div class="form-group"> <label for="pilihprodukhukum" class="form-label">Pencarian</label> <input type="text" class="form-control form-control-sm" name="q" placeholder="masukan judul dan kata kunci" value=""> </div> </div> <div class="col-12 col-md-4 mb-2"> <div class="form-group"> <label for="pilihprodukhukum" class="form-label">Pilih Produk Hukum</label> <select name="p" class="form-control form-control-sm" id="jenis_doc"> <option value="" selected="selected">Semua</option> <option value="Keputusan">Keputusan</option> <option value="Peraturan">Peraturan</option> <option value="Surat Edaran">Surat Edaran</option> <option value="Kerjasama">Kerjasama</option> <option value="SOP">SOP</option> </select> </div> </div> <div class="col-12 col-md-4 mb-2"> <div class="form-group"> <label for="pilihtahunkum" class="form-label"> Tahun</label> <input type="text" class="form-control form-control-sm" name="y" placeholder="2024" value=""> </div> </div> <div class="col-12 mb-4" id="jenis"> <div class="form-group"> <label for="mark" class="form-label">Pilih Jenis Produk</label> <select class="form-control form-control-sm" name="j" id="mark"><option value='' class='Keputusan'>Semua</option><option value="Keputusan MWA" class="Keputusan"<span>Keputusan MWA</span></option><option value="Keputusan SA" class="Keputusan"<span>Keputusan SA</span></option><option value="Keputusan Rektor" class="Keputusan"<span>Keputusan Rektor</span></option><option value="Keputusan Dekan FMIPA" class="Keputusan"<span>Keputusan Dekan FMIPA</span></option><option value="Keputusan Dekan FTI" class="Keputusan"<span>Keputusan Dekan FTI</span></option><option value="Keputusan Dekan FSRD" class="Keputusan"<span>Keputusan Dekan FSRD</span></option><option value="Keputusan Dekan FTSL" class="Keputusan"<span>Keputusan Dekan FTSL</span></option><option value="Keputusan Dekan FTTM" class="Keputusan"<span>Keputusan Dekan FTTM</span></option><option value="Keputusan Dekan FITB" class="Keputusan"<span>Keputusan Dekan FITB</span></option><option value="Keputusan Dekan SAPPK" class="Keputusan"<span>Keputusan Dekan SAPPK</span></option><option value="Keputusan Dekan SBM" class="Keputusan"<span>Keputusan Dekan SBM</span></option><option value="Keputusan Dekan SF" class="Keputusan"<span>Keputusan Dekan SF</span></option><option value="Keputusan Dekan SITH" class="Keputusan"<span>Keputusan Dekan SITH</span></option><option value="Keputusan Dekan STEI" class="Keputusan"<span>Keputusan Dekan STEI</span></option><option value="Keputusan Dekan FTMD" class="Keputusan"<span>Keputusan Dekan FTMD</span></option><option value="Keputusan BPUDL" class="Keputusan"<span>Keputusan BPUDL</span></option><option value="Keputusan Menteri" class="Keputusan"<span>Keputusan Menteri</span></option><option value="Keputusan Lain-lain" class="Keputusan"<span>Keputusan Lain-lain</span></option><option value='' class='Peraturan'>Semua</option><option value="Peraturan MWA" class="Peraturan"<span>Peraturan MWA</span></option><option value="Peraturan SA" class="Peraturan"<span>Peraturan SA</span></option><option value="Peraturan Rektor" class="Peraturan"<span>Peraturan Rektor</span></option></select> </div> </div> <div class="col-12 mb-2 text-center"> <label class="form-label"> </label> <button type="submit" class="btn btn-warning btn-sm">Cari</button> <button class="btn btn-primary btn-sm" type="button" data-bs-toggle="collapse" data-bs-target=".multi-collapse" aria-expanded="false" aria-controls="multiCollapseExample1">Kembali</button> </div> </div> </div> </div> </form> </div> </div> </div> </section> <section class="section-new"> <div class="container"> <div class="row"> <div class="col-md-8 mb-3 card-group"> <div class="card box-01 bg-white mb-3 border-0"> <div class="card-header"><h3 class="fw-bold fs-6 my-2">Produk Hukum Terbaru</h3></div> <div class="card-body"> <div class="col-12 mb-4 bb-01"> <div class="row g-0"> <div class="col-3 col-md-1"><a href="https://jdih.itb.ac.id/detail/05d9badacfacac78a47cc067c4e90353"><i class="las la-file-alt la-3x"></i></a></div> <div class="col-9 col-md-11"> <span class="jenis"><a href="https://jdih.itb.ac.id/detail/05d9badacfacac78a47cc067c4e90353">Peraturan Rektor</a></span><br> <span class="nomer"><a href="https://jdih.itb.ac.id/detail/05d9badacfacac78a47cc067c4e90353">34/IT1.A/PER/2024</a></span><br> <span class="detail"><a href="https://jdih.itb.ac.id/detail/05d9badacfacac78a47cc067c4e90353">PERUBAHAN PERTAMA ATAS PERATURAN REKTOR ITB NOMOR 33/IT1.A/PER/2023 TENTANG STANDAR BIAYA INSTITUT TEKNOLOGI BANDUNG</a></span><br> <span class="mt-2 d-block"><a href="https://jdih.itb.ac.id/detail/05d9badacfacac78a47cc067c4e90353" class="text-secondary"> 26 September 2024 </a></span> </div> </div> </div> <div class="col-12 mb-4 bb-01"> <div class="row g-0"> <div class="col-3 col-md-1"><a href="https://jdih.itb.ac.id/detail/b1823297adf46a9cadba8244c11655ad"><i class="las la-file-alt la-3x"></i></a></div> <div class="col-9 col-md-11"> <span class="jenis"><a href="https://jdih.itb.ac.id/detail/b1823297adf46a9cadba8244c11655ad">Peraturan Rektor</a></span><br> <span class="nomer"><a href="https://jdih.itb.ac.id/detail/b1823297adf46a9cadba8244c11655ad">33/IT1.A/PER/2024</a></span><br> <span class="detail"><a href="https://jdih.itb.ac.id/detail/b1823297adf46a9cadba8244c11655ad">PENGELOLAAN KEGIATAN KERJA SAMA, DANA OVERHEAD, DAN DANA EFISIENSI INSTITUT TEKNOLOGI BANDUNG</a></span><br> <span class="mt-2 d-block"><a href="https://jdih.itb.ac.id/detail/b1823297adf46a9cadba8244c11655ad" class="text-secondary"> 24 September 2024 </a></span> </div> </div> </div> <div class="col-12 mb-4 bb-01"> <div class="row g-0"> <div class="col-3 col-md-1"><a href="https://jdih.itb.ac.id/detail/0d29d12b8c2169b35189bdffd68a7995"><i class="las la-file-alt la-3x"></i></a></div> <div class="col-9 col-md-11"> <span class="jenis"><a href="https://jdih.itb.ac.id/detail/0d29d12b8c2169b35189bdffd68a7995">Peraturan Rektor</a></span><br> <span class="nomer"><a href="https://jdih.itb.ac.id/detail/0d29d12b8c2169b35189bdffd68a7995">29/IT1.A/PER/2024</a></span><br> <span class="detail"><a href="https://jdih.itb.ac.id/detail/0d29d12b8c2169b35189bdffd68a7995">PERUBAHAN PERTAMA ATAS PERATURAN REKTOR ITB NOMOR 304/IT1.A/PER/2020 TENTANG BIAYA PENYELENGGARAAN PENDIDIKAN BAGI ANAK PEGAWAI INSTITUT TEKNOLOGI BANDUNG</a></span><br> <span class="mt-2 d-block"><a href="https://jdih.itb.ac.id/detail/0d29d12b8c2169b35189bdffd68a7995" class="text-secondary"> 17 September 2024 </a></span> </div> </div> </div> </div> </div> </div> <div class="col-md-4 mb-3 border-0 card-group"> <div class="card box-01 bg-white mb-3 border-0 box-tautan"> <div class="card-header"><h3 class="fw-bold fs-6 my-2">Tautan</h3></div> <div class="card-body"> <div class="row py-3"> <div class="col-12"><a href="https://jdihn.go.id/" target="_blank" class="fw-bold"><img src="https://jdih.itb.ac.id/images/logo-jdihn.png" class="img-fluid me-3" width="40px">JDIHN</a></div> <div class="col-12"><hr class="bb-01 p-0"></div> <div class="col-12"><a href="https://jdih.setneg.go.id/" target="_blank" class="fw-bold"><img src="https://jdih.itb.ac.id/images/logo-setneg.png" class="img-fluid me-3" width="40px">JDIH Setneg</a></div> <div class="col-12"><hr class="bb-01 p-0"></div> <div class="col-12"><a href="https://jdih.menpan.go.id/" target="_blank" class="fw-bold"><img src="https://jdih.itb.ac.id/images/logo-menpan.png" class="img-fluid me-3" width="40px">JDIH Menpan</a></div> <div class="col-12"><hr class="bb-01 p-0"></div> <div class="col-12"><a href="https://jdih.kemdikbud.go.id/" target="_blank" class="fw-bold"><img src="https://jdih.itb.ac.id/images/logo-jdih-kemdikbud.png" class="img-fluid me-3" width="40px">JDIH Kemendikbudristek</a></div> <div class="col-12"><hr class="bb-01 p-0"></div> <div class="col-12"><a href="https://jdih.jabarprov.go.id/" target="_blank" class="fw-bold"><img src="https://jdih.itb.ac.id/images/logo-jdih-pemprovjabar.png" class="img-fluid me-3" width="40px">JDIH Pemprov Jawa Barat</a></div> <div class="col-12"><hr class="bb-01 p-0"></div> <div class="col-12"><a href="https://jdih.bandung.go.id/" target="_blank" class="fw-bold"><img src="https://jdih.itb.ac.id/images/logo-jdih-pemkotbandung.png" class="img-fluid me-3" width="40px">JDIH Kota Bandung</a></div> </div> </div> </div> </div> <div class="col-12"> <div class="card box-01 bg-white mb-3 border-0"> <div class="card-header"><h3 class="fw-bold fs-6 my-2">Berita</h3></div> <div class="card-body"> <div class="col-12 mb-4 bb-01"> <div class="row g-0"> <div class="col-12"> <h5 class="nomer"><a href="https://jdih.itb.ac.id/berita/jdih-itb-jadi-rujukan-bapeten-dalam-pengelolaan-dokumen-hukum-yang-inovatif-dan-fokus-pada-kebutuhan-internal"> JDIH ITB Jadi Rujukan Bapeten dalam Pengelolaan Dokumen Hukum yang Inovatif dan Fokus pada Kebutuhan Internal </a></h5> <small>18 Nov 2024</small> </div> <div class="col-12"> BANDUNG, itb.ac.id - Tim Jaringan Dokumentasi dan Informasi Hukum (JDIH) Institut Teknologi Bandung (ITB) menerima kunjungan dari Tim JDIH Badan Pengawas Tenaga Nuklir (Bapeten), di Rapim A, Rektorat ITB, Selasa (12/11/2024). Dalam kesempatan tersebut, kedua pihak berdiskusi terkait pengelolaan dokumen hukum hingga pencapaian Tim JDIH ITB.Ketua... </div> </div> </div> <div class="col-12 mb-4 bb-01"> <div class="row g-0"> <div class="col-12"> <h5 class="nomer"><a href="https://jdih.itb.ac.id/berita/bssn-melakukan-itsa-untuk-tingkatkan-keamanan-jdih-itb"> BSSN Melakukan ITSA untuk Tingkatkan Keamanan JDIH ITB </a></h5> <small>07 Nov 2024</small> </div> <div class="col-12"> Bandung, bai.itb.ac.id – Keamanan informasi menjadi prioritas utama di era digital ini, terutama bagi institusi seperti Institut Teknologi Bandung (ITB). Dalam upaya menjaga kepercayaan publik dan melindungi aset informasinya, ITB, melalui Direktorat Teknologi Informasi (DTI), bekerja sama dengan Badan Siber dan Sandi Negara (BSSN) untuk... </div> </div> </div> <div class="col-12 mb-4 bb-01"> <div class="row g-0"> <div class="col-12"> <h5 class="nomer"><a href="https://jdih.itb.ac.id/berita/itb-gelar-presentasi-kemajuan-pembangunan-zona-integritas-yang-dilakukan-oleh-fakultas-dan-sekolah"> ITB Gelar Presentasi Kemajuan Pembangunan Zona Integritas yang dilakukan oleh Fakultas dan Sekolah </a></h5> <small>06 Nov 2024</small> </div> <div class="col-12"> Bandung, 6 November 2024 — Institut Teknologi Bandung (ITB) menggelar acara penting berupa presentasi kemajuan pembangunan Zona Integritas (ZI) di berbagai fakultas dan sekolah, sebagai langkah dalam menciptakan lingkungan akademik yang bersih, transparan, dan akuntabel. Bertempat di Ruang Rapim A, Gedung Rektorat ITB, acara ini dihadiri oleh... </div> </div> </div> </div> </div> </div> <div class="col-12"> <div class="row"> <div class="col-md-8 card-group"> <div class="card box-01 bg-white mb-3 border-0"> <div class="card-header"><h3 class="fw-bold fs-6 my-2">Statistik Produk Hukum</h3></div> <div class="card-body" id="chart"></div> </div> </div> <div class="col-md-4"> <div class="card box-01 bg-white mb-3"> <div class="card-header"><h3 class="fw-bold fs-6 my-2">Pengunjung</h3> </div> <div class="card-body text-center"> <div id="pengunjung" class="graph" style="height: 200px"></div> </div> </div> <div class="card box-01 bg-white mb-3"> <div class="card-header"><h3 class="fw-bold fs-6 my-2">Indeks Kepuasan Masyarakat</h3> </div> <div class="card-body text-center"> <p class="text-left py-3">Penilaian anda sangat bermanfaat untuk perbaikan dalam rangka peningkatan kualitas layanan untuk lebih baik lagi</p> <button type="button" class="btn btn-sm btn-primary my-3" data-bs-toggle="modal" data-bs-target="#indeks"> Beri penilaian </button> </div> </div> </div> </div> </div> </div> </div> </section> <div class="modal fade" id="indeks" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Indeks Kepuasan Masyarakat</h5> <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body text-center" style="background: #f1f1f1;"> <div class="form-group"> <label for=""><h6>Pelayanan</h6></label> <div class="star-rating"> <div class='rating-stars text-center'> <ul id='stars'> <li class='star' title='Poor' data-value='1'> <i class='fa fa-star fa-fw'></i> </li> <li class='star' title='Fair' data-value='2'> <i class='fa fa-star fa-fw'></i> </li> <li class='star' title='Good' data-value='3'> <i class='fa fa-star fa-fw'></i> </li> <li class='star' title='Excellent' data-value='4'> <i class='fa fa-star fa-fw'></i> </li> <li class='star' title='WOW!!!' data-value='5'> <i class='fa fa-star fa-fw'></i> </li> </ul> </div> </div> </div> </div> <div class="modal-footer justify-content-center"> </div> </div> </div> </div> <div class="modal fade" id="respon" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Indeks Kepuasan Masyarakat</h5> <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body text-center" style="background: #f1f1f1;"> <div class='success-box'> <div class='clearfix'></div> <div class='text-message'></div> <div class='clearfix'></div> <div id="donut-chart" style="height: 350px;width: 350px;"></div> </div> </div> </div> </div> </div> <!-- End of Content --> <!-- Footer --> <div class="container "> <div class="footer-basic text-center"> <ul class="list-inline"> <li class="list-inline-item"><a href="https://jdih.itb.ac.id/berita">Berita</a></li> <li class="list-inline-item"><a href="https://jdih.itb.ac.id/galeri">Galeri</a></li> <li class="list-inline-item"><a href="https://jdih.itb.ac.id/infografis">Infografis</a></li> <li class="list-inline-item"><a href="https://jdih.itb.ac.id/informasi-hukum/kamus-hukum">Kamus Hukum</a></li> </ul> </div> <hr> <div class="row"> <div class="col-12 col-md-3 block-26"> <div class="row g-1"> <div class="col-2"><img src="https://www.itb.ac.id/images/icons/ganesha-itb-footer.jpg" class="rounded float-right" width="40px"></div> <div class="col-10"> <h6 class="font-size-02">ITB Kampus Ganesha</h6> <span> Jl. Ganesa 10 <br> Bandung - Jawa Barat, Indonesia<br> <i class="la la-envelope mr-2"></i><a href="mailto:humas@itb.ac.id" class="d-inline font-weight-normal">humas@itb.ac.id</a><br> </span> </div> </div> </div> <div class="col-12 col-md-3 block-26"> <div class="row g-1"> <div class="col-2"><img src="https://www.itb.ac.id/images/icons/jatinangor-itb-footer.jpg" class="rounded float-right" width="40px"></div> <div class="col-10"> <h6 class="font-size-02"> ITB Kampus Jatinangor</h6> <span> Jalan Let. Jen. Purn. Dr. (HC). Mashudi No. 1<br> Sumedang - Jawa Barat, Indonesia<br> <i class="la la-envelope mr-2"></i><a href="mailto:humas_@jatinangor.itb.ac.id" class="d-inline font-weight-normal">humas_@jatinangor.itb.ac.id</a><br> </span> </div> </div> </div> <div class="col-12 col-md-3 block-26"> <div class="row"> <div class="col-2"><img src="https://www.itb.ac.id/images/icons/cirebon-itb-footer.jpg" class="rounded float-right" width="40px"></div> <div class="col-10"> <h6 class="font-size-02">ITB Kampus Cirebon</h6> <span> Jl. Kebonturi, Arjawinangun<br> Cirebon - Jawa Barat, Indonesia<br> <i class="la la-envelope mr-2"></i><a href="mailto:kampuscirebon@itb.ac.id" class="d-inline font-weight-normal">kampuscirebon@itb.ac.id</a><br> </span> </div> </div> </div> <div class="col-12 col-md-3 block-26"> <div class="row"> <div class="col-2"><img src="https://www.itb.ac.id/images/icons/jakarta-itb-footer.jpg" width="40px" class="rounded float-right"></div> <div class="col-10"> <h6 class="font-size-02">ITB Kampus Jakarta</h6> <span> Gedung Graha Irama (Indorama) Lt. 10 & 12<br> Jl. H. R. Rasuna Said Kav. 1 Setiabudi<br> Kota Jakarta Selatan, DKI Jakarta Indonesia 12950<br> </span> </div> </div> </div> </div> <hr> </div> <div class="text-center"> <footer> <div class="footer-basic text-center mb-5"> <ul class="list-inline"> <li class="list-inline-item"><a target="_blank" href="https://www.facebook.com/people/Jdih-Itb/pfbid034qdCnEspYvFNsvNE9hoWx7LL3e5rmeXogfVxdJpXLw4EFyR2Mc8xcNJmabZvKxD6l/?mibextid=LQQJ4d" alt="Facebook" title="Facebook"><img src="https://jdih.itb.ac.id/images/icons8-facebook-30.png"></a></li> <li class="list-inline-item"><a target="_blank" href="https://www.instagram.com/jdihitb" alt="Instagram" title="Instagram"><img src="https://jdih.itb.ac.id/images/icons8-instagram-30.png"></a></li> <li class="list-inline-item"><a target="_blank" href="https://twitter.com/jdihitb" alt="X" title="X"><img src="https://jdih.itb.ac.id/images/icons8-twitterx-30.png"></a></li> <li class="list-inline-item"><a target="_blank" href="https://www.tiktok.com/@jdihitb" alt="Tiktok" title="Tiktok"><img src="https://jdih.itb.ac.id/images/icons8-tiktok-30.png"></a></li> <li class="list-inline-item"><a target="_blank" href="https://www.youtube.com/@jdihitb" alt="Youtube" title="Youtube"><img src="https://jdih.itb.ac.id/images/icons8-youtube-30.png"></a></li> </ul> </div> <p class="copyright">© 2021 | Institut Teknologi Bandung</p> </footer> </div> <!-- End of Footer --> <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <script src="https://jdih.itb.ac.id/assets/js/bootstrap.min.js"></script> <script src="https://jdih.itb.ac.id/assets/js/accessibility.js"></script> <script> $('#feedback-button').openAccessibility({ iconSize :'s', highlightedLinks :true, localization: ['id'] }); $('body').removeAttr("style"); </script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/apexcharts/3.29.0/apexcharts.min.js"></script> <script> function numberFormat(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, "."); } var options = { chart: { type: 'bar' }, series: [ { name: 'Jumlah', data: [{"fillColor":"#F44336","x":"Peraturan","y":306},{"fillColor":"#E91E63","x":"Keputusan","y":18684},{"fillColor":"#9C27B0","x":"Surat Edaran","y":195},{"fillColor":"#3396F7","x":"MoU","y":651},{"fillColor":"#EC4498","x":"SOP","y":296}] } ], xaxis: { categories: ["Peraturan","Keputusan","Surat Edaran","MoU","SOP"], labels: { formatter: function (value) { return value; } } }, yaxis: { labels: { formatter: function (value) { return numberFormat(value); } }, }, dropShadow: { enabled: true, top: 0, left: 0, blur: 3, opacity: 0.5 }, plotOptions: { bar: { horizontal: false, columnWidth: '55%', endingShape: 'rounded', dataLabels: { position: 'top' } }, }, dataLabels: { formatter: function (value) { return numberFormat(value); }, enabled: true, dropShadow: { enabled: true, left: 1, top: 1, opacity: 0.2 }, style: { colors: ['#333'] }, offsetY: -30 }, stroke: { show: true, width: 2, colors: ['transparent'] }, fill: { type: ['solid', 'gradient'] }, /*theme: { monochrome: { enabled: true, color: '#0B62A4', shadeTo: 'light', shadeIntensity: 0.65 } }*/ } var chart = new ApexCharts(document.querySelector("#chart"), options); chart.render(); $(document).ready(function () { $('#stars li').on('mouseover', function () { var onStar = parseInt($(this).data('value'), 10); $(this).parent().children('li.star').each(function (e) { if (e < onStar) { $(this).addClass('hover'); } else { $(this).removeClass('hover'); } }); }).on('mouseout', function () { $(this).parent().children('li.star').each(function (e) { $(this).removeClass('hover'); }); }); $('#stars li').on('click', function () { var onStar = parseInt($(this).data('value'), 10); var stars = $(this).parent().children('li.star'); for (i = 0; i < stars.length; i++) { $(stars[i]).removeClass('selected'); } for (i = 0; i < onStar; i++) { $(stars[i]).addClass('selected'); } // JUST RESPONSE (Not needed) var ratingValue = parseInt($('#stars li.selected').last().data('value'), 10); var msg = ""; if (ratingValue > 1) { msg = "Terima kasih sudah memberikan " + ratingValue + " bintang."; } else { msg = "Anda memberikan " + ratingValue + " bintang."; } responseMessage(msg, ratingValue); }); Morris.Donut({ element: 'pengunjung', data: [ {label: 'Online', value:numberFormat(1)}, {label: 'Hari Ini', value: numberFormat(1)}, {label: 'Bulan Ini', value: numberFormat(6126)}, {label: 'Tahun Ini', value: numberFormat(146705)}, {label: 'Total', value: numberFormat(223682)} ], formatter: function (y) { return numberFormat(y) + "" } }); }); function responseMessage(msg, ratingValue) { $.ajax({ url: 'https://jdih.itb.ac.id/ratings', type: 'post', dataType: 'json', data: {rating: ratingValue}, success: function (data) { $('.success-box').fadeIn(200); $('.success-box div.text-message').html("<span>" + msg + "</span>"); $('#indeks').modal('toggle'); $('#respon').modal('toggle'); $("#donut-chart").empty(); donutChartdata(data); $(window).resize(function () { window.donutChart.redraw(); }); } }); } function donutChartdata(data) { window.donutChart = Morris.Donut({ element: 'donut-chart', data: data, resize: true, redraw: true }); } ;(function ($, window, document, undefined) { "use strict"; $.fn.chained = function (parent_selector, options) { var settings = $.extend({}, $.fn.chained.defaults, options); return this.each(function () { var self = this; var backup = $(self).clone(); $(parent_selector).each(function () { $(this).bind("change", function () { $(self).html(backup.html()); var selected = ""; $(parent_selector).each(function () { selected += "\\" + $(":selected", this).val(); }); selected = selected.substr(1); var first = $(parent_selector).first(); var selected_first = $(":selected", first).val(); $("option", self).each(function () { if (!$(this).hasClass(selected) && !$(this).hasClass(selected_first) && $(this).val() !== "") { $(this).remove(); } }); if (1 === $("option", self).size() && $(self).val() === "") { $(self).attr("disabled", "disabled"); } else { $(self).removeAttr("disabled"); } $(self).trigger("change"); }); if (!$("option:selected", this).length) { $("option", this).first().attr("selected", "selected"); } $(this).trigger("change"); }); }); }; $.fn.chainedTo = $.fn.chained; $.fn.chained.defaults = {}; })(jQuery, window, document); $('#jenis_doc').on('change', function () { var val = $(this).val(); if (val == 'Keputusan' || val == 'Peraturan') { $('#jenis').show(); $('#mark').removeAttr("disabled"); } else { $('#jenis').hide(); $('#mark').attr("disabled", "disabled"); } }); $("#mark").chained("#jenis_doc"); function add(ths, sno) { for (var i = 1; i <= 5; i++) { var cur = document.getElementById("star" + i) cur.className = "far fa-star" } for (var i = 1; i <= sno; i++) { var cur = document.getElementById("star" + i) if (cur.className == "far fa-star") { cur.className = "fas fa-star" } } } </script> </body> </html>