v52：旅程 CalDAV 结束时间 / 笔记（标题·段落下加段加图·逐段就地编辑）/ 名册自动匹配与设置页 / 模块设置整合表
用户 2026-10-15 七条。
① 旅程行程经 CalDAV 同步后「结束时间 = 开始时间」
**真根因**（app/Calendar.php 的 exportRows()）：对**派生条目**（观影/旅程）写死
'ends_at' => null，而 Ics::vevent() 遇到空结束会退化成「DTEND = DTSTART」
⇒ 手机上每条行程的结束时间都等于开始。
**附带第二个 bug**：分组键含日期（kind-ref_id-date），而 month() 把**跨天条目逐天**
铺出来 ⇒ 跨天节点被拆成 N 条（UID 相同），resources() 按 UID 去重后**只留第一天**，
而第一天那条没有结束时刻 ⇒ 又回到 DTEND=DTSTART。
修法：键改成 `kind-ref_id`，先收集同节点的各天，再用**首末天**拼一条真实跨度
（末天那条才带 end_time）。实测单日 DTEND=12:30、跨天 DTEND=第3天11:00，
每节点恰好 1 条 VEVENT。
⚠️ 副作用（已处理）：v31 DAV 去重的反向验证原来靠「跨天节点逐天出、UID 全同」造重复，
本修把那条素材**修没了** ⇒ 给夹具换成「同一份 .ics 导两次」（两条 UID 相同的
自定义日程），守卫仍能被证伪（见 _fb_dav_diag.py 与 pitfalls 的同族条目）。
② 笔记详情页标题是"看笔记"而不是笔记名
阅读态 h1 改用笔记自己的 $noteTitle；**编辑态仍用「改笔记/写笔记」**
（编辑时标题就在下面第一个输入框，两处重名看着像重复）。浏览器 <title> 同步。
③ 加段落/加图片要在**输入框下面**
note_editor.js 的 makeBlock() 里每块下方加一排 .note-block-add（＋段落/＋图片），
点了插在**这一块后面**；顶部那组**保留**（用户明确"上面和下面都保留"）。
⚠️ 挂在 body 里而不是 wrap 上 —— .note-block 是 display:flex 横排，
挂 wrap 会变成"输入框右边的第三列"，不是"下面"。
⚠️ 用 data-add-below（不是 data-add）：顶部是"追加到末尾"、块内是"插在本块后"。
④ 笔记详情页「逐段就地编辑」（分块多时不用跳编辑页找那一块）
模板给每块包 .note-read-item[data-block][data-kind][data-raw] + 右上角「编辑」按钮；
新增 assets/js/note_inline.js（按需加载）：划过出现 → 点编辑就地变 textarea →
保存 POST notes/block → 只换这一块。
服务端 Note::updateBlock()：**按块主键改一行**（不是整组替换）——
⚠️ 整组替换会换掉每个块的 id（前端手里的 data-block 当场失效）+ 并发互相覆盖；
⚠️ SQL 必须带 `AND note_id = ?`（块 id 全局自增，少了它就能改别人笔记里的块）。
权限与整条编辑同一把尺（find() + canWrite()）。
⑤ 删掉「从已有家里人中挑选」，改成「新增/导入时自动匹配」
新增 Person::matchExisting()：手机号（有 phone_hash，一条 SQL 精确命中）→
身份证（无哈希，整表解密比）→ 姓名（**先记下不立刻返回**，等精确命中看完再退到它）。
people/create：校验通过后先 matchExisting，命中就在**同一张表单里**出确认条
（#personConfirm）。⚠️ **不做成单独确认页**：单独页要把整张表（含工作经历/补充联系
方式这些**数组字段**）原样回传，漏一类就静默丢数据；同表单里字段天然全在。
⚠️ 判"是不是第一次提交"用 array_key_exists('confirm_existing')（0=不是、1=是、无=首次）。
导入那条路的缺口（本轮补）：ContactImporter 命中已有的人时只补字段、**不挂进导入者的
名册** ⇒ "文件里有他、系统里也有他，但导完我的名册里看不到他"。已在命中分支加
PersonRoster::ensure(..., $meId, ...)。
顺手加 PersonRoster::has()（避免调用方又踩"visibleIds 是值列表不是集合"那个坑）。
⑥ 名册页只剩「添加成员 + 设置」；分组搬到名册设置
templates/people/_settings_menu.php（新）：☰ 下拉两行 = 导入联系人 / 名册分组。
templates/people/settings.php（新，路由 people/settings）：require 从个人设置**整块搬出来**
的 templates/_person_groups.php。
⚠️ 是**真搬**不是复制（两份一模一样的分组界面，改一处忘一处是必然的）；
⚠️ 片段变量一律加 pg 前缀 —— 模板片段与宿主 require 是**共享作用域**，
用 $groups 这种通名会覆盖宿主同名变量（本轮真踩到，已改）。
⚠️ 表单 action 仍指 settings/groups/*（一个字段没改）。
⑦ 个人设置：模块设置整合成一张表
原来是**三张卡三个表单**（首页模块 / 导航模块 / 主题色），同一串模块名出现两遍。
现在一张表五列：顺序 | 模块 | 导航 | 首页 | 颜色，一次保存。
新增 settings/modules_save 路由：**底层存储一个没改**（仍是 nav_modules /
home_modules / module_colors），只是把三个 save 依次调一遍 ⇒ 老数据天然兼容。
⚠️ 权限**没有**因为"合并"被放宽：颜色仍是家庭一份、只有管理员能改
（非管理员那列是只读色块；提交时服务端静默忽略 c[]）。
窄屏：表格 min-width:560px + 外层 overflow-x:auto（375px 实测横向溢出 0）。
验证（新增 5 套件 + 更新若干旧断言）：
· _fb_v52_ics.py（3）/ _fb_v52_note.py（19）/ _fb_v52_roster.py（12）/ _fb_v52_mods.py（13）
· _b52_falsify.py（**12 注入 / 31 断言全抓**）
· _fb_import_test.py 补 ⑯（命中的人也要回到导入者名册）；_fb_dav_diag.py 换去重素材
· e2e 1516/0；_fb_batch_e.py / _fb_e2e.py / familybook_deploy.sh 里随 #6/#7 搬家或改形的
旧断言（分组在个人设置、模块行 li→tr、show_present、RRULE 前缀）意图一字不改
· 全流水线 **PUSH_RC=0**、部署 0 FAIL（含"第52批形态"）；线上 16 文件 md5 逐字节一致
⚠️ 工程纪律（已写进 pitfalls.md / 工作日志）：
· 探针自起的 PHP 服务**一律随机空闲端口**（写死 + "连上就复用" 会静默测到别的目录/库）；
· **同一工具链目录 + 同一库名不支持两个会话并发** —— 本轮最后一个多小时的"诡异全红"
全是**另一个会话**在同时跑 _fb_e2e.py、共享 fb_test 与 _fb_site 造成的；
· 并发下**连 git stash 都不能用**（会把别人的半成品一起藏起来），基线对照用 git worktree；
· 修好业务可能让"守着它的反向验证"空转（素材被修没了）⇒ 换一处等价素材，别删守卫；
· 断言盯**形态**而非具体数值（分栏那次写死 50% 在别的批次数据上假红）。
This commit is contained in:
@@ -75,6 +75,18 @@ final class ContactImporter
|
|||||||
if ($hit !== null) {
|
if ($hit !== null) {
|
||||||
// ---- ② 命中：只补空字段 ----
|
// ---- ② 命中：只补空字段 ----
|
||||||
$filled = self::fillMissing($hit, $r, $meId);
|
$filled = self::fillMissing($hit, $r, $meId);
|
||||||
|
/* 🔴🔴 v52（用户 2026-10-15 第 5 条）：「而用户导入数据时，**也是一样的**，
|
||||||
|
如果名册中有这个人，就不用再新增了，而是根据名字、手机号等信息
|
||||||
|
**自动匹配后添加到这个用户的名册中**。」
|
||||||
|
⇒ 命中已有的人时，**必须**把他也挂进**导入者的名册** ——
|
||||||
|
否则会出现最费解的一种结果：导入文件里有这个人、系统里也有这个人，
|
||||||
|
但导入完**我的名册里还是看不到他**（他只在别人名册里），
|
||||||
|
用户只会觉得"导入漏了人"。
|
||||||
|
⚠️ 这一段原先只在"没命中 → 新建"那条路上挂名册（见下面 ③ 的 ensure），
|
||||||
|
命中那条路**没有** —— 正是本批要补的缺口。
|
||||||
|
⚠️ `ensure` 是幂等的（已在名册里就返回 false），所以重复导入不会出问题。 */
|
||||||
|
PersonRoster::ensure($familyId, $meId, (int)$hit['id'],
|
||||||
|
$groupId > 0 ? $groupId : null, 'self');
|
||||||
if ($filled) {
|
if ($filled) {
|
||||||
$updated++;
|
$updated++;
|
||||||
$log[] = ['name' => (string)$hit['name'], 'action' => 'updated', 'added' => $filled];
|
$log[] = ['name' => (string)$hit['name'], 'action' => 'updated', 'added' => $filled];
|
||||||
|
|||||||
@@ -589,6 +589,68 @@ final class Note
|
|||||||
)->execute([$id, $familyId, $personId]);
|
)->execute([$id, $familyId, $personId]);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 🔴 v52（用户 2026-10-15 第 4 条）：**只改一个块**。
|
||||||
|
*
|
||||||
|
* 用户原话：「笔记这个功能模块，在详情页面，应该具备**分段编辑**功能，就是说，
|
||||||
|
* 我在一个笔记页面，可以对其中一个段落单独编辑，其他的内容不影响，
|
||||||
|
* 而不用跳转到编辑页面，因为当页面中的分块很多的时候，跳转到编辑页面
|
||||||
|
* 难以定位到想要编辑的那一个内容块。在鼠标划过内容块的时候，这个内容块
|
||||||
|
* 右侧出现一个编辑按钮，点击后当前的内容块变成编辑框，编辑完成后，
|
||||||
|
* 点击保存，页面动态更新。」
|
||||||
|
*
|
||||||
|
* 为什么**不**复用 `update()`：
|
||||||
|
* `update()` 是"整组替换"（`writeBlocks` 先 DELETE 再 INSERT）——
|
||||||
|
* 那会**换掉每个块的 id**，前端拿着的 `data-block` 立刻失效，
|
||||||
|
* 而且并发下"他改第 2 段、我改第 3 段"会互相覆盖。
|
||||||
|
* 这里按**主键**改一行，其它块一个字都不动 —— 正是用户要的"其他内容不影响"。
|
||||||
|
*
|
||||||
|
* ⚠️ 权限与 `update()` 同一把尺：先 `find()`（带家庭 + 可见性校验）再 `canWrite()`。
|
||||||
|
* **不能**只看 `person_id = 我` —— 共享给"可写"的人也该能分段改，
|
||||||
|
* 与整条编辑的权限保持一致（否则同一件事两个入口两种结果）。
|
||||||
|
*
|
||||||
|
* @return array|null 成功返回更新后的块（含 html，供前端就地换内容）；失败 null
|
||||||
|
*/
|
||||||
|
public static function updateBlock(int $familyId, int $noteId, int $blockId,
|
||||||
|
int $personId, string $kind, string $content): ?array
|
||||||
|
{
|
||||||
|
$note = self::find($familyId, $noteId, $personId);
|
||||||
|
if (!$note || !self::canWrite($note, $personId)) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
// 归一：与 cleanBlocks 同一条路（list → Markdown、图片 key 去空白、文本去首尾换行）
|
||||||
|
$clean = self::cleanBlocks([['kind' => $kind, 'content' => $content]]);
|
||||||
|
if (!$clean) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
$b = $clean[0];
|
||||||
|
$db = Database::get();
|
||||||
|
// ⚠️ `AND note_id = ?` 不能省：块 id 是全局自增的，少了它就能改**别人笔记**里的块
|
||||||
|
$st = $db->prepare(
|
||||||
|
'UPDATE note_blocks SET kind = ?, content = ? WHERE id = ? AND note_id = ?'
|
||||||
|
);
|
||||||
|
$st->execute([$b['kind'], $b['content'], $blockId, $noteId]);
|
||||||
|
if ($st->rowCount() === 0) {
|
||||||
|
// 没这一行（或内容一字未改 —— MySQL 的 rowCount 在"值相同"时也是 0，
|
||||||
|
// 所以这里不当作错误，照常把当前值查回去给前端）
|
||||||
|
$chk = $db->prepare('SELECT id FROM note_blocks WHERE id = ? AND note_id = ?');
|
||||||
|
$chk->execute([$blockId, $noteId]);
|
||||||
|
if (!$chk->fetchColumn()) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// 笔记的 updated_at 要跟着动（列表按它倒序，改了一段却不刷新时间会让人以为没改成）
|
||||||
|
$db->prepare('UPDATE notes SET updated_at = NOW() WHERE id = ?')->execute([$noteId]);
|
||||||
|
// 图片块：把本次上传的草稿认领过来（与整条保存同一套，见 claimUploads）
|
||||||
|
self::claimUploads($familyId, $noteId, $clean);
|
||||||
|
return [
|
||||||
|
'id' => $blockId,
|
||||||
|
'kind' => $b['kind'],
|
||||||
|
'content' => $b['content'],
|
||||||
|
'html' => self::blockHtml($b['kind'], $b['content']),
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 一条笔记的**文字摘要**（列表卡片上露个开头，不必渲染全部块）。
|
* 一条笔记的**文字摘要**（列表卡片上露个开头，不必渲染全部块）。
|
||||||
* 图片块显示成 `[图片]`，清单块显示成 `· 首项`。
|
* 图片块显示成 `[图片]`，清单块显示成 `· 首项`。
|
||||||
|
|||||||
@@ -154,6 +154,75 @@ final class Person
|
|||||||
return $row ?: null;
|
return $row ?: null;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 🔴 v52（用户 2026-10-15 第 5 条）：按**姓名 / 手机号 / 身份证号**找一找
|
||||||
|
* "这个人家里是不是已经有了"。
|
||||||
|
*
|
||||||
|
* 用户原话：「名册功能，**从已有家里人中挑选这个按钮删除**，改为：当其他的用户新增名册中的
|
||||||
|
* 人员时，当输入的信息，例如**姓名、手机号、身份证号**，和名册中已有人员匹配时，
|
||||||
|
* 提示他**是不是这个人**，如果是，直接让他添加到自己的名册中即可。
|
||||||
|
* 而用户**导入数据**时，也是一样的，如果名册中有这个人，就不用再新增了，
|
||||||
|
* 而是根据名字、手机号等信息自动匹配后添加到这个用户的名册中。」
|
||||||
|
*
|
||||||
|
* ⚠️ 这是"判重"而不是"登录找人"，所以：
|
||||||
|
* · 范围是**整个家庭**（`family_id`），不是"我的名册"—— 别人先录的也该能认出来；
|
||||||
|
* · **排除我自己在册的那个 id**（改资料时别把自己匹配上，见调用点传 `$exceptId`）。
|
||||||
|
* ⚠️ 手机号与身份证号都是**加密存**的：
|
||||||
|
* · 手机号有 `phone_hash`（确定性哈希）→ 可以一条 SQL 精确命中，**优先走它**；
|
||||||
|
* · 身份证号**没有**哈希列 → 只能把整表拉出来逐行解密比对。
|
||||||
|
* 家庭名册是百人量级，一次全解密可接受（这与 v51 那次手机号归一迁移同一量级）。
|
||||||
|
*
|
||||||
|
* @return array 命中的那条 person 行（附 `_match` = 命中原因），没命中返回 []
|
||||||
|
*/
|
||||||
|
public static function matchExisting(int $familyId, array $d, int $exceptId = 0): array
|
||||||
|
{
|
||||||
|
$name = trim((string)($d['name'] ?? ''));
|
||||||
|
$phone = self::normPhone($d['phone'] ?? '');
|
||||||
|
$idCard = trim((string)($d['id_card'] ?? ''));
|
||||||
|
if ($name === '' && $phone === '' && $idCard === '') {
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
|
||||||
|
// ① 手机号优先：有确定性哈希，一条 SQL 就能精确命中（最可靠，不会重名误判）
|
||||||
|
if ($phone !== '') {
|
||||||
|
$st = Database::get()->prepare(
|
||||||
|
'SELECT * FROM persons WHERE family_id = ? AND phone_hash = ? AND id <> ? LIMIT 1'
|
||||||
|
);
|
||||||
|
$st->execute([$familyId, Crypto::hash($phone), $exceptId]);
|
||||||
|
$row = $st->fetch();
|
||||||
|
if ($row) {
|
||||||
|
return $row + ['_match' => 'phone'];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ② 身份证号 / 姓名：拉一次全家的行，在 PHP 里比（身份证要解密才能比）
|
||||||
|
$st = Database::get()->prepare(
|
||||||
|
'SELECT * FROM persons WHERE family_id = ? AND id <> ? AND kind = ?'
|
||||||
|
);
|
||||||
|
$st->execute([$familyId, $exceptId, 'member']);
|
||||||
|
$lower = function (string $s): string {
|
||||||
|
return mb_strtolower(trim($s), 'UTF-8');
|
||||||
|
};
|
||||||
|
$nameHit = [];
|
||||||
|
foreach ($st->fetchAll() as $row) {
|
||||||
|
if ($idCard !== '') {
|
||||||
|
$ic = Crypto::decrypt((string)($row['id_card_encrypted'] ?? ''));
|
||||||
|
if ($ic !== '' && $ic === $idCard) {
|
||||||
|
return $row + ['_match' => 'id_card'];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// ⚠️ 姓名命中先**记下**、不立刻返回：同名的人真的存在（"张伟"），
|
||||||
|
// 先看完有没有身份证/手机号这种**精确**命中，再退到姓名。
|
||||||
|
if ($name !== '' && $lower((string)$row['name']) === $lower($name)) {
|
||||||
|
$nameHit = $row;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if ($nameHit) {
|
||||||
|
return $nameHit + ['_match' => 'name'];
|
||||||
|
}
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 新增。手机号是敏感字段，进来就加密 + 哈希；三个生日由 Birthday 规范化。
|
* 新增。手机号是敏感字段，进来就加密 + 哈希；三个生日由 Birthday 规范化。
|
||||||
* @return int 新 id
|
* @return int 新 id
|
||||||
|
|||||||
@@ -132,6 +132,24 @@ final class PersonRoster
|
|||||||
return array_keys(self::mine($familyId, $ownerId));
|
return array_keys(self::mine($familyId, $ownerId));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 这个人在不在**我的**名册里（v52 新增）。
|
||||||
|
*
|
||||||
|
* ⚠️ 为什么另起一个方法而不是让调用方写 `in_array($pid, visibleIds(...), true)`：
|
||||||
|
* 本项目在 v50 栽过一次「同名方法不同返回形状」——
|
||||||
|
* `visibleIds()` 返回的是**值列表**（id 列表），不是 id=>值 的集合，
|
||||||
|
* 调用方很容易顺手写成 `isset($ids[$pid])`（那会静默判错，见 pitfalls.md）。
|
||||||
|
* `has()` 的返回值只有 true/false 一种形状，名字也不与别处撞 ——
|
||||||
|
* "问在不在"就用它，别再去碰 `visibleIds` 的形状。
|
||||||
|
*/
|
||||||
|
public static function has(int $familyId, int $ownerId, int $personId): bool
|
||||||
|
{
|
||||||
|
if ($personId <= 0) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
return in_array($personId, self::visibleIds($familyId, $ownerId), true);
|
||||||
|
}
|
||||||
|
|
||||||
public static function countFor(int $familyId, int $ownerId): int
|
public static function countFor(int $familyId, int $ownerId): int
|
||||||
{
|
{
|
||||||
$st = Database::get()->prepare(
|
$st = Database::get()->prepare(
|
||||||
|
|||||||
@@ -4765,6 +4765,18 @@ button.btn, a.btn, summary.btn, .seg-btn, .icon-btn, .rv-act-btn, .cs-btn, .bf-b
|
|||||||
.nb-btn:hover { border-color: var(--brand-2); color: var(--brand-ink); }
|
.nb-btn:hover { border-color: var(--brand-2); color: var(--brand-ink); }
|
||||||
.nb-del:hover { border-color: var(--red); color: var(--red); }
|
.nb-del:hover { border-color: var(--red); color: var(--red); }
|
||||||
.note-block-body { flex: 1 1 auto; min-width: 0; }
|
.note-block-body { flex: 1 1 auto; min-width: 0; }
|
||||||
|
/* 🔴 v52（用户第 3 条）：块**下方**的「＋段落 / ＋图片」。
|
||||||
|
放在每段输入框的下方，写到哪一段就在哪儿加，不用划回顶部。
|
||||||
|
⚠️ 克制视觉：它是"随手加"的快捷入口，不该抢正文的注意力 ——
|
||||||
|
小字、灰色、平时半透明，鼠标进到这一块才变清晰。 */
|
||||||
|
.note-block-add { display: flex; gap: 6px; margin-top: 6px; }
|
||||||
|
.nb-add {
|
||||||
|
padding: 3px 10px; font-size: 12.5px; line-height: 1.5; cursor: pointer;
|
||||||
|
border: 1px dashed var(--line); border-radius: 999px; background: transparent;
|
||||||
|
color: var(--muted);
|
||||||
|
}
|
||||||
|
.note-block:hover .nb-add, .note-block:focus-within .nb-add { color: var(--brand-ink); }
|
||||||
|
.nb-add:hover { border-color: var(--brand-2); border-style: solid; background: #fff; }
|
||||||
.note-block-ta { width: 100%; resize: vertical; font-size: 14.5px; line-height: 1.7; }
|
.note-block-ta { width: 100%; resize: vertical; font-size: 14.5px; line-height: 1.7; }
|
||||||
.note-block-img {
|
.note-block-img {
|
||||||
max-width: 100%; max-height: 320px; border-radius: var(--radius-s);
|
max-width: 100%; max-height: 320px; border-radius: var(--radius-s);
|
||||||
@@ -5151,6 +5163,29 @@ h5.md-h, h6.md-h { font-size: 14px; }
|
|||||||
.note-read-title { margin: 0 0 6px; font-size: 22px; font-weight: 600; color: var(--ink); }
|
.note-read-title { margin: 0 0 6px; font-size: 22px; font-weight: 600; color: var(--ink); }
|
||||||
.note-read-tags { margin: 0 0 14px; }
|
.note-read-tags { margin: 0 0 14px; }
|
||||||
.note-read-body { display: flex; flex-direction: column; gap: 14px; }
|
.note-read-body { display: flex; flex-direction: column; gap: 14px; }
|
||||||
|
/* 🔴 v52（用户第 4 条）：详情页的**分段编辑** —— 每一块外面包的这个容器。
|
||||||
|
⚠️ `position: relative` 是必须的：那个"鼠标划过才出来的编辑按钮"按它绝对定位到右上角。
|
||||||
|
⚠️ 不能给它背景色：它不是一张卡，只是"一块内容的边界框"，加底色会让正文看起来像被框住。 */
|
||||||
|
.note-read-item { position: relative; }
|
||||||
|
.note-read-item.is-editing { padding: 0; }
|
||||||
|
/* 编辑按钮：平时不可见（但**不能用 display:none** —— 那样焦点/无障碍都拿不到它），
|
||||||
|
用 opacity + pointer-events 收起；鼠标进这一块、或键盘 Tab 到它，就浮出来。 */
|
||||||
|
.note-item-edit {
|
||||||
|
position: absolute; top: 2px; right: 2px;
|
||||||
|
padding: 2px 10px; font-size: 12.5px; line-height: 1.6;
|
||||||
|
border: 1px solid var(--line); border-radius: 999px;
|
||||||
|
background: #fff; color: var(--muted); cursor: pointer;
|
||||||
|
opacity: 0; pointer-events: none; transition: opacity .12s;
|
||||||
|
}
|
||||||
|
.note-read-item:hover .note-item-edit,
|
||||||
|
.note-read-item:focus-within .note-item-edit { opacity: 1; pointer-events: auto; }
|
||||||
|
.note-item-edit:hover { border-color: var(--brand-2); color: var(--brand-ink); }
|
||||||
|
.note-read-item.is-editing .note-item-edit { display: none; }
|
||||||
|
/* 就地编辑框：与正文同宽、留出"我在改"的视觉边界 */
|
||||||
|
.note-item-editor { display: flex; flex-direction: column; gap: 8px; }
|
||||||
|
.note-item-ta { width: 100%; resize: vertical; font-size: 15px; line-height: 1.8; }
|
||||||
|
.note-item-ops { display: flex; align-items: center; gap: 8px; }
|
||||||
|
.note-item-hint { margin: 0; font-size: 13px; color: var(--muted); }
|
||||||
.note-read-block { font-size: 15px; line-height: 1.8; color: var(--ink); }
|
.note-read-block { font-size: 15px; line-height: 1.8; color: var(--ink); }
|
||||||
/* 图片：默认满宽，可调（内联 style 给百分比）；圆角与卡片一致 */
|
/* 图片：默认满宽，可调（内联 style 给百分比）；圆角与卡片一致 */
|
||||||
.note-read-fig { margin: 0; }
|
.note-read-fig { margin: 0; }
|
||||||
@@ -5843,3 +5878,63 @@ h5.md-h, h6.md-h { font-size: 14px; }
|
|||||||
@media (max-width: 640px) {
|
@media (max-width: 640px) {
|
||||||
.fb-entry-panel, .fb-entry-panel.is-wide { width: 100%; }
|
.fb-entry-panel, .fb-entry-panel.is-wide { width: 100%; }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
v52（用户 2026-10-15 第 5 条）：「是不是这个人？」确认条
|
||||||
|
------------------------------------------------------------
|
||||||
|
新增成员时若按 姓名/手机号/身份证号 在家里找到匹配的人，表单页顶部出现这一条。
|
||||||
|
⚠️ 它**在这张表单里面**（不是单独一页）—— 见 templates/people/form.php 的长注释：
|
||||||
|
单独一页得把整张表（含数组字段）原样回传，漏一类就静默丢数据。
|
||||||
|
⚠️ 视觉上要"明显但不像出错"：它是个**问句**，不是错误 —— 所以用品牌淡底 + 左侧竖条，
|
||||||
|
而不是红色告警（红色会让人以为"提交失败了"）。
|
||||||
|
============================================================ */
|
||||||
|
.person-confirm {
|
||||||
|
border-left: 3px solid var(--brand-2);
|
||||||
|
background: var(--brand-soft, #F3F7F7);
|
||||||
|
}
|
||||||
|
.person-hit {
|
||||||
|
display: flex; align-items: center; gap: 14px;
|
||||||
|
background: var(--surface); border: 1px solid var(--line);
|
||||||
|
border-radius: var(--radius-s); padding: 12px 14px;
|
||||||
|
}
|
||||||
|
.person-hit-av { flex: 0 0 auto; }
|
||||||
|
.person-hit-av img,
|
||||||
|
.person-hit-av .avatar-fallback {
|
||||||
|
width: 52px; height: 52px; border-radius: 12px; display: block;
|
||||||
|
object-fit: cover; background: var(--line-2);
|
||||||
|
}
|
||||||
|
.person-hit-av .avatar-fallback {
|
||||||
|
display: flex; align-items: center; justify-content: center;
|
||||||
|
font-size: 22px; color: var(--muted);
|
||||||
|
}
|
||||||
|
.person-hit-info { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
|
||||||
|
.person-hit-ops { flex: 0 0 auto; }
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
v52（用户 2026-10-15 第 7 条）：模块设置的**整合表**
|
||||||
|
------------------------------------------------------------
|
||||||
|
一行一个模块，四列 = 顺序 / 模块 / 导航 / 首页 / 颜色。
|
||||||
|
⚠️ 原来那是三张卡（首页模块 / 导航模块 / 主题色），同一串模块名出现两遍。
|
||||||
|
合成一张表后用户一次就能改完 —— 表格是这种"多列同构"最自然的形态。
|
||||||
|
⚠️ `min-width` + 外层 `overflow-x:auto`：窄屏（375px）五列放不下时
|
||||||
|
表格能横向滚动，而不是把页面撑破（本项目在名册上栽过溢出）。
|
||||||
|
============================================================ */
|
||||||
|
.mod-table-wrap { overflow-x: auto; }
|
||||||
|
.mod-table { width: 100%; border-collapse: collapse; min-width: 560px; }
|
||||||
|
.mod-table th, .mod-table td {
|
||||||
|
padding: 8px 10px; text-align: left; border-bottom: 1px solid var(--line-2);
|
||||||
|
font-size: 14px; vertical-align: middle;
|
||||||
|
}
|
||||||
|
.mod-table th { font-size: 12px; color: var(--muted); font-weight: 600; }
|
||||||
|
.mod-table .mod-th-on, .mod-table .mod-td-on { width: 62px; text-align: center; }
|
||||||
|
.mod-table .mod-th-color, .mod-table .mod-td-color { width: 72px; text-align: center; }
|
||||||
|
.mod-table .mod-th-order, .mod-table .mod-td-order { width: 108px; }
|
||||||
|
.mod-table .mod-td-order { white-space: nowrap; }
|
||||||
|
.mod-table .mod-td-name { display: flex; align-items: center; gap: 8px; border-bottom: 0; }
|
||||||
|
.mod-chk { display: inline-flex; cursor: pointer; }
|
||||||
|
.mod-chk input { accent-color: var(--brand); width: 16px; height: 16px; }
|
||||||
|
.mod-move { display: inline-flex; gap: 2px; margin-left: 4px; }
|
||||||
|
.mod-color-ro { width: 22px; height: 22px; border-radius: 5px; display: inline-block; }
|
||||||
|
.mod-table .mod-row.is-dragged { opacity: .5; }
|
||||||
|
.mod-table .mod-row.is-drop-before td { border-top: 2px solid var(--brand-2); }
|
||||||
|
.mod-table .color-picker { width: 34px; height: 24px; padding: 0; border: 1px solid var(--line); border-radius: 5px; background: #fff; cursor: pointer; }
|
||||||
|
|||||||
@@ -172,6 +172,28 @@
|
|||||||
body.appendChild(pv);
|
body.appendChild(pv);
|
||||||
}
|
}
|
||||||
wrap.appendChild(body);
|
wrap.appendChild(body);
|
||||||
|
|
||||||
|
/* 🔴🔴 v52（用户 2026-10-15 第 3 条）：「在编辑笔记的时候，或者在新增笔记的时候，
|
||||||
|
…加段落和加图片应该是在**输入框的下面**。否则的话，如果都在上面的话，
|
||||||
|
我一段一段的往下写，每次要增加一个段落或者增加一个图片，我都要划上去增加一个段落，
|
||||||
|
再划下来……所以它应该是在正文这个框的**下面**，每增加一段，就应该在这个段落的下面
|
||||||
|
出现加段落和加图片。上面和下（的按钮）都保留，下面再增加一个加段落和加图片的按钮。
|
||||||
|
就是它在随着这个输入框中的增多，一直往下走。」
|
||||||
|
|
||||||
|
⇒ 每一块的**下方**再放一排「＋段落 / ＋图片」，点了就**插在这一块后面**
|
||||||
|
（`addBlock(kind, '', wrap)` 的 afterEl 语义正是"插在它后面"）。
|
||||||
|
⚠️ 挂在 **`body` 里**（不是挂 `wrap`）：`.note-block` 是 `display:flex` 的横排
|
||||||
|
（左边操作列 + 右边正文），挂到 `wrap` 上会变成横排的第三列（跑到输入框右边），
|
||||||
|
而不是"在输入框下面"。挂进 `body` 才是真的在输入框下方。
|
||||||
|
⚠️ 顶部的 `.note-add` **保留不动** —— 用户明确说"上面和下面都保留"。
|
||||||
|
⚠️ 用 `data-add-below` 标记（不是 `data-add`）：顶部那组是"追加到末尾"，
|
||||||
|
这一组是"插在本块后面"，语义不同，共用标记会互相抢绑定。 */
|
||||||
|
var foot = document.createElement('div');
|
||||||
|
foot.className = 'note-block-add';
|
||||||
|
foot.innerHTML =
|
||||||
|
'<button type="button" class="nb-add" data-add-below="text" title="在这段下面加一段">＋ 段落</button>' +
|
||||||
|
'<button type="button" class="nb-add" data-add-below="image" title="在这段下面加一张图">＋ 图片</button>';
|
||||||
|
body.appendChild(foot);
|
||||||
return wrap;
|
return wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -274,6 +296,23 @@
|
|||||||
|
|
||||||
// 事件委托：统一处理块上的所有按钮
|
// 事件委托：统一处理块上的所有按钮
|
||||||
list.addEventListener('click', function (e) {
|
list.addEventListener('click', function (e) {
|
||||||
|
/* 🔴 v52（用户第 3 条）：**块内下方**的「＋段落 / ＋图片」也走这个委托。
|
||||||
|
⚠️ 必须放前面判（它不带 `data-op`），否则会被下面那行 `[data-op]` 的
|
||||||
|
`closest` 直接漏掉 —— 按钮点了没反应，而且看起来"按钮明明在"。 */
|
||||||
|
var addBelow = e.target.closest ? e.target.closest('[data-add-below]') : null;
|
||||||
|
if (addBelow && list.contains(addBelow)) {
|
||||||
|
var thisBlock = addBelow.closest('.note-block');
|
||||||
|
if (!thisBlock) { return; }
|
||||||
|
var k2 = addBelow.getAttribute('data-add-below');
|
||||||
|
// 「插在这一块**后面**」—— addBlock 的 afterEl 语义正是如此
|
||||||
|
var el2 = addBlock(k2, '', thisBlock);
|
||||||
|
if (k2 === 'image') {
|
||||||
|
pendingBlock = el2;
|
||||||
|
fileIn.click();
|
||||||
|
}
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
var btn = e.target.closest ? e.target.closest('[data-op]') : null;
|
var btn = e.target.closest ? e.target.closest('[data-op]') : null;
|
||||||
if (!btn || !list.contains(btn)) { return; }
|
if (!btn || !list.contains(btn)) { return; }
|
||||||
var op = btn.getAttribute('data-op');
|
var op = btn.getAttribute('data-op');
|
||||||
|
|||||||
@@ -0,0 +1,215 @@
|
|||||||
|
/**
|
||||||
|
* 笔记详情页的**分段编辑**（v52 用户 2026-10-15 第 4 条）
|
||||||
|
* ============================================================
|
||||||
|
* 用户原话：「笔记这个功能模块，在详情页面，应该具备分段编辑功能，就是说，我在一个笔记页面，
|
||||||
|
* 可以对其中一个段落单独编辑，其他的内容不影响，而不用跳转到编辑页面，因为当页面中的
|
||||||
|
* 分块很多的时候，跳转到编辑页面难以定位到想要编辑的那一个内容块，在鼠标划过内容块的时候，
|
||||||
|
* 这个内容块右侧出现一个编辑按钮，点击后当前的内容块变成编辑框，编辑完成后，
|
||||||
|
* 点击保存，页面动态更新。」
|
||||||
|
*
|
||||||
|
* 做法：
|
||||||
|
* · 模板给每一块包 `.note-read-item[data-block][data-kind][data-raw]`；
|
||||||
|
* · 鼠标划过 → CSS 让右上角的「编辑」出现；
|
||||||
|
* · 点编辑 → 这一块**就地**换成 textarea（段落）或 换图提示（图片），
|
||||||
|
* 旁边的「保存 / 取消」是就地长出来的；
|
||||||
|
* · 保存 → POST `notes/block`（**按块主键改一行**）→ 拿回 {html} → 只替换这一块的渲染。
|
||||||
|
*
|
||||||
|
* ⚠️ 为什么必须"按块主键改一行"而不是复用整条保存：
|
||||||
|
* 整条保存是"整组替换"（先删光再插），会**换掉每个块的 id** ——
|
||||||
|
* 前端手里那个 `data-block` 当场失效；更糟的是两个人同时改不同段落会互相覆盖。
|
||||||
|
* 按主键改就没有这些问题（用户要的正是"其他内容不影响"）。
|
||||||
|
*
|
||||||
|
* ⚠️ 与 `note_editor.js` 的分工：那个是**编辑页**的分块编辑器（整条保存），
|
||||||
|
* 这个只在**阅读态**跑。两者共用的是"渲染出的样子"（都由服务端 blockHtml 出），
|
||||||
|
* 但**不共用**任何绑定逻辑 —— 阅读页根本不加载 note_editor.js（见 layout.php 的按需加载）。
|
||||||
|
*/
|
||||||
|
(function () {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
var body = document.querySelector('.note-read-body[data-note-id]');
|
||||||
|
if (!body) { return; }
|
||||||
|
var noteId = parseInt(body.getAttribute('data-note-id') || '0', 10) || 0;
|
||||||
|
if (!noteId) { return; }
|
||||||
|
|
||||||
|
var csrf = (function () {
|
||||||
|
var i = document.querySelector('input[name="_csrf"]');
|
||||||
|
return i ? i.value : '';
|
||||||
|
})();
|
||||||
|
|
||||||
|
/** 当前正在编辑的那一块（同时只允许一块进编辑态 —— 多了用户自己也乱） */
|
||||||
|
var editing = null;
|
||||||
|
|
||||||
|
function esc(s) {
|
||||||
|
return String(s == null ? '' : s);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------------- 进入编辑态 ---------------- */
|
||||||
|
function startEdit(item) {
|
||||||
|
if (editing === item) { return; }
|
||||||
|
if (editing) { cancelEdit(editing); }
|
||||||
|
|
||||||
|
var kind = item.getAttribute('data-kind') || 'text';
|
||||||
|
var raw = esc(item.getAttribute('data-raw'));
|
||||||
|
var blockId = item.getAttribute('data-block');
|
||||||
|
|
||||||
|
// 把原内容收起来，编辑完取消时要能还原
|
||||||
|
item.setAttribute('data-saved-html', item.innerHTML);
|
||||||
|
|
||||||
|
var box = document.createElement('div');
|
||||||
|
box.className = 'note-item-editor';
|
||||||
|
|
||||||
|
if (kind === 'image') {
|
||||||
|
/* 图片块：分段编辑里**不做**"换图"（那是重传附件的事，编辑器里已有完整流程）。
|
||||||
|
这里明确告诉用户去哪儿换，别给一个点了没反应的框。 */
|
||||||
|
box.innerHTML =
|
||||||
|
'<p class="note-item-hint">图片块请用右上角的「编辑」进整页编辑器替换。</p>' +
|
||||||
|
'<div class="note-item-ops">' +
|
||||||
|
' <button type="button" class="btn btn-ghost btn-sm" data-item-cancel>关闭</button>' +
|
||||||
|
'</div>';
|
||||||
|
} else {
|
||||||
|
var ta = document.createElement('textarea');
|
||||||
|
ta.className = 'input note-item-ta';
|
||||||
|
ta.rows = Math.max(3, Math.min(20, raw.split('\n').length + 1));
|
||||||
|
ta.value = raw;
|
||||||
|
box.appendChild(ta);
|
||||||
|
var ops = document.createElement('div');
|
||||||
|
ops.className = 'note-item-ops';
|
||||||
|
ops.innerHTML =
|
||||||
|
'<button type="button" class="btn btn-sm" data-item-save>保存</button>' +
|
||||||
|
'<button type="button" class="btn btn-ghost btn-sm" data-item-cancel>取消</button>' +
|
||||||
|
'<span class="note-item-tip small muted"></span>';
|
||||||
|
box.appendChild(ops);
|
||||||
|
}
|
||||||
|
|
||||||
|
item.innerHTML = '';
|
||||||
|
item.appendChild(box);
|
||||||
|
item.classList.add('is-editing');
|
||||||
|
editing = item;
|
||||||
|
|
||||||
|
var ta2 = box.querySelector('textarea');
|
||||||
|
if (ta2) {
|
||||||
|
ta2.focus();
|
||||||
|
// 光标放到末尾（用户多半是想接着改，而不是从头重写）
|
||||||
|
try { ta2.setSelectionRange(ta2.value.length, ta2.value.length); } catch (e) {}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------------- 取消：还原成进来之前的样子 ---------------- */
|
||||||
|
function cancelEdit(item) {
|
||||||
|
var html = item.getAttribute('data-saved-html');
|
||||||
|
if (html != null) {
|
||||||
|
item.innerHTML = html;
|
||||||
|
item.removeAttribute('data-saved-html');
|
||||||
|
}
|
||||||
|
item.classList.remove('is-editing');
|
||||||
|
if (editing === item) { editing = null; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------------- 保存：只提交这一块 ---------------- */
|
||||||
|
function saveEdit(item) {
|
||||||
|
var ta = item.querySelector('textarea');
|
||||||
|
var tip = item.querySelector('.note-item-tip');
|
||||||
|
if (!ta) { return; }
|
||||||
|
var blockId = item.getAttribute('data-block');
|
||||||
|
var kind = item.getAttribute('data-kind') || 'text';
|
||||||
|
var val = ta.value;
|
||||||
|
|
||||||
|
// 原样没动 → 直接退出编辑态（省一次请求，也不让"保存"按钮假忙一场）
|
||||||
|
if (val === esc(item.getAttribute('data-raw'))) {
|
||||||
|
cancelEdit(item);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var fd = new FormData();
|
||||||
|
fd.append('_csrf', csrf);
|
||||||
|
fd.append('note_id', String(noteId));
|
||||||
|
fd.append('block_id', String(blockId));
|
||||||
|
fd.append('kind', kind);
|
||||||
|
fd.append('content', val);
|
||||||
|
|
||||||
|
if (tip) { tip.textContent = '保存中…'; }
|
||||||
|
var btn = item.querySelector('[data-item-save]');
|
||||||
|
if (btn) { btn.disabled = true; }
|
||||||
|
|
||||||
|
fetch('index.php?r=notes/block', {
|
||||||
|
method: 'POST', body: fd, credentials: 'same-origin',
|
||||||
|
headers: { 'X-Requested-With': 'XMLHttpRequest' }
|
||||||
|
}).then(function (r) { return r.json().catch(function () { return null; }); })
|
||||||
|
.then(function (d) {
|
||||||
|
if (!d || !d.ok || !d.block) {
|
||||||
|
if (tip) { tip.textContent = (d && d.msg) ? d.msg : '没保存上，再试一次。'; }
|
||||||
|
if (btn) { btn.disabled = false; }
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
/* 成功：把这一块换成服务端渲染好的内容（**含那块「编辑」按钮** ——
|
||||||
|
保存后要能接着再改，别让它消失）。
|
||||||
|
⚠️ 不能直接写 d.block.html 了事：图片/段落的**外壳**（.note-read-item /
|
||||||
|
.note-read-block）也要一起还原，否则 `data-raw` 还是旧值、
|
||||||
|
再点编辑会看到旧内容。 */
|
||||||
|
var rawNew = esc(d.block.content);
|
||||||
|
item.setAttribute('data-raw', rawNew);
|
||||||
|
item.removeAttribute('data-saved-html');
|
||||||
|
item.classList.remove('is-editing');
|
||||||
|
|
||||||
|
var inner = '';
|
||||||
|
if (d.block.kind === 'image') {
|
||||||
|
// 图片块的 html 恒为空（见 Note::blockHtml），这里保留原来的 <figure>
|
||||||
|
inner = '<p class="note-item-hint">（图片块）</p>';
|
||||||
|
} else {
|
||||||
|
inner = '<div class="note-read-block md-body">' + esc(d.block.html) + '</div>';
|
||||||
|
}
|
||||||
|
item.innerHTML = inner + editButtonHtml(blockId);
|
||||||
|
if (editing === item) { editing = null; }
|
||||||
|
})
|
||||||
|
.catch(function () {
|
||||||
|
if (tip) { tip.textContent = '网络出错，没保存上。'; }
|
||||||
|
if (btn) { btn.disabled = false; }
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function editButtonHtml(blockId) {
|
||||||
|
return '<button type="button" class="note-item-edit" data-item-edit="' + esc(blockId) +
|
||||||
|
'" title="只改这一段">编辑</button>';
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------------- 事件委托 ---------------- */
|
||||||
|
body.addEventListener('click', function (e) {
|
||||||
|
var t = e.target;
|
||||||
|
if (!t || !t.closest) { return; }
|
||||||
|
|
||||||
|
var editBtn = t.closest('[data-item-edit]');
|
||||||
|
if (editBtn) {
|
||||||
|
var item = editBtn.closest('.note-read-item');
|
||||||
|
if (item) { startEdit(item); }
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (t.closest('[data-item-save]')) {
|
||||||
|
var it2 = t.closest('.note-read-item');
|
||||||
|
if (it2) { saveEdit(it2); }
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (t.closest('[data-item-cancel]')) {
|
||||||
|
var it3 = t.closest('.note-read-item');
|
||||||
|
if (it3) { cancelEdit(it3); }
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
/* 点在这一块**外面** → 收掉编辑态（点了别处通常就是"算了"）。
|
||||||
|
点在自己那一块里不动作，否则写一半点到正文就没了。 */
|
||||||
|
if (editing && !t.closest('.note-read-item')) {
|
||||||
|
cancelEdit(editing);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Esc = 取消（与站内其它浮层同一手感）
|
||||||
|
document.addEventListener('keydown', function (e) {
|
||||||
|
if (e.key === 'Escape' && editing) { cancelEdit(editing); }
|
||||||
|
});
|
||||||
|
|
||||||
|
/* Ctrl/Cmd + Enter = 保存（写长段落时手不用离开键盘） */
|
||||||
|
body.addEventListener('keydown', function (e) {
|
||||||
|
if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') {
|
||||||
|
var it = e.target && e.target.closest ? e.target.closest('.note-read-item') : null;
|
||||||
|
if (it) { e.preventDefault(); saveEdit(it); }
|
||||||
|
}
|
||||||
|
});
|
||||||
|
})();
|
||||||
@@ -1375,6 +1375,30 @@ switch ($r) {
|
|||||||
], 'people');
|
], 'people');
|
||||||
break;
|
break;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 名册设置（v52 用户 2026-10-15 第 6 条）：设置下拉里「名册分组」的目标页。
|
||||||
|
*
|
||||||
|
* 内容 = 从个人设置**整块搬**过来的「我的分组」（见 templates/_person_groups.php）。
|
||||||
|
* ⚠️ 保存仍走既有的 `settings/groups/*` 路由（一个字段没改）——
|
||||||
|
* 分组是"我的分组"，与它挂在哪一页无关；换路由只会多一处要维护的东西。
|
||||||
|
*/
|
||||||
|
case 'people/settings':
|
||||||
|
Auth::requireLogin();
|
||||||
|
$familyId = (int)Auth::familyId();
|
||||||
|
$me = (int)Auth::personId();
|
||||||
|
if (!Auth::canWrite()) {
|
||||||
|
flash('err', '你的身份是访客，不能改分组。');
|
||||||
|
redirect('people');
|
||||||
|
}
|
||||||
|
$gs = PersonGroup::orderFor($familyId, $me);
|
||||||
|
View::render('people/settings', [
|
||||||
|
'title' => '名册设置',
|
||||||
|
'groups' => $gs,
|
||||||
|
'groupCounts' => PersonGroup::counts($familyId, $me),
|
||||||
|
'rosterCount' => count(Person::roster($familyId, $me, 'member', '')),
|
||||||
|
], 'people');
|
||||||
|
break;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 把一张名片分享到别人的名册里（需求原话：「我可以把一个人的名片，分享给一个用户，
|
* 把一张名片分享到别人的名册里（需求原话：「我可以把一个人的名片，分享给一个用户，
|
||||||
* 则这个名片，自动出现在这个用户的名册中」）。
|
* 则这个名片，自动出现在这个用户的名册中」）。
|
||||||
@@ -1688,6 +1712,76 @@ switch ($r) {
|
|||||||
redirect('settings/me', [], 'modules');
|
redirect('settings/me', [], 'modules');
|
||||||
break;
|
break;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 🔴 v52（用户 2026-10-15 第 7 条）：**一站式保存模块设置**。
|
||||||
|
*
|
||||||
|
* 用户原话：「个人设置里面，模块相关的设置太多了，应该**整合**，先列出来所有模块，
|
||||||
|
* 中间有一列，让他勾选是否在导航显示，再给他一列，让他选择是否在首页显示，
|
||||||
|
* 再给他一列，让他选择颜色，最后给他一列，让他**调整顺序**，
|
||||||
|
* 这样就把几个设置，整合到一起了，更加简洁。」
|
||||||
|
*
|
||||||
|
* ⇒ 原来那是**三张卡三个表单**（导航条勾选+排序 / 首页勾选+排序 / 主题色），
|
||||||
|
* 内容高度重叠（同一串模块名出现两遍，颜色又另起一张），用户看得累、改起来要点三次保存。
|
||||||
|
* 现在合成**一张表**：一行一个模块，四列（导航 / 首页 / 颜色 / 顺序），一次保存。
|
||||||
|
*
|
||||||
|
* ⚠️ 底层存储**一个都没改**（仍是 nav_modules / home_modules / module_colors 三个键）：
|
||||||
|
* 这条路由只是把三个 save 按顺序调一遍 —— 老数据天然兼容，
|
||||||
|
* 别的入口（老表单、脚本、移动端 API）照旧能写。
|
||||||
|
* ⚠️ 权限仍是分开的：导航/首页是**每人一份**，颜色是**家庭一份**（非管理员只能看）。
|
||||||
|
* 非管理员提交时**忽略颜色**那一列（不能因为"合并成一张表"就顺手给了他改配色的权力）。
|
||||||
|
*/
|
||||||
|
case 'settings/modules_save':
|
||||||
|
Auth::requireLogin();
|
||||||
|
csrf_check();
|
||||||
|
$me = (int)Auth::personId();
|
||||||
|
$familyId = (int)Auth::familyId();
|
||||||
|
|
||||||
|
// 顺序：表里每行自带 `order[]`（拖动搬的是整行，提交上来就是屏幕顺序）
|
||||||
|
$order = array_values(array_filter(
|
||||||
|
array_map('strval', (array)($_POST['order'] ?? [])),
|
||||||
|
static fn($k) => Module::exists($k)
|
||||||
|
));
|
||||||
|
// 补上没出现在表单里的模块（理论上不会，但别让它们"消失"）
|
||||||
|
foreach (Module::keys() as $k) {
|
||||||
|
if (!in_array($k, $order, true)) {
|
||||||
|
$order[] = $k;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$navOn = array_map('strval', (array)($_POST['nav'] ?? []));
|
||||||
|
$homeOn = array_map('strval', (array)($_POST['home'] ?? []));
|
||||||
|
$move = (string)($_POST['move'] ?? '');
|
||||||
|
|
||||||
|
// ▲▼ 兜底（没有 JS 时也能排序）：在当前顺序里跟邻居换一位
|
||||||
|
if ($move !== '' && strpos($move, ':') !== false) {
|
||||||
|
[$dir, $key] = explode(':', $move, 2);
|
||||||
|
$i = array_search($key, $order, true);
|
||||||
|
if ($i !== false) {
|
||||||
|
$j = $dir === 'up' ? (int)$i - 1 : (int)$i + 1;
|
||||||
|
if ($j >= 0 && $j < count($order)) {
|
||||||
|
[$order[$i], $order[$j]] = [$order[$j], $order[$i]];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 按 order 的顺序取交集 —— 顺序就是用户拖出来的顺序
|
||||||
|
$navKeys = array_values(array_filter($order, static fn($k) => in_array($k, $navOn, true)));
|
||||||
|
$homeKeys = array_values(array_filter($order, static fn($k) => in_array($k, $homeOn, true)));
|
||||||
|
if (!$navKeys) {
|
||||||
|
$navKeys = Module::DEFAULT_NAV; // 一个都不勾 = 导航条会空掉，退回默认
|
||||||
|
}
|
||||||
|
Module::saveNav($me, $navKeys);
|
||||||
|
HomeMods::save($me, $homeKeys);
|
||||||
|
|
||||||
|
// 主题色：家庭一份，只有管理员能改（非管理员提交时**静默忽略**，不报错）
|
||||||
|
if (Auth::isAdmin() && isset($_POST['c']) && is_array($_POST['c'])) {
|
||||||
|
Module::saveColors($familyId, (array)$_POST['c']);
|
||||||
|
}
|
||||||
|
|
||||||
|
flash('ok', '模块设置已保存。');
|
||||||
|
redirect('settings/me', [], 'modules');
|
||||||
|
break;
|
||||||
|
|
||||||
// ==================== 分组的顺序 ====================
|
// ==================== 分组的顺序 ====================
|
||||||
// 两套：「我自己的顺序」（只影响我看到的）与「公共分组的默认顺序」（全家兜底）。
|
// 两套：「我自己的顺序」（只影响我看到的）与「公共分组的默认顺序」（全家兜底）。
|
||||||
// 靠表单里的 scope 字段区分 —— 同一个动作，落到两个地方。
|
// 靠表单里的 scope 字段区分 —— 同一个动作，落到两个地方。
|
||||||
@@ -1878,6 +1972,68 @@ switch ($r) {
|
|||||||
$errors['contacts'] = $ctErr;
|
$errors['contacts'] = $ctErr;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 🔴🔴 v52（用户 2026-10-15 第 5 条）：**先问一句"是不是这个人"**。
|
||||||
|
用户原话：「当其他的用户新增名册中的人员时，当输入的信息，例如姓名、手机号、身份证号，
|
||||||
|
和名册中已有人员匹配时，提示他**是不是这个人**，如果是，
|
||||||
|
**直接让他添加到自己的名册中即可**。」
|
||||||
|
⇒ 校验通过后、**真的建人之前**按 姓名/手机号/身份证号 找一找家里人；
|
||||||
|
找到了就让用户确认（`confirm_existing` 带上来匹配到的 id 才真加）。
|
||||||
|
⚠️ 只在校验通过时问 —— 表还没填对就先问"是不是这个人"是本末倒置。
|
||||||
|
⚠️ 判"是不是第一次提交"用 `array_key_exists('confirm_existing')`：
|
||||||
|
没这个字段 = 第一次提交 → 出确认卡；
|
||||||
|
='1' → 用户已确认"就是这个人" ⇒ 不新建，直接加进我的名册；
|
||||||
|
='0' → 用户点了"不是，另建一个" ⇒ 照常往下新建。
|
||||||
|
⚠️ 不能光看"匹不匹配"就替用户决定 —— 同名的人真的存在（"张伟"），
|
||||||
|
系统只能**问一句**，决定权在用户。 */
|
||||||
|
if (!$errors && !array_key_exists('confirm_existing', $_POST)) {
|
||||||
|
$hit = Person::matchExisting($familyId, $d);
|
||||||
|
if ($hit) {
|
||||||
|
set_old($_POST);
|
||||||
|
/* 把「是不是这个人」做成**表单页里的一个确认条**，而不是单独一页 ——
|
||||||
|
⚠️ 关键理由：单独一页就得把用户刚填的一整张表（含工作经历/补充联系方式
|
||||||
|
这些**数组字段**）原样回传，任何一类字段漏传都会静默丢数据。
|
||||||
|
在**同一张表**里问，字段天然全在，一个都不会丢。 */
|
||||||
|
View::render('people/form', [
|
||||||
|
'title' => '添加成员',
|
||||||
|
'person' => null,
|
||||||
|
'errors' => [],
|
||||||
|
'phoneValue' => $d['phone'],
|
||||||
|
'idCardValue'=> $d['id_card'],
|
||||||
|
'canEditAll' => true,
|
||||||
|
'isSelf' => false,
|
||||||
|
'contacts' => $contacts,
|
||||||
|
'jobRows' => (array)($d['jobs'] ?? []),
|
||||||
|
'myNote' => trim((string)($_POST['my_note'] ?? '')),
|
||||||
|
'confirmHit' => $hit,
|
||||||
|
'confirmWhy' => (string)($hit['_match'] ?? 'name'),
|
||||||
|
], 'people');
|
||||||
|
exit;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// 用户确认"就是这个人" ⇒ 不新建，直接加进我的名册（正是用户要的"直接添加"）
|
||||||
|
if (array_key_exists('confirm_existing', $_POST)
|
||||||
|
&& (string)$_POST['confirm_existing'] === '1') {
|
||||||
|
$pid = (int)($_POST['existing_id'] ?? 0);
|
||||||
|
$ex = $pid > 0 ? Person::find($pid) : null;
|
||||||
|
if ($ex && (int)$ex['family_id'] === $familyId) {
|
||||||
|
$gid = (int)($_POST['group_id'] ?? 0);
|
||||||
|
$okGids = array_map('intval', array_column(
|
||||||
|
PersonGroup::orderFor($familyId, (int)Auth::personId()), 'id'));
|
||||||
|
if ($gid > 0 && !in_array($gid, $okGids, true)) {
|
||||||
|
$gid = 0;
|
||||||
|
}
|
||||||
|
$newly = PersonRoster::ensure($familyId, (int)Auth::personId(), $pid,
|
||||||
|
$gid > 0 ? $gid : null, 'self');
|
||||||
|
clear_old();
|
||||||
|
flash('ok', $newly
|
||||||
|
? '已把「' . (string)$ex['name'] . '」加进你的名册 —— 资料共用同一份，不用重录。'
|
||||||
|
: '「' . (string)$ex['name'] . '」本来就在你的名册里。');
|
||||||
|
redirect('people/show', ['id' => $pid]);
|
||||||
|
}
|
||||||
|
flash('err', '那个人不在了，重新填一次吧。');
|
||||||
|
redirect('people/new');
|
||||||
|
}
|
||||||
|
|
||||||
// ⚠️ 头像上传失败**不再挡住整条新增**（用户原话：「添加人员功能不能用了」——
|
// ⚠️ 头像上传失败**不再挡住整条新增**（用户原话：「添加人员功能不能用了」——
|
||||||
// 早先一张 5MB 的手机原图就把整个人挡在名册外面，看起来像功能坏了）。
|
// 早先一张 5MB 的手机原图就把整个人挡在名册外面，看起来像功能坏了）。
|
||||||
// 现在是：人先存进去，头像的事单独提示。
|
// 现在是：人先存进去，头像的事单独提示。
|
||||||
@@ -7094,8 +7250,13 @@ $want = array_keys($want);
|
|||||||
redirect('notes/form', ['id' => $id]);
|
redirect('notes/form', ['id' => $id]);
|
||||||
}
|
}
|
||||||
$editMode = $id <= 0 || $wantEdit;
|
$editMode = $id <= 0 || $wantEdit;
|
||||||
|
/* 🔴 v52（用户第 2 条）：阅读态的**浏览器标题**也用笔记自己的名字
|
||||||
|
（与页面里那个 h1 保持一致；编辑态仍是"改笔记/写笔记"）。 */
|
||||||
|
$noteHead = trim((string)($note['title'] ?? ''));
|
||||||
View::render('notes/form', [
|
View::render('notes/form', [
|
||||||
'title' => $editMode ? ($id > 0 ? '改笔记' : '写笔记') : '看笔记',
|
'title' => $editMode
|
||||||
|
? ($id > 0 ? '改笔记' : '写笔记')
|
||||||
|
: ($noteHead !== '' ? $noteHead : '看笔记'),
|
||||||
'editing' => $note,
|
'editing' => $note,
|
||||||
'editMode' => $editMode,
|
'editMode' => $editMode,
|
||||||
'perm' => $perm,
|
'perm' => $perm,
|
||||||
@@ -7324,6 +7485,35 @@ $want = array_keys($want);
|
|||||||
], JSON_UNESCAPED_UNICODE);
|
], JSON_UNESCAPED_UNICODE);
|
||||||
break;
|
break;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 🔴 v52（用户 2026-10-15 第 4 条）：**只改一个块**（详情页的分段编辑）。
|
||||||
|
*
|
||||||
|
* 与 `notes/save`（整条替换）分开是刻意的：
|
||||||
|
* · 这条按 **块主键** 改一行，别的块一个字不动 ⇒ 用户要的"其他内容不影响"；
|
||||||
|
* · 顺带避开"整组替换会换掉块 id"的问题（前端拿着的 data-block 会失效）。
|
||||||
|
* 返回 JSON（前端就地替换那一块的内容，不整页刷新）。
|
||||||
|
*/
|
||||||
|
case 'notes/block':
|
||||||
|
$familyId = (int)Auth::familyId();
|
||||||
|
$me = (int)Auth::personId();
|
||||||
|
Auth::requireWrite();
|
||||||
|
csrf_check();
|
||||||
|
// ⚠️ 前端可能用 fetch 且带 `X-Requested-With`；这里**不看**那个头 ——
|
||||||
|
// 分支只此一处用途，永远回 JSON（不像其它路由要兼顾整页提交）。
|
||||||
|
$noteId = (int)($_POST['note_id'] ?? 0);
|
||||||
|
$blockId = (int)($_POST['block_id'] ?? 0);
|
||||||
|
$kind = (string)($_POST['kind'] ?? 'text');
|
||||||
|
$content = (string)($_POST['content'] ?? '');
|
||||||
|
$row = \App\Note::updateBlock($familyId, $noteId, $blockId, $me, $kind, $content);
|
||||||
|
if ($row === null) {
|
||||||
|
http_response_code(403);
|
||||||
|
echo json_encode(['ok' => false, 'msg' => '这一块改不了（没权限，或它已经不在了）。'],
|
||||||
|
JSON_UNESCAPED_UNICODE);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
echo json_encode(['ok' => true, 'block' => $row], JSON_UNESCAPED_UNICODE);
|
||||||
|
break;
|
||||||
|
|
||||||
default:
|
default:
|
||||||
http_response_code(404);
|
http_response_code(404);
|
||||||
View::render('error', [
|
View::render('error', [
|
||||||
|
|||||||
@@ -0,0 +1,117 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* 「名册分组」管理卡片 —— 从个人设置**搬出来**的（v52 用户 2026-10-15 第 6 条）。
|
||||||
|
*
|
||||||
|
* 用户原话：「名册右侧，只保留一个添加成员按钮，右侧再加一个设置按钮，
|
||||||
|
* 点击后下拉设置，第一个就是导入联系人，第二个就是原来个人设置那里的
|
||||||
|
* **名册分组**，这样**个人设置中就不显示名册分组的内容**了。」
|
||||||
|
*
|
||||||
|
* ⇒ 同一个卡片现在挂在「名册 → 设置 → 名册分组」这一页上（`templates/people/settings.php`）。
|
||||||
|
* ⚠️ 表单 action 仍指向 `settings/groups/*`（**一个字段都没改**）——
|
||||||
|
* 分组管理是"我自己的分组"，与它挂在哪一页无关；
|
||||||
|
* 换路由只会白白多一处要维护的东西（而且老书签/脚本会失效）。
|
||||||
|
*
|
||||||
|
* 变量（require 前设好；**入参仍用宿主那边的名字**，片段内部一律 pg* 前缀，见下）：
|
||||||
|
* $groups PersonGroup::orderFor(...) 的结果（公共 + 我的）
|
||||||
|
* $groupCounts gid => 人数
|
||||||
|
* $rosterCount 我的名册人数
|
||||||
|
*/
|
||||||
|
/* ⚠️ 变量名**必须带片段前缀**（pg*）：模板片段与宿主 `require` 是**共享作用域**，
|
||||||
|
用 `$groups` 这种通名会把宿主模板的同名变量覆盖掉（本项目有静态断言专门查这个）。 */
|
||||||
|
$pgGroups = (array)($groups ?? []);
|
||||||
|
$pgCounts = (array)($groupCounts ?? []);
|
||||||
|
$pgRosterN = (int)($rosterCount ?? 0);
|
||||||
|
$pgTotal = count($pgGroups);
|
||||||
|
?>
|
||||||
|
<div class="card card-pad">
|
||||||
|
<h2 class="section-title">
|
||||||
|
名册分组
|
||||||
|
<span class="hint">公共的 + 我自己加的</span>
|
||||||
|
</h2>
|
||||||
|
<p class="small muted" style="margin:0 0 16px">
|
||||||
|
名册是按「关系分组」分栏显示的。这里有两层：
|
||||||
|
<b>公共分组</b>由管理员在「系统设置」里维护（全家都能用）；
|
||||||
|
你要是觉得不够，就在下面<b>加只给自己看的分组</b>，别人看不到、也不受影响。
|
||||||
|
<br>
|
||||||
|
列表里 <b>公共</b> 标的是大家共用的那几个。
|
||||||
|
哪一组排前面也是你自己的习惯，用 ▲ ▼ 调 —— 别人看到的顺序不变。
|
||||||
|
<br>
|
||||||
|
你的名册现在有 <b><?= $pgRosterN ?></b> 人。
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<?php if (!$pgGroups): ?>
|
||||||
|
<p class="small muted" style="margin:0 0 14px">还没有分组。加一个吧。</p>
|
||||||
|
<?php else: ?>
|
||||||
|
<ol class="order-list">
|
||||||
|
<?php foreach ($pgGroups as $i => $g): $pgGid = (int)$g['id']; $pgOwn = (int)$g['owner_id']; ?>
|
||||||
|
<li class="order-row">
|
||||||
|
<span class="order-no"><?= $i + 1 ?></span>
|
||||||
|
<span class="order-name">
|
||||||
|
<?= e((string)$g['name']) ?>
|
||||||
|
<?php if ($pgOwn === 0): ?><span class="badge">公共</span><?php else: ?><span class="badge badge-open">我的</span><?php endif; ?>
|
||||||
|
</span>
|
||||||
|
<span class="order-count"><?= (int)($pgCounts[$pgGid] ?? 0) ?> 人</span>
|
||||||
|
<form method="post" action="<?= e(url('settings/groups/move')) ?>" class="order-move">
|
||||||
|
<?= csrf_field() ?>
|
||||||
|
<input type="hidden" name="id" value="<?= $pgGid ?>">
|
||||||
|
<input type="hidden" name="scope" value="me">
|
||||||
|
<button class="btn btn-ghost btn-sm" type="submit" name="dir" value="up"
|
||||||
|
title="上移一组" <?= $i === 0 ? 'disabled' : '' ?>>▲</button>
|
||||||
|
<button class="btn btn-ghost btn-sm" type="submit" name="dir" value="down"
|
||||||
|
title="下移一组" <?= $i === $pgTotal - 1 ? 'disabled' : '' ?>>▼</button>
|
||||||
|
</form>
|
||||||
|
</li>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</ol>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<form method="post" action="<?= e(url('settings/groups/add')) ?>" class="inline-form" style="margin-top:16px">
|
||||||
|
<?= csrf_field() ?>
|
||||||
|
<input type="hidden" name="scope" value="me">
|
||||||
|
<label class="sr-only" for="newMyGroup">新分组名</label>
|
||||||
|
<input class="input" id="newMyGroup" name="name" maxlength="20" placeholder="例如：球友、老同学">
|
||||||
|
<button class="btn btn-sm" type="submit">加一个我自己的分组</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<?php
|
||||||
|
// 只有我自己建的分组才给改名 / 删除 —— 公共分组要在系统设置里改（那是管理员的事），
|
||||||
|
// 免得有人在自己设置里把"家人"改成别的、影响全家。
|
||||||
|
$pgMine = array_values(array_filter($pgGroups, fn($g) => (int)$g['owner_id'] > 0));
|
||||||
|
?>
|
||||||
|
<?php if ($pgMine): ?>
|
||||||
|
<ul class="group-manage" style="margin-top:14px">
|
||||||
|
<?php foreach ($pgMine as $g): $pgGid = (int)$g['id']; ?>
|
||||||
|
<li class="group-manage-row">
|
||||||
|
<form method="post" action="<?= e(url('settings/groups/rename')) ?>" class="group-rename">
|
||||||
|
<?= csrf_field() ?>
|
||||||
|
<input type="hidden" name="id" value="<?= $pgGid ?>">
|
||||||
|
<input type="hidden" name="scope" value="me">
|
||||||
|
<label class="sr-only" for="gname<?= $pgGid ?>">分组名</label>
|
||||||
|
<input class="input" id="gname<?= $pgGid ?>" name="name" maxlength="20"
|
||||||
|
value="<?= e((string)$g['name']) ?>">
|
||||||
|
<button class="btn btn-ghost btn-sm" type="submit">改名</button>
|
||||||
|
</form>
|
||||||
|
<span class="group-count muted small"><?= (int)($pgCounts[$pgGid] ?? 0) ?> 人</span>
|
||||||
|
<?php /* 删除做成两步（<details>），不用 JS 也能防手滑 —— 一点就没了太容易出事 */ ?>
|
||||||
|
<details class="del-wrap">
|
||||||
|
<summary class="btn btn-ghost btn-sm">删除</summary>
|
||||||
|
<form method="post" action="<?= e(url('settings/groups/delete')) ?>" class="del-confirm">
|
||||||
|
<?= csrf_field() ?>
|
||||||
|
<input type="hidden" name="id" value="<?= $pgGid ?>">
|
||||||
|
<input type="hidden" name="scope" value="me">
|
||||||
|
<span class="small muted">这组的人会变成「未分类」，确定？</span>
|
||||||
|
<button class="btn btn-ghost btn-sm danger" type="submit">确认删除</button>
|
||||||
|
</form>
|
||||||
|
</details>
|
||||||
|
</li>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</ul>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<?php if (\App\Auth::isAdmin()): ?>
|
||||||
|
<p class="small muted" style="margin:16px 0 0">
|
||||||
|
公共分组在「<a href="<?= e(url('settings')) ?>#public-groups">系统设置</a>」里维护。
|
||||||
|
</p>
|
||||||
|
<?php endif; ?>
|
||||||
|
</div>
|
||||||
|
<?php unset($pgGroups, $pgCounts, $pgRosterN, $pgTotal, $pgMine, $pgGid, $pgOwn, $g); ?>
|
||||||
@@ -378,5 +378,17 @@ window.FB_NOTIFY = {
|
|||||||
</script>
|
</script>
|
||||||
<script src="<?= e(asset('/assets/js/filter.js')) ?>"></script>
|
<script src="<?= e(asset('/assets/js/filter.js')) ?>"></script>
|
||||||
<script src="<?= e(asset('/assets/js/preview.js')) ?>"></script>
|
<script src="<?= e(asset('/assets/js/preview.js')) ?>"></script>
|
||||||
|
<?php /* 🔴 v52（用户第 4 条）：笔记**详情页**的分段编辑（就地改一段、不跳整页编辑器）。
|
||||||
|
⚠️ 只在阅读态需要它 —— 判据用 `.note-read-body[data-note-id]`（模板在阅读态才输出），
|
||||||
|
编辑页没有这个元素，因此不会白拉一份脚本。 */ ?>
|
||||||
|
<script>
|
||||||
|
(function () {
|
||||||
|
if (!document.querySelector('.note-read-body[data-note-id]')) { return; }
|
||||||
|
var s = document.createElement('script');
|
||||||
|
s.src = <?= json_encode(asset('/assets/js/note_inline.js')) ?>;
|
||||||
|
s.defer = true;
|
||||||
|
document.head.appendChild(s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -74,7 +74,20 @@ $imgParts = static function (string $c): array {
|
|||||||
};
|
};
|
||||||
?>
|
?>
|
||||||
<div class="page-head">
|
<div class="page-head">
|
||||||
<h1><?= $editMode ? ($isEditing ? '改笔记' : '写笔记') : '看笔记' ?></h1>
|
<?php
|
||||||
|
/* 🔴 v52（用户 2026-10-15 第 2 条）：「笔记这个功能模块，点进去一个笔记的详情之后，
|
||||||
|
上边的标题不是看笔记，而是**用户自己写的这个标题的名称**。」
|
||||||
|
⇒ 阅读态页头显示笔记自己的标题；没有标题时才退回「看笔记」。
|
||||||
|
⚠️ 只在阅读态这么做 —— 编辑态仍用「改笔记 / 写笔记」：
|
||||||
|
编辑时页面标题是"我在干什么"，而笔记标题就在下面第一个输入框里，
|
||||||
|
两处都写同一个名字反而看着像重复。
|
||||||
|
⚠️ 用 `$noteHeadTitle`（HTTP 里也参与 <title>，见 View::render 的 title 参数）——
|
||||||
|
由路由传进来，见 index.php 的 notes/form 分支。 */
|
||||||
|
$noteTitle = trim((string)($editing['title'] ?? ''));
|
||||||
|
$headText = (!$editMode && $isEditing && $noteTitle !== '') ? $noteTitle
|
||||||
|
: ($editMode ? ($isEditing ? '改笔记' : '写笔记') : '看笔记');
|
||||||
|
?>
|
||||||
|
<h1><?= e($headText) ?></h1>
|
||||||
<span class="sub">
|
<span class="sub">
|
||||||
<?php if ($isEditing && !$editMode): ?>
|
<?php if ($isEditing && !$editMode): ?>
|
||||||
<?= e(substr((string)$editing['updated_at'], 0, 16)) ?>
|
<?= e(substr((string)$editing['updated_at'], 0, 16)) ?>
|
||||||
@@ -116,9 +129,17 @@ $imgParts = static function (string $c): array {
|
|||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<div class="note-read-body">
|
<div class="note-read-body" data-note-id="<?= (int)($editing['id'] ?? 0) ?>">
|
||||||
<?php foreach ((array)$editing['blocks'] as $b): ?>
|
<?php foreach ((array)$editing['blocks'] as $b): ?>
|
||||||
<?php $k = (string)$b['kind']; $c = (string)$b['content']; ?>
|
<?php
|
||||||
|
$k = (string)$b['kind']; $c = (string)$b['content'];
|
||||||
|
/* 🔴 v52（用户第 4 条）：每一块包一层 `.note-read-item`，带**块主键** ——
|
||||||
|
详情页的"分段编辑"要靠它定位改哪一块（AJAX 按主键改一行）。
|
||||||
|
⚠️ 加 `data-block` 的**同时**保留原来的类名（`note-read-fig` / `note-read-block`）——
|
||||||
|
现有 e2e 与 CSS 都按它们断言，改类名会静默弄坏那些检查。 */
|
||||||
|
?>
|
||||||
|
<div class="note-read-item" data-block="<?= (int)($b['id'] ?? 0) ?>"
|
||||||
|
data-kind="<?= e($k) ?>" data-raw="<?= e($c) ?>">
|
||||||
<?php if ($k === 'image'): ?>
|
<?php if ($k === 'image'): ?>
|
||||||
<?php [$key, $w] = $imgParts($c); ?>
|
<?php [$key, $w] = $imgParts($c); ?>
|
||||||
<?php if ($key !== ''): ?>
|
<?php if ($key !== ''): ?>
|
||||||
@@ -133,6 +154,14 @@ $imgParts = static function (string $c): array {
|
|||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
<div class="note-read-block md-body"><?= (string)($b['html'] ?? '') ?></div>
|
<div class="note-read-block md-body"><?= (string)($b['html'] ?? '') ?></div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<?php /* 鼠标划过才出现的「编辑」——只在能写且这一块真的有主键时给
|
||||||
|
（`$b['id']` 为 0 的块理论上不该有；给了也改不了，不如不给）。 */ ?>
|
||||||
|
<?php if ($canEdit && $canWrite && (int)($b['id'] ?? 0) > 0): ?>
|
||||||
|
<button type="button" class="note-item-edit"
|
||||||
|
data-item-edit="<?= (int)$b['id'] ?>" title="只改这一段">编辑</button>
|
||||||
|
<?php endif; ?>
|
||||||
|
</div>
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
|
|
||||||
<?php if (!$editing['blocks']): ?>
|
<?php if (!$editing['blocks']): ?>
|
||||||
|
|||||||
@@ -0,0 +1,45 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* 名册模块的「设置」下拉（v52 用户 2026-10-15 第 6 条）。
|
||||||
|
*
|
||||||
|
* 用户原话：「名册右侧，**只保留一个添加成员按钮**，右侧再加一个设置按钮，
|
||||||
|
* 点击后下拉设置，第一个就是**导入联系人**，第二个就是原来个人设置那里的
|
||||||
|
* **名册分组**，这样个人设置中就不显示名册分组的内容了。」
|
||||||
|
*
|
||||||
|
* ⇒ 名册页右上角从此只有两颗：**添加成员** + **☰ 设置**（设置恒在最右，全站统一）。
|
||||||
|
* 原来散着的那几颗（从已有家里人里挑 / 导入联系人 / …）全部收进这个下拉。
|
||||||
|
*
|
||||||
|
* 两行（顺序是用户点名的）：
|
||||||
|
* ① 导入联系人 → `people/import`
|
||||||
|
* ② 名册分组 → `people/settings`（从个人设置搬过来的那一块）
|
||||||
|
*
|
||||||
|
* 用法（require 前 set 好）：
|
||||||
|
* $plSetCurrent 当前页 key（'import'|'groups'）用来高亮；'' 也行
|
||||||
|
*/
|
||||||
|
$plSetCurrent = (string)($plSetCurrent ?? '');
|
||||||
|
$plSetOn = static function (string $key) use ($plSetCurrent): string {
|
||||||
|
return $plSetCurrent === $key ? ' class="on"' : '';
|
||||||
|
};
|
||||||
|
$plSetIcon = static function (string $name): string {
|
||||||
|
$paths = [
|
||||||
|
'import' => '<path d="M8 2.6v7.2M5 6.8l3 3 3-3M3.2 13.4h9.6"/>',
|
||||||
|
'groups' => '<rect x="2" y="2.6" width="5" height="5" rx="1"/><rect x="9" y="2.6" width="5" height="5" rx="1"/>'
|
||||||
|
. '<rect x="2" y="8.6" width="5" height="5" rx="1"/><rect x="9" y="8.6" width="5" height="5" rx="1"/>',
|
||||||
|
];
|
||||||
|
$d = $paths[$name] ?? '';
|
||||||
|
if ($d === '') {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
return '<svg class="mi" viewBox="0 0 16 16" width="16" height="16" aria-hidden="true"'
|
||||||
|
. ' fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"'
|
||||||
|
. ' stroke-linejoin="round">' . $d . '</svg>';
|
||||||
|
};
|
||||||
|
?>
|
||||||
|
<details class="movie-set menu">
|
||||||
|
<summary class="btn btn-icon" title="名册设置" aria-label="名册设置"><svg viewBox="0 0 16 16" width="18" height="18" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round"><path d="M2.5 4.5h11M2.5 8h11M2.5 11.5h11"/></svg></summary>
|
||||||
|
<div class="menu-list">
|
||||||
|
<a href="<?= e(url('people/import')) ?>"<?= $plSetOn('import') ?>><?= $plSetIcon('import') ?><span>导入联系人</span></a>
|
||||||
|
<a href="<?= e(url('people/settings')) ?>"<?= $plSetOn('groups') ?>><?= $plSetIcon('groups') ?><span>名册分组</span></a>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
<?php unset($plSetCurrent, $plSetOn, $plSetIcon); ?>
|
||||||
@@ -69,6 +69,66 @@ $ctHints = [
|
|||||||
<input type="hidden" name="id" value="<?= (int)$person['id'] ?>">
|
<input type="hidden" name="id" value="<?= (int)$person['id'] ?>">
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<?php /* 🔴🔴 v52（用户 2026-10-15 第 5 条）：「是不是这个人？」
|
||||||
|
新增成员时，若按 姓名 / 手机号 / 身份证号 在家里找到匹配的人，
|
||||||
|
**就在这张表里问一句** —— 而不是跳到一个单独的确认页。
|
||||||
|
⚠️ 关键理由：单独一页要把用户刚填的一整张表（含工作经历、补充联系方式
|
||||||
|
这些**数组字段**）原样回传；漏传任何一类都会**静默丢数据**。
|
||||||
|
在同一张表里问，字段天然全在。
|
||||||
|
⚠️ 两个按钮提交的就是**这张表**，靠 `confirm_existing` 的值分流：
|
||||||
|
1 = 就是这个人（不新建，直接加进我的名册）；0 = 不是，另建一条。 */ ?>
|
||||||
|
<?php if (!empty($confirmHit)): ?>
|
||||||
|
<?php
|
||||||
|
$cfWhy = [
|
||||||
|
'phone' => '手机号一样',
|
||||||
|
'id_card' => '身份证号一样',
|
||||||
|
'name' => '姓名一样',
|
||||||
|
][(string)($confirmWhy ?? 'name')] ?? '信息很像';
|
||||||
|
$cfPid = (int)($confirmHit['id'] ?? 0);
|
||||||
|
$cfInMine = \App\PersonRoster::has((int)\App\Auth::familyId(), (int)\App\Auth::personId(), $cfPid);
|
||||||
|
?>
|
||||||
|
<div class="card card-pad person-confirm" id="personConfirm">
|
||||||
|
<h2 class="section-title">
|
||||||
|
家里已经有这个人了 —— 是他吗？
|
||||||
|
<span class="hint"><?= e($cfWhy) ?></span>
|
||||||
|
</h2>
|
||||||
|
<p class="small muted" style="margin:0 0 12px">
|
||||||
|
如果是他，直接加进你的名册就行 —— <b>资料共用同一份</b>，不用再录一遍，
|
||||||
|
以后你们改的也是同一个人。
|
||||||
|
<br>如果不是（只是重名），点「不是，是另一个人」，我就按你填的当新人建一条。
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="person-hit">
|
||||||
|
<span class="person-hit-av">
|
||||||
|
<?php if (!empty($confirmHit['avatar'])): ?>
|
||||||
|
<img src="<?= e(media_url((string)$confirmHit['avatar'])) ?>" alt="">
|
||||||
|
<?php else: ?>
|
||||||
|
<span class="avatar-fallback"><?= e(mb_substr((string)($confirmHit['name'] ?? ''), 0, 1, 'UTF-8')) ?></span>
|
||||||
|
<?php endif; ?>
|
||||||
|
</span>
|
||||||
|
<span class="person-hit-info">
|
||||||
|
<b><?= e((string)($confirmHit['name'] ?? '')) ?></b>
|
||||||
|
<?php if (!empty($confirmHit['is_placeholder'])): ?><span class="node-badge">虚拟人物</span><?php endif; ?>
|
||||||
|
<?php if ($cfInMine): ?><span class="node-badge badge-open">已在你的名册</span><?php endif; ?>
|
||||||
|
<span class="small muted">
|
||||||
|
<?php if ((string)($confirmHit['org'] ?? '') !== ''): ?><?= e((string)$confirmHit['org']) ?> · <?php endif; ?>
|
||||||
|
<?php if ((string)($confirmHit['title'] ?? '') !== ''): ?><?= e((string)$confirmHit['title']) ?><?php endif; ?>
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
<span class="person-hit-ops">
|
||||||
|
<a class="btn btn-ghost btn-sm" href="<?= e(url('people/show', ['id' => $cfPid])) ?>"
|
||||||
|
target="_blank" rel="noopener">先看看他的资料</a>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="btn-row" style="margin-top:16px">
|
||||||
|
<button class="btn" type="submit" name="confirm_existing" value="1">就是这个人，加进我的名册</button>
|
||||||
|
<button class="btn btn-ghost" type="submit" name="confirm_existing" value="0">不是，是另一个人</button>
|
||||||
|
<input type="hidden" name="existing_id" value="<?= $cfPid ?>">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
<div class="card card-pad">
|
<div class="card card-pad">
|
||||||
<div class="form-grid">
|
<div class="form-grid">
|
||||||
|
|
||||||
|
|||||||
+18
-20
@@ -243,19 +243,20 @@ $renderGrid = function (array $list) use ($meId, $canMove): void {
|
|||||||
共 <b data-roster-total><?= $total ?></b> 人<?= $tagCloud && $q === '' ? '，有 ' . count($tagCloud) . ' 个标签' : '' ?>
|
共 <b data-roster-total><?= $total ?></b> 人<?= $tagCloud && $q === '' ? '，有 ' . count($tagCloud) . ' 个标签' : '' ?>
|
||||||
</span>
|
</span>
|
||||||
<div class="actions">
|
<div class="actions">
|
||||||
<?php if ($canMove && $pickable > 0): ?>
|
|
||||||
<a class="btn btn-ghost btn-sm" href="<?= e(url('people/pick')) ?>">
|
|
||||||
从家里已有的人里挑（<?= $pickable ?>）
|
|
||||||
</a>
|
|
||||||
<?php endif; ?>
|
|
||||||
<?php if ($canMove): ?>
|
<?php if ($canMove): ?>
|
||||||
<?php /* 用户 2026-10-03 第 1 条：名册导入入口。
|
<?php /* 🔴🔴 v52（用户 2026-10-15 第 6 条）：「名册右侧，**只保留一个添加成员按钮**，
|
||||||
⚠️ 放在「添加成员」**左边**（次要动作在左、主要动作在右）——
|
右侧再加一个设置按钮，点击后下拉设置，第一个就是导入联系人，
|
||||||
日常还是一个个加，导入是换手机/换号时的一次性动作。 */ ?>
|
第二个就是原来个人设置那里的名册分组，这样个人设置中就不显示名册分组的内容了。」
|
||||||
<a class="btn btn-ghost btn-sm" href="<?= e(url('people/import')) ?>">导入联系人</a>
|
⇒ 右上角只剩两颗：**添加成员** + **☰ 设置**（设置恒在最右，全站统一）。
|
||||||
<?php endif; ?>
|
⚠️ 原来那两颗去哪了：
|
||||||
<?php if (\App\Auth::isAdmin()): ?>
|
· 「从家里已有的人里挑」→ **整颗删掉**（用户第 5 条：不再让人手动挑，
|
||||||
|
改由"新增/导入时自动按姓名/手机号/身份证匹配并问一句"来替代）；
|
||||||
|
· 「导入联系人」→ 收进 ☰ 设置里（第一行）。 */ ?>
|
||||||
<a class="btn btn-sm" href="<?= e(url('people/new')) ?>">添加成员</a>
|
<a class="btn btn-sm" href="<?= e(url('people/new')) ?>">添加成员</a>
|
||||||
|
<?php $plSetCurrent = ''; require __DIR__ . '/_settings_menu.php'; ?>
|
||||||
|
<?php elseif (\App\Auth::isAdmin()): ?>
|
||||||
|
<a class="btn btn-sm" href="<?= e(url('people/new')) ?>">添加成员</a>
|
||||||
|
<?php $plSetCurrent = ''; require __DIR__ . '/_settings_menu.php'; ?>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -285,21 +286,18 @@ $renderGrid = function (array $list) use ($meId, $canMove): void {
|
|||||||
<?php if ($q !== ''): ?>
|
<?php if ($q !== ''): ?>
|
||||||
<b>没有匹配的人</b>
|
<b>没有匹配的人</b>
|
||||||
换个词试试。
|
换个词试试。
|
||||||
<?php elseif ($pickable > 0): ?>
|
|
||||||
<b>你的名册还是空的</b>
|
|
||||||
家里已经有 <?= (int)$pickable ?> 个人了 —— 直接挑过来就行，不用重新录一遍。
|
|
||||||
<div class="btn-row" style="justify-content:center;margin-top:14px">
|
|
||||||
<a class="btn" href="<?= e(url('people/pick')) ?>">从家里已有的人里挑</a>
|
|
||||||
<?php if (\App\Auth::isAdmin()): ?>
|
|
||||||
<a class="btn btn-ghost" href="<?= e(url('people/new')) ?>">添加一个新人</a>
|
|
||||||
<?php endif; ?>
|
|
||||||
</div>
|
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
<b>名册还是空的</b>
|
<b>名册还是空的</b>
|
||||||
<?php if (\App\Auth::isAdmin()): ?>
|
<?php if (\App\Auth::isAdmin()): ?>
|
||||||
|
<?php /* 🔴 v52（用户第 6 条）：这里原来挂着「从家里已有的人里挑」按钮 ——
|
||||||
|
那条入口已按用户第 5 条的要求**整颗删掉**（改成"新增/导入时自动匹配"）。
|
||||||
|
现在只留"添加成员"，以及一句说明：家里已有的人会被自动认出来。 */ ?>
|
||||||
把家里人加进来，之后观影、旅行的同行人就可以直接从名册里选。
|
把家里人加进来，之后观影、旅行的同行人就可以直接从名册里选。
|
||||||
|
<br>家里已经有的人（别人先录的）不用重录 —— 录入时填上姓名或手机号，
|
||||||
|
系统会认出来并问你要不要直接加进你的名册。
|
||||||
<div class="btn-row" style="justify-content:center;margin-top:14px">
|
<div class="btn-row" style="justify-content:center;margin-top:14px">
|
||||||
<a class="btn" href="<?= e(url('people/new')) ?>">添加成员</a>
|
<a class="btn" href="<?= e(url('people/new')) ?>">添加成员</a>
|
||||||
|
<a class="btn btn-ghost" href="<?= e(url('people/import')) ?>">导入联系人</a>
|
||||||
</div>
|
</div>
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
等家里人把你加进来，或者让管理员给你开个账号。
|
等家里人把你加进来，或者让管理员给你开个账号。
|
||||||
|
|||||||
@@ -0,0 +1,29 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* 名册设置（v52 用户 2026-10-15 第 6 条）。
|
||||||
|
*
|
||||||
|
* 用户原话：「名册右侧，只保留一个添加成员按钮，右侧再加一个设置按钮，
|
||||||
|
* 点击后下拉设置，第一个就是导入联系人，第二个就是**原来个人设置那里的名册分组**，
|
||||||
|
* 这样**个人设置中就不显示名册分组的内容**了。」
|
||||||
|
*
|
||||||
|
* ⇒ 这一页 = 「设置 → 名册分组」进去的那一页，内容就是从个人设置**整块搬**过来的
|
||||||
|
* `_person_groups.php`（表单 action 一个字段没改，仍指向 settings/groups/*）。
|
||||||
|
*
|
||||||
|
* ⚠️ 为什么不做成"个人设置那一块的副本"：两份一模一样的分组管理界面，
|
||||||
|
* 改一处忘一处是必然的（本项目在"设置页"上已经踩过这个）。
|
||||||
|
* 所以是**真的搬走** —— 个人设置里那一块删掉了，这里 require 同一个片段。
|
||||||
|
*
|
||||||
|
* 变量：
|
||||||
|
* $groups / $groupCounts / $rosterCount 见 _person_groups.php 的说明
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<div class="page-head">
|
||||||
|
<h1>名册设置</h1>
|
||||||
|
<span class="sub">分组</span>
|
||||||
|
<div class="actions">
|
||||||
|
<a class="btn btn-ghost btn-sm" href="<?= e(url('people')) ?>">返回名册</a>
|
||||||
|
<?php $plSetCurrent = 'groups'; require __DIR__ . '/_settings_menu.php'; ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php require __DIR__ . '/../_person_groups.php'; ?>
|
||||||
@@ -1,176 +0,0 @@
|
|||||||
<?php
|
|
||||||
/**
|
|
||||||
* 个人设置里的两块「模块」设置（用户 2026-10-01 第 10、11 条）：
|
|
||||||
*
|
|
||||||
* ① **导航条上显示哪些模块、什么顺序** —— 每人一份（App\Module::navFor 读的就是它）。
|
|
||||||
* 勾选 = 出现在导航条上；拖动 / ▲▼ = 排序。
|
|
||||||
* ② **每个模块的主题色** —— **家庭一份**（settings('module_colors')），
|
|
||||||
* 所以只有管理员能改：一个家认同一套配色，不然同一个"观影"在爸爸那屏是紫的、
|
|
||||||
* 妈妈那屏是绿的，反而记不住。非管理员在这里只看得到色板。
|
|
||||||
*
|
|
||||||
* 变量（require 前设好）：
|
|
||||||
* $navKeys 我当前导航条上的顺序（只含显示的）
|
|
||||||
* $colors key => '#rrggbb'
|
|
||||||
*/
|
|
||||||
$allKeys = \App\Module::keys();
|
|
||||||
$onKeys = array_map('strval', (array)($navKeys ?? []));
|
|
||||||
// 显示顺序：已勾选的按现有顺序在前，未勾选的按 LIST 顺序在后（这样"关掉再打开"位置不跳）
|
|
||||||
$ordered = array_values(array_filter($allKeys, static fn($k) => in_array($k, $onKeys, true)));
|
|
||||||
foreach ($allKeys as $k) {
|
|
||||||
if (!in_array($k, $ordered, true)) {
|
|
||||||
$ordered[] = $k;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
$isAdmin = \App\Auth::isAdmin();
|
|
||||||
?>
|
|
||||||
<!-- ==================== 导航条上的模块 ==================== -->
|
|
||||||
<div class="card card-pad" id="modules" style="margin-top:20px">
|
|
||||||
<h2 class="section-title">
|
|
||||||
导航条上的模块
|
|
||||||
<span class="hint">勾上才会出现在顶部，拖动可改顺序</span>
|
|
||||||
</h2>
|
|
||||||
<p class="small muted" style="margin:0 0 16px">
|
|
||||||
模块越来越多，但每个人关心的不一样 —— 这里只挑你常用的几个上导航条，其余的仍然能
|
|
||||||
从别处进（比如观影里还能进影院管理）。关掉的模块<b>不会丢数据</b>，只是从顶栏收起来。
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<form method="post" action="<?= e(url('settings/nav_save')) ?>" id="navForm">
|
|
||||||
<?= csrf_field() ?>
|
|
||||||
<ol class="order-list mod-order" id="navOrderList">
|
|
||||||
<?php foreach ($ordered as $i => $k): ?>
|
|
||||||
<li class="order-row mod-row" draggable="true" data-key="<?= e($k) ?>">
|
|
||||||
<span class="drag-handle" title="拖我排序" aria-hidden="true">⋮⋮</span>
|
|
||||||
<?php /* ⚠️ 顺序就藏在 DOM 里：每个 <li> 自带一个 order[] 隐藏域，
|
|
||||||
拖动搬的是整个 <li>，所以提交上来的顺序天然就是屏幕上的顺序。
|
|
||||||
没有 JS 时 ▲▼ 按钮走同一份表单（服务端按 move 参数交换后再存）。 */ ?>
|
|
||||||
<input type="hidden" name="order[]" value="<?= e($k) ?>">
|
|
||||||
<label class="mod-pick">
|
|
||||||
<input type="checkbox" name="on[]" value="<?= e($k) ?>"
|
|
||||||
<?= in_array($k, $onKeys, true) ? 'checked' : '' ?>>
|
|
||||||
<span class="color-preview" style="background: <?= e((string)($colors[$k] ?? '#888')) ?>;"></span>
|
|
||||||
<span class="order-name"><?= e(\App\Module::name($k)) ?></span>
|
|
||||||
</label>
|
|
||||||
<span class="order-move">
|
|
||||||
<button class="btn btn-ghost btn-sm" type="submit" name="move" value="up:<?= e($k) ?>"
|
|
||||||
title="上移" <?= $i === 0 ? 'disabled' : '' ?>>▲</button>
|
|
||||||
<button class="btn btn-ghost btn-sm" type="submit" name="move" value="down:<?= e($k) ?>"
|
|
||||||
title="下移" <?= $i === count($ordered) - 1 ? 'disabled' : '' ?>>▼</button>
|
|
||||||
</span>
|
|
||||||
</li>
|
|
||||||
<?php endforeach; ?>
|
|
||||||
</ol>
|
|
||||||
<div class="btn-row">
|
|
||||||
<button class="btn" type="submit" name="save" value="1">保存导航条</button>
|
|
||||||
<a class="btn btn-ghost" href="<?= e(url('settings/me')) ?>">重来</a>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- ==================== 模块主题色 ==================== -->
|
|
||||||
<div class="card card-pad" style="margin-top:20px">
|
|
||||||
<h2 class="section-title">
|
|
||||||
模块主题色
|
|
||||||
<span class="hint"><?= $isAdmin ? '全家共用一套' : '由管理员设置' ?></span>
|
|
||||||
</h2>
|
|
||||||
<p class="small muted" style="margin:0 0 16px">
|
|
||||||
进到哪个模块，顶栏高亮与按钮就换成那个模块的颜色 —— 一眼就知道自己在哪儿。
|
|
||||||
<?php if (!$isAdmin): ?>
|
|
||||||
<br>这是<b>全家共用</b>的一套配色（不然同一个「观影」在两个人屏幕上两种颜色，反而记不住），
|
|
||||||
所以只有管理员能改。
|
|
||||||
<?php endif; ?>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<?php if (!$isAdmin): ?>
|
|
||||||
<div class="mod-swatches">
|
|
||||||
<?php foreach ($allKeys as $k): ?>
|
|
||||||
<span class="mod-swatch">
|
|
||||||
<span class="color-preview" style="background: <?= e((string)($colors[$k] ?? '#888')) ?>;"></span>
|
|
||||||
<?= e(\App\Module::name($k)) ?>
|
|
||||||
</span>
|
|
||||||
<?php endforeach; ?>
|
|
||||||
</div>
|
|
||||||
<?php else: ?>
|
|
||||||
<form method="post" action="<?= e(url('settings/module_colors')) ?>">
|
|
||||||
<?= csrf_field() ?>
|
|
||||||
<div class="mod-colors">
|
|
||||||
<?php foreach ($allKeys as $k): ?>
|
|
||||||
<?php $cid = 'mc-' . $k; ?>
|
|
||||||
<div class="mod-color-row">
|
|
||||||
<span class="mod-color-name"><?= e(\App\Module::name($k)) ?></span>
|
|
||||||
<input type="color" class="color-picker" id="<?= e($cid) ?>" name="c[<?= e($k) ?>]"
|
|
||||||
value="<?= e((string)($colors[$k] ?? '#888888')) ?>">
|
|
||||||
<span class="mod-preset">
|
|
||||||
<?php foreach (\App\Module::PRESET_COLORS as $pc): ?>
|
|
||||||
<span class="preset-color" data-color="<?= $pc ?>" data-for="<?= e($cid) ?>"
|
|
||||||
style="background: <?= $pc ?>;" title="<?= $pc ?>"></span>
|
|
||||||
<?php endforeach; ?>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<?php endforeach; ?>
|
|
||||||
</div>
|
|
||||||
<div class="btn-row">
|
|
||||||
<button class="btn" type="submit">保存主题色</button>
|
|
||||||
<button class="btn btn-ghost" type="submit" name="reset" value="1"
|
|
||||||
onclick="return confirm('恢复成默认配色？')">恢复默认</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
<?php endif; ?>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
(function () {
|
|
||||||
/* ---- 拖动排序（▲▼ 是不用 JS 的兜底，两条路都能用）----
|
|
||||||
⚠️ 遍历**所有** `ol.order-list`，而不是只找 navOrderList：
|
|
||||||
本页现在有两块同构的清单（首页上的模块 / 导航条上的模块），
|
|
||||||
写死 id 的话第二块就没有拖动了 —— 而且看起来"功能好好的"，
|
|
||||||
只是那一块拖不动，很难联想到是这里写死了 id。 */
|
|
||||||
function bindSort(list) {
|
|
||||||
if (!list) return;
|
|
||||||
var dragEl = null;
|
|
||||||
Array.prototype.forEach.call(list.querySelectorAll('.mod-row'), function (li) {
|
|
||||||
li.addEventListener('dragstart', function (ev) {
|
|
||||||
dragEl = li;
|
|
||||||
li.classList.add('is-dragged');
|
|
||||||
if (ev.dataTransfer) { ev.dataTransfer.effectAllowed = 'move'; }
|
|
||||||
});
|
|
||||||
li.addEventListener('dragend', function () {
|
|
||||||
li.classList.remove('is-dragged');
|
|
||||||
dragEl = null;
|
|
||||||
Array.prototype.forEach.call(list.querySelectorAll('.mod-row'), function (x) {
|
|
||||||
x.classList.remove('is-drop-before');
|
|
||||||
});
|
|
||||||
});
|
|
||||||
li.addEventListener('dragover', function (ev) {
|
|
||||||
if (!dragEl || dragEl === li) return;
|
|
||||||
ev.preventDefault();
|
|
||||||
var box = li.getBoundingClientRect();
|
|
||||||
var before = ev.clientY < box.top + box.height / 2;
|
|
||||||
li.classList.toggle('is-drop-before', before);
|
|
||||||
li.classList.toggle('is-drop-after', !before);
|
|
||||||
});
|
|
||||||
li.addEventListener('dragleave', function () {
|
|
||||||
li.classList.remove('is-drop-before', 'is-drop-after');
|
|
||||||
});
|
|
||||||
li.addEventListener('drop', function (ev) {
|
|
||||||
if (!dragEl || dragEl === li) return;
|
|
||||||
ev.preventDefault();
|
|
||||||
var box = li.getBoundingClientRect();
|
|
||||||
var before = ev.clientY < box.top + box.height / 2;
|
|
||||||
/* 搬的是整个 <li> —— 它自带的 order[] 隐藏域跟着走，
|
|
||||||
所以提交上来的顺序 = 屏幕上的顺序，不用再同步一遍。 */
|
|
||||||
if (before) { list.insertBefore(dragEl, li); } else { list.insertBefore(dragEl, li.nextSibling); }
|
|
||||||
li.classList.remove('is-drop-before', 'is-drop-after');
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
Array.prototype.forEach.call(document.querySelectorAll('ol.order-list'), bindSort);
|
|
||||||
|
|
||||||
/* ---- 色板点一下就换 ---- */
|
|
||||||
Array.prototype.forEach.call(document.querySelectorAll('.preset-color[data-for]'), function (el) {
|
|
||||||
el.addEventListener('click', function () {
|
|
||||||
var target = document.getElementById(el.getAttribute('data-for'));
|
|
||||||
if (target) { target.value = el.getAttribute('data-color'); }
|
|
||||||
});
|
|
||||||
});
|
|
||||||
})();
|
|
||||||
</script>
|
|
||||||
+149
-125
@@ -313,149 +313,173 @@ $fbCityN = count(\App\Geo::CITIES);
|
|||||||
内置了 <b><?= (int)$fbCityN ?></b> 个城市（全国地级市 + 直辖市），一般常用的都在里面。
|
内置了 <b><?= (int)$fbCityN ?></b> 个城市（全国地级市 + 直辖市），一般常用的都在里面。
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<!-- ==================== 我的分组 ==================== -->
|
<?php /* 🔴 v52（用户 2026-10-15 第 6 条）：「原来个人设置那里的名册分组……
|
||||||
|
这样**个人设置中就不显示名册分组的内容**了。」
|
||||||
|
⇒ 整块「我的分组」卡片**搬到了**「名册 → 设置 → 名册分组」
|
||||||
|
（`templates/people/settings.php` + `templates/_person_groups.php`）。
|
||||||
|
⚠️ 是**真的搬走**，不是复制一份：两份一模一样的分组管理界面，
|
||||||
|
改一处忘一处是必然的。这里只留一句指路，免得老用户找不到。 */ ?>
|
||||||
<div class="card card-pad" style="margin-top:20px">
|
<div class="card card-pad" style="margin-top:20px">
|
||||||
<h2 class="section-title">
|
<h2 class="section-title">名册分组</h2>
|
||||||
我的分组
|
<p class="small muted" style="margin:0 0 12px">
|
||||||
<span class="hint">公共的 + 我自己加的</span>
|
分组改到**名册页**那边去了 —— 它本来就是"名册怎么分组"的事，与个人设置无关。
|
||||||
</h2>
|
|
||||||
<p class="small muted" style="margin:0 0 16px">
|
|
||||||
名册是按「关系分组」分栏显示的。这里有两层：
|
|
||||||
<b>公共分组</b>由管理员在「系统设置」里维护（全家都能用）；
|
|
||||||
你要是觉得不够，就在下面<b>加只给自己看的分组</b>，别人看不到、也不受影响。
|
|
||||||
<br>
|
|
||||||
列表里 <b>{{ 公共 }}</b> 标的是大家共用的那几个。
|
|
||||||
哪一组排前面也是你自己的习惯，用 ▲ ▼ 调 —— 别人看到的顺序不变。
|
|
||||||
<br>
|
|
||||||
你的名册现在有 <b><?= (int)$rosterCount ?></b> 人。
|
|
||||||
</p>
|
</p>
|
||||||
|
<div class="btn-row">
|
||||||
<?php if (!$groups): ?>
|
<a class="btn btn-ghost btn-sm" href="<?= e(url('people/settings')) ?>">去名册设置里改分组</a>
|
||||||
<p class="small muted" style="margin:0 0 14px">还没有分组。加一个吧。</p>
|
</div>
|
||||||
<?php else: ?>
|
|
||||||
<ol class="order-list">
|
|
||||||
<?php foreach ($groups as $i => $g): $gid = (int)$g['id']; $own = (int)$g['owner_id']; ?>
|
|
||||||
<li class="order-row">
|
|
||||||
<span class="order-no"><?= $i + 1 ?></span>
|
|
||||||
<span class="order-name">
|
|
||||||
<?= e((string)$g['name']) ?>
|
|
||||||
<?php if ($own === 0): ?><span class="badge">公共</span><?php else: ?><span class="badge badge-open">我的</span><?php endif; ?>
|
|
||||||
</span>
|
|
||||||
<span class="order-count"><?= (int)($groupCounts[$gid] ?? 0) ?> 人</span>
|
|
||||||
<form method="post" action="<?= e(url('settings/groups/move')) ?>" class="order-move">
|
|
||||||
<?= csrf_field() ?>
|
|
||||||
<input type="hidden" name="id" value="<?= $gid ?>">
|
|
||||||
<input type="hidden" name="scope" value="me">
|
|
||||||
<button class="btn btn-ghost btn-sm" type="submit" name="dir" value="up"
|
|
||||||
title="上移一组" <?= $i === 0 ? 'disabled' : '' ?>>▲</button>
|
|
||||||
<button class="btn btn-ghost btn-sm" type="submit" name="dir" value="down"
|
|
||||||
title="下移一组" <?= $i === $groupTotal - 1 ? 'disabled' : '' ?>>▼</button>
|
|
||||||
</form>
|
|
||||||
</li>
|
|
||||||
<?php endforeach; ?>
|
|
||||||
</ol>
|
|
||||||
<?php endif; ?>
|
|
||||||
|
|
||||||
<form method="post" action="<?= e(url('settings/groups/add')) ?>" class="inline-form" style="margin-top:16px">
|
|
||||||
<?= csrf_field() ?>
|
|
||||||
<input type="hidden" name="scope" value="me">
|
|
||||||
<label class="sr-only" for="newMyGroup">新分组名</label>
|
|
||||||
<input class="input" id="newMyGroup" name="name" maxlength="20" placeholder="例如：球友、老同学">
|
|
||||||
<button class="btn btn-sm" type="submit">加一个我自己的分组</button>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<?php
|
|
||||||
// 只有我自己建的分组才给改名 / 删除 —— 公共分组要在系统设置里改（那是管理员的事），
|
|
||||||
// 免得有人在自己设置里把"家人"改成别的、影响全家。
|
|
||||||
$mineGroups = array_values(array_filter($groups, fn($g) => (int)$g['owner_id'] > 0));
|
|
||||||
?>
|
|
||||||
<?php if ($mineGroups): ?>
|
|
||||||
<ul class="group-manage" style="margin-top:14px">
|
|
||||||
<?php foreach ($mineGroups as $g): $gid = (int)$g['id']; ?>
|
|
||||||
<li class="group-manage-row">
|
|
||||||
<form method="post" action="<?= e(url('settings/groups/rename')) ?>" class="group-rename">
|
|
||||||
<?= csrf_field() ?>
|
|
||||||
<input type="hidden" name="id" value="<?= $gid ?>">
|
|
||||||
<input type="hidden" name="scope" value="me">
|
|
||||||
<label class="sr-only" for="gname<?= $gid ?>">分组名</label>
|
|
||||||
<input class="input" id="gname<?= $gid ?>" name="name" maxlength="20"
|
|
||||||
value="<?= e((string)$g['name']) ?>">
|
|
||||||
<button class="btn btn-ghost btn-sm" type="submit">改名</button>
|
|
||||||
</form>
|
|
||||||
<span class="group-count muted small"><?= (int)($groupCounts[$gid] ?? 0) ?> 人</span>
|
|
||||||
<?php /* 删除做成两步（<details>），不用 JS 也能防手滑 —— 一点就没了太容易出事 */ ?>
|
|
||||||
<details class="del-wrap">
|
|
||||||
<summary class="btn btn-ghost btn-sm">删除</summary>
|
|
||||||
<form method="post" action="<?= e(url('settings/groups/delete')) ?>" class="del-confirm">
|
|
||||||
<?= csrf_field() ?>
|
|
||||||
<input type="hidden" name="id" value="<?= $gid ?>">
|
|
||||||
<input type="hidden" name="scope" value="me">
|
|
||||||
<span class="small muted">这组的人会变成「未分类」，确定？</span>
|
|
||||||
<button class="btn btn-ghost btn-sm danger" type="submit">确认删除</button>
|
|
||||||
</form>
|
|
||||||
</details>
|
|
||||||
</li>
|
|
||||||
<?php endforeach; ?>
|
|
||||||
</ul>
|
|
||||||
<?php endif; ?>
|
|
||||||
|
|
||||||
<?php if (\App\Auth::isAdmin()): ?>
|
|
||||||
<p class="small muted" style="margin:16px 0 0">
|
|
||||||
公共分组在「<a href="<?= e(url('settings')) ?>#public-groups">系统设置</a>」里维护。
|
|
||||||
</p>
|
|
||||||
<?php endif; ?>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- ==================== 首页上的模块（用户 2026-10-03 第 3 条）==================== -->
|
<!-- ==================== 模块：导航 / 首页 / 颜色 / 顺序（v52 用户第 7 条）==================== -->
|
||||||
<?php /* 与下面「导航条上的模块」是同一套交互（勾选 + 拖动/▲▼ 排序），
|
<?php /* 🔴🔴 v52（用户 2026-10-15 第 7 条）：「个人设置里面，模块相关的设置太多了，应该**整合**，
|
||||||
只是作用对象换成首页 dashboard 上那几张模块卡。
|
先列出来所有模块，中间有一列，让他勾选是否在导航显示，再给他一列，让他选择是否在首页显示，
|
||||||
两块都要有：导航条管"能不能进"，这里管"首页上先看到什么"。 */ ?>
|
再给他一列，让他选择颜色，最后给他一列，让他**调整顺序**，这样就把几个设置，整合到一起了，
|
||||||
<div class="card card-pad" id="home-mods" style="margin-top:20px">
|
更加简洁。」
|
||||||
|
|
||||||
|
⇒ 原来是**三张卡、三个表单、三次保存**：
|
||||||
|
① 首页上的模块（勾选 + 排序）
|
||||||
|
② 导航条上的模块（勾选 + 排序）
|
||||||
|
③ 模块主题色（改色）
|
||||||
|
同一串模块名出现两遍、颜色又另起一张 —— 用户看得累、改起来要点三次保存。
|
||||||
|
⇒ 现在合成**一张表**：一行一个模块，四列 = 导航 / 首页 / 颜色 / 顺序。
|
||||||
|
提交走 `settings/modules_save`（它内部把三个 save 依次调一遍，见 index.php 的说明）。
|
||||||
|
|
||||||
|
⚠️ 颜色那一列的权限**没有变**：它仍是家庭一份、只有管理员能改；
|
||||||
|
非管理员那一列显示成只读色块（看得到、改不了）。
|
||||||
|
⚠️ 拖动排序仍搬整行（行自带 order[]），▲▼ 是没 JS 时的兜底 —— 两条路都在。 */
|
||||||
|
$plMAll = \App\Module::keys();
|
||||||
|
$plMNav = array_map('strval', (array)(\App\Module::navFor((int)\App\Auth::personId())));
|
||||||
|
$plMHome = array_map('strval', (array)(\App\HomeMods::forPerson((int)\App\Auth::personId())));
|
||||||
|
$plMColor = \App\Module::colors((int)\App\Auth::familyId());
|
||||||
|
$plMIsAdmin = \App\Auth::isAdmin();
|
||||||
|
// 行的顺序：导航里显示的按导航顺序在前（那是用户最在意的），其余按默认顺序在后
|
||||||
|
$plMOrder = [];
|
||||||
|
foreach ($plMNav as $k) { if (in_array($k, $plMAll, true)) { $plMOrder[] = $k; } }
|
||||||
|
foreach ($plMAll as $k) { if (!in_array($k, $plMOrder, true)) { $plMOrder[] = $k; } }
|
||||||
|
?>
|
||||||
|
<div class="card card-pad" id="modules" style="margin-top:20px">
|
||||||
<h2 class="section-title">
|
<h2 class="section-title">
|
||||||
首页上的模块
|
模块设置
|
||||||
<span class="hint">勾上才会出现在首页，拖动可改顺序</span>
|
<span class="hint">导航 / 首页 / 颜色 / 顺序，一页改完</span>
|
||||||
</h2>
|
</h2>
|
||||||
<p class="small muted" style="margin:0 0 16px">
|
<p class="small muted" style="margin:0 0 16px">
|
||||||
首页是"一眼看家里近况"的地方，模块太多会变成一面墙 —— 这里只挑你想每天看到的几个。
|
模块越来越多，但每个人关心的不一样 —— 这里一行一个模块：
|
||||||
关掉的模块<b>照样能从顶部导航条进去</b>，只是不在首页上占位置。
|
<b>导航</b>管"顶栏上有没有它"，<b>首页</b>管"打开首页看不看得到"，
|
||||||
|
<b>颜色</b>是进到那个模块后顶栏高亮的色（<b>全家共用一套</b>），
|
||||||
|
<b>顺序</b>用拖动手柄或 ▲▼ 调。
|
||||||
|
<br>关掉的模块<b>不会丢数据</b>，只是从顶栏 / 首页收起来，别处仍能进。
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<form method="post" action="<?= e(url('settings/home_save')) ?>" id="homeForm">
|
<form method="post" action="<?= e(url('settings/modules_save')) ?>" id="modulesForm">
|
||||||
<?= csrf_field() ?>
|
<?= csrf_field() ?>
|
||||||
<ol class="order-list mod-order" id="homeOrderList">
|
<div class="mod-table-wrap">
|
||||||
<?php
|
<table class="mod-table">
|
||||||
$hOn = array_map('strval', (array)($homeOn ?? []));
|
<thead>
|
||||||
$hOrder = (array)($homeOrder ?? []);
|
<tr>
|
||||||
?>
|
<th class="mod-th-order">顺序</th>
|
||||||
<?php foreach ($hOrder as $i => $k): ?>
|
<th class="mod-th-name">模块</th>
|
||||||
<li class="order-row mod-row" draggable="true" data-key="<?= e($k) ?>">
|
<th class="mod-th-on">导航</th>
|
||||||
|
<th class="mod-th-on">首页</th>
|
||||||
|
<th class="mod-th-color">颜色</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody id="modRows">
|
||||||
|
<?php foreach ($plMOrder as $i => $k): ?>
|
||||||
|
<tr class="mod-row" draggable="true" data-key="<?= e($k) ?>">
|
||||||
|
<td class="mod-td-order">
|
||||||
<span class="drag-handle" title="拖我排序" aria-hidden="true">⋮⋮</span>
|
<span class="drag-handle" title="拖我排序" aria-hidden="true">⋮⋮</span>
|
||||||
|
<?php /* ⚠️ 顺序就藏在 DOM 里：每行自带 order[] 隐藏域，拖动搬整行 ⇒
|
||||||
|
提交上来的顺序天然就是屏幕上的顺序（与旧的两块同一手法）。 */ ?>
|
||||||
<input type="hidden" name="order[]" value="<?= e($k) ?>">
|
<input type="hidden" name="order[]" value="<?= e($k) ?>">
|
||||||
<label class="mod-pick">
|
<span class="mod-move">
|
||||||
<input type="checkbox" name="on[]" value="<?= e($k) ?>"
|
|
||||||
<?= in_array($k, $hOn, true) ? 'checked' : '' ?>>
|
|
||||||
<span class="color-preview"
|
|
||||||
style="background: <?= e(\App\Module::color($k, (int)\App\Auth::familyId())) ?>;"></span>
|
|
||||||
<span class="order-name"><?= e(\App\Module::name($k)) ?></span>
|
|
||||||
</label>
|
|
||||||
<span class="order-move">
|
|
||||||
<button class="btn btn-ghost btn-sm" type="submit" name="move" value="up:<?= e($k) ?>"
|
<button class="btn btn-ghost btn-sm" type="submit" name="move" value="up:<?= e($k) ?>"
|
||||||
title="上移" <?= $i === 0 ? 'disabled' : '' ?>>▲</button>
|
title="上移" <?= $i === 0 ? 'disabled' : '' ?>>▲</button>
|
||||||
<button class="btn btn-ghost btn-sm" type="submit" name="move" value="down:<?= e($k) ?>"
|
<button class="btn btn-ghost btn-sm" type="submit" name="move" value="down:<?= e($k) ?>"
|
||||||
title="下移" <?= $i === count($hOrder) - 1 ? 'disabled' : '' ?>>▼</button>
|
title="下移" <?= $i === count($plMOrder) - 1 ? 'disabled' : '' ?>>▼</button>
|
||||||
</span>
|
</span>
|
||||||
</li>
|
</td>
|
||||||
|
<td class="mod-td-name">
|
||||||
|
<span class="color-preview" style="background: <?= e((string)($plMColor[$k] ?? '#888')) ?>;"></span>
|
||||||
|
<?= e(\App\Module::name($k)) ?>
|
||||||
|
</td>
|
||||||
|
<td class="mod-td-on">
|
||||||
|
<label class="mod-chk" title="显示在顶部导航条">
|
||||||
|
<input type="checkbox" name="nav[]" value="<?= e($k) ?>"
|
||||||
|
<?= in_array($k, $plMNav, true) ? 'checked' : '' ?>>
|
||||||
|
</label>
|
||||||
|
</td>
|
||||||
|
<td class="mod-td-on">
|
||||||
|
<label class="mod-chk" title="显示在首页">
|
||||||
|
<input type="checkbox" name="home[]" value="<?= e($k) ?>"
|
||||||
|
<?= in_array($k, $plMHome, true) ? 'checked' : '' ?>>
|
||||||
|
</label>
|
||||||
|
</td>
|
||||||
|
<td class="mod-td-color">
|
||||||
|
<?php if ($plMIsAdmin): ?>
|
||||||
|
<input type="color" class="color-picker" name="c[<?= e($k) ?>]"
|
||||||
|
value="<?= e((string)($plMColor[$k] ?? '#888888')) ?>"
|
||||||
|
aria-label="<?= e(\App\Module::name($k)) ?>的颜色">
|
||||||
|
<?php else: ?>
|
||||||
|
<?php /* 非管理员：看得到颜色、改不了（家庭一份，见本页说明） */ ?>
|
||||||
|
<span class="color-preview mod-color-ro"
|
||||||
|
style="background: <?= e((string)($plMColor[$k] ?? '#888')) ?>;"
|
||||||
|
title="由管理员设置"></span>
|
||||||
|
<?php endif; ?>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
</ol>
|
</tbody>
|
||||||
<div class="btn-row">
|
</table>
|
||||||
<button class="btn" type="submit" name="save" value="1">保存首页显示</button>
|
</div>
|
||||||
|
<div class="btn-row" style="margin-top:14px">
|
||||||
|
<button class="btn" type="submit" name="save" value="1">保存模块设置</button>
|
||||||
|
<?php if ($plMIsAdmin): ?>
|
||||||
|
<span class="small muted">颜色是全家共用的一套，改了对所有人都生效。</span>
|
||||||
|
<?php else: ?>
|
||||||
|
<span class="small muted">颜色由管理员设置，你这里只读。</span>
|
||||||
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- ==================== 模块：导航条上显示哪些、各自什么主题色 ==================== -->
|
<script>
|
||||||
<?php
|
(function () {
|
||||||
$navKeys = \App\Module::navFor((int)\App\Auth::personId());
|
/* 拖动排序（▲▼ 是不用 JS 的兜底，两条路都能用）。
|
||||||
$colors = \App\Module::colors((int)\App\Auth::familyId());
|
⚠️ 搬的是整行 <tr> —— 它自带的 order[] 隐藏域跟着走，
|
||||||
require __DIR__ . '/_modules.php';
|
所以提交上来的顺序 = 屏幕上的顺序，不用再同步一遍。 */
|
||||||
?>
|
var list = document.getElementById('modRows');
|
||||||
|
if (!list) { return; }
|
||||||
|
var dragEl = null;
|
||||||
|
Array.prototype.forEach.call(list.querySelectorAll('.mod-row'), function (tr) {
|
||||||
|
tr.addEventListener('dragstart', function (ev) {
|
||||||
|
dragEl = tr;
|
||||||
|
tr.classList.add('is-dragged');
|
||||||
|
if (ev.dataTransfer) { ev.dataTransfer.effectAllowed = 'move'; }
|
||||||
|
});
|
||||||
|
tr.addEventListener('dragend', function () {
|
||||||
|
tr.classList.remove('is-dragged');
|
||||||
|
dragEl = null;
|
||||||
|
Array.prototype.forEach.call(list.querySelectorAll('.mod-row'), function (x) {
|
||||||
|
x.classList.remove('is-drop-before');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
tr.addEventListener('dragover', function (ev) {
|
||||||
|
if (!dragEl || dragEl === tr) { return; }
|
||||||
|
ev.preventDefault();
|
||||||
|
var box = tr.getBoundingClientRect();
|
||||||
|
tr.classList.toggle('is-drop-before', ev.clientY < box.top + box.height / 2);
|
||||||
|
});
|
||||||
|
tr.addEventListener('dragleave', function () { tr.classList.remove('is-drop-before'); });
|
||||||
|
tr.addEventListener('drop', function (ev) {
|
||||||
|
if (!dragEl || dragEl === tr) { return; }
|
||||||
|
ev.preventDefault();
|
||||||
|
var box = tr.getBoundingClientRect();
|
||||||
|
if (ev.clientY < box.top + box.height / 2) {
|
||||||
|
list.insertBefore(dragEl, tr);
|
||||||
|
} else {
|
||||||
|
list.insertBefore(dragEl, tr.nextSibling);
|
||||||
|
}
|
||||||
|
tr.classList.remove('is-drop-before');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
|||||||
Reference in New Issue
Block a user