feat: 本機新增頁面與導覽調整

2026-07-27 17:45:20 +08:00
parent 14a0724679
commit 295f18d567
27 changed files with 2967 additions and 9 deletions
@@ -0,0 +1,96 @@
+<?php
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+    $maxRank = $Drama->q("SELECT MAX(`rank`) AS m FROM `dramas`");
+    $nextRank = ((int)($maxRank[0]['m'] ?? 0)) + 1;
+
+    $data = [
+        'title' => trim($_POST['title'] ?? ''),
+        'type' => $_POST['type'] ?? 'drama',
+        'platform' => $_POST['platform'] ?? '其他',
+        'watch_url' => trim($_POST['watch_url'] ?? ''),
+        'current_season' => max(1, (int)($_POST['current_season'] ?? 1)),
+        'current_episode' => max(0, (int)($_POST['current_episode'] ?? 0)),
+        'current_position' => trim($_POST['current_position'] ?? ''),
+        'progress_note' => trim($_POST['progress_note'] ?? ''),
+        'status' => $_POST['status'] ?? 'want',
+        'rating' => $_POST['rating'] !== '' ? $_POST['rating'] : null,
+        'intro' => trim($_POST['intro'] ?? ''),
+        'note' => trim($_POST['note'] ?? ''),
+        'sh' => 1,
+        'rank' => $nextRank,
+    ];
+
+    // DB::save 用字串拼接；null 改空字串避免 SQL 破掉
+    if ($data['rating'] === null) {
+        $data['rating'] = '';
+    }
+
+    $Drama->save($data);
+    to("?do=drama");
+    exit;
+}
+?>
+
+<section>
+    <h2 class="section-title">新增作品</h2>
+
+    <form class="admin-form" method="post" action="?do=add">
+        <label for="title">劇名／節目名</label>
+        <input type="text" id="title" name="title" required>
+
+        <label for="type">類型</label>
+        <select id="type" name="type">
+            <option value="variety">綜藝</option>
+            <option value="drama" selected>戲劇</option>
+        </select>
+
+        <label for="platform">上架平台</label>
+        <select id="platform" name="platform">
+            <option value="Netflix">Netflix</option>
+            <option value="Disney+">Disney+</option>
+            <option value="friDay影音">friDay影音</option>
+            <option value="愛奇藝">愛奇藝</option>
+            <option value="LINE TV">LINE TV</option>
+            <option value="YouTube">YouTube</option>
+            <option value="其他">其他</option>
+        </select>
+
+        <label for="watch_url">直接觀看網址</label>
+        <input type="url" id="watch_url" name="watch_url" placeholder="https://...">
+
+        <label for="current_season">目前看到第幾季</label>
+        <input type="number" id="current_season" name="current_season" min="1" value="1">
+
+        <label for="current_episode">目前看到第幾集</label>
+        <input type="number" id="current_episode" name="current_episode" min="0" value="0">
+
+        <label for="current_position">這一集看到哪裡</label>
+        <input type="text" id="current_position" name="current_position" placeholder="例如 35:20">
+
+        <label for="progress_note">進度情節備註</label>
+        <input type="text" id="progress_note" name="progress_note" placeholder="例如：女主角剛看到手機裡的影片">
+
+        <label for="status">狀態</label>
+        <select id="status" name="status">
+            <option value="want">想看</option>
+            <option value="watching" selected>追劇中</option>
+            <option value="done">已追完</option>
+            <option value="paused">暫停</option>
+            <option value="dropped">棄劇</option>
+        </select>
+
+        <label for="rating">評分</label>
+        <input type="number" id="rating" name="rating" min="0" max="10" step="0.1" placeholder="例如 8.5">
+
+        <label for="intro">簡介</label>
+        <textarea id="intro" name="intro" rows="4"></textarea>
+
+        <label for="note">心得備註</label>
+        <textarea id="note" name="note" rows="3"></textarea>
+
+        <div class="form-actions" style="margin-top:1.25rem;display:flex;gap:10px;justify-content:center;">
+            <button type="submit" class="is-primary" style="min-height:40px;padding:0.4rem 1.05rem;border-radius:999px;border:2px solid var(--color-brand);background:var(--color-brand);font-weight:700;cursor:pointer;">儲存</button>
+            <a href="?do=drama" style="min-height:40px;padding:0.4rem 1.05rem;border-radius:999px;border:2px solid rgba(255,204,0,0.35);background:#fff;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;">取消</a>
+        </div>
+    </form>
+</section>
@@ -0,0 +1,71 @@
+<?php
+$typeLabels = [
+    'variety' => '綜藝',
+    'drama' => '戲劇',
+];
+$rows = $Drama->all(" ORDER BY `rank` ASC, `id` ASC");
+?>
+
+<section>
+    <h2 class="section-title">追劇管理</h2>
+    <div class="admin-toolbar">
+        <a href="?do=add">新增作品</a>
+    </div>
+
+    <div class="drama-list">
+        <?php foreach ($rows as $idx => $row): ?>
+            <?php
+            $prev = ($idx === 0) ? $row['id'] : $rows[$idx - 1]['id'];
+            $next = ($idx === count($rows) - 1) ? $row['id'] : $rows[$idx + 1]['id'];
+            $typeText = $typeLabels[$row['type']] ?? $row['type'];
+            ?>
+            <div class="drama-row">
+                <div class="drama-row__info">
+                    <strong><?= htmlspecialchars($row['title'], ENT_QUOTES, 'UTF-8') ?></strong><br>
+                    <?= htmlspecialchars($typeText . '｜' . $row['platform'], ENT_QUOTES, 'UTF-8') ?><br>
+                    進度：第 <?= (int)$row['current_season'] ?> 季・第 <?= (int)$row['current_episode'] ?> 集
+                    <?php if (!empty($row['current_position'])): ?>
+                        ・<?= htmlspecialchars($row['current_position'], ENT_QUOTES, 'UTF-8') ?>
+                    <?php endif; ?>
+                </div>
+                <div class="drama-row__actions">
+                    <button type="button" class="show" data-id="<?= (int)$row['id'] ?>">
+                        <?= ((int)$row['sh'] === 1) ? '顯示' : '隱藏' ?>
+                    </button>
+                    <button type="button" class="switch-rank" data-ids="<?= (int)$row['id'] . '-' . (int)$prev ?>">往上</button>
+                    <button type="button" class="switch-rank" data-ids="<?= (int)$row['id'] . '-' . (int)$next ?>">往下</button>
+                    <a class="btn-like" href="?do=edit&amp;id=<?= (int)$row['id'] ?>">編輯</a>
+                    <button type="button" class="del-drama" data-id="<?= (int)$row['id'] ?>">刪除</button>
+                </div>
+            </div>
+        <?php endforeach; ?>
+
+        <?php if (count($rows) === 0): ?>
+            <p class="admin-lead">尚無資料，先新增一部作品吧。</p>
+        <?php endif; ?>
+    </div>
+</section>
+
+<script>
+$(".switch-rank").on("click", function () {
+    let ids = $(this).data("ids").toString().split("-");
+    $.post("./api/sw.php", { ids, table: "Drama" }, function () {
+        location.reload();
+    });
+});
+
+$(".show").on("click", function () {
+    let id = $(this).data("id");
+    $.post("./api/show.php", { id }, function () {
+        location.reload();
+    });
+});
+
+$(".del-drama").on("click", function () {
+    if (!confirm("確定刪除這部作品？")) return;
+    let id = $(this).data("id");
+    $.post("./api/del.php", { id, table: "Drama" }, function () {
+        location.reload();
+    });
+});
+</script>
@@ -0,0 +1,107 @@
+<?php
+$id = $_GET['id'] ?? 0;
+$row = $Drama->find($id);
+
+if (!$row) {
+    echo '<p class="admin-lead">找不到這筆資料。</p>';
+    return;
+}
+
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+    $row['title'] = trim($_POST['title'] ?? $row['title']);
+    $row['type'] = $_POST['type'] ?? $row['type'];
+    $row['platform'] = $_POST['platform'] ?? $row['platform'];
+    $row['watch_url'] = trim($_POST['watch_url'] ?? '');
+    $row['current_season'] = max(1, (int)($_POST['current_season'] ?? 1));
+    $row['current_episode'] = max(0, (int)($_POST['current_episode'] ?? 0));
+    $row['current_position'] = trim($_POST['current_position'] ?? '');
+    $row['progress_note'] = trim($_POST['progress_note'] ?? '');
+    $row['status'] = $_POST['status'] ?? $row['status'];
+    $row['rating'] = ($_POST['rating'] !== '') ? $_POST['rating'] : '';
+    $row['intro'] = trim($_POST['intro'] ?? '');
+    $row['note'] = trim($_POST['note'] ?? '');
+    $Drama->save($row);
+    to("?do=drama");
+    exit;
+}
+?>
+
+<section>
+    <h2 class="section-title">編輯作品</h2>
+
+    <form class="admin-form" method="post" action="?do=edit&amp;id=<?= (int)$row['id'] ?>">
+        <label for="title">劇名／節目名</label>
+        <input type="text" id="title" name="title" required
+               value="<?= htmlspecialchars($row['title'], ENT_QUOTES, 'UTF-8') ?>">
+
+        <label for="type">類型</label>
+        <select id="type" name="type">
+            <option value="variety"<?= $row['type'] === 'variety' ? ' selected' : '' ?>>綜藝</option>
+            <option value="drama"<?= $row['type'] === 'drama' ? ' selected' : '' ?>>戲劇</option>
+        </select>
+
+        <label for="platform">上架平台</label>
+        <select id="platform" name="platform">
+            <?php
+            $platforms = ['Netflix', 'Disney+', 'friDay影音', '愛奇藝', 'LINE TV', 'YouTube', '其他'];
+            foreach ($platforms as $p):
+            ?>
+                <option value="<?= htmlspecialchars($p, ENT_QUOTES, 'UTF-8') ?>"<?= $row['platform'] === $p ? ' selected' : '' ?>>
+                    <?= htmlspecialchars($p, ENT_QUOTES, 'UTF-8') ?>
+                </option>
+            <?php endforeach; ?>
+        </select>
+
+        <label for="watch_url">直接觀看網址</label>
+        <input type="url" id="watch_url" name="watch_url"
+               value="<?= htmlspecialchars($row['watch_url'] ?? '', ENT_QUOTES, 'UTF-8') ?>"
+               placeholder="https://...">
+
+        <label for="current_season">目前看到第幾季</label>
+        <input type="number" id="current_season" name="current_season" min="1"
+               value="<?= (int)$row['current_season'] ?>">
+
+        <label for="current_episode">目前看到第幾集</label>
+        <input type="number" id="current_episode" name="current_episode" min="0"
+               value="<?= (int)$row['current_episode'] ?>">
+
+        <label for="current_position">這一集看到哪裡</label>
+        <input type="text" id="current_position" name="current_position"
+               value="<?= htmlspecialchars($row['current_position'] ?? '', ENT_QUOTES, 'UTF-8') ?>">
+
+        <label for="progress_note">進度情節備註</label>
+        <input type="text" id="progress_note" name="progress_note"
+               value="<?= htmlspecialchars($row['progress_note'] ?? '', ENT_QUOTES, 'UTF-8') ?>">
+
+        <label for="status">狀態</label>
+        <select id="status" name="status">
+            <?php
+            $statuses = [
+                'want' => '想看',
+                'watching' => '追劇中',
+                'done' => '已追完',
+                'paused' => '暫停',
+                'dropped' => '棄劇',
+            ];
+            foreach ($statuses as $key => $label):
+            ?>
+                <option value="<?= $key ?>"<?= $row['status'] === $key ? ' selected' : '' ?>><?= $label ?></option>
+            <?php endforeach; ?>
+        </select>
+
+        <label for="rating">評分</label>
+        <input type="number" id="rating" name="rating" min="0" max="10" step="0.1"
+               value="<?= htmlspecialchars($row['rating'] ?? '', ENT_QUOTES, 'UTF-8') ?>">
+
+        <label for="intro">簡介</label>
+        <textarea id="intro" name="intro" rows="4"><?= htmlspecialchars($row['intro'] ?? '', ENT_QUOTES, 'UTF-8') ?></textarea>
+
+        <label for="note">心得備註</label>
+        <textarea id="note" name="note" rows="3"><?= htmlspecialchars($row['note'] ?? '', ENT_QUOTES, 'UTF-8') ?></textarea>
+
+        <div class="form-actions" style="margin-top:1.25rem;display:flex;gap:10px;justify-content:center;">
+            <button type="submit" class="is-primary" style="min-height:40px;padding:0.4rem 1.05rem;border-radius:999px;border:2px solid var(--color-brand);background:var(--color-brand);font-weight:700;cursor:pointer;">儲存</button>
+            <a href="?do=drama" style="min-height:40px;padding:0.4rem 1.05rem;border-radius:999px;border:2px solid rgba(255,204,0,0.35);background:#fff;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;">取消</a>
+        </div>
+    </form>
+</section>
@@ -0,0 +1,7 @@
+<section>
+    <h2 class="section-title">後台首頁</h2>
+    <p class="admin-lead">乙級第三題骨架：清單、詳情、進度、後台 CRUD。訂票不做。</p>
+    <div class="admin-toolbar">
+        <a href="?do=drama">進入追劇管理</a>
+    </div>
+</section>