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/rasnuruljadid/admin

Free Space:

9.88 TB

🔧 Quick Actions

✏️ Editing: kelola-kegiatan.php

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

if (!isset($_SESSION['admin_id'])) { header('Location: login.php'); exit; }

// Cek timeout session (5 menit = 300 detik)
if (isset($_SESSION['LAST_ACTIVITY']) && (time() - $_SESSION['LAST_ACTIVITY'] > 300)) {
    session_unset();
    session_destroy();
    header('Location: login.php');
    exit;
}
$_SESSION['LAST_ACTIVITY'] = time(); // Update waktu aktivitas terakhir

// Deteksi Primary Key secara otomatis
$pk = 'id'; // Default
$q_pk = query("SHOW KEYS FROM kegiatan WHERE Key_name = 'PRIMARY'");
if (mysqli_num_rows($q_pk) > 0) {
    $row_pk = mysqli_fetch_assoc($q_pk);
    $pk = $row_pk['Column_name'];
}

// Ambil data profil untuk sidebar
$q_profil = "SELECT * FROM profil_sekolah LIMIT 1";
$r_profil = query($q_profil);
$profil = mysqli_fetch_assoc($r_profil);

$action = isset($_GET['action']) ? $_GET['action'] : '';
$id = isset($_GET['id']) ? $_GET['id'] : 0;
$success = ''; $error = '';

// Handle Delete
if ($action == 'hapus' && $id) {
    $q = "SELECT foto FROM kegiatan WHERE $pk = $id";
    $r = query($q);
    if (mysqli_num_rows($r) > 0) {
        $d = mysqli_fetch_assoc($r);
        if ($d['foto'] && file_exists('../assets/images/kegiatan/' . $d['foto'])) {
            unlink('../assets/images/kegiatan/' . $d['foto']);
        }
        
        if (query("DELETE FROM kegiatan WHERE $pk = $id")) $success = "Kegiatan berhasil dihapus!";
        else $error = "Gagal menghapus data: " . mysqli_error($conn);
    }
    $action = '';
}

// Handle Post
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    $judul = escape($_POST['judul_kegiatan']);
    $tanggal = escape($_POST['tanggal_kegiatan']);
    $deskripsi = escape($_POST['deskripsi']);
    
    $foto_name = '';
    $upload_dir = __DIR__ . '/../assets/images/kegiatan/';
    if (!file_exists($upload_dir)) {
        mkdir($upload_dir, 0777, true);
    }

if (isset($_FILES['foto']) && $_FILES['foto']['error'] == 0) {
        $ext = pathinfo($_FILES['foto']['name'], PATHINFO_EXTENSION);
        $foto_name = 'kegiatan_' . time() . '.' . $ext;
        move_uploaded_file($_FILES['foto']['tmp_name'], $upload_dir . $foto_name);
    }

if ($action == 'tambah') {
        $q = "INSERT INTO kegiatan (judul_kegiatan, tanggal_kegiatan, deskripsi, foto) VALUES ('$judul', '$tanggal', '$deskripsi', '$foto_name')";
        if (query($q)) $success = "Kegiatan berhasil ditambahkan!";
        else $error = "Gagal menambah data: " . mysqli_error($conn);
    } elseif ($action == 'edit' && $id) {
        $q_img = "";
        if ($foto_name) {
            $old = mysqli_fetch_assoc(query("SELECT foto FROM kegiatan WHERE $pk=$id"));
            if ($old['foto'] && file_exists('../assets/images/kegiatan/'.$old['foto'])) unlink('../assets/images/kegiatan/'.$old['foto']);
            $q_img = ", foto='$foto_name'";
        }
        $q = "UPDATE kegiatan SET judul_kegiatan='$judul', tanggal_kegiatan='$tanggal', deskripsi='$deskripsi' $q_img WHERE $pk=$id";
        if (query($q)) $success = "Kegiatan berhasil diupdate!";
        else $error = "Gagal update data: " . mysqli_error($conn);
    }
    if (!$error) $action = '';
}

$edit_data = null;
if ($action == 'edit' && $id) {
    $edit_data = mysqli_fetch_assoc(query("SELECT * FROM kegiatan WHERE $pk = $id"));
}

$list_data = query("SELECT * FROM kegiatan ORDER BY tanggal_kegiatan DESC");
?>
<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kelola Kegiatan - Admin RA Salafiyah Nurul Jadid</title>
    <link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&family=Poppins:wght@400;500;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Poppins', sans-serif; background: #f0f2f5; }
        .admin-wrapper { display: flex; min-height: 100vh; }
        .sidebar { width: 280px; background: #ffffff; color: white; position: fixed; height: 100vh; overflow-y: auto; box-shadow: 2px 0 10px rgba(0,0,0,0.05); }
        .sidebar-header { padding: 30px 20px; text-align: center; border-bottom: 1px solid #f0f0f0; }
        .sidebar-header h2 { font-family: 'Fredoka', sans-serif; font-size: 20px; color: #333; margin-bottom: 5px; }
        .sidebar-header p { font-size: 13px; opacity: 0.8; }
        .sidebar-menu { padding: 20px 0; }
        .menu-item { padding: 15px 25px; display: flex; align-items: center; gap: 12px; color: #666; text-decoration: none; transition: all 0.3s; font-weight: 500; margin: 5px 15px; border-radius: 10px; }
        .menu-item:hover, .menu-item.active { background: linear-gradient(135deg, #FF6B9D 0%, #FF8E53 100%); color: white; box-shadow: 0 5px 15px rgba(255, 107, 157, 0.3); }
        .menu-item i { font-size: 18px; width: 25px; }
        .main-content { margin-left: 280px; flex: 1; padding: 30px; }
        .top-bar { background: white; padding: 20px 30px; border-radius: 15px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.03); margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center; }
        .top-bar h1 { font-family: 'Fredoka', sans-serif; font-size: 28px; color: #333; font-weight: 600; }
        .admin-info { display: flex; align-items: center; gap: 15px; }
        .admin-avatar { width: 45px; height: 45px; background: linear-gradient(135deg, #FF6B9D, #9B59B6); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 20px; }
        
        .content-card { background: white; padding: 30px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); }
        .btn-add { background: linear-gradient(135deg, #FF6B9D 0%, #FF8E53 100%); color: white; padding: 12px 25px; border-radius: 10px; text-decoration: none; display: inline-block; margin-bottom: 20px; font-weight: 600; transition: all 0.3s; box-shadow: 0 4px 15px rgba(255, 107, 157, 0.3); }
        .btn-add:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(255, 107, 157, 0.4); }
        
        table { width: 100%; border-collapse: collapse; margin-top: 10px; }
        th, td { padding: 15px; text-align: left; border-bottom: 1px solid #f0f0f0; }
        th { font-weight: 600; color: #333; background: #f9f9f9; border-radius: 8px; }
        tr:hover td { background-color: #fcfcfc; }
        .thumbnail { width: 60px; height: 60px; object-fit: cover; border-radius: 4px; }
        
        .btn-action { padding: 8px 12px; border-radius: 8px; text-decoration: none; color: white; font-size: 13px; margin-right: 5px; display: inline-block; transition: 0.3s; }
        .btn-edit { background: #3498db; box-shadow: 0 2px 5px rgba(52, 152, 219, 0.3); }
        .btn-delete { background: #e74c3c; box-shadow: 0 2px 5px rgba(231, 76, 60, 0.3); }
        .btn-action:hover { transform: translateY(-2px); opacity: 0.9; }
        
        .form-group { margin-bottom: 20px; }
        .form-group label { display: block; margin-bottom: 8px; font-weight: 600; color: #333; font-size: 14px; }
        .form-control { width: 100%; padding: 12px 15px; border: 1px solid #e0e0e0; border-radius: 10px; font-family: inherit; font-size: 14px; transition: all 0.3s; background: #f9f9f9; }
        .form-control:focus { outline: none; border-color: #FF6B9D; background: white; box-shadow: 0 0 0 3px rgba(255, 107, 157, 0.1); }
        textarea.form-control { resize: vertical; min-height: 100px; }
        .btn-submit { background: linear-gradient(135deg, #FF6B9D 0%, #FF8E53 100%); color: white; border: none; padding: 12px 30px; border-radius: 10px; cursor: pointer; font-weight: 600; font-size: 16px; transition: all 0.3s; box-shadow: 0 4px 15px rgba(255, 107, 157, 0.3); }
        .btn-submit:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(255, 107, 157, 0.4); }
        .btn-cancel { background: #95a5a6; color: white; padding: 12px 25px; border-radius: 10px; text-decoration: none; font-weight: 600; margin-left: 10px; transition: 0.3s; }
        .btn-cancel:hover { background: #7f8c8d; }
        
        .alert { padding: 15px; border-radius: 8px; margin-bottom: 20px; }
        .alert-success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
        .alert-error { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }

.menu-toggle { display: none; font-size: 24px; cursor: pointer; color: #2C3E50; margin-right: 15px; }

@media (max-width: 968px) {
            .sidebar { left: -280px; width: 280px; z-index: 1000; transition: 0.3s; background: white; }
            .sidebar.active { left: 0; }
            .main-content { margin-left: 0; padding: 20px; }
            .table-responsive { overflow-x: auto; }
            .menu-toggle { display: block; }
            .top-bar { justify-content: flex-start; padding: 15px 20px; }
            .top-bar h1 { font-size: 20px; margin-right: auto; }
            .content-card { padding: 20px; }
            th, td { padding: 8px; font-size: 12px; white-space: nowrap; }
            .thumbnail { width: 35px; height: 35px; }
            .btn-action { padding: 5px 8px; font-size: 11px; }
            .btn-add { padding: 8px 15px; font-size: 13px; width: auto; }
        }

@media (max-width: 480px) {
            .top-bar h1 {
                font-size: 18px;
            }
            .admin-avatar {
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
            .admin-info > div:not(.admin-avatar) {
                display: none;
            }
        }
    </style>
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const menuToggle = document.getElementById('menuToggle');
            const sidebar = document.querySelector('.sidebar');
            if(menuToggle){
                menuToggle.addEventListener('click', () => {
                    sidebar.classList.toggle('active');
                });
            }
            document.addEventListener('click', (e) => {
                if(window.innerWidth <= 968) {
                    if (sidebar && !sidebar.contains(e.target) && menuToggle && !menuToggle.contains(e.target) && sidebar.classList.contains('active')) {
                        sidebar.classList.remove('active');
                    }
                }
            });
        });
    </script>
</head>
<body>
    <div class="admin-wrapper">
        <div class="sidebar">
            <div class="sidebar-header">
                <?php if (!empty($profil['logo'])): ?>
                    <img src="../assets/images/<?php echo $profil['logo']; ?>" alt="Logo" style="width: 60px; height: auto; margin-bottom: 10px;">
                <?php else: ?>
                    <div style="font-size: 40px; margin-bottom: 10px;"><i class="fas fa-school"></i></div>
                <?php endif; ?>
                <h2 style="font-size: 18px;"><?php echo !empty($profil['nama_sekolah']) ? $profil['nama_sekolah'] : 'RA SALAFIYAH'; ?></h2>
            </div>
            <div class="sidebar-menu">
                <a href="dashboard.php" class="menu-item"><i class="fas fa-home"></i> <span>Dashboard</span></a>
                <a href="kelola-profil.php" class="menu-item"><i class="fas fa-cog"></i> <span>Kelola Profil</span></a>
                <a href="kelola-guru.php" class="menu-item"><i class="fas fa-chalkboard-teacher"></i> <span>Kelola Guru</span></a>
                <a href="kelola-kegiatan.php" class="menu-item active"><i class="fas fa-calendar-alt"></i> <span>Kelola Kegiatan</span></a>
                <a href="kelola-galeri.php" class="menu-item"><i class="fas fa-images"></i> <span>Kelola Galeri</span></a>
                <a href="kelola-pendaftaran.php" class="menu-item"><i class="fas fa-user-plus"></i> <span>Kelola Pendaftaran</span></a>
                <a href="kelola-kontak.php" class="menu-item"><i class="fas fa-envelope"></i> <span>Kelola Kontak</span></a>
                <a href="../index.php" class="menu-item" target="_blank"><i class="fas fa-globe"></i> <span>Lihat Website</span></a>
            </div>
        </div>
        
        <div class="main-content">
            <div class="top-bar">
                <div class="menu-toggle" id="menuToggle">
                    <i class="fas fa-bars"></i>
                </div>
                <h1><i class="fas fa-calendar-alt"></i> Kelola Kegiatan</h1>
                <div class="admin-info">
                    <div class="admin-avatar"><i class="fas fa-user"></i></div>
                    <div><strong><?php echo $_SESSION['admin_name']; ?></strong></div>
                </div>
            </div>
            
            <?php if ($success): ?><div class="alert alert-success"><?php echo $success; ?></div><?php endif; ?>
            <?php if ($error): ?><div class="alert alert-error"><?php echo $error; ?></div><?php endif; ?>

<?php if ($action == 'tambah' || $action == 'edit'): ?>
            <div class="content-card">
                <h3><?php echo $action == 'tambah' ? 'Tambah Kegiatan Baru' : 'Edit Kegiatan'; ?></h3>
                <br>
                <form method="POST" enctype="multipart/form-data">
                    <div class="form-group">
                        <label>Judul Kegiatan</label>
                        <input type="text" name="judul_kegiatan" class="form-control" required value="<?php echo $edit_data ? $edit_data['judul_kegiatan'] : ''; ?>">
                    </div>
                    <div class="form-group">
                        <label>Tanggal Kegiatan</label>
                        <input type="date" name="tanggal_kegiatan" class="form-control" required value="<?php echo $edit_data ? $edit_data['tanggal_kegiatan'] : date('Y-m-d'); ?>">
                    </div>
                    <div class="form-group">
                        <label>Deskripsi</label>
                        <textarea name="deskripsi" class="form-control" rows="5" required><?php echo $edit_data ? $edit_data['deskripsi'] : ''; ?></textarea>
                    </div>
                    <div class="form-group">
                        <label>Foto Utama</label>
                        <input type="file" name="foto" class="form-control" accept="image/*">
                        <?php if ($edit_data && $edit_data['foto']): ?>
                            <br><img src="../assets/images/kegiatan/<?php echo $edit_data['foto']; ?>" width="150">
                        <?php endif; ?>
                    </div>

<button type="submit" class="btn-submit">Simpan</button>
                    <a href="kelola-kegiatan.php" class="btn-cancel">Batal</a>
                </form>
            </div>
            <?php else: ?>
            <div class="content-card">
                <a href="?action=tambah" class="btn-add"><i class="fas fa-plus"></i> Tambah Kegiatan</a>
                <div class="table-responsive">
                    <table>
                        <thead>
                            <tr>
                                <th>No</th>
                                <th>Foto</th>
                                <th>Judul Kegiatan</th>
                                <th>Tanggal</th>
                                <th>Aksi</th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php 
                            $no = 1; 
                            while($row = mysqli_fetch_assoc($list_data)): 
                                $id_kegiatan = $row[$pk];
                            ?>
                            <tr>
                                <td><?php echo $no++; ?></td>
                                <td>
                                    <?php if($row['foto']): ?>
                                        <img src="../assets/images/kegiatan/<?php echo $row['foto']; ?>" class="thumbnail">
                                    <?php else: ?>
                                        <span style="color:#ccc;">No Image</span>
                                    <?php endif; ?>
                                </td>
                                <td><?php echo $row['judul_kegiatan']; ?></td>
                                <td><?php echo date('d M Y', strtotime($row['tanggal_kegiatan'])); ?></td>
                                <td>
                                    <a href="?action=edit&id=<?php echo $id_kegiatan; ?>" class="btn-action btn-edit"><i class="fas fa-edit"></i></a>
                                    <a href="?action=hapus&id=<?php echo $id_kegiatan; ?>" class="btn-action btn-delete" onclick="return confirm('Yakin ingin menghapus data ini?')"><i class="fas fa-trash"></i></a>
                                </td>
                            </tr>
                            <?php endwhile; ?>
                            <?php if(mysqli_num_rows($list_data) == 0): ?>
                            <tr><td colspan="5" style="text-align:center;">Belum ada data kegiatan.</td></tr>
                            <?php endif; ?>
                        </tbody>
                    </table>
                </div>
            </div>
            <?php endif; ?>
        </div>
    </div>
</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