Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 4.18.0-513.24.1.lve.el8.x86_64

PHP Version:

8.2.23

User:

aptodayn

Directory:

/home/aptodayn/uturntime.com

Free Space:

1.4 TB

🔧 Quick Actions

✏️ Editing: gallery_view.php

<?php
// /janasena/gallery_view.php
require_once __DIR__ . '/config.php';

// Helpers
if (!function_exists('h')) {
    function h($str) { return htmlspecialchars((string)$str, ENT_QUOTES, 'UTF-8'); }
}
if (!function_exists('news_image_or_placeholder')) {
    function news_image_or_placeholder(?string $path): string {
        if ($path && trim($path) !== '') {
            $path = ltrim($path, '/');
            if (preg_match('#^(admin/uploads|uploads)/#', $path)) return $path;
            return 'admin/uploads/' . $path;
        }
        return 'assets/images/news-placeholder.jpg';
    }
}

// ---- Get ID safely ----
$id = (int)($_GET['id'] ?? 0);
if ($id <= 0) {
    http_response_code(404);
    exit("Invalid gallery ID");
}

// ---- Load post ----
$stmt = $conn->prepare("
    SELECT p.*, c.slug AS category_slug
    FROM posts p
    LEFT JOIN categories c ON p.category_id = c.id
    WHERE p.id = ? AND p.is_published = 1
    LIMIT 1
");
$stmt->bind_param('i', $id);
$stmt->execute();
$post = $stmt->get_result()->fetch_assoc();
$stmt->close();

if (!$post) {
    http_response_code(404);
    exit("Gallery not found.");
}

// Not gallery -> regular article
if ($post['category_slug'] !== 'gallery') {
    header("Location: post.php?id={$id}");
    exit;
}

// ---- Load images ----
$images = [];
if (!empty($post['image'])) {
    $images[] = news_image_or_placeholder($post['image']);
}
$q = $conn->query("SELECT image FROM post_images WHERE post_id = {$id} ORDER BY id ASC");
while ($r = $q->fetch_assoc()) {
    $images[] = news_image_or_placeholder($r['image']);
}
if (empty($images)) {
    $images[] = news_image_or_placeholder(null);
}
$totalImages = count($images);

// ---- Share data ----
$scheme     = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off') ? 'https' : 'http';
$currentUrl = $scheme . '://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
$shareUrl   = urlencode($currentUrl);
$shareTitle = urlencode($post['title']);

include 'header.php';
?>

body {
    background: radial-gradient(circle at top, #0b1120 0, #020617 45%, #020617 100%);
    color: var(--gv-text);
    font-family:"Mandali", sans-serif;
}

/* Outer container (DESKTOP – untouched) */
.gallery-view-container {
    max-width:640px;
    margin:0 auto;
    padding:22px 12px 40px;
}

/* Card – pattern + curve + yellow border */
.gv-card {
    background: var(--gv-card-bg);
    border-radius:22px;
    border:1px solid rgba(15,23,42,0.9);
    box-shadow:
        0 0 0 1px rgba(15,23,42,0.9),
        0 0 0 2px rgba(250,204,21,0.15), /* soft yellow glow */
        0 26px 60px rgba(0,0,0,0.85);
    overflow:hidden;
    position:relative;
}

/* small inner yellow line at bottom (pattern feel) */
.gv-card::after {
    content:'';
    position:absolute;
    left:18px;
    right:18px;
    bottom:0;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,#facc15,#f97316);
    opacity:0.9;
}

/* Slider wrapper – full curve */
.gv-slider-wrap {
    position:relative;
    background:#000;
    border-radius:22px 22px 18px 18px;
    overflow:hidden;
}

/* Image block */
.gv-img-wrap {
    position:relative;
    width:100%;
    padding-top:120%;
    overflow:hidden;
}
.gv-img-wrap img {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

/* subtle inner frame like card in screenshot (DESKTOP default) */
.gv-img-wrap::after {
    content:'';
    position:absolute;
    inset:10px;
    border-radius:18px;
    border:1px solid rgba(250,204,21,0.55);
    pointer-events:none;
}

/* Zoom button (mobile) */
.gv-fullscreen-btn {
    position:absolute;
    right:12px;
    top:12px;
    width:36px;
    height:36px;
    border-radius:999px;
    background:rgba(15,23,42,0.9);
    border:1px solid rgba(148,163,184,0.7);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:20;
}
.gv-fullscreen-btn i {
    color:#fff;
    font-size:18px;
}

/* Carousel controls */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter:invert(1) drop-shadow(0 0 6px #000);
}
.carousel-indicators [data-bs-target] {
    width:7px;
    height:7px;
    border-radius:999px;
}

/* Dots color */
.carousel-indicators .active {
    background-color:#facc15;
}

/* Content */
.gv-body {
    padding:18px 18px 22px;
}
.gv-title {
    font-size:1.35rem;
    font-weight:600;
}
.gv-meta {
    font-size:.82rem;
    color:var(--gv-muted);
    margin:6px 0 12px;
}
.gv-summary {
    font-size:1.02rem;
    line-height:1.7rem;
    text-align:justify;
}

/* Back */
.gv-back a {
    color:#bfdbfe;
    text-decoration:none;
    margin-bottom:8px;
    display:inline-block;
    font-size:.85rem;
}
.gv-back a:hover {
    text-decoration:underline;
}

/* Share centered */
.gv-share {
    margin-top:16px;
    text-align:center;
    border-top:1px dashed rgba(148,163,184,0.4);
    padding-top:12px;
    font-size:.9rem;
    color:var(--gv-muted);
}
.gv-share-icons {
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:10px;
}
.gv-share-icons a,
.gv-share-copy-btn {
    width:36px;
    height:36px;
    border-radius:50%;
    background:#020617;
    border:1px solid rgba(148,163,184,0.7);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.gv-share-icons a:hover,
.gv-share-copy-btn:hover {
    transform:translateY(-1px);
    border-color:#facc15;
    box-shadow:0 10px 25px rgba(15,23,42,0.7);
}

/* MOBILE – ONLY HERE WIDTH PENCHINA CHANGES */
@media (max-width: 768px) {
    body {
        background:#020617;
    }

.gallery-view-container {
        max-width:100%;
        padding:8px 0 24px;   /* 🔥 side padding remove → card full width */
    }

/* mobile lo kuda card ki curve untundi */
    .gv-card {
        border-radius:22px;
        box-shadow:
            0 0 0 1px rgba(15,23,42,0.9),
            0 0 0 2px rgba(250,204,21,0.15),
            0 18px 40px rgba(0,0,0,0.85);
        margin:0; /* just to be sure full width */
    }

.gv-slider-wrap {
        border-radius:22px 22px 18px 18px;
    }

.gv-img-wrap {
        padding-top:150%;   /* height same as before */
    }

/* 🔥 mobile lo image side gap thaggadam → width ekkuva */
    .gv-img-wrap::after {
        inset:4px;          /* 10px → 4px only on mobile */
    }

.gv-body {
        padding:14px 12px 22px;
    }

.gv-title {
        font-size:1.2rem;
    }

.gv-back {
        padding:4px 8px 6px;
    }

.gv-fullscreen-btn {
        display:flex;
    }

/* ZOOM MODE */
    body.gv-zoom-mode {
        overflow:hidden;
        background:#000;
    }
    body.gv-zoom-mode .gallery-view-container {
        position:fixed;
        inset:0;
        padding:0;
        max-width:100%;
        z-index:9999;
        background:#000;
    }
    body.gv-zoom-mode .gv-card {
        border-radius:0;
        box-shadow:none;
    }
    body.gv-zoom-mode .gv-card::after {
        display:none;
    }
    body.gv-zoom-mode .gv-slider-wrap {
        border-radius:0;
    }
    body.gv-zoom-mode .gv-body,
    body.gv-zoom-mode .gv-back {
        display:none !important;
    }
    body.gv-zoom-mode .gv-img-wrap {
        padding-top:0;
        height:100vh;
    }
    body.gv-zoom-mode .gv-img-wrap img {
        height:100%;
        object-fit:cover;
    }
}
</style>

<div class="gv-back">
        <a href="gallery.php">&larr; Back to Gallery</a>
    </div>

<div id="gallerySlider"
             class="carousel slide gv-slider-wrap"
             data-bs-touch="true"
             data-bs-ride="carousel"
             data-bs-interval="4000">

<button type="button"
                    class="gv-fullscreen-btn"
                    onclick="toggleGalleryZoomMode()">
                <i id="gvFsIcon" class="bi bi-arrows-fullscreen"></i>
            </button>

<?php if ($totalImages > 1): ?>
                <div class="carousel-indicators">
                    <?php foreach ($images as $i => $_): ?>
                        <button type="button"
                                data-bs-target="#gallerySlider"
                                data-bs-slide-to="<?php echo $i; ?>"
                                class="<?php echo $i === 0 ? 'active' : ''; ?>"></button>
                    <?php endforeach; ?>
                </div>
            <?php endif; ?>

<?php if ($totalImages > 1): ?>
                <button class="carousel-control-prev" type="button"
                        data-bs-target="#gallerySlider" data-bs-slide="prev">
                    <span class="carousel-control-prev-icon"></span>
                </button>
                <button class="carousel-control-next" type="button"
                        data-bs-target="#gallerySlider" data-bs-slide="next">
                    <span class="carousel-control-next-icon"></span>
                </button>
            <?php endif; ?>
        </div>

<div class="gv-body">
            <div class="gv-title"><?php echo h($post['title']); ?></div>
            <div class="gv-meta">
                <?php
                    if (!empty($post['location'])) {
                        echo h($post['location']) . ' • ';
                    }
                    echo date('d M Y, h:i A', strtotime($post['created_at']));
                ?>
            </div>

<div class="gv-share">
                <div>ఈ గ్యాలరీని పంచుకోండి</div>
                <div class="gv-share-icons">
                    <a target="_blank"
                       href="https://www.facebook.com/sharer/sharer.php?u=<?php echo $shareUrl; ?>">
                        <i class="bi bi-facebook"></i>
                    </a>
                    <a target="_blank"
                       href="https://twitter.com/intent/tweet?url=<?php echo $shareUrl; ?>&text=<?php echo $shareTitle; ?>">
                        <i class="bi bi-twitter-x"></i>
                    </a>
                    <a target="_blank"
                       href="https://api.whatsapp.com/send?text=<?php echo $shareTitle; ?>+-+<?php echo $shareUrl; ?>">
                        <i class="bi bi-whatsapp"></i>
                    </a>
                    <button type="button"
                            class="gv-share-copy-btn"
                            onclick="copyGalleryLink()">
                        <i class="bi bi-link-45deg"></i>
                    </button>
                </div>
            </div>
        </div>

</div>
</div>

// Mobile zoom mode
function toggleGalleryZoomMode() {
    var body = document.body;
    var icon = document.getElementById('gvFsIcon');

body.classList.toggle('gv-zoom-mode');

if (body.classList.contains('gv-zoom-mode')) {
        icon.classList.remove('bi-arrows-fullscreen');
        icon.classList.add('bi-fullscreen-exit');
    } else {
        icon.classList.remove('bi-fullscreen-exit');
        icon.classList.add('bi-arrows-fullscreen');
    }
}
</script>

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

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: gallery_view.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation