log barang teknisi satu halaman

2026-07-24 19:02:21 +07:00
parent abbabf4af8
commit 0a16246138
5 changed files with 178 additions and 95 deletions
@@ -0,0 +1,155 @@
+<link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/dataTables.bootstrap5.min.css">
+<link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.4.1/css/responsive.bootstrap5.min.css">
+
+<style>
+:root {
+    --tech-primary: #ff9800;
+    --tech-primary-light: #fff3e0;
+    --tech-primary-dark: #ff9800;
+}
+
+body {
+    background: #f5f7fb;
+}
+
+.tech-card {
+    border: none;
+    border-radius: 14px;
+    overflow: hidden;
+    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
+    background: #fff;
+}
+
+.tech-card .card-header-custom {
+    background: linear-gradient(135deg, var(--tech-primary), var(--tech-primary-dark));
+    color: #fff;
+    padding: 14px 20px;
+    font-weight: 600;
+    font-size: 15px;
+}
+
+.tech-card .card-body {
+    padding: 18px;
+}
+
+.table-tech thead th {
+    background: #f8f9fa;
+    font-weight: 600;
+    font-size: 12px;
+    text-transform: uppercase;
+    letter-spacing: .4px;
+    color: #495057;
+    border-bottom: 2px solid #ffcc80;
+    padding: 10px 8px;
+    white-space: nowrap;
+}
+
+.table-tech tbody td {
+    padding: 8px;
+    vertical-align: middle;
+    font-size: 13px;
+}
+
+.table-tech td .badge {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 65px;
+    padding: 0.35em 0.65em;
+    margin: 0 auto;
+}
+
+.table-tech tbody tr:hover {
+    background: #fff3e0;
+}
+</style>
+
+<div class="container-fluid px-3 mt-3">
+
+    <div class="d-flex align-items-center gap-2 mb-3">
+        <div class="bg-warning text-white p-2 rounded-3 d-flex align-items-center justify-content-center" style="width:38px;height:38px;">
+            <i class="bi bi-journal-text fs-5"></i>
+        </div>
+        <div class="flex-grow-1">
+            <h5 class="mb-0 fw-bold" style="color:#1a1a2e;">Log Barang Teknisi</h5>
+            <small class="text-muted">Riwayat barang yang pernah dibawa oleh teknisi</small>
+        </div>
+        <div>
+            <a href="<?= base_url('teknisi'); ?>" class="btn btn-secondary">
+                <i class="bi bi-arrow-left me-1"></i> Kembali
+            </a>
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col-12">
+            <div class="card tech-card">
+                <div class="card-body">
+                    <div class="table-responsive">
+                        <table class="table table-tech table-striped w-100" id="tblLogBarang">
+                            <thead>
+                                <tr>
+                                    <th>No</th>
+                                    <th>Nama Teknisi</th>
+                                    <th>Kode Barang</th>
+                                    <th>Barcode</th>
+                                    <th>Nama Barang</th>
+                                    <th>Tanggal Dibawa</th>
+                                    <th>Tanggal Kembali</th>
+                                    <th>Status</th>
+                                </tr>
+                            </thead>
+                            <tbody></tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+</div>
+
+<script>
+$(function(){
+    $('#tblLogBarang').DataTable({
+        processing: true,
+        serverSide: false,
+        ajax: {
+            url: "<?= base_url('teknisi/get_log_data'); ?>",
+            dataSrc: 'data'
+        },
+        columns: [
+            { data: 0 },
+            { data: 1 },
+            { data: 2 },
+            { data: 3 },
+            { data: 4 },
+            { data: 5 },
+            { data: 6 },
+            { data: 7 }
+        ],
+        pageLength: 25,
+        lengthMenu: [
+            [25, 50, 100, -1],
+            [25, 50, 100, 'All']
+        ],
+        responsive: true,
+        searching: true,
+        paging: true,
+        ordering: true,
+        info: true,
+        language: {
+            search: "Cari:",
+            lengthMenu: "Tampilkan _MENU_ data",
+            info: "Menampilkan _START_ - _END_ dari _TOTAL_ data",
+            zeroRecords: "Tidak ada data",
+            paginate: {
+                first: "Awal",
+                last: "Akhir",
+                next: "&raquo;",
+                previous: "&laquo;"
+            }
+        }
+    });
+});
+</script>