2026-10-12 00:24:20 +08:00
|
|
|
<?php
|
|
|
|
|
/**
|
2026-10-14 19:05:13 +08:00
|
|
|
* 条目详情浮层 —— **空壳**（全站一份，挂在 layout.php）。
|
2026-10-12 00:24:20 +08:00
|
|
|
*
|
2026-10-14 19:05:13 +08:00
|
|
|
* 起源 v43（用户 2026-10-11 第 6 条）：「首页上的日程、首页上的近期任务，以及日程里面的
|
|
|
|
|
* 日程，点击它们的时候，都会弹出一个框显示更详细的信息。上面有不同的功能按钮…」
|
2026-10-12 00:24:20 +08:00
|
|
|
*
|
2026-10-14 19:05:13 +08:00
|
|
|
* 🔴🔴 v49（用户 2026-10-14）——**底栏按「来源」分两种形态**，用户原话：
|
|
|
|
|
* 「在首页上点击某一个日程…下面三个按钮，都放在下面的右侧…三个按钮分别是详情、编辑和删除。
|
|
|
|
|
* 详细用蓝色，编辑用黄色，删除用红色。
|
|
|
|
|
* 当点击详细的时候，**如果这是一个日程**（正常的日程里的事件、不是来自观影/旅程等其他模块）
|
|
|
|
|
* → 就**在当前页面让模态框变大**、显示更多信息。
|
|
|
|
|
* 当点击编辑的时候，也是**在当前的界面**弹出编辑日程的框，就地编辑；
|
|
|
|
|
* 编辑了之后下面有两个按钮：**取消和保存**。
|
|
|
|
|
* 当点击删除的时候，就直接把这个日程给删除。
|
|
|
|
|
* 如果当前这个日程**来自其他模块**（观影 / 旅程 / 其它）→ 点击详情就**进入那些模块**展示它
|
|
|
|
|
* （观影→那一天的观影详情页；旅程→那个行程所在的旅程页）。
|
|
|
|
|
* **这种情况下，下面就没有编辑、也没有删除，就只有一个详情。**」
|
2026-10-12 00:24:20 +08:00
|
|
|
*
|
2026-10-14 19:05:13 +08:00
|
|
|
* ⇒ 底栏的三态（由 JS 切，见 assets/js/entry_popup.js）：
|
|
|
|
|
* ① **详情态**（点条目进来）：`详情`(蓝) + `编辑`(黄，仅自定义日程且可写) + `删除`(红，同前)
|
|
|
|
|
* —— 三颗一律**靠右**（用户："都放在下面的右侧"）。
|
|
|
|
|
* 派生条目（观影/旅程/任务/纪念日/农历/节假日）只有 `详情` 一颗。
|
|
|
|
|
* ② **展开态**（点「详情」，仅自定义日程）：面板变宽、正文换成服务端的完整详情。
|
|
|
|
|
* ③ **编辑态**：正文换成编辑表单；底栏 = `取消` + `保存`。
|
|
|
|
|
* 删除范围（重复日程）另有一种临时态，见 JS。
|
2026-10-12 00:24:20 +08:00
|
|
|
*
|
|
|
|
|
* ⚠️ 空壳放在 **layout.php** 里（全站一份）：三处入口在不同页面，
|
|
|
|
|
* 放各页面迟早有一个忘了 include —— 那种"某些页面点了没反应"最难查。
|
2026-10-14 19:05:13 +08:00
|
|
|
* ⚠️ 面板里**不放任何服务端内容**（除了那颗 CSRF）：同一页一百条日程也只有一个浮层，开销可忽略。
|
|
|
|
|
* ⚠️ 按钮的**显隐全部由 JS 按 `data-fb-entry` 的内容决定**，服务端只给数据：
|
|
|
|
|
* 空壳里全部 `hidden`，避免"先闪一下三颗、随即收起一颗"。
|
2026-10-12 00:24:20 +08:00
|
|
|
*/
|
|
|
|
|
?>
|
|
|
|
|
<div class="fb-entry-modal" id="fbEntryModal" role="dialog" aria-modal="true"
|
|
|
|
|
aria-label="条目详情" hidden>
|
2026-10-14 19:05:13 +08:00
|
|
|
<?php /* `_csrf` 放在遮罩层里（不放进正文）—— 删除是 AJAX POST，需要它；
|
|
|
|
|
而正文会被整块换掉（编辑态 = 服务端表单，里面自带 tokens），
|
|
|
|
|
放正文里会在换掉时丢。 */ ?>
|
|
|
|
|
<div class="fb-entry-csrf" hidden><?= csrf_field() ?></div>
|
2026-10-12 00:24:20 +08:00
|
|
|
<div class="cal-modal-panel fb-entry-panel" id="fbEntryPanel">
|
|
|
|
|
<div class="cal-modal-head">
|
|
|
|
|
<b id="fbEntryTitle">详情</b>
|
|
|
|
|
<button type="button" class="cal-modal-x" data-fb-entry-close aria-label="关闭">✕</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="cal-modal-body" id="fbEntryBody"></div>
|
|
|
|
|
<div class="cal-modal-foot" id="fbEntryFoot">
|
|
|
|
|
<span class="cal-modal-tip" id="fbEntryTip"></span>
|
2026-10-14 19:05:13 +08:00
|
|
|
<?php /* 右侧按钮组（`margin-left:auto` 把整组推到右边）。
|
|
|
|
|
顺序：详情 / 编辑 / 删除 —— 用户点名的顺序。
|
|
|
|
|
⚠️ 三颗各自的作用域类（fb-a-detail/edit/del）给颜色，**不动全局 .btn-edit
|
|
|
|
|
/ .btn-danger** 的语义（本项目踩过"裸类改色波及别页"的坑，见 app.css）。 */ ?>
|
|
|
|
|
<div class="fb-entry-acts" id="fbEntryActs">
|
|
|
|
|
<a class="btn btn-sm fb-a-detail" id="fbEntryDetail" href="#" hidden>详情</a>
|
|
|
|
|
<button class="btn btn-sm fb-a-edit" type="button" id="fbEntryEdit" hidden>编辑</button>
|
|
|
|
|
<button class="btn btn-sm fb-a-del" type="button" id="fbEntryDelete" hidden>删除</button>
|
|
|
|
|
<?php /* 编辑态的两颗（默认藏着） */ ?>
|
|
|
|
|
<button class="btn btn-ghost btn-sm" type="button" id="fbEntryCancel" hidden>取消</button>
|
|
|
|
|
<button class="btn btn-sm" type="button" id="fbEntrySave" hidden>保存</button>
|
|
|
|
|
<?php /* 删除范围态（重复日程才有）：取消 + 确认删除 */ ?>
|
|
|
|
|
<button class="btn btn-ghost btn-sm" type="button" id="fbEntryDelCancel" hidden>取消</button>
|
|
|
|
|
<button class="btn btn-sm fb-a-del" type="button" id="fbEntryDelGo" hidden>确认删除</button>
|
|
|
|
|
</div>
|
2026-10-12 00:24:20 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
