foto-portfolio/app/partials.php

<?php
/**
 * Shared HTML fragments for the public site and the admin backoffice.
 * Admin pages all sit in admin/ and hardcode '../assets/...'. Public pages sit
 * in the document root except the gallery viewer in gallery/, so they prefix
 * their links with base() — '' or '../' depending on the page (see bootstrap).
 */

declare(strict_types=1);

function public_header(string $title, string $active = '', string $bodyClass = ''): void
{
    $site = site_get();
    $name = $site['intro_title'] ?: config('site.name', 'Portfolio');
    $base = base();
    ?><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?= e($title) ?></title>
<link rel="stylesheet" href="<?= e($base) ?>assets/site.css">
</head>
<body class="<?= e($bodyClass) ?>">
<header class="nav" id="nav">
    <a class="nav-brand" href="<?= e($base ?: './') ?>"><?= e($name) ?></a>
    <nav class="nav-links">
        <a href="<?= e($base ?: './') ?>" class="<?= $active === 'home' ? 'active' : '' ?>">Home</a>
        <a href="<?= e($base) ?>showreel.php" class="<?= $active === 'showreel' ? 'active' : '' ?>">Showreel</a>
        <a href="<?= e($base) ?>contact.php" class="<?= $active === 'contact' ? 'active' : '' ?>">Contact</a>
    </nav>
</header>
<?php
}

function public_footer(): void
{
    $base = base();
    ?><footer class="footer">
    <nav class="footer-links">
        <a href="<?= e($base) ?>impressum.php">Impressum</a>
        <a href="<?= e($base) ?>datenschutz.php">Datenschutz</a>
    </nav>
    <span>&copy; <?= date('Y') ?> <?= e(site_get()['intro_title'] ?: config('site.name', '')) ?></span>
</footer>
<script src="<?= e($base) ?>assets/site.js"></script>
</body>
</html>
<?php
    // Last thing on every public page: nudge the gallery-archive worker along if
    // anything is queued. Cheap when there is nothing to do, and it flushes the
    // page to the visitor before doing anything slow. See app/archive.php.
    archive_kick();
}

function admin_header(string $title, string $active = ''): void
{
    ?><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?= e($title) ?> · Admin</title>
<link rel="stylesheet" href="../assets/site.css">
</head>
<body class="admin">
<header class="admin-nav">
    <a class="nav-brand" href="index.php">Backoffice</a>
    <nav class="nav-links">
        <a href="frontpage.php" class="<?= $active === 'frontpage' ? 'active' : '' ?>">Front page</a>
        <a href="showreel.php" class="<?= $active === 'showreel' ? 'active' : '' ?>">Showreel</a>
        <a href="galleries.php" class="<?= $active === 'galleries' ? 'active' : '' ?>">Galleries</a>
        <a href="contact.php" class="<?= $active === 'contact' ? 'active' : '' ?>">Contact</a>
        <a href="settings.php" class="<?= $active === 'settings' ? 'active' : '' ?>">Settings</a>
        <a href="maintenance.php" class="<?= $active === 'maintenance' ? 'active' : '' ?>">Maintenance</a>
        <a href="../" target="_blank" rel="noopener">View site ↗</a>
        <a href="logout.php">Log out</a>
    </nav>
</header>
<main class="admin-main">
<?php
}

function admin_footer(): void
{
    ?></main>
</body>
</html>
<?php
}

/**
 * The "resize uploads to" control, shared by the gallery create and settings
 * forms. $current is the gallery's stored cap in pixels, or null for Original.
 *
 * The select carries pixel values, never names, so the handler
 * (parse_max_resolution) never has to map a label back to a number. The custom
 * input is revealed by a tiny delegated script emitted once per page —
 * assets/admin.js is the uploader and is not loaded on galleries.php.
 */
function resolution_field(?int $current = null): void
{
    $isPreset = $current !== null && in_array($current, RESOLUTION_PRESETS, true);
    $isCustom = $current !== null && !$isPreset;
    ?>
    <label for="res">Resize uploads to <span style="text-transform:none;letter-spacing:0">(longest edge)</span></label>
    <div class="res-field">
        <select id="res" name="max_resolution">
            <option value="" <?= $current === null ? 'selected' : '' ?>>Original — no resize</option>
            <?php foreach (RESOLUTION_PRESETS as $px): ?>
                <option value="<?= $px ?>" <?= $current === $px ? 'selected' : '' ?>><?= e(resolution_label($px)) ?></option>
            <?php endforeach; ?>
            <option value="custom" <?= $isCustom ? 'selected' : '' ?>>Custom…</option>
        </select>
        <input type="number" name="max_resolution_custom" placeholder="e.g. 3000"
               min="<?= RESOLUTION_MIN ?>" max="<?= RESOLUTION_MAX ?>"
               value="<?= $isCustom ? (int)$current : '' ?>" <?= $isCustom ? '' : 'hidden' ?>>
    </div>
    <p class="help">
        Images larger than this are downscaled in the browser before uploading,
        which also keeps them under the server's upload limit. The re-encode
        drops EXIF data (camera, lens, date, location).
    </p>
    <?php
    static $scriptDone = false;
    if ($scriptDone) {
        return;
    }
    $scriptDone = true;
    ?>
    <script>
    document.addEventListener('change', function (e) {
        var select = e.target.closest('.res-field select');
        if (!select) return;
        var custom = select.parentNode.querySelector('input[name="max_resolution_custom"]');
        custom.hidden = select.value !== 'custom';
        if (!custom.hidden) custom.focus();
    });
    </script>
    <?php
}

/**
 * The "strip EXIF" checkbox, shared by the gallery create and settings forms.
 * $current is the gallery's stored flag.
 *
 * It is a separate control from the resolution cap rather than part of it
 * because the two only overlap: a capped gallery is re-encoded in the browser
 * and loses its metadata either way, while an "Original" gallery — the case
 * this exists for — keeps every byte unless this is ticked.
 */
function strip_exif_field(bool $current = false): void
{
    ?>
    <p class="help" style="margin-bottom:.4rem"><label style="display:inline;text-transform:none;letter-spacing:0">
        <input type="checkbox" name="strip_exif" value="1" <?= $current ? 'checked' : '' ?>>
        Strip EXIF metadata from uploaded images
    </label></p>
    <p class="help">
        Removes camera, lens, exposure, timestamp and GPS data from JPEG, PNG and
        WebP uploads before they are stored. The photo itself is not re-encoded.
    </p>
    <?php
}

/**
 * How this gallery treats what is uploaded to it, as a phrase for the dropzone
 * on the admin editor and the guest upload page ("full resolution, unmodified",
 * "downscaled to 2560 px on the longest edge, EXIF metadata removed", …).
 */
function upload_treatment_text(array $gallery): string
{
    $parts = isset($gallery['max_resolution'])
        ? ['downscaled to ' . (int)$gallery['max_resolution'] . ' px on the longest edge']
        : ['full resolution'];
    if (!empty($gallery['strip_exif'])) {
        $parts[] = 'EXIF metadata removed';
    } elseif (!isset($gallery['max_resolution'])) {
        $parts[] = 'unmodified';
    }
    return implode(', ', $parts);
}

/** One-shot status message helpers (flash messages via session). */
function flash_set(string $msg, string $kind = 'ok'): void
{
    session_boot();
    $_SESSION['flash'] = ['msg' => $msg, 'kind' => $kind];
}

function flash_render(): void
{
    session_boot();
    if (!empty($_SESSION['flash'])) {
        $f = $_SESSION['flash'];
        unset($_SESSION['flash']);
        echo '<div class="flash flash-' . e($f['kind']) . '">' . e($f['msg']) . '</div>';
    }
}