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/pams/modules/Dashboard/Views/
Viewing : list.php

<style type="text/css">
    .dtfc-fixed-left {
        background-color: white !important; /* Atau warna latar belakang tabel Anda */
    }
</style>
<div class="page-content">
    <!-- start page title -->
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-flex align-items-center justify-content-between">
                <h4 class="page-title mb-0 font-size-18"><?= $title ?></h4>

                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="javascript: void(0);"><?= $li_1 ?></a></li>
                        <?php if(isset($li_2)):  ?>
                            <li class="breadcrumb-item active"><?= $li_2 ?></li>
                        <?php endif ?>
                    </ol>
                </div>

            </div>
        </div>
    </div>
    <!-- end page title -->
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <table id="datatable-buttons"
                        class="table table-striped table-bordered"
                        style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Nama</th>
                                <?php
                                	for ($i=1; $i <= $jml_hr; $i++) { 
                                		echo '<th>'.$i.'</th>';
                                	}
                                ?>
                                <th>Jam</th>
                                <th>Jumlah </th>
                            </tr>
                        </thead>
                        <tbody>
                        	<?php
                        		foreach ($id_pegawai as $d => $id_peg) {
                        			echo '
                        			<tr>
                        				<td>'.$id_peg.'</td>
                                		<td>'.$nama[$id_peg].'</td>
                        			';
                					$total_detik[$id_peg] = 0;
                        			for ($i=1; $i <= $jml_hr; $i++) {
                        				if(isset($tgl[$id_peg][$i])){

                        					$selisih= max($jam[$id_peg][$i]) - min($jam[$id_peg][$i]);
                        					$total_detik[$id_peg] += $selisih;

                        					echo '<td>'.date('H:i',min($jam[$id_peg][$i])).' - '.date('H:i',max($jam[$id_peg][$i])).'</td>';
                        				}else{
	                                		echo '<td class="bg-red">A</td>';
                        				}
                                	}
                        			echo '<td>'.floor($total_detik[$id_peg] / 3600).'</td>
                                		<td>'.count($tgl[$id_peg]).'</td>
                                	</tr>';
                        		}
                        	?>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!-- end col -->
    </div>
    <!-- end row -->
</div>
<script type="text/javascript">
	
$(document).ready(function() {
    //Buttons examples
    var table = $('#datatable-buttons').DataTable({
    	scrollX: true,
    	fixedColumns: {
            leftColumns: 2 
        },
        lengthChange: false,
        dom: 'Blfrtip', // 'B' untuk Buttons, dan sisa elemen default     
        buttons: ['copy', 'excel', 'pdf'],
        paging:   false, 
        scrollY:  "60vh",
        scrollCollapse: true 
    });

    table.buttons().container()
        .appendTo('#datatable-buttons_wrapper .col-md-6:eq(0)');
    $("#datatable_length select").addClass('form-select form-select-sm');
    } );
</script>