laoyang
4060c18f86
需求三点： 1. 观影模块「⚙ 设置」与「记一场电影」按钮高度不一致 → 统一页头动作区 四个选择器的 padding/font-size（.btn 与 .btn-sm 混用是根因）；并把设置 下拉推广到观影全部页面（详情/影院/搜索/统计/报告/表单），落在返回按钮旁。 2. 家谱连线「线乱」→ 根因三条：每代各建一个网格（列宽最小值由内容决定， 各代不一致，窄屏实测 93.5px vs 164/78/78/78px）；落点用百分比算而 grid 间距不参与百分比；连线行与卡片行不是同一套列。 改法：整棵树只留一个网格，辈分行/卡片行/连线行全是它的行，连线元素本身 也是网格项（靠 justify-self 落位）；列宽固定为一卡之宽（不用 minmax/1fr， 否则宽屏卡片中心 ≠ 列中心）。 3. 亲属关系接口改白名单（parent/child/spouse）——原先未知 kind 被静默记成 配偶，夹具传 kind=sibling 让家谱断言长期拿错数据自证。 设置下拉抽成可复用片段 _settings_menu.php（$setCurrent 高亮当前页、 $setCanWrite 控「影院管理」显隐），六七个页头不再各抄一份。 验证：e2e 456/0、桌面几何 268/0、移动端几何 504/0、交互 97/0、 家谱连线诊断 0 失败、静态空跑 exit=0、静态断言证伪 13/13、 反向验证 68/68 全抓住。
84 lines
3.8 KiB
PHP
84 lines
3.8 KiB
PHP
<?php
|
|
/**
|
|
* 观影瀑布流（v9，MovieLog 同款海报墙）。
|
|
*
|
|
* 卡片 = 海报（2:3，无海报给渐变占位）+ 片名 + 日期/影院（主题色）/评分均分 + 同行人头像标签。
|
|
* 顶部搜索栏：关键词搜片名 / 影院 / 同行人（Movie::all 的 LIKE 查询）。
|
|
*/
|
|
$canWrite = \App\Auth::canWrite();
|
|
$fmtNum = static function ($v): string {
|
|
if ($v === null) {
|
|
return '';
|
|
}
|
|
return rtrim(rtrim(number_format((float)$v, 1, '.', ''), '0'), '.');
|
|
};
|
|
?>
|
|
<div class="page-head">
|
|
<h1>观影记录</h1>
|
|
<span class="sub">
|
|
<?php if ($keyword !== ''): ?>
|
|
找到 <?= (int)$total ?> 部匹配「<b><?= e($keyword) ?></b>」的电影
|
|
<?php else: ?>
|
|
共 <?= (int)$total ?> 部 · 按观影时间排序
|
|
<?php endif; ?>
|
|
</span>
|
|
<div class="actions">
|
|
<?php if ($canWrite): ?>
|
|
<a class="btn" href="<?= e(url('movies/new')) ?>">记一场电影</a>
|
|
<?php endif; ?>
|
|
<?php /* 右侧的「⚙ 设置」—— 影院管理与从 MovieLog 迁来的
|
|
高级搜索 / 统计 / 年度报告都收在这里（顶栏不再单放「影院」）。
|
|
⚠️ 片段里的按钮**不带 btn-sm**：页头动作区必须同高，见 app.css 的
|
|
「页头动作统一尺寸」一节（用户明确要求这两个按钮高度一致）。 */ ?>
|
|
<?php $setCurrent = 'list'; $setCanWrite = $canWrite; require __DIR__ . '/_settings_menu.php'; ?>
|
|
</div>
|
|
</div>
|
|
|
|
<form method="get" action="index.php" class="search-bar">
|
|
<input type="hidden" name="r" value="movies">
|
|
<input type="text" name="keyword" value="<?= e($keyword) ?>" placeholder="搜索片名、影院、观影人…" aria-label="搜索">
|
|
<button type="submit">搜索</button>
|
|
<?php if ($keyword !== ''): ?>
|
|
<a class="search-clear" href="<?= e(url('movies')) ?>">清除</a>
|
|
<?php endif; ?>
|
|
</form>
|
|
|
|
<?php if ($total === 0): ?>
|
|
<div class="card card-pad empty">
|
|
<b><?= $keyword !== '' ? '没有找到匹配的电影' : '还没有观影记录' ?></b>
|
|
<?= $keyword !== '' ? '换个关键词试试。' : '一家人一起看过的电影，都会以海报墙的方式排在这里。' ?>
|
|
</div>
|
|
<?php else: ?>
|
|
<div class="waterfall">
|
|
<?php foreach ($rows as $mv): ?>
|
|
<a class="movie-card" href="<?= e(url('movies/show', ['id' => (int)$mv['id']])) ?>">
|
|
<span class="card-image">
|
|
<?php if (!empty($mv['poster_key'])): ?>
|
|
<img src="<?= e(media_url($mv['poster_key'])) ?>" alt="<?= e($mv['title']) ?>" loading="lazy">
|
|
<?php else: ?>
|
|
<span class="placeholder-poster">
|
|
<span class="ph-icon" aria-hidden="true">影</span>
|
|
<span class="placeholder-title"><?= e($mv['title']) ?></span>
|
|
</span>
|
|
<?php endif; ?>
|
|
</span>
|
|
<span class="card-body">
|
|
<span class="card-title"><?= e($mv['title']) ?></span>
|
|
<span class="card-meta">
|
|
<span class="meta-date">📅 <?= e(\App\Movie::formatWatch($mv['starts_at'], $mv['ends_at'])) ?></span>
|
|
<?php if (!empty($mv['cinema_name'])): ?>
|
|
<span class="meta-cinema" style="color: <?= e((string)($mv['cinema_color'] ?: '#888888')) ?>;">🏛️ <?= e($mv['cinema_name']) ?></span>
|
|
<?php endif; ?>
|
|
<?php if (!empty($mv['review_count'])): ?>
|
|
<span class="meta-rating" title="共 <?= (int)$mv['review_count'] ?> 条评价">⭐ <?= e($fmtNum($mv['review_avg'])) ?><span class="meta-rating-max">/10</span></span>
|
|
<?php endif; ?>
|
|
</span>
|
|
<?php if (!empty($mv['attendee_names'])): ?>
|
|
<span class="card-viewers"><span class="viewer-tag">👥 <?= e($mv['attendee_names']) ?></span></span>
|
|
<?php endif; ?>
|
|
</span>
|
|
</a>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
<?php endif; ?>
|