Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-611.26.1.el9_7.x86_64

PHP Version:

8.4.15

User:

u892747680

Directory:

/home/u892747680/domains/sisteminformasic.com/public_html/ponpes/admin

Free Space:

9.88 TB

🔧 Quick Actions

✏️ Editing: kelola_kegiatan.php

<?php
require_once '../includes/config.php';
require_once '../includes/functions.php';

// Cek login
if (!is_logged_in()) {
    redirect('../login.php');
}

// Proses aksi
if (isset($_GET['aksi'])) {
    $aksi = $_GET['aksi'];
    $id = isset($_GET['id']) ? $_GET['id'] : 0;
    
    if ($aksi == 'hapus') {
        $id = mysqli_real_escape_string($conn, $id);
        
        // Hapus gambar
        $kegiatan = get_kegiatan_by_id($id);
        if ($kegiatan && file_exists("../uploads/kegiatan/" . $kegiatan['gambar'])) {
            unlink("../uploads/kegiatan/" . $kegiatan['gambar']);
        }
        
        // Hapus data
        $query = "DELETE FROM kegiatan WHERE id_kegiatan = $id";
        if (mysqli_query($conn, $query)) {
            $_SESSION['success'] = "Kegiatan berhasil dihapus.";
        } else {
            $_SESSION['error'] = "Gagal menghapus kegiatan: " . mysqli_error($conn);
        }
        
        redirect('kelola_kegiatan.php');
    }
}

// Proses tambah/edit
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    $judul = mysqli_real_escape_string($conn, $_POST['judul']);
    $isi = mysqli_real_escape_string($conn, $_POST['isi']);
    $tanggal = mysqli_real_escape_string($conn, $_POST['tanggal']);
    $id = isset($_POST['id']) ? $_POST['id'] : 0;
    
    // Upload gambar
    $gambar = '';
    if (!empty($_FILES['gambar']['name'])) {
        // Pastikan folder uploads/kegiatan ada
        if (!file_exists('../uploads/kegiatan')) {
            mkdir('../uploads/kegiatan', 0777, true);
        }
        
        $gambar_upload = upload_file($_FILES['gambar'], "../uploads/kegiatan/");
        
        if ($gambar_upload['status']) {
            $gambar = $gambar_upload['file_name'];
            
            // Hapus gambar lama jika edit
            if ($id > 0) {
                $kegiatan = get_kegiatan_by_id($id);
                if ($kegiatan && file_exists("../uploads/kegiatan/" . $kegiatan['gambar'])) {
                    unlink("../uploads/kegiatan/" . $kegiatan['gambar']);
                }
            }
        } else {
            $_SESSION['error'] = $gambar_upload['message'];
            redirect('kelola_kegiatan.php');
        }
    } elseif ($id > 0) {
        // Jika edit dan tidak upload gambar baru
        $kegiatan = get_kegiatan_by_id($id);
        $gambar = $kegiatan['gambar'];
    }
    
    if ($id > 0) {
        // Update
        $query = "UPDATE kegiatan SET 
                  judul = '$judul', 
                  isi = '$isi', 
                  tanggal = '$tanggal', 
                  gambar = '$gambar' 
                  WHERE id_kegiatan = $id";
        
        if (mysqli_query($conn, $query)) {
            $_SESSION['success'] = "Kegiatan berhasil diperbarui.";
        } else {
            $_SESSION['error'] = "Gagal memperbarui kegiatan: " . mysqli_error($conn);
        }
    } else {
        // Insert
        if (empty($gambar)) {
            $_SESSION['error'] = "Gambar kegiatan wajib diupload.";
            redirect('kelola_kegiatan.php');
        }
        
        $query = "INSERT INTO kegiatan (judul, isi, tanggal, gambar) 
                  VALUES ('$judul', '$isi', '$tanggal', '$gambar')";
        
        if (mysqli_query($conn, $query)) {
            $_SESSION['success'] = "Kegiatan berhasil ditambahkan.";
        } else {
            $_SESSION['error'] = "Gagal menambahkan kegiatan: " . mysqli_error($conn);
        }
    }
    
    redirect('kelola_kegiatan.php');
}

// Get data kegiatan
 $kegiatan = get_kegiatan();

// Get data untuk edit
 $edit_data = null;
