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/tbmliterasi

Free Space:

9.68 TB

🔧 Quick Actions

✏️ Editing: detail_artikel.php

<?php
 $pageTitle = 'Detail Artikel - TBM Harapan';
include 'includes/header.php';
include 'includes/navbar.php';

// Ambil ID dari URL
 $id = $_GET['id'];

// Ambil data artikel dari database
include 'includes/db.php';
 $result = $conn->query("SELECT * FROM artikel WHERE id=$id");
if ($result->num_rows > 0) {
    $row = $result->fetch_assoc();
    $judul = $row['judul'];
    $kategori = $row['kategori'];
    $isi = $row['isi'];
    $penulis = $row['penulis'];
    $tanggal = $row['tanggal'];
} else {
    echo "<script>alert('Artikel tidak ditemukan'); window.location='artikel.php';</script>";
    exit();
}
?>

<section class="detail-header">
    <div class="container">
        <h1 data-aos="fade-up"><?php echo $judul; ?></h1>
        <p data-aos="fade-up" data-aos-delay="100">
            <i class="fas fa-user"></i> <?php echo $penulis; ?> | 
            <i class="fas fa-calendar-alt"></i> <?php echo date('d F Y', strtotime($tanggal)); ?> | 
            <span class="badge bg-light text-dark"><?php echo $kategori; ?></span>
        </p>
    </div>
</section>

<section class="detail-content">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">
                <div data-aos="fade-right">
                    <div class="article-content">
                        <?php echo nl2br($isi); ?>
                    </div>
                    
                    <div class="article-tags mt-5">
                        <h5>Tag Terkait</h5>
                        <div class="d-flex flex-wrap gap-2">
                            <span class="badge bg-primary">Literasi</span>
                            <span class="badge bg-primary">Pendidikan</span>
                            <span class="badge bg-primary">Buku</span>
                            <span class="badge bg-primary">Anak</span>
                        </div>
                    </div>
                    
                    <div class="article-share mt-5">
                        <h5>Bagikan Artikel</h5>
                        <div class="d-flex gap-3">
                            <a href="#" class="btn btn-outline-primary"><i class="fab fa-facebook-f"></i></a>
                            <a href="#" class="btn btn-outline-primary"><i class="fab fa-twitter"></i></a>
                            <a href="#" class="btn btn-outline-primary"><i class="fab fa-whatsapp"></i></a>
                            <a href="#" class="btn btn-outline-primary"><i class="fas fa-link"></i></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div data-aos="fade-left">
                    <div class="card shadow-sm mb-4">
                        <div class="card-body">
                            <h5 class="card-title">Tentang Penulis</h5>
                            <div class="d-flex align-items-center mb-3">
                                <div class="author-avatar bg-primary text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 60px; height: 60px;">
                                    <?php echo strtoupper(substr($penulis, 0, 1)); ?>
                                </div>
                                <div class="ms-3">
                                    <h6 class="mb-0"><?php echo $penulis; ?></h6>
                                    <small class="text-muted">Kontributor TBM</small>
                                </div>
                            </div>
                            <p class="card-text">Penulis artikel ini adalah kontributor tetap di TBM Harapan yang memiliki passion di bidang literasi dan pendidikan.</p>
                        </div>
                    </div>
                    
                    <h5>Artikel Lainnya</h5>
                    <?php
                    // Ambil artikel lainnya
                    $result_artikel = $conn->query("SELECT * FROM artikel WHERE id != $id ORDER BY tanggal DESC LIMIT 3");
                    if ($result_artikel->num_rows > 0) {
                        while ($art = $result_artikel->fetch_assoc()) {
                            echo '<div class="related-item" data-aos="fade-up">
                                    <h5><a href="detail_artikel.php?id='.$art['id'].'" class="text-decoration-none">'.$art['judul'].'</a></h5>
                                    <p class="text-muted"><i class="fas fa-calendar-alt"></i> '.date('d F Y', strtotime($art['tanggal'])).'</p>
                                  </div>';
                        }
                    } else {
                        echo '<p class="text-muted">Belum ada artikel lainnya.</p>';
                    }
                    ?>
                    
                    <div class="card shadow-sm mt-4">
                        <div class="card-body">
                            <h5 class="card-title">Kategori Artikel</h5>
                            <div class="d-flex flex-column gap-2">
                                <a href="#" class="text-decoration-none">Tips Membaca <span class="badge bg-primary float-end">5</span></a>
                                <a href="#" class="text-decoration-none">Rekomendasi Buku <span class="badge bg-primary float-end">3</span></a>
                                <a href="#" class="text-decoration-none">Pendidikan <span class="badge bg-primary float-end">7</span></a>
                                <a href="#" class="text-decoration-none">Literasi Digital <span class="badge bg-primary float-end">2</span></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

.article-content p {
    margin-bottom: 1.5rem;
}

.article-content h3 {
    color: var(--primary-color);
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.article-content ul, .article-content ol {
    padding-left: 1.5rem;
    margin-bottom: 1.5rem;
}

.article-content li {
    margin-bottom: 0.5rem;
}

.author-avatar {
    font-size: 1.5rem;
    font-weight: 700;
}
</style>

<?php include 'includes/footer.php'; ?>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: detail_artikel.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation