 laoyang
|
306f5a61cb
|
图片轮播切到视频后左右键失效 (#57)
用户 2026-11-05：「行程里面图片轮播的时候，切换到视频，上下左右键就失效了。」
根因：键盘处理里有 isImage() 判断，只有当前是图片才翻页：
if (e.key === ArrowLeft && isImage()) { step(-1); }
切到视频后 isImage() 为 false，两个分支都进不去。
当初这么写是因为「视频/PDF 里方向键另有含义，不能抢」——
顾虑是对的（视频左右键是快退/快进），但解法错了：
一刀切禁掉，而不是看焦点在哪。
修法：改成判断事件目标
function inMediaControl(t) { return !!t.closest("video, iframe"); }
if (inMediaControl(e.target)) { return; } // 放行给控件
其余情况照常翻页，不再限制只有图片
行为矩阵：
焦点在 video 里 → 视频快退/快进（不被抢）
焦点在 PDF iframe 里 → PDF 自己翻页（不被抢）
焦点在别处 / 视频未聚焦 → 上一张 / 下一张
上下键保持不处理：页面滚动、视频音量另有含义。
|
2026-11-05 13:19:05 +08:00 |
|
|
laoyang
|
a1140437a1
|
视频：修 media.php 的 304/Range 冲突，HEVC 解不了时给明确提示 (#52)
304 判定没有排除 Range 请求：视频第二次打开时浏览器同时发
Range + If-None-Match，命中 304 拿到空响应 ⇒ 黑屏。
改成 $hasRange 为真时跳过 304。顺手补 Last-Modified（部分浏览器需要它才允许 seek）。
另查明用户的视频是 H.265/HEVC，Chrome/Firefox 无法解码 —— 浏览器端无解，
检测到解码失败时显示提示卡片 + 下载入口，不再给一块黑屏。
|
2026-11-05 12:40:52 +08:00 |
|
|
laoyang
|
e826540d2a
|
修复 PDF 预览被 Chromium 屏蔽（iframe sandbox 禁用内置阅读器） #14
现象：资源模块点开 PDF 附件，预览区只剩「此页面已被 Chromium 屏蔽」。
根因：preview.js 的 pdf 分支给 iframe 挂了 sandbox
（allow-same-origin allow-scripts，引入于 v24 8f80f3e）。
Chromium 只要看到 iframe 上有 sandbox 属性就禁用内置 PDF 阅读器插件，
表现即「被屏蔽」。五组同源对照实测（Chromium 153）：
· 无 sandbox → 正常渲染
· allow-same-origin allow-scripts → 屏蔽
· allow-scripts → 屏蔽
· + allow-popups-to-escape-sandbox→ 仍然屏蔽（网上答案说能救，本版本不行）
· + allow-forms allow-popups → 仍然屏蔽
⇒ 加白名单无效，只能不加。
改动：删掉该 setAttribute，换成 17 行实测结论注释防止以后被"为安全"加回去。
安全性说明：PDF 由浏览器内置阅读器扩展在独立扩展进程渲染，不是普通页面
上下文，拿不到父页 window/DOM/cookie；PDF 是原生文档，没有能访问父页的
脚本环境。服务端另有 nosniff + MIME 内容嗅探（media.php），PDF 不会被当
HTML 执行。若将来要禁止 PDF 内嵌 JS，正确做法是换 pdf.js 自渲染。
验证：
· 新增 _tooling/_pdf_e2e.py，11 条断言全通过 0 失败，已登记进流水线
（挂「全路由」标签）。判据落在渲染层：frame 列表无 chrome-error、
有内置阅读器扩展 frame、iframe 内文字不含「屏蔽」。
· 反向验证：注入 sandbox 回去 → 4 条转红；恢复后 11/0。红绿闭环成立。
· 全量流水线 2h21m 跑完，EXIT=0，已部署。
· 线上 md5 与本地一致（988b804f），setAttribute('sandbox' 已不存在。
|
2026-10-27 01:00:12 +08:00 |
|
|
laoyang
|
1756c6265d
|
v24 第 19 批：拖动上传 / 返还按钮 / TripLog 补迁 / 参与人回填 / 预览翻页 / 行程按钮（用户 8 条）
用户 8 条原话要点：
①「为所有的图片视频附件上传处，提供拖动上传的功能」
②「旅程详情页面，增加返回按钮，点击后返回到旅程列表」
③「已有行程的出行方式，包括航班号，怎么没从 triplog 系统迁移过来？」
④「题图右侧有一句话显示，但点编辑进去却看不到这句话」
⑤「编辑行程，参与的人没有带进来，还是空的。同样的问题也出在观影编辑时」
⑥「预览的时候左右有箭头可以直接看下一张；md5 的文件名放在预览图下面没有意义，去掉；
如果是文件，则在图标上显示文件名」
⑦「计划行程的修改/完成/未成行横着排列放行程右上角，修改黄、完成绿、未成行红；
实际行程的编辑删除也放右上角，编辑黄、删除红」
⑧「选人弹框暂存区太小了看不见人；前面的复选框没用，去掉」
🔴 抓到的两个真根因（都不是"没写对"，是两处看似无关的地方）：
1. **⑤ 参与人不回填 = 两个独立原因叠加**
(a) `Trip::node()`（单条）只 `SELECT *`，**不带 members/attachs**；而
`Trip::nodes()`（列表）是带的。编辑页走前者 → `$ppSelected=[]` 永远空。
同一处还让编辑页的照片墙永远不显示。→ 单条也挂 members/attachs/花销。
(b) `person_picker.js` 的 `init()` 末尾**无条件** `refresh()` → `syncChips()`
第一句 `chips.innerHTML=''` 再从**懒建**的候选清单重建 —— 首屏清单还没建，
一个 input 都没有 → **服务端渲染的 chips 全被清掉、补不回来**。
症状极隐蔽：curl 看到的 HTML 里有 3 个 chip，浏览器里数出来是 0。
→ `syncChips` 加 `if (!built) return;` 守卫 + `ppSetSelected` 前先 `box.ppBuild()`。
2. **④ 那句话 = 详情页读了两个字段**：`display:summary` + `events.note`（老字段，
表单里早没有输入框）→ 老数据的 note 在详情页冒出来、却无从修改。
→ 详情页只渲 summary；老数据给一句"点这里补简介"的提示；
由 `_fb_b19_backfill.php` 一次性搬进 summary。
本批新增能力：
- **拖动上传**（第 1 条）：app.js 自动扫全页 `input[type=file]` 挂 DnD，**不改任何模板**
→ 全站十几处上传点一次到位；`data-pick-input` 指向的**预览图**也当落点
（题图/头像的 input 是 sr-only，往图上拖才自然）。三个必须踩准的点：
`dragover` 必须 preventDefault；`dt.items.add` 真写回 `input.files`；
写回后**手动派发 `change`**（`input.files=` 不会自己触发，预览/裁剪器都听 change）。
MutationObserver 补挂动态出现的框。
- **预览左右翻页**（第 6 条）：候选 = 同页全部 `[data-prev]`（文档顺序），
`‹ ›` 按钮 + 键盘 ←→（**只在图片上**接管方向键，视频/PDF 里方向键另有含义）；
只有一个附件时箭头隐藏（点了没反应比没有更糟）；右上角带"第几张/共几张"。
- **附件墙**（第 6 条）：缩略图下**不再写**（哈希）文件名；文件的名字压到**图标里**；
`att-doc-name` 两行封顶 + 省略号（长名不撑变形）。
- **行程按钮**（第 7 条）：`.node-ops` 由 `column` 改 `row` + 贴顶；新增
`.btn-warn/.btn-ok/.btn-del`（**实心**黄/绿/红）—— 与全站淡红描边的 `.btn-danger`
刻意分开（改它会连带改掉十来处「删除」的样子）。「编辑」保留（改标题/加花销的唯一入口）。
- **选人弹框**（第 8 条）：暂存区 148px 死高度 → `min-height:132px; max-height:46vh`，
chip 头像 20→28px；多选加 `.pp-compact` 隐藏复选框（**只 `display:none`，
input 仍在 DOM** —— 提交语义全靠它，绝不能 remove）。
上线补迁（`_tooling/_fb_b19_backfill.php`，幂等、不覆盖已有值）：
- ③ TripLog 的 `travel_modes.mode_type` + `trip_number/line_name/carrier`
→ FamilyBook 的专列。`drive_own/drive_rental` 都映射成 `drive`（FamilyBook 的
"自驾"是一个方式，"哪台车"由 vehicle_id 表达）；车辆按**车牌**对上；
顺手删掉 detail 里那段重复的「班次：…」。线上实跑 18 条、跳过 2 条。
- ④ `events.note` → `trip_details.summary`（只搬 summary 为空、note 有内容的，2 条）。
验证（本地全套 + 线上）：
- e2e **960/0**（+23 条本批断言，含"成员清空后编辑页也不显示"的反向）· 升级 149/0 ·
城市解析 32/32 · 桌面几何 428/0 · 真机 UI **27/0**（拖动/翻页/按钮几何与配色）·
真机选人 chip **2/0**。
- **反向验证 4/4**：①`Trip::node` 去掉 members ②`syncChips` 去掉守卫
③详情页把 note 渲回来 ④附件墙把文件名写回去 —— 四种坏法全部被抓到，
且还原后 e2e 复绿 960/0。
- 线上：部署成功（双版本 l 通过 + 19 条站点自检全过）；补迁后 18 段行程有出行方式、
7 段有车次、10 段挂车、2 个旅程有简介；线上 `Trip::node()` 实调
members/attachs 都回来了（部署前是 0）。
|
2026-10-05 22:56:49 +08:00 |
|
|
laoyang
|
8f80f3e835
|
v24 第 2 轮：19 条清单收尾（附件预览/CalDAV/任务分类看板/全局选人/家谱/纪念日/财务）
用户 2026-10-02 提的 19 条需求，本轮完成剩下的 8 条 + CalDAV 服务端：
- ③ 附件：图片/视频给缩略图，PDF/Word/Excel 给**同尺寸**图标；可预览的在本页
弹层里看（不再新开标签页），渲染不了的点了直接下载；预览层右上角恒有下载按钮。
- ⑦b CalDAV：把「我的日历本」按 RFC 4791 只读子集分享出去（OPTIONS/PROPFIND/
REPORT/GET，写方法一律 403）。用**专用口令**（库里只存 sha256），不是登录口令。
- ⑨⑩ 任务：分类与看板都由用户自建；已完成的任务从看板消失，改在「已完成」页
按分类查看/搜索；设置入口在「新建任务」旁的 ☰。
- ⑪ 全局人员选择器：一个片段铺到观影/旅程/资源/日历共享/任务共享/财务共享；
修掉了老组件「名字和拼音都搜不动」的 bug —— .att-item 自己声明了 display:flex，
压过了浏览器 [hidden]{display:none}，过滤根本没生效。
- ⑫ 家谱：头像改方形不再裁切；姻亲不在图上的卡片给「⇄ 姻亲」入口，
以 TA 为中心重画 + 「返回我的家谱」。
- ⑬ 纪念日：阴历/阳历都能设且按对应历法重复；名册里每个人的生日默认可见
（实时派生，不复制一份）；全部作为全天日程进日历。
- ⑮ 财务：账本可共享，双方都能记账、都能看全部账目，资产−负债=净资产；
金额一律以「分」存，不用浮点。
验证：端到端 724 项通过 / 0 失败；几何 368、交互 97、移动端 516、家谱 24、
升级 123 全绿；SQL 列名静态校验 0 处可疑；部署 11 条线上探针全过。
|
2026-10-03 08:18:05 +08:00 |
|