if (isset($_GET['aksi']) && $_GET['aksi'] == 'edit' && isset($_GET['id'])) {
    $id = mysqli_real_escape_string($conn, $_GET['id']);
    $edit_data = get_kegiatan_by_id($id);
}
?>

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kelola Kegiatan</title>
    
    
    <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
    
    
    <link rel="stylesheet" href="../assets/css/dataTables.bootstrap5.min.css">
    
    
    <link rel="stylesheet" href="../assets/css/style.css">
    
    
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    
    
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    
    <style>
        /* Reset dan Base Styles */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        html, body {
            height: 100%;
            font-family: 'Poppins', sans-serif;
            overflow-x: hidden;
        }
        
        /* Navbar Fixed Top */
        .sb-topnav {
            position: fixed !important;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1039;
            height: 56px;
        }
        
        /* Main Layout Container */
        #layoutSidenav {
            display: flex;
            min-height: 100vh;
            padding-top: 56px; /* Height of navbar */
        }
        
        /* Sidebar Full Height */
        #layoutSidenav_nav {
            flex: 0 0 250px;
            position: fixed !important;
            top: 56px; /* Same as navbar height */
            left: 0;
            bottom: 0;
            width: 250px;
            height: calc(100vh - 56px);
            z-index: 1038;
            transition: all 0.3s ease;
            overflow-y: auto;
        }
        
        /* Main Content Area */
        #layoutSidenav_content {
            flex: 1;
            margin-left: 250px;
            min-height: calc(100vh - 56px);
            transition: all 0.3s ease;
            overflow-y: auto;
        }
        
        /* Sidebar Toggle State */
        body.sb-sidenav-toggled #layoutSidenav_nav {
            width: 0;
            overflow: hidden;
        }
        
        body.sb-sidenav-toggled #layoutSidenav_content {
            margin-left: 0;
        }
        
        /* Sidenav Styles */
        .sb-sidenav {
            background-color: #212529;
            height: 100%;
        }
        
        .sb-sidenav .sb-sidenav-menu {
            flex-grow: 1;
            height: 100%;
        }
        
        .sb-sidenav .nav {
            flex-direction: column;
            flex-wrap: nowrap;
            padding-bottom: 2rem; /* Extra padding at bottom */
        }
        
        .sb-sidenav .nav .nav-link {
            display: flex;
            align-items: center;
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
            position: relative;
            color: rgba(255, 255, 255, 0.8);
            transition: all 0.2s ease;
        }
        
        .sb-sidenav .nav .nav-link:hover {
            color: #fff;
            background-color: rgba(255, 255, 255, 0.1);
            padding-left: 1.5rem;
        }
        
        .sb-sidenav .nav .nav-link.active {
            color: #fff;
            background-color: #0d6efd;
        }
        
        .sb-sidenav .sb-sidenav-menu-heading {
            padding: 1.75rem 1rem 0.75rem;
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: rgba(255, 255, 255, 0.5);
        }
        
        .sb-nav-link-icon {
            font-size: 0.9rem;
            margin-right: 0.5rem;
            width: 20px;
            text-align: center;
        }
        
        /* Main Content Styles */
        main {
            padding-bottom: 2rem;
        }
        
        /* Card Styles */
        .card {
            box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
            border: 1px solid #e3e6f0;
            transition: transform 0.2s ease;
        }
        
        .card:hover {
            transform: translateY(-2px);
        }
        
        .card-header {
            background-color: #f8f9fc;
            border-bottom: 1px solid #e3e6f0;
            font-weight: 600;
        }
        
        /* Form Styles */
        .form-label {
            font-weight: 500;
            color: #5a5c69;
        }
        
        .form-control:focus {
            border-color: #4e73df;
            box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
        }
        
        /* Table Styles */
        .table-responsive {
            border-radius: 0.35rem;
        }
        
        .table th {
            border-top: none;
            font-weight: 600;
            font-size: 0.85rem;
            color: #5a5c69;
            background-color: #f8f9fc;
        }
        
        .table td {
            vertical-align: middle;
        }
        
        /* Footer */
        footer {
            background-color: #f8f9fc;
            border-top: 1px solid #e3e6f0;
            margin-top: auto;
        }
        
        /* Responsive */
        @media (max-width: 768px) {
            #layoutSidenav_nav {
                width: 0;
                overflow: hidden;
            }
            
            #layoutSidenav_content {
                margin-left: 0;
            }
            
            body.sb-sidenav-toggled #layoutSidenav_nav {
                width: 250px;
            }
            
            body.sb-sidenav-toggled #layoutSidenav_content {
                margin-left: 250px;
            }
        }
        
        /* Scrollbar Styles */
        ::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }
        
        ::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        
        ::-webkit-scrollbar-thumb {
            background: #888;
            border-radius: 4px;
        }
        
        ::-webkit-scrollbar-thumb:hover {
            background: #555;
        }
        
        /* Alert Styles */
        .alert {
            border: none;
            border-radius: 0.35rem;
        }
        
        /* Button Styles */
        .btn {
            border-radius: 0.35rem;
            font-weight: 500;
        }
        
        /* Image Preview Styles */
        #previewImage {
            border: 1px solid #e3e6f0;
            border-radius: 0.35rem;
            padding: 0.25rem;
            background-color: #fff;
        }
        
        /* Breadcrumb Styles */
        .breadcrumb {
            background-color: transparent;
            padding: 0;
            margin-bottom: 1rem;
        }
        
        .breadcrumb-item {
            font-size: 0.875rem;
        }
        
        .breadcrumb-item a {
            color: #4e73df;
            text-decoration: none;
        }
        
        .breadcrumb-item a:hover {
            text-decoration: underline;
        }
        
        /* DataTables Custom Styles */
        .dataTables_wrapper .dataTables_paginate .paginate_button.current {
            background: #4e73df !important;
            border-color: #4e73df !important;
        }
        
        .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
            background: #2e59d9 !important;
            border-color: #2e59d9 !important;
        }
        
        /* Image Thumbnail Styles */
        .img-thumbnail {
            border: 1px solid #e3e6f0;
            border-radius: 0.35rem;
            max-width: 100%;
            height: auto;
        }
    </style>
