Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-503.34.1.el9_5.x86_64

PHP Version:

8.2.30

User:

u329947844

Directory:

/home/u329947844/domains/pennagaram.org/public_html/admin

Free Space:

10.3 TB

🔧 Quick Actions

✏️ Editing: gallery-management.php

<!doctype html>
<html lang="en">

<?php 
include('includes/head.php');
include('includes/db.php');

// Handle form submissions
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    if (isset($_POST['action'])) {
        if ($_POST['action'] === 'add_image') {
            $title = mysqli_real_escape_string($conn, $_POST['title']);
            
            // Handle image upload
            if (isset($_FILES['image']) && $_FILES['image']['error'] === 0) {
                $uploadDir = 'uploads/gallery/';
                if (!is_dir($uploadDir)) {
                    mkdir($uploadDir, 0755, true);
                }
                
                $image = $_FILES['image'];
                $imageExt = strtolower(pathinfo($image['name'], PATHINFO_EXTENSION));
                $allowedExt = ['jpg', 'jpeg', 'png', 'webp', 'gif'];
                
                if (in_array($imageExt, $allowedExt)) {
                    $imageName = 'gallery_' . time() . '_' . uniqid() . '.' . $imageExt;
                    $imageTarget = $uploadDir . $imageName;
                    
                    if (move_uploaded_file($image['tmp_name'], $imageTarget)) {
                        $insertSql = "INSERT INTO gallery (title, image_path, created_at) VALUES (?, ?, NOW())";
                        $stmt = mysqli_prepare($conn, $insertSql);
                        mysqli_stmt_bind_param($stmt, 'ss', $title, $imageName);
                        mysqli_stmt_execute($stmt);
                        mysqli_stmt_close($stmt);
                        
                        $successMsg = "Image added successfully!";
                    }
                }
            }
        } elseif ($_POST['action'] === 'delete_image') {
            $imageId = (int)$_POST['image_id'];
            
            // Get image details before deletion
            $getSql = "SELECT image_path FROM gallery WHERE id = ?";
            $stmt = mysqli_prepare($conn, $getSql);
            mysqli_stmt_bind_param($stmt, 'i', $imageId);
            mysqli_stmt_execute($stmt);
            mysqli_stmt_bind_result($stmt, $imagePath);
            mysqli_stmt_fetch($stmt);
            mysqli_stmt_close($stmt);
            
            // Delete from database
            $deleteSql = "DELETE FROM gallery WHERE id = ?";
            $stmt = mysqli_prepare($conn, $deleteSql);
            mysqli_stmt_bind_param($stmt, 'i', $imageId);
            mysqli_stmt_execute($stmt);
            mysqli_stmt_close($stmt);
            
            // Delete image file
            if (!empty($imagePath)) {
                $filePath = 'uploads/gallery/' . $imagePath;
                if (file_exists($filePath)) {
                    unlink($filePath);
                }
            }
            
            $successMsg = "Image deleted successfully!";
        }
    }
}

// Fetch gallery images
$gallerySql = "SELECT id, title, image_path, created_at FROM gallery ORDER BY created_at DESC";
$galleryResult = mysqli_query($conn, $gallerySql);
$galleryImages = [];

if ($galleryResult && mysqli_num_rows($galleryResult) > 0) {
    while ($row = mysqli_fetch_assoc($galleryResult)) {
        $galleryImages[] = $row;
    }
}
?>

<?php include('includes/pre-loader.php')?>

<div id="layout-wrapper">

<?php include('includes/topbar.php')?>

<div class="vertical-menu">

<?php include('includes/sidebar.php')?>
            
        </div>
    </div>

<div class="main-content">
        <div class="page-content">
           
            <div class="container-fluid">

<div class="row">
                    <div class="col-12">
                        <div class="page-title-box d-flex align-items-center justify-content-between">
                            <h4 class="mb-0">Gallery Management</h4>
                            <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addImageModal">
                                <i class="fas fa-plus me-2"></i>Add New Image
                            </button>
                        </div>
                    </div>
                </div>

<?php if (isset($successMsg)): ?>
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        <?php echo $successMsg; ?>
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                <?php endif; ?>

<div class="row">
                    <div class="col-md-6 col-xl-3">
                        <div class="card text-center">
                            <div class="mb-2 card-body text-muted">
                                <h3 class="text-info mt-2"><?php echo count($galleryImages); ?></h3> Total Images
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-xl-3">
                        <div class="card text-center">
                            <div class="mb-2 card-body text-muted">
                                <h3 class="text-purple mt-2"><?php echo date('M Y'); ?></h3> Current Month
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-xl-3">
                        <div class="card text-center">
                            <div class="mb-2 card-body text-muted">
                                <h3 class="text-primary mt-2"><?php echo count($galleryImages); ?></h3> Active Images
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-xl-3">
                        <div class="card text-center">
                            <div class="mb-2 card-body text-muted">
                                <h3 class="text-danger mt-2">0</h3> Pending Actions
                            </div>
                        </div>
                    </div>
                </div>

