Linux puskom-ProLiant-DL385-Gen10 5.4.0-150-generic #167~18.04.1-Ubuntu SMP Wed May 24 00:51:42 UTC 2023 x86_64
/
var
/
www
/
html
/
bkd
/
berkas
/
/var/www/html/bkd/berkas/120232196503071989031005PendidikanPresensi Kelas HTN 2B FINAL.htm
<!DOCTYPE html> <html style="min-height: 379px;"><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="UTF-8"> <title>Presensi Kelas - Riwayat Perkuliahan dan Presensi Kelas</title> <meta name="description" content="Sistem Informasi Akademik solusi terbaik Universitas. Langsung Bisa Digunakan, Tidak Ribet dan Pelaporan Beres."> <meta name="keywords" content=""> <meta name="author" content="siAkad Cloud"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <!-- bootstrap 3.0.2 --> <link href="Presensi%20Kelas%20HTN%202B%20FINAL_files/bootstrap.min.css" rel="stylesheet" type="text/css"> <!-- font Awesome --> <link href="Presensi%20Kelas%20HTN%202B%20FINAL_files/font-awesome.min.css" rel="stylesheet" type="text/css"> <!-- Ionicons --> <link href="Presensi%20Kelas%20HTN%202B%20FINAL_files/ionicons.min.css" rel="stylesheet" type="text/css"> <!-- material icon --> <link href="Presensi%20Kelas%20HTN%202B%20FINAL_files/css2.css" rel="stylesheet"> <!-- Iconsax --> <link href="Presensi%20Kelas%20HTN%202B%20FINAL_files/style_002.css" rel="stylesheet"> <!-- Theme style --> <link href="Presensi%20Kelas%20HTN%202B%20FINAL_files/style.css" rel="stylesheet" type="text/css"> <link href="Presensi%20Kelas%20HTN%202B%20FINAL_files/style_003.css" rel="stylesheet" type="text/css"> <link href="Presensi%20Kelas%20HTN%202B%20FINAL_files/app.css" rel="stylesheet" type="text/css"> <!-- date picker --> <link href="Presensi%20Kelas%20HTN%202B%20FINAL_files/datepicker3.css" rel="stylesheet" type="text/css"> <!-- DATA TABLES --> <link href="Presensi%20Kelas%20HTN%202B%20FINAL_files/dataTables.bootstrap.css" rel="stylesheet" type="text/css"> <!-- treeview --> <link href="Presensi%20Kelas%20HTN%202B%20FINAL_files/treeview.css" rel="stylesheet" type="text/css"> <link href="Presensi%20Kelas%20HTN%202B%20FINAL_files/select2.min.css" rel="stylesheet" type="text/css"> <link href="Presensi%20Kelas%20HTN%202B%20FINAL_files/select2-bootstrap.min.css" rel="stylesheet" type="text/css"> <!-- wysihtml5 --> <link href="Presensi%20Kelas%20HTN%202B%20FINAL_files/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css"> <link href="Presensi%20Kelas%20HTN%202B%20FINAL_files/toastr.min.css" rel="stylesheet" type="text/css"> <!-- style baru --> <link href="Presensi%20Kelas%20HTN%202B%20FINAL_files/style_new.css" rel="stylesheet" type="text/css"> <link href="Presensi%20Kelas%20HTN%202B%20FINAL_files/header_new.css" rel="stylesheet" type="text/css"> <link href="Presensi%20Kelas%20HTN%202B%20FINAL_files/main.css" rel="stylesheet" type="text/css"> <link href="Presensi%20Kelas%20HTN%202B%20FINAL_files/main_add.css" rel="stylesheet" type="text/css"> <link href="Presensi%20Kelas%20HTN%202B%20FINAL_files/main_bootstrap3.css" rel="stylesheet" type="text/css"> <!-- favicon --> <link rel="icon" type="img/png" href="Presensi%20Kelas%20HTN%202B%20FINAL_files/1110.jpg" sizes="16x16"> <!-- flaticon--> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://assets.siakadcloud.com/assets/v1/js/external/html5shiv.js"></script> <script src="https://assets.siakadcloud.com/assets/v1/js/external/respond.min.js"></script> <![endif]--> <!-- jQuery 2.0.2 --> <script type="text/javascript" async="" src="Presensi%20Kelas%20HTN%202B%20FINAL_files/js"></script><script type="text/javascript" async="" src="Presensi%20Kelas%20HTN%202B%20FINAL_files/analytics.js"></script><script type="text/javascript" async="" src="Presensi%20Kelas%20HTN%202B%20FINAL_files/js_003"></script><script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/jquery.min.js"></script> <!-- jQuery UI 1.10.3 --> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/jquery-ui-1.10.3.min.js" type="text/javascript"></script> <!-- Bootstrap --> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/bootstrap.min.js" type="text/javascript"></script> <!-- iCheck --> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/icheck.min.js" type="text/javascript"></script> <!-- AdminLTE App --> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/app.js" type="text/javascript"></script> <!-- date-range-picker --> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/bootstrap-datepicker.js" type="text/javascript"></script> <!-- time-picker --> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/bootstrap-timepicker.min.js" type="text/javascript"></script> <!-- treeview --> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/treeview.js" type="text/javascript"></script> <!-- Typeahead --> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/typeahead.jquery.js" type="text/javascript"></script> <!-- number --> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/jquery.number.min.js" type="text/javascript"></script> <!-- cookie --> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/js.cookie.js" type="text/javascript"></script> <!-- wysihtml5 --> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script> <!-- input mask --> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/jquery.inputmask.js" type="text/javascript"></script> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/jquery.inputmask.date.extensions.js" type="text/javascript"></script> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/select2.full.js" type="text/javascript"></script> <!-- untuk ajax --> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/jquery.ajax.js" type="text/javascript"></script> <!-- untuk dialog--> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/bootbox.min.js" type="text/javascript"></script> <!-- tambahan --> <!-- <script src="https://assets.siakadcloud.com/assets/v1/js/jscolor/jscolor.js" type="text/javascript"></script> --> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/forhtml.js" type="text/javascript"></script> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/custom.js" type="text/javascript"></script> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/jquery.maskedinput.min.js" type="text/javascript"></script> <!-- <script src="https://assets.siakadcloud.com/assets/v1/js/jquery.mask.min.js" type="text/javascript"></script> --> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/toastr.min.js" type="text/javascript"></script> <!-- fontawesome 5 migration 5 kit --> <!-- <script src="https://assets.siakadcloud.com/assets/v1/js/fontawesome-kit.js" type="text/javascript"></script> --> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/jquery.dataTables.js" type="text/javascript"></script> <!-- ChartJS --> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/chart.umd.js"></script> <!-- Iconsax --> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/geticons.js"></script> <script type="text/javascript"> var g_abs_url = "/siakad/"; var g_page = "/siakad/list_absensi"; var g_extpage = g_page; </script> <style type="text/css"> span.rolename { color: #004680; } .company-pattern-custom, .role_box:hover { background-color: #004680 !important; } .company-pattern-color-siakad, .horizontal-menu-siakad.nav.nav-pills>li.active>a, .horizontal-menu-siakad.nav.nav-pills>li>a:hover, .horizontal-menu-siakad.nav.nav-pills>li>a:focus, .horizontal-menu-siakad.dropdown-menu>li>a:hover, .horizontal-menu-siakad.dropdown-menu>li>a:focus, .horizontal-menu-siakad.dropdown-menu>li>a:active, .horizontal-menu-siakad.nav.nav-pills>li.open>a, .horizontal-menu .dropdown.open>a, .horizontal-menu .dropdown-menu>li>a:active, .horizontal-menu .dropdown-menu>li>a:focus, .horizontal-menu .dropdown-menu>li>a:hover, .horizontal-menu .nav.nav-pills>li.active>a, .horizontal-menu .nav.nav-pills>li>a:focus, .horizontal-menu .nav.nav-pills>li>a:hover { background-color: #004680 !important; color: #FFF !important; } .company-pattern-color-siakad-bg { background: #004680 !important; } @media screen and (max-width: 767.98px) { .header a.logo { background-color: #0067bd !important; } } .nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a, .navbar-nav>.user-menu>.dropdown-menu>li.user-header { background-color: #004680; } .nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover, .nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus, .nav-tabs-custom>.nav-tabs>li:not(.active)>a:active { background-color: #0067bd; } </style> <style> /* mobile view */ @media screen and (max-width: 992px) { .row-offcanvas-left .sidebar-offcanvas { left: -240px; }; } </style> </head> <body class="skin-black pace-done modal-open" style="min-height: 379px;"><div class="pace pace-inactive"><div class="pace-progress" style="width: 100%;" data-progress-text="100%" data-progress="99"> <div class="pace-progress-inner"></div> </div> <div class="pace-activity"></div></div> <!-- header dan menu --> <header class="header" id="header-bootstrap5"> <div class="bg company-pattern-color-siakad"> <nav class="navbar" id="header"> <div class="container-xxl container"> <div class="left"> <div class="button-helper"> <button class="header-menu-mobile" data-toggle="modal" data-target="#sidebar-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/menu_mobile.svg" alt=""> </button> </div> <div class="img-helper"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/1110.jpg" alt=""> </div> <div id="title"> <h4>SIM Akademik</h4> <h1>Universitas Islam Negeri Fatmawati Sukarno Bengkulu</h1> </div> </div> <div id="header-mainmenu"> <div class="dropdown dim" id="notif"> <button class="dropdown-toggle" id="toggle-notif" role="button" data-bs-auto-close="outside" data-toggle="dropdown" aria-expanded="false"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/notification.svg" alt=""> <span class="" id="notif-count" style="border-color: #004680"> <h5>152</h5> </span> </button> <div class="dropdown-menu dropdown-menu-end dim" id="menu-notif"> <div id="notif-dialog"> <div id="notif-content"> <button type="button" class="btn closebtn" data-dismiss="modal"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/close.svg" alt=""> </button> <div class="notif exist"> <div class="header"> <h4>Notifikasi</h4> <a href="javascript:clearAllNotifikasi()">Tandai sudah dibaca</a> </div> <div class="notif-list"> <a onclick="clearNotifikasi(this)" class="notif-item unread" target="_blank" data-id="60333" href="https://uinbengkulu.siakadcloud.com/siakad/list_forumdetail/330014"> <div class="notif-wrapper"> <div class="photo"><img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/104140.jpg" style="max-width:100%"> <span class="mark"></span></div> <div class="content"><p><b>IMAM MAHDI</b> menambahkan post forum baru</p> <p id="timestamp">27 Juni 2024, 10:39:45</p> </div> </div> <div class="clear-item">Lihat</div> </a><a onclick="clearNotifikasi(this)" class="notif-item unread" target="_blank" data-id="60329" href="https://uinbengkulu.siakadcloud.com/siakad/list_forumdetail/330013"> <div class="notif-wrapper"> <div class="photo"><img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/104140.jpg" style="max-width:100%"> <span class="mark"></span></div> <div class="content"><p><b>IMAM MAHDI</b> menambahkan post forum baru</p> <p id="timestamp">27 Juni 2024, 10:37:03</p> </div> </div> <div class="clear-item">Lihat</div> </a><a onclick="clearNotifikasi(this)" class="notif-item unread" target="_blank" data-id="60327" href="https://uinbengkulu.siakadcloud.com/siakad/list_forumdetail/330011"> <div class="notif-wrapper"> <div class="photo"><img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/104140.jpg" style="max-width:100%"> <span class="mark"></span></div> <div class="content"><p><b>IMAM MAHDI</b> menambahkan post forum baru</p> <p id="timestamp">27 Juni 2024, 10:34:33</p> </div> </div> <div class="clear-item">Lihat</div> </a><a onclick="clearNotifikasi(this)" class="notif-item hidden" target="_blank"> <div class="notif-wrapper"> <div class="photo"></div> <div class="content"> <p id="timestamp"></p> </div> </div> <div class="clear-item">Lihat</div> </a> </div> <div class="item-empty"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/empty_states_notification.svg" alt=""> <h3>Hooray! You're up to date</h3> <h4>Kami akan segera memberi tahu Anda apabila ada informasi baru</h4> </div> <div class="footer"> <a href="https://uinbengkulu.siakadcloud.com/siakad/list_notifikasi">Lihat semua notifikasi</a> </div> </div> </div> </div> </div> </div> <div class="dropdown dim" id="menu"> <button class="dropdown-toggle" id="toggle-menu" onclick="openInNewTab('https://uinbengkulu.siakadcloud.com/gate/menu')"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/menu.svg" alt=""> </button> </div> <div class="dropdown dim" id="profile"> <button class="dropdown-toggle" id="toggle-profile" role="button" data-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false"> <div class="profile-img"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/104140.jpg" style="max-width:100%"> </div> <span class="dropdown-arrow"></span> </button> <div class="dropdown-menu dropdown-menu-end dim" id="menu-profile"> <div id="profile-dialog"> <div id="profile-content"> <button type="button" class="btn closebtn" data-dismiss="modal"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/close.svg" alt=""> </button> <div class="scroll-wrapper"> <div class="header"> <div class="profile"> <div class="profile-img"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/104140.jpg" style="max-width:100%"> </div> <div> <h4>IMAM MAHDI</h4> <a href="https://uinbengkulu.siakadcloud.com/gate/profil" target="_blank"> Lihat Profil <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/arrow_forward.svg" alt=""> </a> </div> </div> <a class="btn modulbtn" href="javascript:showMenuModul()"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/mobile_menu.svg" alt=""> </a> </div> <ul class="menu-group"> <li class="menu-item" id="mobile-notif"> <a data-bs-toggle="modal" data-bs-target="#menu-notif" data-bs-dismiss="modal"> Notifikasi <span class="counter"><p>152</p></span> </a> </li> <li class="menu-item"> <a href="https://uinbengkulu.siakadcloud.com/siakad/data_pegawai"> Data Pegawai </a> </li> </ul> <div class="footer"> <div class="menu-footer"> <a id="pilih-bahasa" href="javascript:showModalBahasa()"> <div> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/bahasa_aplikasi.svg" alt=""> Bahasa Aplikasi </div> <div id="lang"> ID <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/bendera_id.svg" alt=""> </div> </a> </div> <div class="menu-footer"> <a href="https://knowledge.sevima.com/" target="_blank"> <div> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/bantuan.svg" alt=""> Bantuan </div> </a> </div> <div class="menu-footer"> <a href="https://uinbengkulu.siakadcloud.com/siakad/logout" id="logout"> <div> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/keluar.svg" alt=""> Keluar </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </nav> <nav class="navbar navbar-expand-xl" id="menu"> <div class="container-xxl container"> <div class="collapse navbar-collapse"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="https://uinbengkulu.siakadcloud.com/siakad/home">Beranda</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false"> Bimbingan<span class="dropdown-arrow"></span> </a> <div class="dropdown-menu company-pattern-color-siakad" onmouseleave="noThirdLevel(this)"> <div class="wrapper" style="min-height: 379px;"> <h5 class="sub-menu">BIMBINGAN</h5> <ul class="item-wrapper"> <li class="three-level"> <a class="dropdown-item" href="https://uinbengkulu.siakadcloud.com/siakad/list_konsultasi" onmouseenter="noThirdLevel(this)"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/konsultasi.svg" alt=""> </div> <div class="text-menu"> <h4>Konsultasi</h4> <h5>Konsultasi dengan Mahasiswa</h5> </div> </a> </li> <li class="three-level"> <a class="dropdown-item" href="https://uinbengkulu.siakadcloud.com/siakad/list_mhspa" onmouseenter="noThirdLevel(this)"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/pembimbing_akademik.svg" alt=""> </div> <div class="text-menu"> <h4>Pembimbing Akademik</h4> <h5>Monitoring KRS Mahasiswa</h5> </div> </a> </li> <li class="three-level"> <a class="dropdown-item" href="https://uinbengkulu.siakadcloud.com/siakad/list_pengajuanta" onmouseenter="noThirdLevel(this)"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/proposal_tugas_akhir.svg" alt=""> </div> <div class="text-menu"> <h4>Proposal Tugas Akhir</h4> <h5>Pengajuan TA Mahasiswa</h5> </div> </a> </li> <li class="three-level"> <a class="dropdown-item" href="https://uinbengkulu.siakadcloud.com/siakad/list_ta" onmouseenter="noThirdLevel(this)"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/daftar_skripsi_002.svg" alt=""> </div> <div class="text-menu"> <h4>Daftar Tugas Akhir</h4> <h5>Progres TA Mahasiswa</h5> </div> </a> </li> <li class="three-level"> <a class="dropdown-item" href="https://uinbengkulu.siakadcloud.com/siakad/list_kkn" onmouseenter="noThirdLevel(this)"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/kegiatan_pendukung_002.svg" alt=""> </div> <div class="text-menu"> <h4>Kegiatan Pendukung</h4> <h5>Monitoring Kegiatan Mahasiswa</h5> </div> </a> </li> </ul> <div class="third-level-container"></div> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false"> Jadwal<span class="dropdown-arrow"></span> </a> <div class="dropdown-menu company-pattern-color-siakad" onmouseleave="noThirdLevel(this)"> <div class="wrapper" style="min-height: 379px;"> <h5 class="sub-menu">JADWAL</h5> <ul class="item-wrapper"> <li class="three-level"> <a class="dropdown-item" href="https://uinbengkulu.siakadcloud.com/siakad/view_kalender" onmouseenter="noThirdLevel(this)"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/kalender_akademik.svg" alt=""> </div> <div class="text-menu"> <h4>Kalender Akademik</h4> <h5>Daftar Kegiatan Akademik</h5> </div> </a> </li> <li class="three-level"> <a class="dropdown-item" href="https://uinbengkulu.siakadcloud.com/siakad/list_jadwalajar" onmouseenter="noThirdLevel(this)"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/jadwal_minggu_ini.svg" alt=""> </div> <div class="text-menu"> <h4>Jadwal Minggu ini</h4> <h5>Kegiatan dalam Seminggu</h5> </div> </a> </li> <li class="three-level"> <a class="dropdown-item" href="https://uinbengkulu.siakadcloud.com/siakad/list_jadwalajarsmt" onmouseenter="noThirdLevel(this)"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/jadwal_semester_ini_002.svg" alt=""> </div> <div class="text-menu"> <h4>Jadwal Semester Ini</h4> <h5>Kegiatan dalam Semester</h5> </div> </a> </li> </ul> <div class="third-level-container"></div> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle active" aria-current="page" href="#" role="button" data-toggle="dropdown" aria-expanded="false"> Perkuliahan<span class="dropdown-arrow"></span> </a> <div class="dropdown-menu company-pattern-color-siakad" onmouseleave="noThirdLevel(this)"> <div class="wrapper" style="min-height: 379px;"> <h5 class="sub-menu">PERKULIAHAN</h5> <ul class="item-wrapper"> <li class="three-level"> <a class="dropdown-item" href="#" onmouseenter="showThirdLevel(this)"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/kelas_kuliah.svg" alt=""> </div> <div class="text-menu"> <h4>E-learning</h4> <h5>Pembelajaran Akademik</h5> </div> </a> <div class="third-level-content-wrapper"> <div class="third-level-content"> <h5 class="third-sub-menu-title">E-LEARNING</h5> <a href="https://uinbengkulu.siakadcloud.com/siakad/list_forumedlink"> <h5>Kelas Edlink</h5> </a> <a href="https://uinbengkulu.siakadcloud.com/siakad/list_kelaskm"> <h5>Kelas Kampus Merdeka</h5> </a> <a href="https://uinbengkulu.siakadcloud.com/siakad/list_forum"> <h5>Forum Kelas (Lama)</h5> </a> </div> </div> </li> <li class="three-level"> <a class="dropdown-item" href="https://uinbengkulu.siakadcloud.com/siakad/list_matakuliah" onmouseenter="noThirdLevel(this)"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/mata_kuliah.svg" alt=""> </div> <div class="text-menu"> <h4>Mata Kuliah</h4> <h5>Daftar Mata Kuliah Dosen</h5> </div> </a> </li> <li class="three-level"> <a class="dropdown-item" href="https://uinbengkulu.siakadcloud.com/siakad/list_kelas" onmouseenter="noThirdLevel(this)"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/batas_sks_002.svg" alt=""> </div> <div class="text-menu"> <h4>Kelas Kuliah</h4> <h5>Referensi SKS Mahasiswa</h5> </div> </a> </li> </ul> <div class="third-level-container"></div> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false"> Laporan<span class="dropdown-arrow"></span> </a> <div class="dropdown-menu company-pattern-color-siakad" onmouseleave="noThirdLevel(this)"> <div class="wrapper" style="min-height: 379px;"> <h5 class="sub-menu">LAPORAN</h5> <ul class="item-wrapper"> <li class="three-level"> <a class="dropdown-item" href="#" onmouseenter="showThirdLevel(this)"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/perkuliahan.svg" alt=""> </div> <div class="text-menu"> <h4>Perkuliahan</h4> <h5>Rekap Kegiatan Mahasiswa</h5> </div> </a> <div class="third-level-content-wrapper"> <div class="third-level-content"> <h5 class="third-sub-menu-title">PERKULIAHAN</h5> <a href="https://uinbengkulu.siakadcloud.com/siakad/repp_prosentaseabs"> <h5>Presentase Kehadiran Mahasiswa</h5> </a> <a href="https://uinbengkulu.siakadcloud.com/siakad/repp_isiabsensi"> <h5>Absensi Mahasiswa</h5> </a> </div> </div> </li> <li class="three-level"> <a class="dropdown-item" href="#" onmouseenter="showThirdLevel(this)"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/nilai_002.svg" alt=""> </div> <div class="text-menu"> <h4>Nilai</h4> <h5>Rekap Nilai Mahasiswa</h5> </div> </a> <div class="third-level-content-wrapper"> <div class="third-level-content"> <h5 class="third-sub-menu-title">NILAI</h5> <a href="https://uinbengkulu.siakadcloud.com/siakad/repp_nilaimhs"> <h5>Nilai Mahasiswa</h5> </a> </div> </div> </li> <li class="three-level"> <a class="dropdown-item" href="#" onmouseenter="showThirdLevel(this)"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/kampus_merdeka.svg" alt=""> </div> <div class="text-menu"> <h4>Kampus Merdeka</h4> <h5>Studi Mandiri Mahasiswa</h5> </div> </a> <div class="third-level-content-wrapper"> <div class="third-level-content"> <h5 class="third-sub-menu-title">KAMPUS MERDEKA</h5> <a href="https://uinbengkulu.siakadcloud.com/siakad/repp_nilaimhskm"> <h5>Nilai Per Mahasiswa</h5> </a> <a href="https://uinbengkulu.siakadcloud.com/siakad/repp_nilaikelaskm"> <h5>Nilai Per Kelas</h5> </a> </div> </div> </li> </ul> <div class="third-level-container"></div> </div> </div> </li> </ul> </div> </div> </nav> </div> </header> <!-- sidebar --> <div id="sidebar-menu" class="sidebar modal fade" tabindex="-1" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <button type="button" class="btn closebtn" data-dismiss="modal"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/close.svg" alt=""> </button> <div class="kampus"> <div class="img-helper"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/1110.jpg" alt=""> </div> <div id="title"> <h4>SIM Akademik</h4> <h1>Universitas Islam Negeri Fatmawati Sukarno Bengkulu</h1> </div> </div> <div class="accordion accordion-flush" id="accordion-sidebar"> <div class="accordion-item"> <h2 class="accordion-header" id="heading-beranda"> <a class="accordion-button collapsed" type="button" id="beranda" href="https://uinbengkulu.siakadcloud.com/siakad/home"> <p>Beranda</p> </a> </h2> </div> <div class="accordion-item"> <h2 class="accordion-header" id="heading-bimbingan"> <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#collapse-bimbingan" aria-expanded="false" aria-controls="collapse-bimbingan"> <p>Bimbingan</p> </button> </h2> <div id="collapse-bimbingan" class="accordion-collapse collapse" aria-labelledby="heading-bimbingan" data-bs-parent="#accordion-sidebar"> <div class="accordion-body"> <a class="child-menu" href="https://uinbengkulu.siakadcloud.com/siakad/list_konsultasi"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/konsultasi_002.svg" alt=""> </div> <div class="text-menu"> <h4>Konsultasi</h4> <h5>Konsultasi dengan Mahasiswa</h5> </div> </a> <a class="child-menu" href="https://uinbengkulu.siakadcloud.com/siakad/list_mhspa"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/pembimbing_akademik_002.svg" alt=""> </div> <div class="text-menu"> <h4>Pembimbing Akademik</h4> <h5>Monitoring KRS Mahasiswa</h5> </div> </a> <a class="child-menu" href="https://uinbengkulu.siakadcloud.com/siakad/list_pengajuanta"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/proposal_tugas_akhir_002.svg" alt=""> </div> <div class="text-menu"> <h4>Proposal Tugas Akhir</h4> <h5>Pengajuan TA Mahasiswa</h5> </div> </a> <a class="child-menu" href="https://uinbengkulu.siakadcloud.com/siakad/list_ta"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/daftar_skripsi.svg" alt=""> </div> <div class="text-menu"> <h4>Daftar Tugas Akhir</h4> <h5>Progres TA Mahasiswa</h5> </div> </a> <a class="child-menu" href="https://uinbengkulu.siakadcloud.com/siakad/list_kkn"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/kegiatan_pendukung.svg" alt=""> </div> <div class="text-menu"> <h4>Kegiatan Pendukung</h4> <h5>Monitoring Kegiatan Mahasiswa</h5> </div> </a> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="heading-jadwal"> <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#collapse-jadwal" aria-expanded="false" aria-controls="collapse-jadwal"> <p>Jadwal</p> </button> </h2> <div id="collapse-jadwal" class="accordion-collapse collapse" aria-labelledby="heading-jadwal" data-bs-parent="#accordion-sidebar"> <div class="accordion-body"> <a class="child-menu" href="https://uinbengkulu.siakadcloud.com/siakad/view_kalender"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/kalender_akademik_002.svg" alt=""> </div> <div class="text-menu"> <h4>Kalender Akademik</h4> <h5>Daftar Kegiatan Akademik</h5> </div> </a> <a class="child-menu" href="https://uinbengkulu.siakadcloud.com/siakad/list_jadwalajar"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/jadwal_minggu_ini_002.svg" alt=""> </div> <div class="text-menu"> <h4>Jadwal Minggu ini</h4> <h5>Kegiatan dalam Seminggu</h5> </div> </a> <a class="child-menu" href="https://uinbengkulu.siakadcloud.com/siakad/list_jadwalajarsmt"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/jadwal_semester_ini.svg" alt=""> </div> <div class="text-menu"> <h4>Jadwal Semester Ini</h4> <h5>Kegiatan dalam Semester</h5> </div> </a> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="heading-perkuliahan"> <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#collapse-perkuliahan" aria-expanded="false" aria-controls="collapse-perkuliahan"> <p>Perkuliahan</p> </button> </h2> <div id="collapse-perkuliahan" class="accordion-collapse collapse" aria-labelledby="heading-perkuliahan" data-bs-parent="#accordion-sidebar"> <div class="accordion-body"> <a class="child-menu" href="#" onclick="mobileShowThirdLevel(this)"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/kelas_kuliah_002.svg" alt=""> </div> <div class="text-menu"> <h4>E-learning</h4> <h5>Pembelajaran Akademik</h5> </div> <span class="material-icons-round"> expand_more </span> </a> <div class="third-level-mobile"> <a href="https://uinbengkulu.siakadcloud.com/siakad/list_forumedlink"> <h5>Kelas Edlink</h5> </a> <a href="https://uinbengkulu.siakadcloud.com/siakad/list_kelaskm"> <h5>Kelas Kampus Merdeka</h5> </a> <a href="https://uinbengkulu.siakadcloud.com/siakad/list_forum"> <h5>Forum Kelas (Lama)</h5> </a> </div> <a class="child-menu" href="https://uinbengkulu.siakadcloud.com/siakad/list_matakuliah"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/mata_kuliah_002.svg" alt=""> </div> <div class="text-menu"> <h4>Mata Kuliah</h4> <h5>Daftar Mata Kuliah Dosen</h5> </div> </a> <a class="child-menu" href="https://uinbengkulu.siakadcloud.com/siakad/list_kelas"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/batas_sks.svg" alt=""> </div> <div class="text-menu"> <h4>Kelas Kuliah</h4> <h5>Referensi SKS Mahasiswa</h5> </div> </a> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="heading-laporan"> <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#collapse-laporan" aria-expanded="false" aria-controls="collapse-laporan"> <p>Laporan</p> </button> </h2> <div id="collapse-laporan" class="accordion-collapse collapse" aria-labelledby="heading-laporan" data-bs-parent="#accordion-sidebar"> <div class="accordion-body"> <a class="child-menu" href="#" onclick="mobileShowThirdLevel(this)"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/perkuliahan_002.svg" alt=""> </div> <div class="text-menu"> <h4>Perkuliahan</h4> <h5>Rekap Kegiatan Mahasiswa</h5> </div> <span class="material-icons-round"> expand_more </span> </a> <div class="third-level-mobile"> <a href="https://uinbengkulu.siakadcloud.com/siakad/repp_prosentaseabs"> <h5>Presentase Kehadiran Mahasiswa</h5> </a> <a href="https://uinbengkulu.siakadcloud.com/siakad/repp_isiabsensi"> <h5>Absensi Mahasiswa</h5> </a> </div> <a class="child-menu" href="#" onclick="mobileShowThirdLevel(this)"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/nilai.svg" alt=""> </div> <div class="text-menu"> <h4>Nilai</h4> <h5>Rekap Nilai Mahasiswa</h5> </div> <span class="material-icons-round"> expand_more </span> </a> <div class="third-level-mobile"> <a href="https://uinbengkulu.siakadcloud.com/siakad/repp_nilaimhs"> <h5>Nilai Mahasiswa</h5> </a> </div> <a class="child-menu" href="#" onclick="mobileShowThirdLevel(this)"> <div class="icon-menu"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/kampus_merdeka_002.svg" alt=""> </div> <div class="text-menu"> <h4>Kampus Merdeka</h4> <h5>Studi Mandiri Mahasiswa</h5> </div> <span class="material-icons-round"> expand_more </span> </a> <div class="third-level-mobile"> <a href="https://uinbengkulu.siakadcloud.com/siakad/repp_nilaimhskm"> <h5>Nilai Per Mahasiswa</h5> </a> <a href="https://uinbengkulu.siakadcloud.com/siakad/repp_nilaikelaskm"> <h5>Nilai Per Kelas</h5> </a> </div> </div> </div> </div> </div> </div> </div> </div> <!-- top-alert --> <!-- * alert dari flash data jika ada aksi * $p_toppostmsg dan $p_topposterr karena digunakan untuk dashboard saja saat ini supaya dihalaman lain tidak ikut muncul * misal nanti alert ini dipakai global, hapus saja kata top-nya --> <!-- modal pilihan bahasa --> <div class="modal fade" id="modalBahasa" tabindex="-1" aria-labelledby="modalBahasa" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Pilih Bahasa</h4> </div> <div class="modal-body" style="max-height: 287px;"> <a class="pilihan-bahasa" href="https://uinbengkulu.siakadcloud.com/siakad/list_absensi/330011?lang=id"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/id.svg" alt=""> <div class="bahasa"> <p>Bahasa Indonesia</p> <h5>Indonesia</h5> </div> </a> <hr> <a class="pilihan-bahasa" href="https://uinbengkulu.siakadcloud.com/siakad/list_absensi/330011?lang=en"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/en.svg" alt=""> <div class="bahasa"> <p>English</p> <h5>United Kingdom</h5> </div> </a> </div> </div> </div> </div> <script type="text/javascript"> var bs3 = true; var role = "dosen"; var not_hidden = "hidden"; var not_ajax = "/siakad/ajax"; </script> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/background-dim.js"></script> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/header.js"></script> <div class="container "> <div class="wrapper row-offcanvas row-offcanvas-left" style="min-height: 379px;"> <!-- Right side column. Contains the navbar and content of the page --> <aside class="right-side"> <!-- Content Header (Page header) --> <section class="content-header content-header-vertical"> <ol class="breadcrumb"> <li><i class="fa fa-bars"></i></li> <li class="active">Perkuliahan</li> <li><a href="https://uinbengkulu.siakadcloud.com/siakad/list_kelas">Kelas Kuliah</a></li> <li class="active"> Riwayat Perkuliahan dan Presensi Kelas </li> </ol> <div style="display: flex; justify-content: space-between; flex-wrap: wrap; gap: 18px"> <h1> Presensi Kelas <small>Riwayat Perkuliahan dan Presensi Kelas</small> </h1> <button id="showhide-navigation" class="btn btn-info btn-sm" style="background: #0f6af5; display: none;" type="button" data-type="list"> <i class="fa fa-map-o"></i> <span>Sembunyikan Panduan</span> </button> </div> <script> $(document).ready(function() { const moduleName = 'siakad'; $("#showhide-navigation").hide(); window.addEventListener("navigation:widget-loaded", ({ detail }) => { const navItem = $("nav-widget")[0].shadowRoot; const isExistsNavigation = $("nav-widget").length > 0; const isEmptyItemNavigation = $(navItem).children().length === 0; if (isExistsNavigation && !isEmptyItemNavigation) { $("#showhide-navigation").show(); $('#showhide-navigation').click(function() { const toggleShowHide = new CustomEvent( "navigation:action-showhide", ); window.dispatchEvent(toggleShowHide); toggleShowHideNavigationButton(moduleName); }); toggleShowHideNavigationButton(moduleName); } }) }); function toggleShowHideNavigationButton (moduleName) { let hideWidgetModules = []; try { hideWidgetModules = JSON.parse( localStorage.getItem( "_navigation__hide-widget-module-lists" ) ); if (hideWidgetModules.includes(moduleName)) { $("#showhide-navigation").find('span').text("Tampilkan Panduan"); } else { $("#showhide-navigation").find('span').text("Sembunyikan Panduan"); } } catch {} } </script> </section> <!-- Main content --> <section class="content"> <!-- Start Alert --> <!-- End Alert --> <div class="row"> <!-- left column --> <div class="col-md-12"> <!-- general form elements --> <div class="box box-primary"> <div id="header-search" class="box-header col-md-12 mar-bot-20px" style="border-bottom:1px solid #eee;"> <div class="row"> <div class="col-md-4 box-title"> <div class="search-form"> <form id="form_menu" method="post"> <input name="act" id="act" type="hidden"> <input name="key" id="key" type="hidden"> </form> <form id="form_cari" method="post" class="text-right"> <div id="div_cari" class="input-group"> <div class="input-group-btn"> <button onclick="goShowMenu('hideleftfilter')" type="button" class="btn btn-warning btn-sm" data-toggle="tooltip" title="" data-original-title="Sembunyikan Menu"><i class="fa fa fa-angle-double-left"></i></button> </div> <span class="twitter-typeahead" style="position: relative; display: inline-block; direction: ltr;"><input class="form-control input-sm typeahead tt-hint" data-inkey="key" data-cari="cari/kelas" type="text" style="position: absolute; top: 0px; left: 0px; border-color: transparent; box-shadow: none; opacity: 1; background: rgb(255, 255, 255);" readonly="readonly" autocomplete="off" spellcheck="false" tabindex="-1"><input class="form-control input-sm typeahead tt-input" data-inkey="key" data-cari="cari/kelas" placeholder="Cari Kelas" type="text" autocomplete="off" spellcheck="false" style="position: relative; vertical-align: top; background-color: transparent;" dir="auto"><pre aria-hidden="true" style="position: absolute; visibility: hidden; white-space: pre; font-family: "Poppins", sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; word-spacing: 0px; letter-spacing: 0px; text-indent: 0px; text-rendering: optimizelegibility; text-transform: none;"></pre><span class="tt-dropdown-menu" style="position: absolute; top: 100%; left: 0px; z-index: 100; display: none; right: auto;"><div class="tt-dataset-0"></div></span></span> <input name="key" id="key" type="hidden"> <div class="input-group-btn"> <button type="submit" name="q" class="btn btn-sm btn-primary" data-toggle="tooltip" title="" data-original-title="Pilih Kelas"><i class="fa fa-search"></i></button> </div> </div> </form> </div> </div> <div class="col-md-8 box-title" align="right"> <button class="btn btn-info btn-sm" type="button" onclick="goList()"><i class="fa fa-chevron-left"></i> <span>Kembali ke Daftar</span></button> <div class="btn-group"><button class="btn btn-info btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-print"></i> <span>Dosen</span><span class="caret" style="margin-left: 6px"></span></button><ul class="dropdown-menu pull-right"><li><a onclick="goReport('rep_isiabsensidosen')" class="text-left cursor-pointer">Lembar Presensi</a></li><li><a onclick="goReport('rep_rekapabsendosen')" class="text-left cursor-pointer">Laporan Presensi</a></li></ul></div> <div class="btn-group"><button class="btn btn-info btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-print"></i> <span>Mahasiswa</span><span class="caret" style="margin-left: 6px"></span></button><ul class="dropdown-menu pull-right"><li><a onclick="goReport('rep_isiabsensi')" class="text-left cursor-pointer">Lembar Presensi</a></li><li><a onclick="goReport('rep_prosentaseabs')" class="text-left cursor-pointer">Laporan Presensi</a></li></ul></div> </div> </div> </div> <!-- /.box-header --> <!-- form start --> <div class="box-body"> <div class="row"> <div class="col-md-2 profile"> <ul class="list-unstyled profile-nav"> <ul id="sidebar-menu-list" class="list-unstyled profile-nav"><li><a class="" style="padding-left:10px;" href="https://uinbengkulu.siakadcloud.com/siakad/data_kelas/detail/330011">Detail Kelas</a></li><li><a class="" style="padding-left:10px;" href="https://uinbengkulu.siakadcloud.com/siakad/data_pengajar/detail/330011">Dosen Pengajar</a></li><li><a class="" style="padding-left:10px;" href="https://uinbengkulu.siakadcloud.com/siakad/list_peserta/330011">Peserta Kelas</a></li><li><a class="" style="padding-left:10px;" href="https://uinbengkulu.siakadcloud.com/siakad/data_kontrakkul/detail/330011">Kontrak Kuliah</a></li><li><a class="" style="padding-left:10px;" href="https://uinbengkulu.siakadcloud.com/siakad/list_perkuliahan/330011">Jadwal Perkuliahan</a></li><li class="active"><a class="" style="padding-left:10px;" href="https://uinbengkulu.siakadcloud.com/siakad/list_absensi/330011">Presensi Kelas</a></li><li><a class="" style="padding-left:10px;" href="https://uinbengkulu.siakadcloud.com/siakad/list_kesanmhs/330011">Kesan Perkuliahan</a></li><li><a class="" style="padding-left:10px;" href="https://uinbengkulu.siakadcloud.com/siakad/list_jadwalujian/330011">Jadwal Ujian</a></li><li><a class="" style="padding-left:10px;" href="https://uinbengkulu.siakadcloud.com/siakad/set_nilai/330011">Nilai Perkuliahan</a></li><li><a class="" style="padding-left:10px;" href="https://uinbengkulu.siakadcloud.com/siakad/list_angketkelas/330011">Rekap Kuesioner</a></li><li><a class="" style="padding-left:10px;" href="https://uinbengkulu.siakadcloud.com/siakad/view_rps/330011">RPS</a></li><li><a class="" style="padding-left:10px;" href="https://uinbengkulu.siakadcloud.com/siakad/list_forumkelas/330011">Tugas Kuliah</a></li></ul> <script type="text/javascript"> $(document).ready(function(){ $(".link-sidebar-tree").click(function(){ id = $(this).attr("data-id"); $("#"+id).toggle(); icon = $("#icon-"+id).attr("class"); if(icon == "fa pull-right fa-angle-down"){ $("#icon-"+id).attr("class","fa pull-right fa-angle-up"); }else{ $("#icon-"+id).attr("class","fa pull-right fa-angle-down"); } }); }); </script> </ul> </div> <div class="col-md-10"> <div class="callout callout-info"> <div class="row"> <label class="col-md-2">Program Studi</label> <div class="col-md-4" style="word-wrap: break-word;">S1 - Hukum Tatanegara (Siyasah)</div> <label class="col-md-2">Periode</label> <div class="col-md-4" style="word-wrap: break-word;">2023 Genap</div> </div> <div class="row"> <label class="col-md-2">Mata Kuliah</label> <div class="col-md-4" style="word-wrap: break-word;">HTN-210215 - Hukum Tata Negara - 2 SKS</div> <label class="col-md-2">Nama Kelas</label> <div class="col-md-4" style="word-wrap: break-word;">II B</div> </div> <div class="row"> <label class="col-md-2">Kurikulum</label> <div class="col-md-4" style="word-wrap: break-word;">2022</div> <label class="col-md-2">Sistem Kuliah</label> <div class="col-md-4" style="word-wrap: break-word;">Reguler</div> </div> <div class="row"> <label class="col-md-2">Kapasitas</label> <div class="col-md-4" style="word-wrap: break-word;">30</div> <label class="col-md-2">Peserta</label> <div class="col-md-4" style="word-wrap: break-word;">27</div> </div> </div> <!-- table-responsive --> <div class="table-responsive"> <table class="table table-bordered table-striped dataTable" style="width: 100%;"> <thead> <tr> <th style="width: 5%;">Pert.</th> <th style="width: 15%;">Waktu</th> <th>Rencana & Realisasi Materi</th> <th style="width: 20%;">Pengajar</th> <th style="width: 5%;">Ruang</th> <th style="width: 5%;">Hadir</th> <th style="width: 5%;">%</th> <th style="width: 5%;">Absen</th> </tr> </thead> <tbody> <tr> <td class="text-center">1</td> <td class="text-center"> Senin, 19 Feb 2024 <br> 07:30 - 09:10 </td> <td class="word-wrap"> 1. Istilah 2. ObjekdanPengertian 3. Hubungan HTN dengan ilmu Politik, HAN, Hk. Perdata dan Hukum Pidana 4. Sistematika HTN. <hr style="margin: 5px 0;border-color: #333"> 1. Istilah 2. ObjekdanPengertian 3. Hubungan HTN dengan ilmu Politik, HAN, Hk. Perdata dan Hukum Pidana 4. Sistematika HTN. </td> <td class="word-wrap">IMAM MAHDI</td> <td class="text-center">B8.2.2</td> <td class="text-right">27</td> <td class="text-right">100.00</td> <td class="text-center"> <button type="button" class="btn btn-info btn-xs btn-flat" data-tgljadwal="2024-02-19" data-id="142373" data-type="absensi" data-toggle="tooltip" title="" data-original-title="Isi Presensi"> <i class="fa fa-user"></i> </button> </td> </tr> <tr> <td class="text-center">2</td> <td class="text-center"> Senin, 26 Feb 2024 <br> 07:30 - 09:10 </td> <td class="word-wrap"> Asas-asas HTN <hr style="margin: 5px 0;border-color: #333"> . Asas HTNdi dalam Hukum Positif 2. Dasar Falsafah Pancasila 1. Asas negara hukum 3. Asas Kedaulatan Rakyat 4. Asas Pembagian Kekuasaan 5. Asas kontrol dan Keseimbangan </td> <td class="word-wrap">IMAM MAHDI</td> <td class="text-center">B8.2.2</td> <td class="text-right">26</td> <td class="text-right">96.30</td> <td class="text-center"> <button type="button" class="btn btn-info btn-xs btn-flat" data-tgljadwal="2024-02-26" data-id="142374" data-type="absensi" data-toggle="tooltip" title="" data-original-title="Isi Presensi"> <i class="fa fa-user"></i> </button> </td> </tr> <tr> <td class="text-center">3</td> <td class="text-center"> Senin, 4 Mar 2024 <br> 07:30 - 09:10 </td> <td class="word-wrap"> menjelaskan Asas-asa HTN <hr style="margin: 5px 0;border-color: #333"> 1. Asas HTNdi dalam Hukum Positif 2. Dasar Falsafah Pancasila 1. Asas negara hukum 3. Asas Kedaulatan Rakyat 4. Asas Pembagian Kekuasaan 5. Asas kontrol dan Keseimbangan </td> <td class="word-wrap">IMAM MAHDI</td> <td class="text-center">B8.2.2</td> <td class="text-right">26</td> <td class="text-right">96.30</td> <td class="text-center"> <button type="button" class="btn btn-info btn-xs btn-flat" data-tgljadwal="2024-03-04" data-id="142375" data-type="absensi" data-toggle="tooltip" title="" data-original-title="Isi Presensi"> <i class="fa fa-user"></i> </button> </td> </tr> <tr> <td class="text-center">4</td> <td class="text-center"> Senin, 11 Mar 2024 <br> 07:30 - 09:10 </td> <td class="word-wrap"> Sejarah Ketatanegaraan Indonesia 1. Menyebutkan sejarah pembentukan negara 2. Menjelaskan perkembanganKonstitusi di Indonesia <hr style="margin: 5px 0;border-color: #333"> 1. Sejarah Ketata Negaraan Indonesia 2. UUD 1945, Konstitusi RIS, UUDS 1950, Dekrit Presiden, Perubahan UUD, Komisi Konstitusi </td> <td class="word-wrap">IMAM MAHDI</td> <td class="text-center">B8.2.2</td> <td class="text-right">27</td> <td class="text-right">100.00</td> <td class="text-center"> <button type="button" class="btn btn-info btn-xs btn-flat" data-tgljadwal="2024-03-11" data-id="142376" data-type="absensi" data-toggle="tooltip" title="" data-original-title="Isi Presensi"> <i class="fa fa-user"></i> </button> </td> </tr> <tr> <td class="text-center">5</td> <td class="text-center"> Senin, 18 Mar 2024 <br> 07:30 - 09:10 </td> <td class="word-wrap"> Perkembangan Demokrasi di Indonesia <hr style="margin: 5px 0;border-color: #333"> 1.Parlementer, 2. Pancasila/Orde Baru dan 3. Era Reformasi </td> <td class="word-wrap">IMAM MAHDI</td> <td class="text-center">B8.2.2</td> <td class="text-right">26</td> <td class="text-right">96.30</td> <td class="text-center"> <button type="button" class="btn btn-info btn-xs btn-flat" data-tgljadwal="2024-03-18" data-id="142377" data-type="absensi" data-toggle="tooltip" title="" data-original-title="Isi Presensi"> <i class="fa fa-user"></i> </button> </td> </tr> <tr> <td class="text-center">6</td> <td class="text-center"> Senin, 25 Mar 2024 <br> 07:30 - 09:10 </td> <td class="word-wrap"> HTN dalam Falsafah Negara <hr style="margin: 5px 0;border-color: #333"> 1. Falsafah Negara 2. Rechtsstaaat, the rule of law, social legality, Negara hokum Islam, Negara Hukum Pancasila </td> <td class="word-wrap">IMAM MAHDI</td> <td class="text-center">B8.2.2</td> <td class="text-right">27</td> <td class="text-right">100.00</td> <td class="text-center"> <button type="button" class="btn btn-info btn-xs btn-flat" data-tgljadwal="2024-03-25" data-id="142378" data-type="absensi" data-toggle="tooltip" title="" data-original-title="Isi Presensi"> <i class="fa fa-user"></i> </button> </td> </tr> <tr> <td class="text-center">7</td> <td class="text-center"> Senin, 1 Apr 2024 <br> 07:30 - 09:10 </td> <td class="word-wrap"> Teori HTN Kaitanya dengan negara hukum <hr style="margin: 5px 0;border-color: #333"> 1. Teori Perjanjian Masyarakat 2.Teori Trias Politika dll 3.chek and balances </td> <td class="word-wrap">IMAM MAHDI</td> <td class="text-center">B8.2.2</td> <td class="text-right">27</td> <td class="text-right">100.00</td> <td class="text-center"> <button type="button" class="btn btn-info btn-xs btn-flat" data-tgljadwal="2024-04-01" data-id="142379" data-type="absensi" data-toggle="tooltip" title="" data-original-title="Isi Presensi"> <i class="fa fa-user"></i> </button> </td> </tr> <tr> <td class="text-center">8</td> <td class="text-center"> Senin, 8 Apr 2024 <br> 07:30 - 09:10 </td> <td class="word-wrap"> Blanko Soal <hr style="margin: 5px 0;border-color: #333"> Lembar jawaban soal UTS </td> <td class="word-wrap">IMAM MAHDI</td> <td class="text-center">B8.2.2</td> <td class="text-right">26</td> <td class="text-right">96.30</td> <td class="text-center"> <button type="button" class="btn btn-info btn-xs btn-flat" data-tgljadwal="2024-04-08" data-id="142380" data-ujian="1" data-type="absensi" data-toggle="tooltip" title="" data-original-title="Isi Presensi"> <i class="fa fa-user"></i> </button> </td> </tr> <tr> <td class="text-center">9</td> <td class="text-center"> Senin, 15 Apr 2024 <br> 07:30 - 09:10 </td> <td class="word-wrap"> Organ Negara. 1. BentukdanSusunan Negara 2. SistemPemerintahan Negara 3. PembagianKekuasaan horizontal 4. Pembagian Kekusaan Vertikal. <hr style="margin: 5px 0;border-color: #333"> Organ Negara. 1. BentukdanSusunan Negara 2. SistemPemerintahan Negara 3. PembagianKekuasaan horizontal 4. Pembagian Kekusaan Vertikal. </td> <td class="word-wrap">IMAM MAHDI</td> <td class="text-center">B8.2.2</td> <td class="text-right">27</td> <td class="text-right">100.00</td> <td class="text-center"> <button type="button" class="btn btn-info btn-xs btn-flat" data-tgljadwal="2024-04-15" data-id="142381" data-type="absensi" data-toggle="tooltip" title="" data-original-title="Isi Presensi"> <i class="fa fa-user"></i> </button> </td> </tr> <tr> <td class="text-center">10</td> <td class="text-center"> Senin, 22 Apr 2024 <br> 07:30 - 09:10 </td> <td class="word-wrap"> Kelembagaan Negara 1. MPR 2. DPR 3. DPD 4. PRESIDEN 5. MA 6. MK 7. BPK 8. Lembaga Lainny <hr style="margin: 5px 0;border-color: #333"> Kelembagaan Negara 1. MPR 2. DPR 3. DPD 4. PRESIDEN 5. MA 6. MK 7. BPK 8. Lembaga Lainny </td> <td class="word-wrap">IMAM MAHDI</td> <td class="text-center">B8.2.2</td> <td class="text-right">26</td> <td class="text-right">96.30</td> <td class="text-center"> <button type="button" class="btn btn-info btn-xs btn-flat" data-tgljadwal="2024-04-22" data-id="142382" data-type="absensi" data-toggle="tooltip" title="" data-original-title="Isi Presensi"> <i class="fa fa-user"></i> </button> </td> </tr> <tr> <td class="text-center">11</td> <td class="text-center"> Senin, 29 Apr 2024 <br> 07:30 - 09:10 </td> <td class="word-wrap"> SistemPemilu 1. PemiluSebagaiperwujudanDemokrasi 2. FungsidanTujuanPemilu 3. SistemdanasasPemilu 4. PemilihanUmum di Indonesia 5. PartaiPolitik <hr style="margin: 5px 0;border-color: #333"> 1. Hubungan pemilu dan Demokrasi 2. Fungsi dan Tujuan Pemili 3. Sistem dan Asas Pemilu 4. Sejarah Pemilu di Indonesia 5. Lembaga Penyelenggra Pemilu di Indonesia (PPI, KPPU, Panwas). 6. UU Partai Politik </td> <td class="word-wrap">IMAM MAHDI</td> <td class="text-center">B8.2.2</td> <td class="text-right">27</td> <td class="text-right">100.00</td> <td class="text-center"> <button type="button" class="btn btn-info btn-xs btn-flat" data-tgljadwal="2024-04-29" data-id="142383" data-type="absensi" data-toggle="tooltip" title="" data-original-title="Isi Presensi"> <i class="fa fa-user"></i> </button> </td> </tr> <tr> <td class="text-center">12</td> <td class="text-center"> Senin, 6 Mei 2024 <br> 07:30 - 09:10 </td> <td class="word-wrap"> 1. Sistem Pemerintahan Daerah dari masa kemasa 2. Asas –asas Pemerintahan Daerah 3. Rumah Tangga Daerah 4. Kelembagaan Pemerintahan Daerah 5. Sistem pemerintahan Desa <hr style="margin: 5px 0;border-color: #333"> 1. Sistem Pemerintahan Daerah dari masa kemasa 2. Asas –asas Pemerintahan Daerah 3. Rumah Tangga Daerah 4. Kelembagaan Pemerintahan Daerah 5. Sistem pemerintahan Desa </td> <td class="word-wrap">IMAM MAHDI</td> <td class="text-center">B8.2.2</td> <td class="text-right">26</td> <td class="text-right">96.30</td> <td class="text-center"> <button type="button" class="btn btn-info btn-xs btn-flat" data-tgljadwal="2024-05-06" data-id="142384" data-type="absensi" data-toggle="tooltip" title="" data-original-title="Isi Presensi"> <i class="fa fa-user"></i> </button> </td> </tr> <tr> <td class="text-center">13</td> <td class="text-center"> Senin, 13 Mei 2024 <br> 07:30 - 09:10 </td> <td class="word-wrap"> Kewarganegaraan dan HAM 1. Hubungan kewarganegaraan dengan HAM 2. Sistem Kewarganegaraan 3. Asas Kewarganegaraan 4. Tata cara memperoleh dan kehilangan kewarganegaraan 5. HAM dalam Konstitusi <hr style="margin: 5px 0;border-color: #333"> Kewarganegaraan dan HAM 1. Hubungan kewarganegaraan dengan HAM 2. Sistem Kewarganegaraan 3. Asas Kewarganegaraan 4. Tata cara memperoleh dan kehilangan kewarganegaraan 5. HAM dalam Konstitusi </td> <td class="word-wrap">IMAM MAHDI</td> <td class="text-center">B8.2.2</td> <td class="text-right">26</td> <td class="text-right">96.30</td> <td class="text-center"> <button type="button" class="btn btn-info btn-xs btn-flat" data-tgljadwal="2024-05-13" data-id="142385" data-type="absensi" data-toggle="tooltip" title="" data-original-title="Isi Presensi"> <i class="fa fa-user"></i> </button> </td> </tr> <tr> <td class="text-center">14</td> <td class="text-center"> Senin, 20 Mei 2024 <br> 07:30 - 09:10 </td> <td class="word-wrap"> Mahkamah Konstitusi dan Hukum Acara Mahkamah Konstitusi <hr style="margin: 5px 0;border-color: #333"> Mahkamah Konstitusi dan Hukum Acara Mahkamah Konstitusi </td> <td class="word-wrap">IMAM MAHDI</td> <td class="text-center">B8.2.2</td> <td class="text-right">26</td> <td class="text-right">96.30</td> <td class="text-center"> <button type="button" class="btn btn-info btn-xs btn-flat" data-tgljadwal="2024-05-20" data-id="142386" data-type="absensi" data-toggle="tooltip" title="" data-original-title="Isi Presensi"> <i class="fa fa-user"></i> </button> </td> </tr> <tr> <td class="text-center">15</td> <td class="text-center"> Senin, 27 Mei 2024 <br> 07:30 - 09:10 </td> <td class="word-wrap"> Lihat Tata tertib <hr style="margin: 5px 0;border-color: #333"> Lihat Tata Tertib </td> <td class="word-wrap">IMAM MAHDI</td> <td class="text-center">B8.2.2</td> <td class="text-right">26</td> <td class="text-right">96.30</td> <td class="text-center"> <button type="button" class="btn btn-info btn-xs btn-flat" data-tgljadwal="2024-05-27" data-id="142387" data-type="absensi" data-toggle="tooltip" title="" data-original-title="Isi Presensi"> <i class="fa fa-user"></i> </button> </td> </tr> <tr> <td class="text-center">16</td> <td class="text-center"> Senin, 3 Jun 2024 <br> 07:30 - 09:10 </td> <td class="word-wrap"> sesuai jadwal UAS <hr style="margin: 5px 0;border-color: #333"> Lembar Jawababn UAS </td> <td class="word-wrap">IMAM MAHDI</td> <td class="text-center">B8.2.2</td> <td class="text-right">27</td> <td class="text-right">100.00</td> <td class="text-center"> <button type="button" class="btn btn-info btn-xs btn-flat" data-tgljadwal="2024-06-03" data-id="142388" data-ujian="1" data-type="absensi" data-toggle="tooltip" title="" data-original-title="Isi Presensi"> <i class="fa fa-user"></i> </button> </td> </tr> </tbody> </table> </div> <!-- /.table-responsive --> <form method="post" id="form_list"> <div class="modal fade in" id="modal_list" tabindex="-1" role="dialog" aria-hidden="false" style="display: block;"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span></button> <h4 class="modal-title">Presensi Peserta Kelas</h4> <div class="callout callout-info" style="margin:10px 0"> <div class="row"> <div class="col-md-3"><label>Mata Kuliah</label></div> <div class="col-md-9"> HTN-210215 - Hukum Tata Negara (II B) </div> </div> <div class="row"> <div class="col-md-3"><label>Jadwal</label></div> <div class="col-md-9"><span id="span_jadwal">Senin, 3 Juni 2024, 07:30 s.d 09:10</span></div> </div> </div> </div> <div class="modal-body" style="overflow-y: auto; max-height: 287px;"> <div id="div_loading" align="center" style="display: none;"> <img src="Presensi%20Kelas%20HTN%202B%20FINAL_files/ajax-loader.gif"> </div> <div id="table_data" class="table-responsive" style="display: block;"> <table id="table_dosen" class="table table-bordered table-striped dataTable"> <thead> <tr> <th>No</th> <th>NIP</th> <th>Nama Dosen</th> <th> <div class="icheckbox_minimal" style="position: relative; display: none;" aria-checked="false" aria-disabled="false"><input type="checkbox" id="nip_all" name="nip_all" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div> </th> </tr> </thead> <tbody><tr><td>1</td><td>2003076501</td><td>IMAM MAHDI</td><td align="center"></td></tr></tbody> </table> <br> <table id="table_mhs" class="table table-bordered table-striped dataTable"> <thead> <tr> <th>No</th> <th style="cursor: pointer" onclick="sortTable(1)">NIM</th> <th style="cursor: pointer" onclick="sortTable(2)">Nama Mahasiswa</th> <th style="cursor: pointer" onclick="sortTable(3)">Keterangan</th> <th> Hadir </th> </tr> </thead> <tbody> <tr> <td>1</td> <td>2323150023</td> <td> DINDA ANGGRAINI MIDI PUTRI <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150023" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150023">Manual Presensi Web</td> <td data-nim="2323150023" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>2</td> <td>2323150024</td> <td> Sella Julianti <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150024" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150024">Manual Presensi Web</td> <td data-nim="2323150024" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>3</td> <td>2323150025</td> <td> AMELISA PUTRI <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150025" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150025">Manual Presensi Web</td> <td data-nim="2323150025" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>4</td> <td>2323150027</td> <td> DEWI PUSPITASARI <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150027" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150027">Manual Presensi Web</td> <td data-nim="2323150027" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>5</td> <td>2323150029</td> <td> Dhafa Ridha Ilahi <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150029" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150029">Manual Presensi Web</td> <td data-nim="2323150029" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>6</td> <td>2323150030</td> <td> MULYA <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150030" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150030">Manual Presensi Web</td> <td data-nim="2323150030" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>7</td> <td>2323150031</td> <td> Muhammad Irfan Hadi Al Haedar <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150031" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150031">Manual Presensi Web</td> <td data-nim="2323150031" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>8</td> <td>2323150032</td> <td> PIKI AGUSTIN BUSYALANA <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150032" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150032">Manual Presensi Web</td> <td data-nim="2323150032" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>9</td> <td>2323150033</td> <td> RAHMA KHAIRUNNISA <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150033" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150033">Manual Presensi Web</td> <td data-nim="2323150033" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>10</td> <td>2323150034</td> <td> RAHMANIA CITRA DEWI <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150034" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150034">Manual Presensi Web</td> <td data-nim="2323150034" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>11</td> <td>2323150035</td> <td> RENO NOPRIANSYAH <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150035" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150035">Manual Presensi Web</td> <td data-nim="2323150035" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>12</td> <td>2323150036</td> <td> Riski Prayoga <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150036" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150036">Manual Presensi Web</td> <td data-nim="2323150036" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>13</td> <td>2323150037</td> <td> Riyanti <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150037" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150037">Manual Presensi Web</td> <td data-nim="2323150037" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>14</td> <td>2323150038</td> <td> SELVIA ZALIANTI <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150038" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150038">Manual Presensi Web</td> <td data-nim="2323150038" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>15</td> <td>2323150039</td> <td> TRI APRIL WAHYUNI <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150039" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150039">Manual Presensi Web</td> <td data-nim="2323150039" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>16</td> <td>2323150040</td> <td> Zwani Ken Hamid <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150040" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150040">Manual Presensi Web</td> <td data-nim="2323150040" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>17</td> <td>2323150041</td> <td> Yngwie Enrich <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150041" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150041">Manual Presensi Web</td> <td data-nim="2323150041" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>18</td> <td>2323150042</td> <td> RIZKY ARGHYANTO <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150042" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150042">Manual Presensi Web</td> <td data-nim="2323150042" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>19</td> <td>2323150043</td> <td> Ekgi Dwi Rosander <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150043" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150043">Manual Presensi Web</td> <td data-nim="2323150043" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>20</td> <td>2323150044</td> <td> ILHAM FIRDAUS <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150044" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150044">Manual Presensi Web</td> <td data-nim="2323150044" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>21</td> <td>2323150083</td> <td> RINDAH SELLA FIYANSI <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150083" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150083">Manual Presensi Web</td> <td data-nim="2323150083" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>22</td> <td>2323150095</td> <td> MAHRATUL MAZANI <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150095" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150095">Manual Presensi Web</td> <td data-nim="2323150095" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>23</td> <td>2323150096</td> <td> AMRU AKBAR <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150096" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150096">Manual Presensi Web</td> <td data-nim="2323150096" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>24</td> <td>2323150097</td> <td> HANI DWI BUDI YANTI <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150097" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150097">Manual Presensi Web</td> <td data-nim="2323150097" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>25</td> <td>2323150098</td> <td> ILKA REALITA <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150098" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150098">Manual Presensi Web</td> <td data-nim="2323150098" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>26</td> <td>2323150099</td> <td> DHOZI MAHENDRA <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150099" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150099">Manual Presensi Web</td> <td data-nim="2323150099" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> <tr> <td>27</td> <td>2323150100</td> <td> FANDU QAROMAH <span class="span_cekalujian" style="color: red; display: none;"><br></span> <span data-cekal="2323150100" style="color: red; font-size: 11px; display: none;"></span> </td> <td class="text-center" data-presensi="2323150100">Manual Presensi Web</td> <td data-nim="2323150100" class="text-center"> <span id="span_absen" class="hidden"> </span> <span id="span_status"><label class="label label-success">Hadir</label></span> </td> </tr> </tbody> </table> </div> <select id="statusdos_tpl" name="statusdos_tpl" class="form-control input-sm" style="display:none"><option value="" selected="selected"></option> <option value="A">Alfa</option> <option value="H">Hadir</option></select> </div> <div class="modal-footer" align="center"> <button type="button" class="btn btn-success" onclick="goSubmit(this, 'save')"><i class="fa fa-save"></i> Simpan</button> <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i> Tutup</button> </div> </div> </div> </div> <input type="hidden" name="act" id="act"> <input type="hidden" name="key" id="key" value="142388"> </form> <form id="form_repp" method="post" action="/siakad/rep_isiabsensi"> <input type="hidden" name="idkelas" value="330011"> <input type="hidden" name="kodeunit" value="74235"> <input type="hidden" name="noback" value="1"> <input type="hidden" name="iskop" value="1"> <input type="hidden" name="isunique" value="1"> </form> <script type="text/javascript"> var detail = "/siakad/data_perkuliahan"; $(function() { // ukuran modal $(".modal-body").css("max-height", $(window).height() - 300); $("[data-type='absensi']").click(function() { var d = new Date(); var strDate = d.getFullYear() + "-" + (("0" + (d.getMonth() + 1)).slice(-2)) + "-" + (("0" + d.getDate()).slice(-2)); var modal = $("#modal_list"); var loading = modal.find("#div_loading"); var table = modal.find("#table_data"); var key = $(this).attr("data-id"); var ujian = $(this).attr("data-ujian"); var tgljadwal = $(this).attr("data-tgljadwal"); var kelompok = $(this).attr("data-kelompok"); var body; $("[name^='status[']").val(""); modal.find(".btn-success").prop("disabled", true); table.hide(); loading.show(); // cek ujian if (ujian) $(".span_cekalujian").show(); else $(".span_cekalujian").hide(); $(".span_cekalujian").hide(); // $(".span_cekalkeu").hide(); xhrfGetData("absensimhs/" + key + "/1/0/0", function(data) { // daftar dosen body = $("#table_dosen tbody"); body.empty(); jQuery.each(data.absensidosen, function(k, v) { tr = $("<tr>"); tr.append("<td>" + (k + 1) + "</td>"); tr.append("<td>" + v.nip + "</td>"); tr.append("<td>" + v.nama + "</td>"); tr.append('<td align=center>' + v.namastatus + '</td>'); body.append(tr); }); // switch tampilan if (0 && data.bisaabsen == true) { $("[data-nim] #span_status").addClass("hidden"); $("[data-nim] #span_absen").val("").removeClass("hidden"); } else { $("[data-nim] #span_absen").addClass("hidden"); $("[data-nim] #span_status").html("").removeClass("hidden"); } var spankeu // cek cekal keuangan jQuery.each(data.keuangan, function(k, v) { spankeu = $("[data-nim='" + k + "']"); if (v.islunas == false) { $('[data-cekal="' + k + '"]').html('<br>' + v.msgkeu); $('[data-cekal="' + k + '"]').show(); } else { $('[data-cekal="' + k + '"]').html(''); $('[data-cekal="' + k + '"]').hide(); } }); // jika ada dianggap hadir var span; var ketpresensi; jQuery.each(data.absensi, function(k, v) { span = $("[data-nim='" + v.nim + "']"); span.find("[name^='status[']").val(v.statushadir); span.find("#span_status").html(v.namastatus); ketpresensi = $("[data-presensi='" + v.nim + "']"); var keterangan = ''; if (v.namastatuspresensi != null) keterangan = v.namastatuspresensi if (v.ispending == '1') keterangan += (keterangan != '' ? '<br>' : '') + "<span class='label label-warning'>Presensi belum valid</small>"; ketpresensi.html(keterangan); if (0 && data.bisaabsen == true) { span.find("#span_status").addClass("hidden"); span.find("#span_absen").removeClass("hidden"); } else { span.find("#span_absen").addClass("hidden"); span.find("#span_status").removeClass("hidden"); } }); $("#form_list #key").val(data.key); modal.find("#span_jadwal").html(data.jadwal); if (data.bisaabsen == true || 0) { modal.find(".btn-success").prop("disabled", false); } modal.find(".btn-success").show(); loading.hide(); table.show(); // apakah perlu sembunyikan check all if (!$("[name='statusdos[]']").length) $("#nip_all").parent().hide(); if (!$("[id='span_absen']:not(.hidden)").length) $("#nim_all").parent().hide(); }); modal.modal(); }); }); function goList() { location.href = "/siakad/list_kelas"; } function goReport(page) { goSubmitBlank($("#form_repp"), page); } function sortTable(col) { var table, rows, switching, i, x, y, shouldSwitch; table = document.getElementById("table_mhs"); switching = true; while (switching) { switching = false; rows = table.rows; for (i = 1; i < (rows.length - 1); i++) { shouldSwitch = false; x = rows[i].getElementsByTagName("TD")[col]; y = rows[i + 1].getElementsByTagName("TD")[col]; if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) { shouldSwitch = true; break; } } if (shouldSwitch) { var temp = rows[i].getElementsByTagName("TD")[0].innerHTML; rows[i].getElementsByTagName("TD")[0].innerHTML = rows[i + 1].getElementsByTagName("TD")[0].innerHTML rows[i + 1].getElementsByTagName("TD")[0].innerHTML = temp; rows[i].parentNode.insertBefore(rows[i + 1], rows[i]); switching = true; } } } </script> </div> </div> </div> <!-- /.box-body --> </div> <!-- /.box --> </div> </div> <!-- tambahan --> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/fordata.js" type="text/javascript"></script> <script type="text/javascript"> var key = ""; var list; if (sessionStorage.getItem("list_absensi.list")) list = sessionStorage.getItem("list_absensi.list"); else list = "/siakad/list_absensi"; $("#form_data #backlink").val(list); </script> </section> <!-- /.content --> </aside> <!-- /.right-side --> </div> <!-- ./wrapper --> </div> <footer class="footer company-pattern-color-siakad-bg"> <div class="container-xxl"> <p> © 2024 <b>SEVIMA</b> All Right Reserved, Powered by <b>SEVIMA Platform</b> </p> </div> </footer> <script type="text/javascript"> var home = "/siakad/home"; // condition if text alert > 1 line set item-start $(function(){ if ($('#text-alert').height() > 20) { $('#text-alert').parent().removeClass('item-center').addClass('item-start'); } }) </script> <script async="" src="Presensi%20Kelas%20HTN%202B%20FINAL_files/js_002"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('set', { 'user_id': 'Universitas Islam Negeri Fatmawati Sukarno Bengkulu : 2003076501 - IMAM MAHDI' }); gtag('config', 'UA-91361426-5', { 'custom_map': { 'dimension1': 'PerguruanTinggi', 'dimension2': 'Pengguna', 'dimension3': 'HakAkses', 'dimension4': 'UnitKerja', 'metric1': 'Pageviews' } }); gtag('event', 'push_custom_var', { 'PerguruanTinggi': 'Universitas Islam Negeri Fatmawati Sukarno Bengkulu', 'Pengguna': 'Universitas Islam Negeri Fatmawati Sukarno Bengkulu : 2003076501 - IMAM MAHDI', 'HakAkses': 'dosen', 'UnitKerja': '74135 - S2-Hukum Tatanegara (Siyasah)', 'Pageviews': 1 }); </script> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/firebase-app.js"></script> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/firebase-analytics.js"></script> <script> if(firebaseConfig == undefined){ var firebaseConfig = { apiKey: "AIzaSyBE85GSM4dBUZ8m9aoJZVpSOQltwQZttDc", authDomain: "siakad-cloud-2.firebaseapp.com", databaseURL: "https://siakad-cloud-2.firebaseio.com", projectId: "siakad-cloud-2", storageBucket: "siakad-cloud-2.appspot.com", messagingSenderId: "735352312839", appId: "1:735352312839:web:9aa5508b27862f29a146a2", measurementId: "G-9GSZKDCXHL" }; firebase.initializeApp(firebaseConfig); } </script> <script> firebase.analytics(); </script> <script> var isTokenSet = 0; var urlPath = 'https://uinbengkulu.siakadcloud.com/siakad/'; var urlFirebasemsg = 'https://assets.siakadcloud.com/assets/v1/js/firebase-messaging-sw.js'; var urlSetToken = '/siakad/ajax/setTokenFCM'; </script> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/firebase-messaging.js"></script> <script src="Presensi%20Kelas%20HTN%202B%20FINAL_files/fcmnotification.js"></script> <nav-side token="eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJob3N0IjoiaHR0cHM6Ly91aW5iZW5na3VsdS5zaWFrYWRjbG91ZC5jb20iLCJ1c2VyIjp7InJlZmVyZW5jZV9jb2RlIjoiMjAwMzA3NjUwMSIsIm5hbWUiOiJJTUFNIE1BSERJIiwiZW1haWwiOiJpbWFtLm1haGRpQGlhaW5iZW5na3VsdS5hYy5pZCIsInJvbGUiOiJkb3NlbiIsInJvbGVfbmFtZSI6IkRvc2VuIiwidGltZXpvbmUiOiJBc2lhL0pha2FydGEifSwiY2xpZW50Ijp7ImNvZGUiOiIyMDEwMjQiLCJuYW1lIjoiVW5pdmVyc2l0YXMgSXNsYW0gTmVnZXJpIEZhdG1hd2F0aSBTdWthcm5vIEJlbmdrdWx1In0sImV4cCI6MTcyMTM2MzAyMX0.cgx9UcUByJ2iPJ8gFHb5N06me4-rT90MTUa6-z6_5T0" application-id="e8926438-2cba-4de1-ac9d-2f999c7afb73"></nav-side> <script type="module" src="Presensi%20Kelas%20HTN%202B%20FINAL_files/navigation.js"></script> <script> $(document).ready(function() { window.addEventListener("navigation:load", ({ detail }) => { detail?.validateModule('siakad'); }) }); </script> <nav-reset-confirmation></nav-reset-confirmation><div class="modal-backdrop fade in"></div></body></html>