laoyang cb846d378f 评论附件支持拖拽 + 首页卡片同步标题 (#79)
用户 2026-11-05:
  「评论框下面的附件也需要可以拖动添加。」
  「首页卡片没有刷新。」

① 评论附件拖拽
   给 `.cmt-attach-row` 挂 `data-cmt-drop`,由 task_panel.js 接管
   dragover / dragenter / dragleave / drop。

   🔴 核心技术点:`<input type=file>.files` 是**只读**的,
      不能直接 `input.files = event.dataTransfer.files`(某些内核静默失败)。
      必须用 DataTransfer 重建 FileList 再赋回去:
          var dt = new DataTransfer();
          dt.items.add(file);
          input.files = dt.files;      ← 这个赋值是允许的
      而且**必须真的赋给 input** —— 否则只是"看起来加上了",
      表单提交时浏览器一个文件都不带。

   ⚠️ 累加语义:用户可能先拖一张再拖一张,所以每次把 input.files
      现有内容 + 新拖入的合并后写回。
   ⚠️ 去重:按 name+size+lastModified 判重,否则"只拖一次却传上去两张一样的"。
   ⚠️ dragover 必须 preventDefault(不拦的话浏览器把文件当"打开",
      直接跳走、当前页面全丢)。
   ⚠️ 与「任务附件」那条 `[data-tk-drop-box]` 是**两条独立的路**:
      那个是"点了/拖了立刻上传"(任务已存在),
      这个是"挂到评论表单、点发表才一起提交"。

   实测(Playwright + 真实 DataTransfer):
     拖入 a.txt+b.png => count=2 ✅
     再拖 c.jpg      => count=3 ✅ 累加
     重复拖 a.txt    => count=3 ✅ 去重
     FormData(form)  => ["a.txt","b.png","c.jpg"] ✅ 提交时真会传

② 首页卡片同步标题
   根因:`syncRow()` 原来**只管状态徽标和复选框**,代码第一行就是
   `if (!d || !d.status) return;`,压根不碰标题。
   而 #78 之后面板里能改标题了 ⇒ 改完点保存,卡片上还是旧标题。

   改两处:
   · `task_panel_json()` 返回值补 `title`(服务端直接给,不依赖 DOM 还在)
   · `syncRow()` 补标题同步:`.dash-what` 的文本 + `title` 属性
     (`title` 是悬停提示,不同步会出现"悬停是旧标题"的怪事),
     并把 `data-fb-entry` 里的 JSON title 一并改掉
     (否则"卡片上是新标题、再点开浮层显示旧标题")。
     读不到 d.title 时兜底从 `#tkp-title` 输入框读。
2026-11-05 18:32:40 +08:00
2026-09-29 15:08:42 +00:00

FamilyBook

家书,记录家庭的全部生活,一本用岁月写成的家谱。

把一个家的「人」「日子」「去过的地方、看过的电影」收进同一本书里。


它是什么

一个自托管的家庭生活系统。它不是又一个待办清单,而是这个家的长期档案 —— 十年之后还能翻出孩子第一次观影的票根、那年暑假走过的路线。

围绕三个圈展开:

  • 人:家庭成员、亲友通讯录,以及他们之间的共享关系
  • 时间:日历、日程、提醒,以及任务的期限
  • 事件:观影、旅行、其他活动 —— 一切都落在同一条时间轴上

它在做什么

阶段 主题 内容
0 地基 名册、账号、登录、权限模型、安装向导
1 通信 通讯录、共享给某个成员、CardDAV 服务端
2 时间 日历本、重复日程、提醒、CalDAV 服务端
3 归一 观影与旅行迁入统一事件模型
4 任务 任务管理,期限自动映射成日历事件
5 回看 统计、年度家书、时间轴

当前进度:阶段 0 起步,仓库里只有图标与脚手架。

技术选型

  • PHP 7.4+(无框架、无 Composer,上传到站点目录即可运行)
  • MySQL 5.7+ / 8.0(utf8mb4)
  • 前端为原生 HTML / CSS / JavaScript,无构建步骤

⚠️ 注意 CalDAV / CardDAV 是双向协议,和单纯的 .ics 文件导出不是一个量级的东西。

部署

  1. 把代码放到站点根目录;
  2. 复制 config.example.php 为 config.php,填写数据库与 app_key;
  3. 访问站点根,按引导页确认 PHP 版本、扩展、配置、数据库连接四项都通过。

config.php 不入库(已在 .gitignore 中忽略),其中包含数据库口令与加密密钥。

⚠️ app_key 一旦开始记录数据就不能再改(换掉即解不开已有数据), 并且它必须单独备份 —— 密钥丢失等同于数据永久丢失。

隐私

身份证号、手机号属于敏感个人信息,一律加密存储。 (就家庭自用而言,身份证号其实没有多少必须存的场景,启用前请三思。)

图标

见 assets/icons/。概念是「这本书就是家」:屋顶即一本摊开的书, 屋顶下纸做的墙上,三行横线是这个家写下的日子。

开源协议

Apache License 2.0

S
Description
家书,记录家庭的全部生活,一个家庭用岁月写成的书。
Readme Apache-2.0
8.5 MiB
Languages
PHP 81.6%
JavaScript 9.3%
CSS 9.1%