Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

Apache/2

System:

Linux 5.15.0-161-generic

PHP Version:

8.1.32

User:

myvacationholi

Directory:

/home/myvacationholi/public_html/admin

Free Space:

14.02 GB

🔧 Quick Actions

✏️ Editing: add-blog.php

<?php
include 'config.php';
include 'header.php';
include 'sidebar.php';

// Handle form submission
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // Collect POST data
    $title    = $_POST['title'] ?? '';
   
   // Create URL slug from package name
    $url = strtolower(trim(preg_replace('/[^A-Za-z0-9-]+/', '-', $title), '-'));
    $subtitle  = $_POST['subtitle'] ?? '';
    $image_url = '';

// Handle image upload
    $targetDir = "blog-images/";
    if (!empty($_FILES['image']['name'])) {
        $image = basename($_FILES['image']['name']);
        $image_url = $targetDir . $image;
        move_uploaded_file($_FILES['image']['tmp_name'], $image_url);
    }

// Insert query (id is auto-increment, created_at is set automatically)
    $insertQuery = "INSERT INTO blog_posts (title, subtitle, image_url ) 
                    VALUES (?, ?, ?)";
    $stmt = $conn->prepare($insertQuery);
    $stmt->bind_param(
        'sss',
        $title,
        $subtitle,
        $image_url
    );

if ($stmt->execute()) {
        echo "<script>alert('Blog post added successfully!'); window.location.href='add-blog.php';</script>";
    } else {
        echo "<script>alert('Error adding blog post. Please try again.');</script>";
    }
}
?>

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

<link rel="stylesheet" type="text/css" href="assets/icon/themify-icons/themify-icons.css">

<link rel="stylesheet" type="text/css" href="assets/icon/icofont/css/icofont.css">

<link rel="stylesheet" type="text/css" href="assets/plugins/bootstrap/css/bootstrap.min.css">

<link rel="stylesheet" type="text/css" href="assets/css/main.css">

<link rel="stylesheet" type="text/css" href="assets/css/responsive.css">

<script src="https://cdn.ckeditor.com/4.16.2/standard/ckeditor.js"></script>
    
    <style>
        .blog-content {
            min-height: 300px;
        }
        .blog-form .card-block {
            padding: 1.25rem;
        }
        .blog-form .form-group {
            margin-bottom: 1.5rem;
        }
        .blog-form label {
            font-weight: 500;
            margin-bottom: 0.5rem;
        }
        /* CKEditor adjustments */
        .cke_chrome {
            border: 1px solid #ced4da !important;
            border-radius: 0.25rem !important;
        }
        .cke_top {
            background: #f8f9fa !important;
            border-bottom: 1px solid #ced4da !important;
        }
        .image-preview {
            max-width: 100%;
            max-height: 200px;
            margin-top: 10px;
            display: none;
        }
    </style>
</head>

<div class="row">
                    <div class="col-sm-12">
                        <div class="card">
                            <div class="card-header">
                                <h5>New Blog Post</h5>
                            </div>
                            <div class="card-block">
                                <form method="POST" action="" enctype="multipart/form-data" id="blogForm" class="blog-form">
                                    
                                    <div class="form-group">
                                        <label for="title">Title</label>
                                        <input type="text" class="form-control" id="title" name="title" required>
                                    </div>

<div class="form-group">
                                        <label for="content">Subtile</label>
                                        <input type="text" class="form-control" id="subtitle" name="subtitle" required>
                                    </div>
                                    
                                    
                                    <div class="form-group">
                                        <label for="image">Featured Image</label>
                                        <input type="file" class="form-control" id="image" name="image" accept="image/*">
                                        <img id="imagePreview" class="image-preview" alt="Image preview">
                                    </div>

<button type="submit" class="btn btn-success">Publish Blog Post</button>
                                    <a href="index.php" class="btn btn-secondary">Cancel</a>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<script src="assets/plugins/Jquery/dist/jquery.min.js"></script>
    <script src="assets/plugins/jquery-ui/jquery-ui.min.js"></script>
    <script src="assets/plugins/tether/dist/js/tether.min.js"></script>

<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>

<script src="assets/plugins/jquery-slimscroll/jquery.slimscroll.js"></script>
    <script src="assets/plugins/jquery.nicescroll/jquery.nicescroll.min.js"></script>

<script src="assets/plugins/classie/classie.js"></script>

<script type="text/javascript" src="assets/js/main.min.js"></script>
    <script type="text/javascript" src="assets/pages/dashboard.js"></script>
    <script src="assets/js/menu.min.js"></script>

<script type="text/javascript">
        // Initialize CKEditor for blog content
        CKEDITOR.replace('content', {
            height: 400,
            toolbar: [
                { name: 'document', items: [ 'Source', '-', 'Save', 'NewPage', 'Preview', 'Print', '-', 'Templates' ] },
                { name: 'clipboard', items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] },
                { name: 'editing', items: [ 'Find', 'Replace', '-', 'SelectAll', '-', 'Scayt' ] },
                { name: 'basicstyles', items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'CopyFormatting', 'RemoveFormat' ] },
                { name: 'paragraph', items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl' ] },
                { name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },
                { name: 'insert', items: [ 'Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe' ] },
                { name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] },
                { name: 'colors', items: [ 'TextColor', 'BGColor' ] },
                { name: 'tools', items: [ 'Maximize', 'ShowBlocks' ] }
            ]
        });

// Image preview functionality
        document.addEventListener('DOMContentLoaded', function() {
            const imageInput = document.getElementById('image');
            const imagePreview = document.getElementById('imagePreview');

imageInput.addEventListener('change', function() {
                if (this.files && this.files[0]) {
                    const reader = new FileReader();
                    
                    reader.onload = function(e) {
                        imagePreview.src = e.target.result;
                        imagePreview.style.display = 'block';
                    }
                    
                    reader.readAsDataURL(this.files[0]);
                } else {
                    imagePreview.style.display = 'none';
                }
            });
        });
        
        // Form submission validation
        document.getElementById('blogForm').addEventListener('submit', function(event) {
            // Update CKEditor instance before form submission
            CKEDITOR.instances.content.updateElement();
        });
    </script>
</body>

</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: add-blog.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation