Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

nginx/1.28.0

System:

Linux 6.8.0-90-generic

PHP Version:

8.4.15

User:

alqudsvolunteers

Directory:

/home/alqudsvolunteers/htdocs/www.alqudsvolunteers.id

Free Space:

81.81 GB

🔧 Quick Actions

✏️ Editing: publikasi.php

<?php
include 'config.php';
include 'navbar.php';

// Query untuk mengambil data publikasi
$publication_query = "SELECT * FROM publikasi ORDER BY created_at DESC";
$publication_result = mysqli_query($conn, $publication_query);

// Set base path
$base_path = '/';
?>

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Publikasi - AVI</title>
    <style>
        /* Book Effect Styles */
        .book-container {
            perspective: 1000px;
            margin-bottom: 30px;
        }
        
        .book {
            width: 200px;
            height: 280px;
            position: relative;
            transform-style: preserve-3d;
            transition: transform 0.5s ease;
            cursor: pointer;
        }
        
        .book:hover {
            transform: rotateY(10deg) translateY(-10px);
        }
        
        .book-cover {
            position: absolute;
            width: 100%;
            height: 100%;
            backface-visibility: hidden;
            border-radius: 5px 15px 15px 5px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
            overflow: hidden;
            background: linear-gradient(45deg, #f0f0f0, #e0e0e0);
        }
        
        .book-cover img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .book-spine {
            position: absolute;
            width: 20px;
            height: 100%;
            background: linear-gradient(to right, #d0d0d0, #b0b0b0);
            transform: rotateY(90deg) translateX(-10px);
            border-radius: 2px 0 0 2px;
        }
        
        .book-title {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.7);
            color: white;
            padding: 10px;
            font-size: 14px;
            text-align: center;
            transform: translateZ(1px);
        }
        
        /* Layout Styles */
        .publications-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 2rem;
        }
        
        .publications-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
            gap: 2rem;
            justify-items: center;
        }
        
        .page-title {
            text-align: center;
            margin-bottom: 2rem;
            color: #139D93;
            font-size: 2.5rem;
            font-weight: bold;
        }
        
        .no-publications {
            text-align: center;
            padding: 3rem;
            color: #666;
            font-size: 1.2rem;
        }
        
        /* Responsive styles */
        @media (max-width: 768px) {
            .publications-grid {
                grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
                gap: 1.5rem;
            }
            
            .book {
                width: 160px;
                height: 224px;
            }
            
            .page-title {
                font-size: 2rem;
            }
        }
        
        @media (max-width: 480px) {
            .publications-grid {
                grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
                gap: 1rem;
            }
            
            .book {
                width: 140px;
                height: 196px;
            }
        }
    </style>
</head>
<body>
    <div class="publications-container">
        <h1 class="page-title">Publikasi Kami</h1>
        
        <?php if (mysqli_num_rows($publication_result) > 0): ?>
            <div class="publications-grid">
                <?php while ($publication = mysqli_fetch_assoc($publication_result)): ?>
                    <div class="book-container">
                        <div class="book" onclick="openPublication('<?php echo $base_path . 'admin/uploads/publikasi/' . $publication['file_publikasi']; ?>')">
                            <div class="book-spine"></div>
                            <div class="book-cover">
                                <?php if (!empty($publication['thumbnail'])): ?>
                                    <img src="<?php echo $base_path . 'admin/uploads/publikasi/thumbnails/' . $publication['thumbnail']; ?>" alt="<?php echo htmlspecialchars($publication['nama_publikasi']); ?>">
                                <?php else: ?>
                                    <div style="width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:#f0f0f0;">
                                        <i class="fas fa-file-pdf" style="font-size: 3rem; color: #139D93;"></i>
                                    </div>
                                <?php endif; ?>
                                <div class="book-title">
                                    <?php echo htmlspecialchars($publication['nama_publikasi']); ?>
                                </div>
                            </div>
                        </div>
                    </div>
                <?php endwhile; ?>
            </div>
        <?php else: ?>
            <div class="no-publications">
                <i class="fas fa-book-open" style="font-size: 4rem; margin-bottom: 1rem; color: #ccc;"></i>
                <p>Belum ada publikasi tersedia.</p>
            </div>
        <?php endif; ?>
    </div>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: publikasi.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation