用户 2026-10-11 反馈六条,逐条定位真根因后修复: ① 纪念日「日期」多出一个控件 —— 只保留最新的那个 两层根因:(a)原生 `input[type=date]` 当初没包在 `.dt-native` 里, v42 那条"AntD 挂上后收起原生框"的选择器根本不命中;(b)更要命的是 `.dt-native` 基类写着 `display: contents` —— 该元素**没有盒子**, 给它 position/width 完全无效 ⇒ 必须把 display 显式改回 block 才收得起来。 ② 编辑纪念日把底层列表页弄没 —— 「修改」原来是整页跳 `days/edit` (套 layout = 一张只有弹框的空白页)。改为 `?embed=1` 只吐弹框那一块, 列表页 JS 取回来替换 `#anNewCard` 并打开 —— 与「新建」同一观感。 内嵌形态标 `$anModalOnly` 以免打 standalone 标记(关闭时不再跳页)。 ③ 拖图裁剪的层被弹框盖住 —— `.crop-overlay` 是 z-index:100 而 `.cal-modal` 是 200 ⇒ 裁剪层被整块盖住。提到 260(与 v41 的 .cn-modal 同一处理)。 ④ 行程弹框里"参与的人"弹不出选人框 —— person_picker.js 只绑定一次, 而弹框表单是 AJAX 片段 ⇒ 里面的 `.pp` 从未被 init。三件事一起: 暴露 `window.fbInitPickers()`(幂等)+ layout 暴露 `window.fbLoadPicker()` (脚本是按需加载的)+ 塞完片段后补调初始化。 ⑤ 日程新建排版/控件/文案 —— 改走观影式 `.mv-grid`(标签对齐 + 冒号); 起止补上 `$dtPlugin='antd'`(试点正式推广到日程);标签「时间范围」→「开始 / 结束」; 删三句提示(结束留空 / 多选提醒 / 全天)。 ⑥ 条目详情浮层(首页日程 / 首页近期任务 / 日程页条目)—— 点条目不再直接跳页,弹浮层显示详情;「详细信息」跳该来源详情页; 「编辑」就地换成该来源的编辑表单(四处 `?embed=1` 片段)。 新增 `templates/_entry_popup.php` + `assets/js/entry_popup.js` + `fb_entry_json()`(三个入口共用一个编码函数)。 验证:php -l 157 文件全过;div 深度 33 组合全配平;片段体检 20 片段无越界; 本地 e2e 1510/0;v43 真机 33/0;v43 反向验证 8/0;v38 36/0;v42 33/0; b31/b32 反向验证 8/0 与 5/0;部署断言本地空跑 RC=0;完整流水线 PUSH_RC=0。
415 lines
14 KiB
PHP
415 lines
14 KiB
PHP
<?php
|
||
/**
|
||
* 全局辅助函数(由 bootstrap.php 引入,页面无需重复 require)
|
||
*/
|
||
|
||
declare(strict_types=1);
|
||
|
||
/** HTML 转义:所有输出到页面的动态值都必须过一道 */
|
||
function e($value): string
|
||
{
|
||
return htmlspecialchars((string)$value, ENT_QUOTES, 'UTF-8');
|
||
}
|
||
|
||
/**
|
||
* 「多久之前」—— 通知列表用(v30 第 5 条)。
|
||
*
|
||
* ⚠️ 只做**粗粒度**(刚刚 / N 分钟前 / N 小时前 / 昨天 / N 天前 / 月-日),
|
||
* 不引 Carbon、也不做"1 个月前"这种会随月长变化的措辞 ——
|
||
* 通知的时间只是让人一眼看出"新不新",精确到秒反而不好读。
|
||
*/
|
||
function fb_time_ago(?string $dt): string
|
||
{
|
||
$s = trim((string)$dt);
|
||
if ($s === '') {
|
||
return '';
|
||
}
|
||
$t = strtotime($s);
|
||
if ($t === false) {
|
||
return '';
|
||
}
|
||
$d = time() - $t;
|
||
if ($d < 0) {
|
||
return date('n 月 j 日', $t); // 时间在未来(服务器时钟偏差)→ 直接给日期
|
||
}
|
||
if ($d < 60) {
|
||
return '刚刚';
|
||
}
|
||
if ($d < 3600) {
|
||
return intdiv($d, 60) . ' 分钟前';
|
||
}
|
||
if ($d < 86400) {
|
||
return intdiv($d, 3600) . ' 小时前';
|
||
}
|
||
if ($d < 172800) {
|
||
return '昨天';
|
||
}
|
||
if ($d < 86400 * 30) {
|
||
return intdiv($d, 86400) . ' 天前';
|
||
}
|
||
return date('n 月 j 日', $t);
|
||
}
|
||
|
||
/** 静态资源地址,带版本号(mtime + size)——没版本号的话浏览器会一直用旧缓存 */
|
||
function asset(string $rel): string
|
||
{
|
||
$p = dirname(__DIR__) . $rel;
|
||
if (!is_file($p)) {
|
||
return $rel;
|
||
}
|
||
return $rel . '?v=' . substr(md5(filemtime($p) . filesize($p)), 0, 8);
|
||
}
|
||
|
||
/**
|
||
* 附件(头像等)地址 —— 全站唯一出口。
|
||
*
|
||
* ⚠️ 现在**一律指向 media.php 代理**,不再直接把 uploads/ 或 OSS 的地址吐给浏览器:
|
||
* · 统一:本地/云端的形态差别被代理吃掉,前端只认一个 media.php?k=…
|
||
* · 安全:桶不必开公共读;uploads/ 可以直接封死不让 Web 访问,
|
||
* 附件是否可读由**登录态**决定,而不是"知道文件名就能看"。
|
||
* · 标准:Content-Type / 缓存 / 下载头由服务端统一给,而不是靠存储桶配得对不对。
|
||
*/
|
||
function storage_url(?string $key): string
|
||
{
|
||
return media_url($key);
|
||
}
|
||
|
||
/** 头像地址(无头像自动回退内置剪影) */
|
||
function avatar_url(?string $key): string
|
||
{
|
||
$key = trim((string)$key);
|
||
if ($key === '') {
|
||
return asset('/assets/avatar-default.svg');
|
||
}
|
||
return media_url($key);
|
||
}
|
||
|
||
/**
|
||
* 附件代理地址。
|
||
* @param array $extra 额外参数,如 ['dl' => 1] 表示按下附件下载
|
||
*/
|
||
function media_url(?string $key, array $extra = []): string
|
||
{
|
||
$key = trim((string)$key);
|
||
if ($key === '') {
|
||
return asset('/assets/avatar-default.svg');
|
||
}
|
||
// 已经是绝对地址(历史数据/外部链接)→ 不代理,原样用
|
||
if (preg_match('#^https?://#i', $key)) {
|
||
return $key;
|
||
}
|
||
return 'media.php?' . http_build_query(array_merge(['k' => ltrim($key, '/')], $extra));
|
||
}
|
||
|
||
// ---------------- 人:怎么称呼、什么颜色 ----------------
|
||
|
||
/**
|
||
* 页面上「这个人叫什么」的**唯一出口**。
|
||
*
|
||
* 用户 2026-10-01 第 3 条:凡是出现人员的地方,默认显示「我」对他的昵称/称呼,
|
||
* 不要直接冒出姓名。所以这里先看 nicknames 里的 my_nickname,没有才退回姓名。
|
||
*
|
||
* @param array $p 至少要有 name;有 my_nickname 就优先用;`shown` 是某些查询
|
||
* 已经算好的显示名(如观影表单的已选人),也认。
|
||
*/
|
||
function person_name(array $p): string
|
||
{
|
||
$nick = trim((string)($p['my_nickname'] ?? ''));
|
||
if ($nick !== '') {
|
||
return $nick;
|
||
}
|
||
$shown = trim((string)($p['shown'] ?? ''));
|
||
if ($shown !== '') {
|
||
return $shown;
|
||
}
|
||
return (string)($p['name'] ?? '');
|
||
}
|
||
|
||
/**
|
||
* 这个人的底色(浅色底)与字色(深色字)—— 都由他自己的主色推出来。
|
||
*
|
||
* 主色来自头像(上传时算好存 persons.avatar_color),没头像或头像是灰片时
|
||
* 由姓名稳定地推一个。页面上一律走这两个函数,不要再自己写 '#eee'。
|
||
*/
|
||
function person_bg(array $p): string
|
||
{
|
||
return \App\AvatarColor::bg(\App\AvatarColor::for($p));
|
||
}
|
||
|
||
function person_fg(array $p): string
|
||
{
|
||
return \App\AvatarColor::fg(\App\AvatarColor::for($p));
|
||
}
|
||
|
||
function person_bd(array $p): string
|
||
{
|
||
return \App\AvatarColor::bd(\App\AvatarColor::for($p));
|
||
}
|
||
|
||
/**
|
||
* 一个人的彩色标签(头像 + 称呼 + 他自己的底色)—— 全站唯一画法。
|
||
*
|
||
* ⚠️ `$href` 为空时输出 `<span>`:瀑布流里整张卡片已经是 `<a>` 了,
|
||
* `<a>` 套 `<a>` 是非法 HTML,浏览器会把外层链接切开(卡片点不动)。
|
||
* 所以列表/瀑布一律传空,只有详情页那种独立标签才传链接。
|
||
*/
|
||
function person_chip(array $p, string $href = '', string $extraClass = ''): string
|
||
{
|
||
$name = person_name($p);
|
||
$style = 'background:' . person_bg($p) . ';color:' . person_fg($p)
|
||
. ';border-color:' . person_bd($p) . ';';
|
||
if (!empty($p['avatar'])) {
|
||
$av = '<img class="chip-av" src="' . e(media_url((string)$p['avatar'])) . '" alt="">';
|
||
} else {
|
||
$av = '<span class="chip-av chip-av-text">'
|
||
. e(mb_substr($name, 0, 1, 'UTF-8')) . '</span>';
|
||
}
|
||
$cls = 'viewer-tag' . ($extraClass !== '' ? ' ' . $extraClass : '');
|
||
$inner = $av . '<span class="chip-name">' . e($name) . '</span>';
|
||
if ($href !== '') {
|
||
return '<a class="' . e($cls) . '" style="' . e($style) . '" href="' . e($href) . '">'
|
||
. $inner . '</a>';
|
||
}
|
||
return '<span class="' . e($cls) . '" style="' . e($style) . '">' . $inner . '</span>';
|
||
}
|
||
|
||
/**
|
||
* 读「日期 + 24 小时制时:分:秒」组合控件(templates/_datetime.php 产出)。
|
||
*
|
||
* 为什么不用 <input type="datetime-local">:它的显示格式由**浏览器 UI 语言 /
|
||
* 系统时间格式**决定,<html lang> 压不过它 —— 中文环境会渲染成「下午 03:30」,
|
||
* 和"精确到时分秒"的要求对不上,用户还会把上午下午填反。
|
||
* 拆成「原生日期选择器 + 时/分/秒三个下拉」后,24 小时制由控件本身保证。
|
||
*
|
||
* 只选了时间没选日期 → 视为没填(与 TripLog 的行为一致)。
|
||
*/
|
||
function read_dt_input(string $name): ?string
|
||
{
|
||
$date = trim((string)($_POST[$name . '_date'] ?? ''));
|
||
$hRaw = trim((string)($_POST[$name . '_hour'] ?? ''));
|
||
$mRaw = trim((string)($_POST[$name . '_minute'] ?? ''));
|
||
$sRaw = trim((string)($_POST[$name . '_second'] ?? ''));
|
||
|
||
// 兼容一次性传整串的老表单(如 CSV 导入、内部调用)
|
||
if ($date === '' && $hRaw === '' && $mRaw === '') {
|
||
return \App\Birthday::toDateTime((string)($_POST[$name] ?? ''));
|
||
}
|
||
if ($date === '') {
|
||
return null;
|
||
}
|
||
if (!preg_match('/^(\d{4})-(\d{2})-(\d{2})$/', $date, $mt)) {
|
||
return null;
|
||
}
|
||
if (!checkdate((int)$mt[2], (int)$mt[3], (int)$mt[1])) {
|
||
return null;
|
||
}
|
||
$h = $hRaw === '' ? 0 : (int)$hRaw;
|
||
$i = $mRaw === '' ? 0 : (int)$mRaw;
|
||
$s = $sRaw === '' ? 0 : (int)$sRaw;
|
||
if ($h < 0 || $h > 23 || $i < 0 || $i > 59 || $s < 0 || $s > 59) {
|
||
return null;
|
||
}
|
||
return sprintf('%s %02d:%02d:%02d', $date, $h, $i, $s);
|
||
}
|
||
|
||
/** 站内链接(统一走 query-string 路由,不依赖 Apache 重写);$anchor 是页面内锚点(不带 #) */
|
||
function url(string $route = 'home', array $query = [], ?string $anchor = null): string
|
||
{
|
||
$q = array_merge(['r' => $route], $query);
|
||
return 'index.php?' . http_build_query($q) . ($anchor !== null && $anchor !== '' ? '#' . rawurlencode($anchor) : '');
|
||
}
|
||
|
||
function redirect(string $route = 'home', array $query = [], ?string $anchor = null): void
|
||
{
|
||
header('Location: ' . url($route, $query, $anchor));
|
||
exit;
|
||
}
|
||
|
||
function is_post(): bool
|
||
{
|
||
return ($_SERVER['REQUEST_METHOD'] ?? 'GET') === 'POST';
|
||
}
|
||
|
||
/**
|
||
* 读配置。
|
||
*
|
||
* ⚠️ `?string $key = null` 里的 `?` 不能省:PHP 8.4 起,
|
||
* 「有类型 + 默认 null」而没写 `?` 的形式(隐式可空)会报 Deprecated。
|
||
* 这个警告一旦在页面顶部打出来,就等于响应体已经输出 ——
|
||
* 后面所有 header() 全部失效(典型症状:安装完/登录后**不再跳转**,
|
||
* 返回 200 而不是 302,但功能其实是好的,极难排查)。
|
||
* 线上跑 PHP 7.4/8.1 时不报,所以本地用新 PHP 才抓得到。
|
||
*/
|
||
function fb_config(?string $key = null, $default = null)
|
||
{
|
||
$c = $GLOBALS['config'];
|
||
if ($key === null) {
|
||
return $c;
|
||
}
|
||
return array_key_exists($key, $c) ? $c[$key] : $default;
|
||
}
|
||
|
||
// ---------------- CSRF ----------------
|
||
function csrf_token(): string
|
||
{
|
||
if (empty($_SESSION['_csrf'])) {
|
||
$_SESSION['_csrf'] = bin2hex(random_bytes(16));
|
||
}
|
||
return $_SESSION['_csrf'];
|
||
}
|
||
|
||
function csrf_field(): string
|
||
{
|
||
return '<input type="hidden" name="_csrf" value="' . e(csrf_token()) . '">';
|
||
}
|
||
|
||
/**
|
||
* 校验 CSRF。失败直接结束请求 —— 不做这种假返回:
|
||
* 「返回 false 让调用层自己处理」的写法,迟早有人忘了判断。
|
||
*/
|
||
function csrf_check(): void
|
||
{
|
||
$ok = isset($_POST['_csrf'], $_SESSION['_csrf'])
|
||
&& hash_equals($_SESSION['_csrf'], (string)$_POST['_csrf']);
|
||
if (!$ok) {
|
||
http_response_code(419);
|
||
echo '页面已过期,请刷新后重试(CSRF 校验失败)';
|
||
exit;
|
||
}
|
||
}
|
||
|
||
// ---------------- 一次性提示 ----------------
|
||
function flash(string $type, string $message): void
|
||
{
|
||
$_SESSION['_flash'][] = ['type' => $type, 'message' => $message];
|
||
}
|
||
|
||
function take_flash(): array
|
||
{
|
||
$f = $_SESSION['_flash'] ?? [];
|
||
unset($_SESSION['_flash']);
|
||
return $f;
|
||
}
|
||
|
||
/** 表单回填(校验失败时保留用户输入) */
|
||
function old(string $key, $default = '')
|
||
{
|
||
return $_SESSION['_old'][$key] ?? $default;
|
||
}
|
||
|
||
function set_old(array $data): void
|
||
{
|
||
$_SESSION['_old'] = $data;
|
||
}
|
||
|
||
function clear_old(): void
|
||
{
|
||
unset($_SESSION['_old']);
|
||
}
|
||
|
||
/**
|
||
* 生日相关:年龄与距下次生日天数。
|
||
*
|
||
* ⚠️ 输入可能是 DATETIME('1990-05-12 14:30:00')—— 一律先截到日期再算,
|
||
* 否则 'm-d' 之类会带上时间,闰年/跨年边界容易算歪。
|
||
* 真正的"下一次生日"请用 App\Birthday::nextOccurrences():
|
||
* 它会分别处理身份证/阳历/农历三个生日,这里只是给页面用的简版。
|
||
*/
|
||
function age_from(?string $birthday): ?int
|
||
{
|
||
$d = \App\Birthday::dateOnly($birthday);
|
||
if ($d === '') {
|
||
return null;
|
||
}
|
||
try {
|
||
$b = new DateTimeImmutable($d);
|
||
} catch (Exception $ex) {
|
||
return null;
|
||
}
|
||
return (int)$b->diff(new DateTimeImmutable('today'))->y;
|
||
}
|
||
|
||
function days_until_birthday(?string $birthday): ?int
|
||
{
|
||
$d = \App\Birthday::dateOnly($birthday);
|
||
if ($d === '') {
|
||
return null;
|
||
}
|
||
try {
|
||
$b = new DateTimeImmutable($d);
|
||
$now = new DateTimeImmutable('today');
|
||
$next = new DateTimeImmutable($now->format('Y') . '-' . $b->format('m-d'));
|
||
if ($next < $now) {
|
||
$next = $next->modify('+1 year');
|
||
}
|
||
return (int)$now->diff($next)->days;
|
||
} catch (Exception $ex) {
|
||
return null;
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 🔴 v43(用户 2026-10-11 第 6 条)—— 把一条日历/任务条目编成**详情浮层**能直接渲染的 JSON。
|
||
*
|
||
* 用户原话:
|
||
* 「首页上的日程、首页上的近期任务,以及日程里面的日程,点击它们的时候,
|
||
* 都会弹出一个框显示更详细的信息。…如果是观影啊、旅程啊,点击详细信息就会
|
||
* 进入到观影或者旅程的那个相关的页面。如果是日程的话,点击详细信息就进到
|
||
* 日程的详细页面。当然还可以直接点击编辑,点击编辑不同的来源就进入不同的编辑页面,
|
||
* 就在当前的页面弹窗…」
|
||
*
|
||
* ⇒ 每种来源由这里给出**三样**:
|
||
* `detail` 「详细信息」跳哪(该来源的详情页)
|
||
* `edit` 「编辑」取哪份编辑表单片段(`?embed=1` 的那些路由)
|
||
* `rows` 浮层正文那几行「标签:值」
|
||
*
|
||
* ⚠️ 模板里只调这一个函数,不要在各模板里各拼一份 JSON ——
|
||
* "三个入口三套写法"必然有一天漏改一个(用户第 6 条点名了三处入口)。
|
||
* ⚠️ 返回**已经 json_encode 好的字符串**,直接写进 `data-fb-entry='…'`;
|
||
* 模板里用单引号属性包住(JSON 里的双引号不会撞)。
|
||
* 用 `JSON_HEX_APOS | JSON_HEX_QUOT` 把引号也转成实体,双保险。
|
||
*
|
||
* @param array $ev 日历条目(Calendar::month 的形状:kind/ref_id/title/date/time/…)
|
||
* @param string $detail 详情页地址(没有就不显「详细信息」)
|
||
* @param string $edit 编辑表单片段地址(没有就不显「编辑」)
|
||
* @param array $extra 额外要显示的行 [[标签, 值], …]
|
||
* @return string 可直接放进 data-fb-entry 的 JSON 字符串(已转义)
|
||
*/
|
||
function fb_entry_json(array $ev, string $detail = '', string $edit = '', array $extra = []): string
|
||
{
|
||
$date = (string)($ev['date'] ?? '');
|
||
$time = (string)($ev['time'] ?? '');
|
||
$et = (string)($ev['end_time'] ?? '');
|
||
if ($date !== '') {
|
||
$when = $date;
|
||
if (!empty($ev['all_day'])) {
|
||
$when .= ' 全天';
|
||
} elseif ($time !== '') {
|
||
$when .= ' ' . $time . ($et !== '' ? '–' . $et : '');
|
||
}
|
||
} else {
|
||
$when = '';
|
||
}
|
||
|
||
$rows = [];
|
||
if ($when !== '') { $rows[] = ['时间', $when]; }
|
||
if ((string)($ev['calname'] ?? '') !== '') { $rows[] = ['日历本', (string)$ev['calname']]; }
|
||
if ((string)($ev['location'] ?? '') !== '') { $rows[] = ['地点', (string)$ev['location']]; }
|
||
if ((string)($ev['status_word'] ?? '') !== '') { $rows[] = ['状态', (string)$ev['status_word']]; }
|
||
if ((string)($ev['note'] ?? '') !== '') { $rows[] = ['备注', (string)$ev['note']]; }
|
||
// ⚠️ 扩展行排在"备注"之后、作为补充(调用方按需给,比如任务给「所属看板」)
|
||
foreach ($extra as $row) {
|
||
if (is_array($row) && count($row) >= 2 && (string)$row[1] !== '') {
|
||
$rows[] = [(string)$row[0], (string)$row[1]];
|
||
}
|
||
}
|
||
|
||
$payload = [
|
||
'title' => trim((string)($ev['title'] ?? '')),
|
||
'rows' => $rows,
|
||
'detail' => $detail,
|
||
'edit' => $edit,
|
||
];
|
||
return json_encode($payload, JSON_UNESCAPED_UNICODE | JSON_HEX_APOS | JSON_HEX_QUOT);
|
||
}
|