<div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <h4 class="card-title mb-4">Gallery Images</h4>

<?php if (empty($galleryImages)): ?>
                                    <div class="text-center py-5">
                                        <i class="fas fa-images fa-3x text-muted mb-3"></i>
                                        <h5>No Images Found</h5>
                                        <p class="text-muted">Get started by adding your first image to the gallery.</p>
                                        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addImageModal">
                                            <i class="fas fa-plus me-2"></i>Add First Image
                                        </button>
                                    </div>
                                <?php else: ?>
                                    <div class="row">
                                        <?php foreach ($galleryImages as $image): ?>
                                            <div class="col-xl-3 col-md-4 col-sm-6 mb-4">
                                                <div class="card gallery-card">
                                                    <div class="gallery-image-container">
                                                        <img src="uploads/gallery/<?php echo htmlspecialchars($image['image_path']); ?>" 
                                                             class="card-img-top gallery-img" 
                                                             alt="<?php echo htmlspecialchars($image['title']); ?>"
                                                             onerror="this.src='https://via.placeholder.com/300x200?text=Image+Not+Found'">
                                                        <div class="gallery-overlay">
                                                            <div class="gallery-actions">
                                                                <button class="btn btn-primary btn-sm view-image" 
                                                                        data-image="uploads/gallery/<?php echo htmlspecialchars($image['image_path']); ?>"
                                                                        data-title="<?php echo htmlspecialchars($image['title']); ?>">
                                                                    <i class="fas fa-eye"></i>
                                                                </button>
                                                                <form method="post" class="d-inline" onsubmit="return confirm('Are you sure you want to delete this image?')">
                                                                    <input type="hidden" name="action" value="delete_image">
                                                                    <input type="hidden" name="image_id" value="<?php echo $image['id']; ?>">
                                                                    <button type="submit" class="btn btn-danger btn-sm">
                                                                        <i class="fas fa-trash"></i>
                                                                    </button>
                                                                </form>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="card-body">
                                                        <h6 class="card-title text-truncate"><?php echo htmlspecialchars($image['title']); ?></h6>
                                                        <p class="card-text small text-muted">
                                                            Added: <?php echo date('M j, Y', strtotime($image['created_at'])); ?>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        <?php endforeach; ?>
                                    </div>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>
                </div>

</div>
            
        </div>

<?php include('includes/footer.php')?>
    </div>

</div>

<div class="modal fade" id="addImageModal" tabindex="-1" aria-labelledby="addImageModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="addImageModalLabel">Add New Image</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form method="post" enctype="multipart/form-data" id="addImageForm">
                <div class="modal-body">
                    <input type="hidden" name="action" value="add_image">
                    
                    <div class="mb-3">
                        <label for="title" class="form-label">Image Title</label>
                        <input type="text" class="form-control" id="title" name="title" required 
                               placeholder="Enter image title" maxlength="255">
                    </div>
                    
                    <div class="mb-3">
                        <label for="image" class="form-label">Select Image</label>
                        <input type="file" class="form-control" id="image" name="image" accept=".jpg,.jpeg,.png,.webp,.gif" required>
                        <div class="form-text">
                            Supported formats: JPG, JPEG, PNG, WebP, GIF. Max file size: 5MB.
                        </div>
                    </div>
                    
                    <div class="image-preview mb-3" id="imagePreview" style="display: none;">
                        <img id="previewImage" class="img-thumbnail" style="max-height: 200px;">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Add Image</button>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="modal fade" id="viewImageModal" tabindex="-1" aria-labelledby="viewImageModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="viewImageModalTitle">Image Preview</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body text-center">
                <img id="modalImage" class="img-fluid" style="max-height: 70vh;">
            </div>
        </div>
    </div>
</div>

<?php include('includes/rightbar.php')?>

<?php include('includes/scripts.php')?>

.gallery-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.gallery-image-container {
    position: relative;
    overflow: hidden;
}

.gallery-img {
    height: 200px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.gallery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gallery-image-container:hover .gallery-overlay {
    opacity: 1;
}

.gallery-image-container:hover .gallery-img {
    transform: scale(1.05);
}

.gallery-actions {
    display: flex;
    gap: 10px;
}

.gallery-actions .btn {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-title {
    font-size: 0.9rem;
    font-weight: 600;
}
</style>

</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: gallery-management.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation