v93: 首页日历本下拉能拉了 / 日程浮层只留编辑删除 / 重复日程三档 / Markdown 标题四级阶梯补齐
用户两条： ① 「新建日程，日历本是拉不下来的，是空的，好像只有一个"工作"什么的」 ② 「点日程后的详情跟原来的弹框几乎一模一样，这个详情就没有意义了」 ⇒ 只显示「编辑」「删除」；重复日程的删除/编辑要有三档 （当前 / 从现在到以后 / 全部） 【① 根因】`_add_modal.php` 被日程页与首页共用，HTML 一样，但自绘下拉的整套 JS 只内联在 `templates/calendar/index.php` 底部 ⇒ 首页那份没有交互，点了菜单不展开； 而按钮上是服务端渲染的默认本（"工作"），所以看着"只有一个工作"。 修法：抽 `assets/js/cs_picker.js`（全站 defer、按 `[data-cs-picker]` 初始化、 `data-cs-ready` 幂等）。不扫所有 `.cs` —— 观影表单的影院下拉有自己的内联绑定， 两边都绑会"点一次开两次"。 【②】浮层自定义日程不再显示「详情」（派生条目仍只有真链接「详情」）； 删除/编辑三档措辞按用户原话；`occ` 为空时只给「删除全部」，绝不让空串触发整条删除。 编辑三档的入口在 `fb_entry_json()` 把 `occ` 拼进 edit 地址（`?d=`）—— 不带就只有"修改全部"一档。 【顺带修掉 v85 没做完的一半】全量套件在 v61 A9b 报红，查下去不是本轮改坏的： CSS 只把 `##`（h4）调到 17px，`###`（h5）留在 15.5px（正文 15px，只差 0.5px）、 `####`（h6）留在 14.5px（比正文还小），而那段注释自己写的就是"三级都要调大"。 阶梯重排 h3/h4/h5/h6 = 22/20/18/17，四级两两不同号。 更值得记的是四条判据全部只盯 h4（v61 A9b、v85 B2/B2b 前身、静态断言、线上 A4）， 而 h4 恰好是唯一修好的那一级 ⇒ 各加"每一级/最矮的一级"判据，并用 「只把 h6 打回 14.5px ⇒ A9b 仍绿、只有 A9b2 变红」证明新判据有独立价值。 【工具链】`_b61_falsify.py` 的 main_all 改成每个 case 起独立子进程 —— 原先同一进程连跑 10 遍探针，Playwright 的临时 profile 建/删会在同一轮里累计， 撞沙箱批量删除钩子被 SIGTERM（症状：输出戛然而止、退出码 1、一条 FAIL 都没有）。 验证：v93 正向 28/0 · v93 反向 3 处注入各自被抓 · v61 34/0 · v61 反向 9/9 · v85 md_heading 12/0 · v85 静态反向 8/0 · 全量流水线通过并已部署。
This commit is contained in:
@@ -0,0 +1,163 @@
|
||||
/* ============================================================================
|
||||
通用「色点下拉」（`.cs`）—— 全站一份
|
||||
----------------------------------------------------------------------------
|
||||
起源 v44（用户 2026-10-12 第 1 条）：「新建日程，放在哪本，改成日历本后面加冒号。
|
||||
现在这句话和日历本下拉框还有前面的颜色，仍然不在一行，我建议把颜色放在下拉框里面，
|
||||
就跟电影的影院选择一样」。当时那段交互是**内联在 templates/calendar/index.php**
|
||||
里的，只服务日程页那一个 `#calPicker`。
|
||||
|
||||
🔴🔴 v93（用户 2026-10-25）：
|
||||
「如果新建日程，日历本是拉不下来的，是空的，好像只有一个"工作"什么的。」
|
||||
真根因：首页「今天的日程」卡片右上角的「新建日程」，用的是**与日程页同一份**
|
||||
模板块（`templates/calendar/_add_modal.php`），HTML 一模一样 ⇒ 日历本那颗
|
||||
按钮和菜单都在页面上；可**交互全在日程页的内联脚本里**，首页没有那一段
|
||||
⇒ 按钮点了没反应、菜单永远 `hidden`。用户看到的就是"拉不下来"；
|
||||
而按钮上那个默认值（「工作」）是服务端渲染出来的，所以"只有一个工作"。
|
||||
|
||||
⇒ 把那段交互抽成这一份，**按标记初始化**（`[data-cs-picker]`）：
|
||||
不认具体 id、不认哪个页面 —— 谁 require 了模板块谁就能用。
|
||||
|
||||
契约（模板只需给容器加 `data-cs-picker`，其余全按类名找）：
|
||||
<div class="cs" data-cs-picker>
|
||||
<button class="cs-btn"><span class="cs-dot"><span class="cs-text">…
|
||||
<div class="cs-menu" hidden><div class="cs-list">…</div></div>
|
||||
<select name="…"> ← 真正的提交字段（单一真值来源）
|
||||
</div>
|
||||
|
||||
⚠️ **只认 `[data-cs-picker]`，不扫所有 `.cs`**：观影表单里的影院下拉
|
||||
（`templates/movies/form.php` 的 `#csBtn`）有它自己的一套内联脚本，
|
||||
两边都绑 = 点一次开两次、关两次（`add_modal.js` 头部记着同一个坑）。
|
||||
⚠️ 幂等闸门 `data-cs-ready`：AJAX 换进来的表单（浮层里点「编辑」）要能被
|
||||
重复初始化，但同一个容器绝不能被绑两遍。
|
||||
⚠️ 列表项**从 `<select>` 重建**：单一真值来源是那个 select。
|
||||
模板里已经输出的 `.cs-item` 只是"没有 JS 时的样子"，不被当作数据源。
|
||||
============================================================================ */
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
var MARK = 'data-cs-picker';
|
||||
var READY = 'data-cs-ready';
|
||||
|
||||
function initOne(box) {
|
||||
if (!box || box.getAttribute(READY) === '1') { return false; }
|
||||
|
||||
var btn = box.querySelector('.cs-btn');
|
||||
var menu = box.querySelector('.cs-menu');
|
||||
var list = box.querySelector('.cs-list');
|
||||
var sel = box.querySelector('select');
|
||||
/* `.cs-dot` 在按钮里和列表项里都有 —— `querySelector` 按文档序取第一个，
|
||||
而按钮一定排在菜单前面，所以取到的就是按钮里那颗。 */
|
||||
var dot = btn ? btn.querySelector('.cs-dot') : null;
|
||||
var text = btn ? btn.querySelector('.cs-text') : null;
|
||||
if (!btn || !menu || !list || !sel) { return false; }
|
||||
|
||||
/* ---- 从 select 重建列表项 -------------------------------------------- */
|
||||
function build() {
|
||||
list.innerHTML = '';
|
||||
Array.prototype.forEach.call(sel.options, function (o) {
|
||||
var b = document.createElement('button');
|
||||
b.type = 'button';
|
||||
b.className = 'cs-item' + (o.disabled ? ' is-disabled' : '');
|
||||
b.setAttribute('role', 'option');
|
||||
if (o.disabled) {
|
||||
b.disabled = true;
|
||||
b.title = o.getAttribute('title') || '';
|
||||
}
|
||||
b.setAttribute('data-id', o.value);
|
||||
b.setAttribute('data-color', o.getAttribute('data-color') || '');
|
||||
b.setAttribute('data-text', o.textContent || '');
|
||||
var d = document.createElement('span');
|
||||
d.className = 'cs-dot';
|
||||
d.style.background = o.getAttribute('data-color') || '';
|
||||
var s = document.createElement('span');
|
||||
s.textContent = o.textContent || '';
|
||||
b.appendChild(d);
|
||||
b.appendChild(s);
|
||||
list.appendChild(b);
|
||||
});
|
||||
}
|
||||
|
||||
/* ---- 按钮外观跟选中项走 ---------------------------------------------- */
|
||||
function paint() {
|
||||
var o = sel.options[sel.selectedIndex];
|
||||
if (!o) { return; }
|
||||
if (text) { text.textContent = o.textContent || ''; }
|
||||
var c = o.getAttribute('data-color') || '';
|
||||
if (dot) {
|
||||
if (c) { dot.hidden = false; dot.style.background = c; } else { dot.hidden = true; }
|
||||
}
|
||||
}
|
||||
|
||||
function closeMenu() {
|
||||
menu.hidden = true;
|
||||
btn.setAttribute('aria-expanded', 'false');
|
||||
box.setAttribute('data-open', '0');
|
||||
}
|
||||
function openMenu() {
|
||||
menu.hidden = false;
|
||||
btn.setAttribute('aria-expanded', 'true');
|
||||
box.setAttribute('data-open', '1');
|
||||
}
|
||||
|
||||
build();
|
||||
paint();
|
||||
/* ⚠️ 原生 select 的 change 也可能由别处触发（无 JS 路径 / 老脚本），
|
||||
这里跟着刷新外观，保证"显示的值"永远是"要提交的值"。 */
|
||||
sel.addEventListener('change', paint);
|
||||
|
||||
btn.addEventListener('click', function (e) {
|
||||
e.stopPropagation();
|
||||
if (menu.hidden) { openMenu(); } else { closeMenu(); }
|
||||
});
|
||||
menu.addEventListener('click', function (e) {
|
||||
var it = e.target.closest ? e.target.closest('.cs-item') : null;
|
||||
if (!it || it.disabled) { return; }
|
||||
e.stopPropagation();
|
||||
sel.value = it.getAttribute('data-id');
|
||||
sel.dispatchEvent(new Event('change', { bubbles: true }));
|
||||
closeMenu();
|
||||
});
|
||||
/* 点空白处收起。用 document 监听 + 判定 inside，不额外造遮罩节点。
|
||||
⚠️ 必须**捕获阶段**：菜单项的 click 会 stopPropagation（冒泡阶段），
|
||||
捕获阶段先于它，这里判"点在不在容器里"才精确。 */
|
||||
document.addEventListener('click', function (e) {
|
||||
if (menu.hidden) { return; }
|
||||
if (box.contains(e.target)) { return; }
|
||||
closeMenu();
|
||||
}, true);
|
||||
document.addEventListener('keydown', function (e) {
|
||||
if (e.key === 'Escape' && !menu.hidden) { closeMenu(); }
|
||||
});
|
||||
|
||||
box.setAttribute(READY, '1');
|
||||
return true;
|
||||
}
|
||||
|
||||
/**
|
||||
* 初始化 `scope` 内所有还没初始化的色点下拉。给动态插入的 HTML 用
|
||||
* （浮层里点「编辑」→ AJAX 换进表单 → 这里补一次）。
|
||||
*
|
||||
* @param {Document|Element} [scope] 默认整个文档
|
||||
* @return {number} 本次真正绑了几个（0 = 都已经是就绪状态）
|
||||
*/
|
||||
function init(scope) {
|
||||
var root = scope || document;
|
||||
var list = [];
|
||||
if (root.matches && root.matches('[' + MARK + ']')) { list.push(root); }
|
||||
var found = root.querySelectorAll('[' + MARK + ']');
|
||||
for (var i = 0; i < found.length; i++) { list.push(found[i]); }
|
||||
var n = 0;
|
||||
for (var j = 0; j < list.length; j++) {
|
||||
if (initOne(list[j])) { n++; }
|
||||
}
|
||||
return n;
|
||||
}
|
||||
|
||||
window.fbInitCsPicker = init;
|
||||
|
||||
if (document.readyState === 'loading') {
|
||||
document.addEventListener('DOMContentLoaded', function () { init(document); });
|
||||
} else {
|
||||
init(document);
|
||||
}
|
||||
})();
|
||||
+67
-22
@@ -15,16 +15,28 @@
|
||||
（观影→那一天的观影详情页；旅程→那个行程所在的旅程页）。
|
||||
**这种情况下，下面就没有编辑、也没有删除，就只有一个详情。**」
|
||||
|
||||
🔴🔴 v93（用户 2026-10-25）——**用户原话**：
|
||||
「如果点击日程，首页上点击一个日程后会有一个详情。点完之后还是一个弹出框，
|
||||
这个弹出框跟原来的弹出框几乎一模一样。这样的话，这个详情就没有意义了，
|
||||
所以弹出来就只显示两个按钮吧：一个『编辑』，一个『删除』。
|
||||
要注意，删除的时候需要有几个选项：删除当前；删除从现在到以后；删除全部。
|
||||
编辑重复日历时，也会有这三个选项。」
|
||||
|
||||
⇒ 底栏四态（都在同一排、**一律靠右**）：
|
||||
① detail（默认）：`详情`(蓝) + `编辑`(黄) + `删除`(红)
|
||||
· 只有 source='event'（自定义日程）才给「编辑」「删除」；
|
||||
其余来源（观影/旅程/任务/纪念日/农历/节假日）**只给「详情」**。
|
||||
① detail（默认）：`编辑`(黄) + `删除`(红)
|
||||
· 只有 source='event'（自定义日程）才有这两颗；
|
||||
其余来源（观影/旅程/任务/纪念日/农历/节假日）**只给「详情」一颗**
|
||||
（跳去各自模块，v49 用户明确要求过）。
|
||||
· 🔴 v93 起 source='event' **不再有「详情」**：正文已经是它的全部信息，
|
||||
再点一次只是"换个更宽的框把同一份信息再画一遍"（用户原话"没有意义"）。
|
||||
· 「删除」还要 `del` 非空（= 我在这本日历上可写）。
|
||||
② info（点「详情」，仅 source='event'）：面板加宽、正文换成服务端只读详情。
|
||||
底栏回到 detail（还能继续编辑/删除）。
|
||||
② info（服务端 `?embed=detail`）：v93 起**没有入口了**（见 `loadInfo` 的注释），
|
||||
函数保留作兜底。
|
||||
③ edit（点「编辑」）：正文换成编辑表单；底栏 = `取消` + `保存`。
|
||||
编辑后的表单自带"改当前 / 改成从现在到以后 / 改全部"三档
|
||||
（由服务端 `templates/calendar/event.php` 输出，**occ 由 edit URL 带进来**）。
|
||||
④ delscope（点「删除」且是**重复日程**）：正文问"删哪些"；底栏 = `取消` + `确认删除`。
|
||||
不重复的日程直接删除（不需范围）。
|
||||
三档措辞与详情页那张删除表单逐字一致；不重复的日程直接删除（不需范围）。
|
||||
|
||||
设计取舍（每条都对应一个踩过的坑）：
|
||||
① **事件委托挂 document**：列表会被 AJAX 换掉（新建日程后就地插入、首页任务勾选后重画），
|
||||
@@ -136,13 +148,23 @@
|
||||
|
||||
var det = byId('fbEntryDetail');
|
||||
if (det) {
|
||||
/* ⚠️ 两种「详情」共用同一颗按钮：
|
||||
· source='event' → 就地展开（不设 href，交给 JS，用 data-fb-info 标记）
|
||||
· 其余来源 → 真链接（href 指向该模块的详情/那一天） */
|
||||
if (isEvent && data.info) {
|
||||
det.setAttribute('href', '#');
|
||||
det.setAttribute('data-fb-info', '1');
|
||||
/* 🔴🔴 v93（用户 2026-10-25）——**用户原话**：
|
||||
「如果点击日程，首页上点击一个日程后会有一个详情。点完之后还是一个弹出框，
|
||||
这个弹出框跟原来的弹出框几乎一模一样。这样的话，这个详情就没有意义了，
|
||||
所以弹出来就只显示两个按钮吧：一个『编辑』，一个『删除』。」
|
||||
|
||||
⇒ 自定义日程（source='event'）**不再给「详情」**：
|
||||
浮层正文本来就已经是它的全部信息（时间 / 日历本 / 地点 / 备注），
|
||||
再点一次「详情」只是把同一份信息换个更宽的框再画一遍 —— 正是用户说的"没有意义"。
|
||||
⇒ 派生来源（观影 / 旅程 / 任务 / 纪念日 / 农历 / 节假日）**仍然只有「详情」**：
|
||||
那些内容不归这里管，必须跳去各自模块看（v49 用户明确要求"就只有一个详情"）。
|
||||
⚠️ 顺序仍然要紧：先 `footShow('detail')` 统一收干净，再按来源点亮/收起 ——
|
||||
反过来会被 footShow 盖掉（v49 实测翻车过一次）。 */
|
||||
if (isEvent) {
|
||||
det.hidden = true;
|
||||
det.removeAttribute('data-fb-info');
|
||||
} else {
|
||||
det.hidden = false;
|
||||
det.removeAttribute('data-fb-info');
|
||||
if (data.detail) { det.href = data.detail; } else { det.removeAttribute('href'); }
|
||||
}
|
||||
@@ -265,6 +287,9 @@
|
||||
if (window.fbNodeForm) { window.fbNodeForm(bodyEl()); }
|
||||
if (typeof window.fbLoadPicker === 'function') { window.fbLoadPicker(); }
|
||||
if (typeof window.fbInitPickers === 'function') { window.fbInitPickers(bodyEl()); }
|
||||
/* v93：编辑表单里若带「色点下拉」（`.cs[data-cs-picker]`），也要补一次 ——
|
||||
与选人组件同一条理由：AJAX 换进来的 HTML 不会自己跑初始化。 */
|
||||
if (typeof window.fbInitCsPicker === 'function') { window.fbInitCsPicker(bodyEl()); }
|
||||
/* 🔴 v47（用户 2026-10-13）：**地址联想**也要补一次。
|
||||
「日程里输入地点要调高德」「行程的出发/到达地要调高德」——
|
||||
这两处的编辑表单都是走这条 AJAX 换片段的路径进来的，
|
||||
@@ -293,10 +318,17 @@
|
||||
else { form.submit(); }
|
||||
}
|
||||
|
||||
/* ---- ③ 详情：就地展开更多信息（仅 source='event'）--------------------------
|
||||
/* ---- ③ 详情：就地展开更多信息 ----------------------------------------------
|
||||
用户：「让模态框变大，然后显示出来更多的信息」——
|
||||
⇒ 面板加 `is-wide`（CSS 放宽 max-width），正文换成服务端 `?embed=detail` 的只读块。
|
||||
失败（拿不到片段）→ 退回跳详情页，别把用户卡在一个空面板里。 */
|
||||
|
||||
🔴 v93（用户 2026-10-25）：**这条路径已经不再有入口了** ——
|
||||
自定义日程的浮层只留「编辑」「删除」两颗（正文就是全部信息，不必再展开一次）。
|
||||
函数保留而不删，是因为：① `paintDetail()` 里仍会清掉 `data-fb-info`
|
||||
（老页面/老缓存里可能残留），点下去走到这里也不该报错；
|
||||
② 将来若要"详情页"这个入口，直接接回这颗按钮即可。
|
||||
⚠️ 不要因为"没入口了"就删掉服务端的 `?embed=detail` 分支：
|
||||
`calendar/event` 那条仍被本函数使用，删了就是半个功能。 */
|
||||
function loadInfo(url) {
|
||||
if (!url) { return; }
|
||||
setTip('');
|
||||
@@ -349,20 +381,33 @@
|
||||
if (window.confirm('删除这条日程？')) { doDelete('all'); }
|
||||
return;
|
||||
}
|
||||
/* 重复日程：正文变成"删哪些"（三档，与详情页/编辑那三档同措辞），
|
||||
底栏 = 取消 + 确认删除。 */
|
||||
/* 重复日程：正文变成"删哪些"。
|
||||
🔴 v93（用户 2026-10-25）：「删除的时候需要有几个选项：删除当前；
|
||||
删除从现在到以后；删除全部。」⇒ 三档措辞按用户原话对齐
|
||||
（服务端 `calendar/event_del` 收的就是 once / future / all 这三个值）。
|
||||
⚠️ `occ` 为空时**不能**给"当前 / 从现在到以后"：定位不到"这一次"，
|
||||
服务端会退化成整条删除 —— 那是最重的后果，不能靠一个空字符串触发。
|
||||
这种情况只给「删除全部」，并说明为什么。
|
||||
⚠️ 措辞必须与详情页那张删除表单（`templates/calendar/event.php`）一致，
|
||||
用户学一次就够，不要出现第二套说法。 */
|
||||
var hasOcc = !!occ;
|
||||
if (titleEl()) { titleEl().textContent = '删除重复日程'; }
|
||||
if (bodyEl()) {
|
||||
bodyEl().innerHTML =
|
||||
'<p class="ev-del-head">这是一条<b>重复日程</b>，删哪些？</p>' +
|
||||
'<div class="ev-del-picks">' +
|
||||
'<label class="chk-inline"><input type="radio" name="fbscope" value="once">' +
|
||||
'<span>只删<b>这一次</b>（' + esc(occ) + '）</span></label>' +
|
||||
'<label class="chk-inline"><input type="radio" name="fbscope" value="future">' +
|
||||
'<span>删<b>这一次及以后</b>（' + esc(occ) + ' 起，之前的留着）</span></label>' +
|
||||
(hasOcc
|
||||
? '<label class="chk-inline"><input type="radio" name="fbscope" value="once">' +
|
||||
'<span>删除<b>当前</b>这一次（' + esc(occ) + '）</span></label>' +
|
||||
'<label class="chk-inline"><input type="radio" name="fbscope" value="future">' +
|
||||
'<span>删除<b>从现在到以后</b>（' + esc(occ) + ' 起，之前的保留）</span></label>'
|
||||
: '') +
|
||||
'<label class="chk-inline"><input type="radio" name="fbscope" value="all" checked>' +
|
||||
'<span>删<b>全部</b>（整条系列）</span></label>' +
|
||||
'</div>';
|
||||
'<span>删除<b>全部</b>（整条系列）</span></label>' +
|
||||
'</div>' +
|
||||
(hasOcc ? ''
|
||||
: '<p class="small muted" style="margin:6px 0 0">' +
|
||||
'这条是从列表打开的、不知道是哪一次，只能整条删除。</p>');
|
||||
}
|
||||
if (panelEl()) { panelEl().classList.remove('is-wide'); }
|
||||
setTip('');
|
||||
|
||||
Reference in New Issue
Block a user