laoyang
e9b3b8666b
家谱（用户第 2 点，重写模板与 Kinship::tree）： - 同代聚成「夫妻单元」（户）：血亲当主位、配偶并排在其右，兄弟_姐妹按长幼（长子左） - 血亲可达性判「姻亲」：只走 parent/child 边从「我」可达者为本家血亲，妻子的父母 走不到 → 标「姻亲」并排到本代末尾（旧判据「上无父母且下无子女」对岳父母恒为假，是真 bug） - 父母括号连线：横杆盖住父母列到其子女各列，竖线落父母列中心、每子女列一道下线 - 称呼按长幼定死：姐夫/妹夫、嫂子/弟媳、大/小舅子、大/小姨子、大伯子/小叔子、 大姑子/小姑子、侄子/侄女、外甥/外甥女、堂/表 - 列宽地板 minmax(min-content,1fr)：原 minmax(0,1fr) 在窄屏+户数多时把列压到卡片 （96px）以下 → 同代卡片互相重叠；.tnode 加 flex:0 0 auto 防被 flex 压扁 观影（用户第 3~5 点）： - 顶栏删「影院」入口（影院是观影模块的子功能）；观影列表右侧加「⚙ 设置」下拉， 内含 影院管理 / 高级搜索 / 统计 / 年度报告（后三者从 MovieLog 迁入， app/MovieStats.php + 三个只读路由，MySQL 方言；图表全用纯 CSS，不引 CDN） - 评价区删除「我」的长条徽标（被 flex column stretch 拉成整行宽的丑色带） - 观影人弹窗列表与已选 chips 带头像；syncChips 点名取 .att-name/.att-av （旧写法取「第一个 span」，v11 起那是隐藏占位，chip 上会没名字） 验证：e2e 432/0、桌面几何 268/0、移动几何 464/0、交互几何 97/0、 静态空跑 199/0、反向验证 v11 十条 10抓/0漏。本轮无 DB 变更（Schema 仍 v10）。 移动几何抓出两个真溢出并已修：高级搜索页 select 长选项撑破 .field、 原生 date 输入撑破 .date-range（360/375px）。
92 lines
4.0 KiB
PHP
92 lines
4.0 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 /* v11：右侧的「设置」按钮 —— 影院管理与从 MovieLog 迁来的
|
|
高级搜索 / 统计 / 年度报告都收在这里（顶栏不再单放「影院」）。 */ ?>
|
|
<details class="movie-set menu">
|
|
<summary class="btn btn-ghost btn-sm" title="观影设置">⚙ 设置</summary>
|
|
<div class="menu-list">
|
|
<?php if ($canWrite): ?>
|
|
<a href="<?= e(url('movies/cinemas')) ?>">影院管理</a>
|
|
<?php endif; ?>
|
|
<a href="<?= e(url('movies/search')) ?>">高级搜索</a>
|
|
<a href="<?= e(url('movies/stats')) ?>">统计</a>
|
|
<a href="<?= e(url('movies/report')) ?>">年度报告</a>
|
|
</div>
|
|
</details>
|
|
</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; ?>
|