</head>
<body class="sb-nav-fixed">
    
    <nav class="sb-topnav navbar navbar-expand navbar-dark bg-success">
        <a class="navbar-brand ps-3" href="dashboard.php">
            <i class="fas fa-mosque"></i> Pondok Pesantren Admin
        </a>
        <button class="btn btn-link btn-sm order-1 order-lg-0 me-4 me-lg-0" id="sidebarToggle">
            <i class="bi bi-list"></i>
        </button>
        <form class="d-none d-md-inline-block form-inline ms-auto me-0 me-md-3 my-2 my-md-0">
            <div class="input-group">
                <input class="form-control" type="text" placeholder="Cari..." aria-label="Cari" aria-describedby="btnNavbarSearch" />
                <button class="btn btn-primary" id="btnNavbarSearch" type="button">
                    <i class="bi bi-search"></i>
                </button>
            </div>
        </form>
        <ul class="navbar-nav ms-auto ms-md-0 me-3 me-lg-4">
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" id="navbarDropdown" href="#" role="button" data-bs-toggle="dropdown">
                    <i class="bi bi-person-circle fs-5"></i> <?= $_SESSION['admin']['nama_admin'] ?>
                </a>
                <ul class="dropdown-menu dropdown-menu-end">
                    <li><a class="dropdown-item" href="#"><i class="bi bi-person me-2"></i>Profil</a></li>
                    <li><a class="dropdown-item" href="#"><i class="bi bi-gear me-2"></i>Pengaturan</a></li>
                    <li><hr class="dropdown-divider" /></li>
                    <li><a class="dropdown-item" href="logout.php"><i class="bi bi-box-arrow-right me-2"></i>Logout</a></li>
                </ul>
            </li>
        </ul>
    </nav>
    
    <div id="layoutSidenav">
        <div id="layoutSidenav_nav">
            <nav class="sb-sidenav accordion sb-sidenav-dark" id="sidenavAccordion">
                <div class="sb-sidenav-menu">
                    <div class="nav">
                        <div class="sb-sidenav-menu-heading">Core</div>
                        <a class="nav-link" href="dashboard.php">
                            <div class="sb-nav-link-icon"><i class="bi bi-speedometer2"></i></div>
                            Dashboard
                        </a>
                        
                        <div class="sb-sidenav-menu-heading">Management</div>
                        <a class="nav-link" href="kelola_profil.php">
                            <div class="sb-nav-link-icon"><i class="bi bi-building"></i></div>
                            Kelola Profil
                        </a>
                        <a class="nav-link active" href="kelola_kegiatan.php">
                            <div class="sb-nav-link-icon"><i class="bi bi-calendar-event"></i></div>
                            Kelola Kegiatan
                        </a>
                        <a class="nav-link" href="kelola_galeri.php">
                            <div class="sb-nav-link-icon"><i class="bi bi-images"></i></div>
                            Kelola Galeri
                        </a>
                        <a class="nav-link" href="kelola_santri.php">
                            <div class="sb-nav-link-icon"><i class="bi bi-people"></i></div>
                            Kelola Santri
                        </a>
                        <a class="nav-link" href="kelola_admin.php">
                            <div class="sb-nav-link-icon"><i class="bi bi-person-badge"></i></div>
                            Kelola Admin
                        </a>
                        <a class="nav-link" href="kelola_kontak.php">
                            <div class="sb-nav-link-icon"><i class="bi bi-envelope"></i></div>
                            Kelola Kontak
                            <?php 
                                // Hitung pesan baru
                                $count_query = "SELECT COUNT(*) as total FROM kontak WHERE status = 'baru'";
                                $count_result = mysqli_query($conn, $count_query);
                                $count_new = mysqli_fetch_assoc($count_result)['total'];
                                if ($count_new > 0) {
                                    echo '<span class="badge bg-danger float-end">' . $count_new . '</span>';
                                }
                            ?>
                        </a>
                </div>
            </nav>
        </div>
        
        <div id="layoutSidenav_content">
            <main>
                <div class="container-fluid px-4">
                    <h1 class="mt-4">Kelola Kegiatan</h1>
                    <ol class="breadcrumb mb-4">
                        <li class="breadcrumb-item"><a href="dashboard.php">Dashboard</a></li>
                        <li class="breadcrumb-item active">Kelola Kegiatan</li>
                    </ol>
                    
                    <?php if (isset($_SESSION['success'])): ?>
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            <i class="bi bi-check-circle-fill me-2"></i><?= $_SESSION['success'] ?>
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                        <?php unset($_SESSION['success']); ?>
                    <?php endif; ?>
                    
                    <?php if (isset($_SESSION['error'])): ?>
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            <i class="bi bi-exclamation-triangle-fill me-2"></i><?= $_SESSION['error'] ?>
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                        <?php unset($_SESSION['error']); ?>
                    <?php endif; ?>
                    
                    
                    <div class="card mb-4">
                        <div class="card-header">
                            <i class="bi bi-calendar-plus me-1"></i>
                            <?= $edit_data ? 'Edit Kegiatan' : 'Tambah Kegiatan Baru' ?>
                        </div>
                        <div class="card-body">
                            <form action="kelola_kegiatan.php" method="post" enctype="multipart/form-data">
                                <input type="hidden" name="id" value="<?= $edit_data ? $edit_data['id_kegiatan'] : 0 ?>">
                                
                                <div class="row mb-3">
                                    <div class="col-md-8">
                                        <label for="judul" class="form-label">Judul Kegiatan</label>
                                        <input type="text" class="form-control" id="judul" name="judul" value="<?= $edit_data ? $edit_data['judul'] : '' ?>" required>
                                    </div>
                                    <div class="col-md-4">
                                        <label for="tanggal" class="form-label">Tanggal</label>
                                        <input type="date" class="form-control" id="tanggal" name="tanggal" value="<?= $edit_data ? $edit_data['tanggal'] : '' ?>" required>
                                    </div>
                                </div>
                                
                                <div class="mb-3">
                                    <label for="isi" class="form-label">Isi Kegiatan</label>
                                    <textarea class="form-control" id="isi" name="isi" rows="5" required><?= $edit_data ? $edit_data['isi'] : '' ?></textarea>
                                </div>
                                
                                <div class="mb-3">
                                    <label for="gambar" class="form-label">Gambar</label>
                                    <?php if ($edit_data): ?>
                                        <div class="mb-2">
                                            <img src="../uploads/kegiatan/<?= $edit_data['gambar'] ?>" alt="Gambar" class="img-thumbnail" width="200" id="previewImage">
                                        </div>
                                    <?php endif; ?>
                                    <input type="file" class="form-control" id="gambar" name="gambar" accept="image/*" <?= !$edit_data ? 'required' : '' ?> onchange="previewImage(this)">
                                    <?php if ($edit_data): ?>
                                        <small class="text-muted">Kosongkan jika tidak ingin mengubah gambar</small>
                                    <?php endif; ?>
                                </div>
                                
                                <div class="d-flex justify-content-end">
                                    <?php if ($edit_data): ?>
                                        <a href="kelola_kegiatan.php" class="btn btn-secondary me-2">Batal</a>
                                    <?php endif; ?>
                                    <button type="submit" class="btn btn-primary"><?= $edit_data ? 'Update' : 'Simpan' ?></button>
                                </div>
                            </form>
                        </div>
                    </div>
                    
                    
                    <div class="card">
                        <div class="card-header">
                            <i class="bi bi-table me-1"></i>
                            Data Kegiatan
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-bordered table-hover datatable" width="100%" cellspacing="0">
                                    <thead>
                                        <tr>
                                            <th>No</th>
                                            <th>Gambar</th>
                                            <th>Judul</th>
                                            <th>Tanggal</th>
                                            <th>Aksi</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <?php $no = 1; foreach ($kegiatan as $k): ?>
                                        <tr>
                                            <td><?= $no++ ?></td>
                                            <td>
                                                <img src="../uploads/kegiatan/<?= $k['gambar'] ?>" alt="<?= $k['judul'] ?>" class="img-thumbnail" width="80">
                                            </td>
                                            <td><?= $k['judul'] ?></td>
                                            <td><?= date('d/m/Y', strtotime($k['tanggal'])) ?></td>
                                            <td>
                                                <div class="btn-group btn-group-sm">
                                                    <a href="kelola_kegiatan.php?aksi=edit&id=<?= $k['id_kegiatan'] ?>" class="btn btn-primary">
                                                        <i class="bi bi-pencil"></i>
                                                    </a>
                                                    <a href="kelola_kegiatan.php?aksi=hapus&id=<?= $k['id_kegiatan'] ?>" class="btn btn-danger btn-delete">
                                                        <i class="bi bi-trash"></i>
                                                    </a>
                                                </div>
                                            </td>
                                        </tr>
                                        <?php endforeach; ?>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </main>
            
            <footer class="py-4 bg-light mt-auto">
                <div class="container-fluid px-4">
                    <div class="d-flex align-items-center justify-content-between small">
                        <div class="text-muted">Copyright &copy; <?= date('Y') ?> Pondok Pesantren Al-Hikmah</div>
                        <div>
                            <a href="#">Privacy Policy</a>
                            &middot;
                            <a href="#">Terms &amp; Conditions</a>
                        </div>
                    </div>
                </div>
            </footer>
        </div>
    </div>
    
    
    <script src="../assets/js/bootstrap.bundle.min.js"></script>
    
    
    <script src="../assets/js/jquery.min.js"></script>
    
    
    <script src="../assets/js/jquery.dataTables.min.js"></script>
    <script src="../assets/js/dataTables.bootstrap5.min.js"></script>
    
    
    <script src="../assets/js/scripts.js"></script>
    <script src="../assets/js/script.js"></script>
    
    <script>
        // Sidebar Toggle Logic
        document.addEventListener('DOMContentLoaded', function() {
            const sidebarToggle = document.getElementById('sidebarToggle');
            const body = document.body;
            
            // Load saved state
            if (localStorage.getItem('sb|sidebar-toggle') === 'true') {
                body.classList.add('sb-sidenav-toggled');
            }
            
            // Toggle sidebar
            sidebarToggle.addEventListener('click', function(e) {
                e.preventDefault();
                body.classList.toggle('sb-sidenav-toggled');
                localStorage.setItem('sb|sidebar-toggle', body.classList.contains('sb-sidenav-toggled'));
            });
            
            // Initialize DataTables
            $('.datatable').DataTable({
                "responsive": true,
                "language": {
                    "url": "//cdn.datatables.net/plug-ins/1.10.24/i18n/Indonesian.json"
                }
            });
            
            // Delete confirmation
            $('.btn-delete').on('click', function(e) {
                e.preventDefault();
                const url = $(this).attr('href');
                
                if (confirm('Apakah Anda yakin ingin menghapus data ini?')) {
                    window.location.href = url;
                }
            });
        });
        
        // Preview image before upload
        function previewImage(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                
                reader.onload = function(e) {
                    var preview = document.getElementById('previewImage');
                    if (preview) {
                        preview.src = e.target.result;
                    }
                }
                
                reader.readAsDataURL(input.files[0]);
            }
        }
    </script>
</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: kelola_kegiatan.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation