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/manurulimanmtg/admin/kontak_admin

Free Space:

9.89 TB

🔧 Quick Actions

✏️ Editing: kontak.php

<?php
// Sertakan koneksi database
require_once '../../config/config.php';
require_once '../../config/database.php';
require_once '../../config/functions.php';

// Inisialisasi pesan
$message = '';
$messageType = '';

// Proses hapus data
if (isset($_GET['action']) && $_GET['action'] == 'delete' && isset($_GET['id'])) {
    $id = $_GET['id'];
    $query = "DELETE FROM kontak WHERE id = ?";
    $stmt = $conn->prepare($query);
    $stmt->bind_param('i', $id);

if ($stmt->execute()) {
        $message = "Data berhasil dihapus";
        $messageType = "success";
    } else {
        $message = "Gagal menghapus data: " . $conn->error;
        $messageType = "danger";
    }
    $stmt->close();
}

// Proses update status
if (isset($_GET['action']) && $_GET['action'] == 'status' && isset($_GET['id'])) {
    $id = $_GET['id'];
    $query = "UPDATE kontak SET status = 'sudah_dibaca' WHERE id = ?";
    $stmt = $conn->prepare($query);
    $stmt->bind_param('i', $id);

if ($stmt->execute()) {
        $message = "Status berhasil diubah menjadi sudah dibaca";
        $messageType = "success";
    } else {
        $message = "Gagal mengubah status: " . $conn->error;
        $messageType = "danger";
    }
    $stmt->close();
}

// Inisialisasi data untuk detail
$detailData = null;
if (isset($_GET['action']) && $_GET['action'] == 'detail' && isset($_GET['id'])) {
    $id = $_GET['id'];
    $query = "SELECT * FROM kontak WHERE id = ?";
    $stmt = $conn->prepare($query);
    $stmt->bind_param('i', $id);
    $stmt->execute();
    $result = $stmt->get_result();
    $detailData = $result->fetch_assoc();
    $stmt->close();
}

// Ambil data kontak dari database
$query = "SELECT * FROM kontak ORDER BY created_at DESC";
$result = $conn->query($query);
?>

<!DOCTYPE html>
<html lang="id">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Manajemen Kontak</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>

<body class="bg-gray-50 min-h-screen pb-8">
    
    <header class="bg-white shadow-md fixed top-0 left-0 right-0 z-10">
        <div class="max-w-7xl mx-auto px-4">
            <div class="flex justify-between items-center py-3">
                <a href="../dashboard.php" class="flex items-center text-blue-600 hover:text-blue-800 transition-colors">
                    <i class="fas fa-arrow-left mr-2"></i>
                    <span class="hidden sm:inline">Kembali ke Dashboard</span>
                    <span class="sm:hidden">Dashboard</span>
                </a>
                <h1 class="text-lg font-bold text-gray-800">Manajemen Kontak</h1>
                <div></div>
            </div>
        </div>
    </header>

<main class="pt-16 px-4">
        
        <?php if (!empty($message)): ?>
            <div class="max-w-7xl mx-auto mb-4">
                <div class="bg-<?php echo $messageType === 'success' ? 'green' : 'red'; ?>-100 border border-<?php echo $messageType === 'success' ? 'green' : 'red'; ?>-400 text-<?php echo $messageType === 'success' ? 'green' : 'red'; ?>-700 px-4 py-3 rounded relative" role="alert">
                    <span class="block sm:inline"><?php echo $message; ?></span>
                    <span class="absolute top-0 bottom-0 right-0 px-4 py-3">
                        <i class="fas fa-times cursor-pointer" onclick="this.parentElement.parentElement.style.display='none'"></i>
                    </span>
                </div>
            </div>
        <?php endif; ?>

<?php if ($detailData): ?>
            <div class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4">
                <div class="bg-white rounded-xl shadow-2xl max-w-2xl w-full max-h-96 overflow-y-auto">
                    <div class="bg-gradient-to-r from-green-500 to-teal-600 py-4 px-6">
                        <div class="flex justify-between items-center">
                            <h2 class="text-xl font-bold text-white flex items-center">
                                <i class="fas fa-eye mr-3"></i>
                                Detail Pesan Kontak
                            </h2>
                            <a href="kontak.php" class="text-white hover:text-gray-200 transition-colors">
                                <i class="fas fa-times text-xl"></i>
                            </a>
                        </div>
                    </div>
                    <div class="p-6">
                        <div class="space-y-4">
                            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                                <div>
                                    <label class="block text-sm font-medium text-gray-700 mb-1">Nama</label>
                                    <div class="bg-gray-50 p-3 rounded-lg"><?= htmlspecialchars($detailData['nama']); ?></div>
                                </div>
                                <div>
                                    <label class="block text-sm font-medium text-gray-700 mb-1">Email</label>
                                    <div class="bg-gray-50 p-3 rounded-lg"><?= htmlspecialchars($detailData['email']); ?></div>
                                </div>
                            </div>

<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                                <div>
                                    <label class="block text-sm font-medium text-gray-700 mb-1">Subjek</label>
                                    <div class="bg-gray-50 p-3 rounded-lg"><?= htmlspecialchars($detailData['subjek']); ?></div>
                                </div>
                                <div>
                                    <label class="block text-sm font-medium text-gray-700 mb-1">Status</label>
                                    <div class="bg-gray-50 p-3 rounded-lg">
                                        <?php if ($detailData['status'] === 'sudah_dibaca'): ?>
                                            <span class="bg-green-100 text-green-800 text-xs font-medium py-1 px-2 rounded-full">Sudah Dibaca</span>
                                        <?php else: ?>
                                            <span class="bg-yellow-100 text-yellow-800 text-xs font-medium py-1 px-2 rounded-full">Belum Dibaca</span>
                                        <?php endif; ?>
                                    </div>
                                </div>
                            </div>

<div>
                                <label class="block text-sm font-medium text-gray-700 mb-1">Tanggal</label>
                                <div class="bg-gray-50 p-3 rounded-lg"><?= date('d/m/Y H:i', strtotime($detailData['created_at'])); ?></div>
                            </div>

<div>
                                <label class="block text-sm font-medium text-gray-700 mb-1">Pesan</label>
                                <div class="bg-gray-50 p-3 rounded-lg max-h-32 overflow-y-auto"><?= nl2br(htmlspecialchars($detailData['pesan'])); ?></div>
                            </div>
                        </div>

<div class="flex gap-3 mt-6 pt-4 border-t">
                            <?php if ($detailData['status'] == 'belum_dibaca'): ?>
                                <a href="kontak.php?action=status&id=<?= $detailData['id']; ?>"
                                    class="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg transition duration-200">
                                    <i class="fas fa-check mr-2"></i>Tandai Sudah Dibaca
                                </a>
                            <?php endif; ?>

<a href="kontak.php" class="bg-gray-500 hover:bg-gray-600 text-white px-4 py-2 rounded-lg transition duration-200">
                                <i class="fas fa-times mr-2"></i>Tutup
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        <?php endif; ?>

<div class="max-w-7xl mx-auto bg-white rounded-xl shadow-lg overflow-hidden">
            <div class="bg-gradient-to-r from-purple-500 to-pink-600 py-4 px-4 sm:px-6">
                <h2 class="text-xl sm:text-2xl font-bold text-white flex items-center">
                    <i class="fas fa-envelope mr-3"></i>
                    Daftar Pesan Kontak
                </h2>
            </div>

<div class="p-4 sm:p-6">
                <div class="mb-4 text-sm text-gray-500">
                    Menampilkan data pesan kontak terbaru
                </div>

<div class="sm:hidden space-y-4">
                    <?php
                    mysqli_data_seek($result, 0);
                    if ($result->num_rows == 0) : ?>
                        <div class="text-center py-8 text-gray-500">
                            <i class="fas fa-inbox text-4xl mb-3 block"></i>
                            Belum ada data pesan kontak
                        </div>
                    <?php else: ?>
                        <?php while ($row = $result->fetch_assoc()) : ?>
                            <div class="border border-gray-200 rounded-lg p-4 hover:bg-gray-50 transition-all <?php echo ($row['status'] == 'belum_dibaca') ? 'bg-yellow-50 border-yellow-200' : ''; ?>">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="font-medium text-gray-800"><?= htmlspecialchars($row['nama']); ?></h3>
                                    <div class="flex gap-2">
                                        <a href="kontak.php?action=detail&id=<?= $row['id']; ?>" class="text-green-500 hover:text-green-700">
                                            <i class="fas fa-eye"></i>
                                        </a>
                                        <?php if ($row['status'] == 'belum_dibaca'): ?>
                                            <a href="kontak.php?action=status&id=<?= $row['id']; ?>" class="text-blue-500 hover:text-blue-700">
                                                <i class="fas fa-check"></i>
                                            </a>
                                        <?php endif; ?>

<div class="grid grid-cols-2 gap-2 text-sm">
                                    <div class="text-gray-500">Email:</div>
                                    <div><?= htmlspecialchars($row['email']); ?></div>

<div class="text-gray-500">Subjek:</div>
                                    <div><?= htmlspecialchars($row['subjek']); ?></div>

<div class="text-gray-500">Status:</div>
                                    <div>
                                        <?php if ($row['status'] === 'sudah_dibaca'): ?>
                                            <span class="bg-green-100 text-green-800 text-xs font-medium py-1 px-2 rounded-full">Sudah Dibaca</span>
                                        <?php else: ?>
                                            <span class="bg-yellow-100 text-yellow-800 text-xs font-medium py-1 px-2 rounded-full">Belum Dibaca</span>
                                        <?php endif; ?>
                                    </div>

<div class="text-gray-500">Tanggal:</div>
                                    <div><?= date('d/m/Y', strtotime($row['created_at'])); ?></div>
                                </div>

<div class="mt-2">
                                    <div class="text-gray-500 text-sm">Pesan:</div>
                                    <div class="text-sm bg-gray-100 p-2 rounded mt-1">
                                        <?php
                                        $pesan = htmlspecialchars($row['pesan']);
                                        echo (strlen($pesan) > 100) ? substr($pesan, 0, 100) . '...' : $pesan;
                                        ?>
                                    </div>
                                </div>
                            </div>
                        <?php endwhile; ?>
                    <?php endif; ?>
                </div>

<div class="hidden sm:block overflow-x-auto rounded-lg border border-gray-200">
                    <table class="w-full">
                        <thead>
                            <tr class="bg-gray-100 text-gray-600 uppercase text-sm leading-normal">
                                <th class="py-3 px-4 text-left border-b">No</th>
                                <th class="py-3 px-4 text-left border-b">Nama</th>
                                <th class="py-3 px-4 text-left border-b">Email</th>
                                <th class="py-3 px-4 text-left border-b">Subjek</th>
                                <th class="py-3 px-4 text-left border-b">Pesan</th>
                                <th class="py-3 px-4 text-center border-b">Status</th>
                                <th class="py-3 px-4 text-center border-b">Tanggal</th>
                                <th class="py-3 px-4 text-center border-b">Aksi</th>
                            </tr>
                        </thead>
                        <tbody class="text-gray-600 text-sm">
                            <?php
                            mysqli_data_seek($result, 0);
                            $no = 1;

if ($result->num_rows == 0) : ?>
                                <tr>
                                    <td colspan="8" class="py-8 text-center text-gray-500">
                                        <i class="fas fa-inbox text-4xl mb-3 block"></i>
                                        Belum ada data pesan kontak
                                    </td>
                                </tr>
                                <?php else:
                                while ($row = $result->fetch_assoc()) :
                                    $rowClass = ($row['status'] == 'belum_dibaca') ? 'bg-yellow-50' : '';
                                ?>
                                    <tr class="border-b border-gray-200 hover:bg-gray-50 transition-all <?php echo $rowClass; ?>">
                                        <td class="py-3 px-4"><?= $no++; ?></td>
                                        <td class="py-3 px-4 font-medium"><?= htmlspecialchars($row['nama']); ?></td>
                                        <td class="py-3 px-4"><?= htmlspecialchars($row['email']); ?></td>
                                        <td class="py-3 px-4"><?= htmlspecialchars($row['subjek']); ?></td>
                                        <td class="py-3 px-4">
                                            <?php
                                            $pesan = htmlspecialchars($row['pesan']);
                                            echo (strlen($pesan) > 50) ? substr($pesan, 0, 50) . '...' : $pesan;
                                            ?>
                                        </td>
                                        <td class="py-3 px-4 text-center">
                                            <?php if ($row['status'] === 'sudah_dibaca'): ?>
                                                <span class="bg-green-100 text-green-800 text-xs font-medium py-1 px-2 rounded-full">Sudah Dibaca</span>
                                            <?php else: ?>
                                                <span class="bg-yellow-100 text-yellow-800 text-xs font-medium py-1 px-2 rounded-full">Belum Dibaca</span>
                                            <?php endif; ?>
                                        </td>
                                        <td class="py-3 px-4 text-center"><?= date('d/m/Y', strtotime($row['created_at'])); ?></td>
                                        <td class="py-3 px-4 text-center">
                                            <div class="flex item-center justify-center gap-2">
                                                <a href="kontak.php?action=detail&id=<?= $row['id']; ?>" class="text-green-500 hover:text-green-700 transform hover:scale-110 transition duration-200" title="Lihat Detail">
                                                    <i class="fas fa-eye"></i>
                                                </a>
                                                <?php if ($row['status'] == 'belum_dibaca'): ?>
                                                    <a href="kontak.php?action=status&id=<?= $row['id']; ?>" class="text-blue-500 hover:text-blue-700 transform hover:scale-110 transition duration-200" title="Tandai Sudah Dibaca">
                                                        <i class="fas fa-check"></i>
                                                    </a>
                                                <?php endif; ?>

<a href="#" class="text-red-500 hover:text-red-700 transform hover:scale-110 transition duration-200" onclick="hapusKontak(<?= $row['id']; ?>)" title="Hapus">
                                                    <i class="fas fa-trash-alt"></i>
                                                </a>
                                            </div>
                                        </td>
                                    </tr>
                            <?php endwhile;
                            endif; ?>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </main>

// Auto-close alerts after 5 seconds
        setTimeout(function() {
            const alerts = document.querySelectorAll('[role="alert"]');
            alerts.forEach(function(alert) {
                alert.style.display = 'none';
            });
        }, 5000);
    </script>
</body>

</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: kontak.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation