Default page

⚝ One Hat Cyber Team ⚝
Your IP: 192.168.31.6
Server IP: 192.168.1.11
Server: Linux pams 6.1.0-29-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.123-1 (2025-01-02) x86_64
PHP Version: 8.2.28
Buat File | Buat Folder
Dir : ~/var/www/miu/modules/Absen/Views/
Viewing : list.php

<!-- Content Header (Page header) -->
<div class="content-header">
  <div class="container-fluid">
    <div class="row mb-2">
      <div class="col-sm-6">
        <h1 class="m-0"><?=$title?></h1>
      </div><!-- /.col -->
      <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
          <li class="breadcrumb-item active"><?=$li_1?></li>
        </ol>
      </div><!-- /.col -->
    </div><!-- /.row -->
  </div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->

<!-- Main content -->
<section class="content">
  <div class="container-fluid">
    <div class="row">
        <div class="col-12">
          <div class="card">
            <div class="card-header">
              <div class="card-tools">
                <a class="btn btn-sm btn-primary" onclick="add(0)">Tambah</a>
              </div>
              <div class="row">
                <input class="col-2" id="start_date" placeholder="mulai tanggal">&nbsp;&nbsp;&nbsp;
                <input class="col-2" id="end_date" placeholder="sampai tanggal">&nbsp;&nbsp;&nbsp;
                <select class="col-2" id="id_kelas">
                  <option value="">--Pilih Kelas--</option>
                  <?php
                    foreach ($kelas as $k) {
                      echo '<option value="'.$k->id.'">'.$k->kelas.$k->rombel.'</option>';
                    }
                  ?>
                </select>&nbsp;&nbsp;&nbsp;
                <a class="btn btn-sm btn-success" id="search_button">Rekap</a>
              </div>
            </div>
            <div class="card-body" id="rekap">
              
            </div>
            <!-- /.card-body -->
          </div>
        </div>
    </div>
  </div><!-- /.container-fluid -->
</section>
<!-- /.content -->
<div class="modal fade" id="add">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <form class="form-horizontal" method="post" action="<?=base_url('rekapabsen/absen')?>" enctype="multipart/form-data">
        <div class="modal-header">
          <h4 class="modal-title">Form Tambah <?=$title?></h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <?php
          foreach ($pd as $k) {
            $siswa['options'][] = $k->nama.' ('.$k->kelas.$k->rombel.')';
            $siswa['value'][] = $k->id;
          }

          $izin['options'] = array('Izin', 'Sakit', 'Alfa');
          $izin['value'] = array(1, 2, 3);
            echo csrf_field();
            echo form_select('nama', $siswa);
            echo form_date('tgl');
            echo form_select('jenis', $izin);
          ?>
        </div>
        <div class="modal-footer justify-content-between">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          <button type="submit" class="btn btn-primary">Save changes</button>
        </div>
      </form>
    </div>
  </div>
</div>

</div>
<script type="text/javascript">
  let table; // Variabel global untuk instance DataTables
  let csrfName = $('input[name="Buyas_APPS"]').attr('name'); // Nama token
  let csrfTokenHash = $('input[name="Buyas_APPS"]').val(); // Nilai token
  $(document).ready(function() {
      // Inisialisasi datetimepicker
      $('#start_date, #end_date, #form_tgl').datetimepicker({
          format: 'Y-m-d' // Format sesuai dengan kebutuhan
      });

      $("#example1").DataTable({
        "responsive": true, "lengthChange": false, "autoWidth": false,
        "buttons": ["excel", "pdf", "print"]
      }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');

      $('#search_button').click(function(){
            let startDate = $('#start_date').val();
            let endDate = $('#end_date').val();
            let kelas = $('#id_kelas').val();
            $.ajax({
                url: "<?= base_url('rekapabsen') ?>",
                method: "POST",
                dataType : "JSON",
                data: { 
                    mulai: startDate,
                    sampai: endDate,
                    kelas: kelas,
                    [csrfName] : csrfTokenHash
                },
                success: function(r) {
                    if ($.fn.DataTable.isDataTable('#data-table')) {
                      $('#data-table').DataTable().destroy();
                    }
                    csrfTokenHash = r.csrf_token_hash;
                    $('#rekap').html(r.table);
                    $('#data-table').DataTable({
                      "ordering":false,
                      "scrollY": "400px", // Mengaktifkan scroll vertikal dengan tinggi 400px
                      "scrollX": true,
                      "scrollCollapse": true,
                      "paging": false
                    });
                }
            })
      })
  })

  function add(id){
      $('.select2').select2({
        theme: 'bootstrap4'
      })
      $('#add').modal('show');
  }
</script>