46 lines
2.9 KiB
PHP
46 lines
2.9 KiB
PHP
|
<?php
|
||
|
|
/**
|
||
|
|
* 🔴 v43（用户 2026-10-11 第 6 条）——「条目详情浮层」的**空壳**。
|
||
|
|
*
|
||
|
|
* 用户原话：
|
||
|
|
* 「首页上的日程、首页上的近期任务，以及日程里面的日程，点击它们的时候，
|
||
|
|
* 都会弹出一个框显示更详细的信息。上面有不同的功能按钮，比如说详细信息，
|
||
|
|
* 在日程里面，如果是观影啊、旅程啊，点击详细信息就会进入到观影或者旅程的
|
||
|
|
* 那个相关的页面。如果是日程的话，点击详细信息就进到日程的详细页面。
|
||
|
|
* 当然还可以直接点击编辑，点击编辑不同的来源就进入不同的编辑页面，
|
||
|
|
* 就在当前的页面弹窗，把之前的窗给去掉，然后弹出编辑的那个框来就可以了。」
|
||
|
|
*
|
||
|
|
* ⇒ 三处入口（首页日程 / 首页近期任务 / 日程页条目）都挂同一个浮层，
|
||
|
|
* 内容由 `assets/js/entry_popup.js` 按点击项的 `data-fb-entry` 现填。
|
||
|
|
*
|
||
|
|
* 两种形态（由 JS 切）：
|
||
|
|
* ① **详情态**：正文几行「标签：值」；底栏 = 详细信息（跳该来源详情页）+ 编辑
|
||
|
|
* ② **编辑态**：正文换成该来源的编辑表单；底栏 = 返回（回详情态）+ 保存
|
||
|
|
* （保存走**原生提交** —— 四个来源的 update 路由本来就收普通 POST 并跳转，
|
||
|
|
* 不依赖任何页面自带脚本，所以浮层在任何页面都能用）
|
||
|
|
*
|
||
|
|
* ⚠️ 空壳放在 **layout.php** 里（全站一份）：三处入口在不同页面，
|
||
|
|
* 放各页面迟早有一个忘了 include —— 那种"某些页面点了没反应"最难查。
|
||
|
|
* ⚠️ 面板里**不放任何服务端内容**：同一页一百条日程也只有一个浮层，开销可忽略。
|
||
|
|
*/
|
||
|
|
?>
|
||
|
|
<div class="fb-entry-modal" id="fbEntryModal" role="dialog" aria-modal="true"
|
||
|
|
aria-label="条目详情" hidden>
|
||
|
|
<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>
|
||
|
|
<?php /* 详情态的两颗 */ ?>
|
||
|
|
<a class="btn btn-ghost btn-sm" id="fbEntryDetail" href="#" hidden>详细信息</a>
|
||
|
|
<button class="btn btn-sm" type="button" id="fbEntryEdit" hidden>编辑</button>
|
||
|
|
<?php /* 编辑态的两颗（默认藏着）—— 「返回」不丢用户填的东西吗？
|
||
|
|
⚠️ 会丢。所以措辞用「返回」，并且在有改动时先问一句（见 JS）。 */ ?>
|
||
|
|
<button class="btn btn-ghost btn-sm" type="button" id="fbEntryBack" hidden>返回</button>
|
||
|
|
<button class="btn btn-sm" type="button" id="fbEntrySave" hidden>保存</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|