家谱卡片重做 / 首页控制台 / 名册改列表 / 重复日程与旅程公开
用户 2026-10-03 提的四条:
① 家谱卡片重做
· 去掉「⇄ 姻亲」按钮,改成**每个人**卡片右下角都有「以 TA 为中心」
(点了以他重画一张家谱,涵盖原来的姻亲场景)。
· 头像外框改**长方形**(96×72,宽度贴合头像),object-fit: contain 不裁切,
姓名/称呼在头像下方。
· 修「点右下角按钮误进成员页」:卡片不再整张是 <a>,
只有姓名是链接,右下角是独立的 <button>(物理上分开,不抢点击)。
② 家谱文案与按钮清理
· 去掉副标题与下方图例说明;整块去掉「看全部 / 回到我 / 回到我的家谱」
(顺带消掉"出现两个回到我的家谱")。镜头由库自动 fit,拖拽/滚轮即可。
③ 首页控制台
· 标题下显示个人 slogan;去掉右侧三个统计;「我的资料/我的家谱」换成图标按钮;
去掉与导航条重复的「名册」按钮。
· 去掉「接下来的日子」(生日归到"未来七天"里,不再重复)。
· 新增统计信息块:按时段随机问候 + 今日天气(Open-Meteo,免 key,可留空不显示)
+ 近七天日程/待办/逾期数。
· 新增各模块小结卡(任务/日程/纪念日/观影/旅程/财务/名册/家谱/资源)。
· 个人设置新增「首页上的模块」:可勾选与拖动排序(每人一份,存 user_settings)。
· 保留「往年的今天」。
④ 名册改列表
· 卡片网格 → **竖向列表**:左头像、中间姓名+与我的关系+手机号+生日。
· 修拖动「只能往后不能往前」:落点改为显式记录"插到谁前面/后面",
并排除被拖元素自身。
· 去掉那句拖动提示(能力保留)。
· 搜索新增**姓名首字母**检索(y / yy / yyq 都命中「杨永全」):
新 app/Pinyin.php,intl 优先 + 内置常用字表兜底(本地无 intl 也能测);
纯字母/数字查询词不走 SQL LIKE(拼音与加密手机号在库里都比不了)。
附带上两轮的收尾:
· 菜单点外部自动关闭(全局事件委托,覆盖所有 details.menu)。
· 旅程 is_public:列表与日历只显示公开的;详情页不拦(不丢数据)。
· 重复日程:新 app/Repeat.php(RRULE 解析/生成/展开,含"工作日"),
新表 calendar_event_skips(RFC 的 EXDATE);日历按规则展开;
编辑支持三档「全部 / 这一次及以后 / 仅此一次」。
· 结束时间可添加/去掉,并随开始时间联动。
验证:端到端 772 项通过 / 0 失败;几何 368、交互 97、移动端 516、家谱 26、
升级 123 全绿;SQL 列名静态校验 0 处可疑;部署 11 条线上探针全过。
This commit is contained in:
@@ -56,12 +56,21 @@ $evIsAllDay = array_key_exists('all_day', $evF) ? !empty($evF['all_day']) : $evA
|
||||
$dtValue = $evF['starts_at'] ?? null; $dtRequired = true; $dtSeconds = true;
|
||||
require __DIR__ . '/../_datetime.php'; ?>
|
||||
</div>
|
||||
<div class="field ev-dt" data-dt>
|
||||
<?php /* 用户 2026-10-03 第 6 条:「添加结束日期与时间」——
|
||||
结束是可选的:没填就表示"就一个时刻/就这一天",填了才画成一段。
|
||||
所以给一个显式开关,而不是让人对着空控件猜"不填行不行"。 */ ?>
|
||||
<?php $hasEnd = trim((string)($evF['ends_at'] ?? '')) !== ''; ?>
|
||||
<div class="field ev-dt" data-dt id="ev-end-field"<?= $hasEnd ? '' : ' hidden' ?>>
|
||||
<label>结束</label>
|
||||
<?php $dtName = 'ends_at'; $dtId = 'ev-end';
|
||||
$dtValue = $evF['ends_at'] ?? null; $dtRequired = false; $dtSeconds = true;
|
||||
require __DIR__ . '/../_datetime.php'; ?>
|
||||
</div>
|
||||
<div class="field" id="ev-end-add">
|
||||
<label>结束时间</label>
|
||||
<button type="button" class="btn btn-ghost btn-sm" id="ev-end-add-btn">+ 添加结束时间</button>
|
||||
<span class="field-hint">不填就表示没有明确的结束(只占开始那一刻/那一天)</span>
|
||||
</div>
|
||||
|
||||
<div class="field">
|
||||
<label>
|
||||
@@ -72,6 +81,40 @@ $evIsAllDay = array_key_exists('all_day', $evF) ? !empty($evF['all_day']) : $evA
|
||||
<span class="field-hint">勾上就不管具体几点,只占这一天</span>
|
||||
</div>
|
||||
|
||||
<?php /* 用户 2026-10-03 第 5、6 条:重复日程。
|
||||
放在「全天」之后的自然位置:先定"哪一天/几点",再定"要不要重复"。
|
||||
周期用 FREQ 记号,结束条件三档(一直 / N 次 / 到某天),另加"工作日"。 */ ?>
|
||||
<div class="field">
|
||||
<label for="ev-freq">重复</label>
|
||||
<select class="select" id="ev-freq" name="freq">
|
||||
<?php $rp = \App\Repeat::parse((string)($evF['rrule'] ?? '')); ?>
|
||||
<?php foreach (\App\Repeat::FREQS as $k => $w): ?>
|
||||
<option value="<?= e($k) ?>"<?= (string)$rp['freq'] === (string)$k ? ' selected' : '' ?>><?= e($w) ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="field" id="ev-rep-end-box" hidden>
|
||||
<label for="ev-rep-end">结束条件</label>
|
||||
<select class="select" id="ev-rep-end" name="rep_end">
|
||||
<?php foreach (\App\Repeat::ENDS as $k => $w): ?>
|
||||
<option value="<?= e($k) ?>"<?= $rp['count'] > 0 ? '' : '' ?>><?= e($w) ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="field" id="ev-rep-count-box" hidden>
|
||||
<label for="ev-rep-count">重复次数(含第一次)</label>
|
||||
<input class="input" type="number" min="1" max="2000" id="ev-rep-count" name="rep_count"
|
||||
value="<?= (int)($rp['count'] ?: 10) ?>">
|
||||
</div>
|
||||
|
||||
<div class="field" id="ev-rep-until-box" hidden>
|
||||
<label for="ev-rep-until">重复到</label>
|
||||
<input class="input" type="date" id="ev-rep-until" name="rep_until"
|
||||
value="<?= e((string)($rp['until'] ?? '')) ?>">
|
||||
</div>
|
||||
|
||||
<div class="field">
|
||||
<label for="ev-status">状态</label>
|
||||
<select class="select" id="ev-status" name="status">
|
||||
@@ -115,6 +158,106 @@ $evIsAllDay = array_key_exists('all_day', $evF) ? !empty($evF['all_day']) : $evA
|
||||
}
|
||||
box.addEventListener('change', sync);
|
||||
sync();
|
||||
|
||||
/* ---- 用户第 6 条:结束时间 ----
|
||||
① 「+ 添加结束时间」把结束控件放出来;
|
||||
② 结束时间**默认跟着开始时间走**:改了开始,若结束还没填(或原本等于旧开始),
|
||||
就把结束同步过去 —— 常见用法是"改个开始,结束忘了改",结果时长莫名其妙。
|
||||
但只要用户**自己动过结束**,就不再自动同步(别抢用户的输入)。 */
|
||||
var startBox = document.querySelector('[data-dt] input.dt-date');
|
||||
var endField = document.getElementById('ev-end-field');
|
||||
var endAdd = document.getElementById('ev-end-add');
|
||||
var endAddBtn = document.getElementById('ev-end-add-btn');
|
||||
var startField = document.querySelector('.field.ev-dt');
|
||||
function endInputs() {
|
||||
if (!endField) return [];
|
||||
return Array.prototype.slice.call(endField.querySelectorAll('input, select'));
|
||||
}
|
||||
function showEnd(on) {
|
||||
if (endField) { endField.hidden = !on; }
|
||||
if (endAdd) { endAdd.hidden = on; }
|
||||
}
|
||||
var endTouched = false;
|
||||
endInputs().forEach(function (el) {
|
||||
el.addEventListener('change', function () { endTouched = true; });
|
||||
});
|
||||
if (endAddBtn) {
|
||||
endAddBtn.addEventListener('click', function () { showEnd(true); endTouched = false; });
|
||||
}
|
||||
// 移除结束(改回"没有结束")
|
||||
if (endField && !endField.querySelector('.ev-end-del')) {
|
||||
var del = document.createElement('button');
|
||||
del.type = 'button';
|
||||
del.className = 'btn btn-ghost btn-sm ev-end-del';
|
||||
del.textContent = '去掉结束时间';
|
||||
del.addEventListener('click', function () {
|
||||
endInputs().forEach(function (el) {
|
||||
if (el.tagName === 'SELECT') { el.value = '00'; }
|
||||
else { el.value = ''; }
|
||||
});
|
||||
showEnd(false);
|
||||
endTouched = false;
|
||||
});
|
||||
endField.appendChild(del);
|
||||
}
|
||||
// 开始变了 → 结束(若没被手动改过)跟着走同一时刻
|
||||
if (startField) {
|
||||
startField.addEventListener('change', function () {
|
||||
if (endTouched || !endField || endField.hidden) return;
|
||||
var sd = startField.querySelector('input.dt-date');
|
||||
var sh = startField.querySelector('select.dt-hour');
|
||||
var sm = startField.querySelector('select.dt-minute');
|
||||
var ss = startField.querySelector('select.dt-second');
|
||||
var ed = endField.querySelector('input.dt-date');
|
||||
var eh = endField.querySelector('select.dt-hour');
|
||||
var em = endField.querySelector('select.dt-minute');
|
||||
var es = endField.querySelector('select.dt-second');
|
||||
if (sd && ed) { ed.value = sd.value; }
|
||||
if (sh && eh) { eh.value = sh.value; }
|
||||
if (sm && em) { em.value = sm.value; }
|
||||
if (ss && es) { es.value = ss.value; }
|
||||
});
|
||||
}
|
||||
// 初值由服务端决定(有 ends_at 就是展开的),JS 只负责"之后"的显隐
|
||||
showEnd(<?= $hasEnd ? 'true' : 'false' ?>);
|
||||
|
||||
/* 重复:选了周期才显示"结束条件";结束条件选"次数"才显示次数框、选"到某天"才显示日期框。
|
||||
三个框默认都 hidden —— 不重复时一个都不该出现(少即是清楚)。 */
|
||||
var freq = document.getElementById('ev-freq');
|
||||
var endBox = document.getElementById('ev-rep-end-box');
|
||||
var endSel = document.getElementById('ev-rep-end');
|
||||
var cntBox = document.getElementById('ev-rep-count-box');
|
||||
var untilBox = document.getElementById('ev-rep-until-box');
|
||||
function syncRep() {
|
||||
if (!freq || !endBox) return;
|
||||
var repeating = freq.value !== '';
|
||||
endBox.hidden = !repeating;
|
||||
var how = endSel ? endSel.value : 'never';
|
||||
if (cntBox) { cntBox.hidden = !repeating || how !== 'count'; }
|
||||
if (untilBox) { untilBox.hidden = !repeating || how !== 'until'; }
|
||||
}
|
||||
if (freq) { freq.addEventListener('change', syncRep); }
|
||||
if (endSel) { endSel.addEventListener('change', syncRep); }
|
||||
// 回填:编辑一条已有的重复日程时,把结束条件按库里的值选对
|
||||
<?php if ($rp['count'] > 0): ?>
|
||||
if (endSel) { endSel.value = 'count'; }
|
||||
<?php elseif ($rp['until'] !== ''): ?>
|
||||
if (endSel) { endSel.value = 'until'; }
|
||||
<?php endif; ?>
|
||||
syncRep();
|
||||
|
||||
/* 「全天」+「重复」的组合提示:重复日程必须有开始日期,
|
||||
否则展开时找不到锚点(后端会当成"不重复"处理)。 */
|
||||
var startDate = document.querySelector('[data-dt] input.dt-date');
|
||||
if (freq && startDate) {
|
||||
freq.addEventListener('change', function () {
|
||||
if (freq.value !== '' && startDate.value === '') {
|
||||
startDate.setCustomValidity('重复日程要先选开始日期');
|
||||
} else {
|
||||
startDate.setCustomValidity('');
|
||||
}
|
||||
});
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
<?php unset($evF, $evAllDayDefault, $evIsAllDay, $evFields, $evAllDay); ?>
|
||||
|
||||
@@ -63,6 +63,36 @@ $canWrite = \App\Auth::canWrite() && !empty($ev['_can_write']);
|
||||
<?= csrf_field() ?>
|
||||
<input type="hidden" name="id" value="<?= (int)$ev['id'] ?>">
|
||||
<input type="hidden" name="ym" value="<?= e($ym) ?>">
|
||||
<?php /* 这一次是哪一天:从日历点进来时 URL 带 ?d=YYYY-MM-DD。
|
||||
"仅此一次 / 这一次及以后"都要靠它定位。 */ ?>
|
||||
<input type="hidden" name="occ" value="<?= e($occ ?? '') ?>">
|
||||
|
||||
<?php /* 用户 2026-10-03 第 5 条:改一条**重复**日程时,先选"改哪些"。
|
||||
只在它真的重复时才出现 —— 不重复的日程问这个是多余的。 */ ?>
|
||||
<?php if (trim((string)($ev['rrule'] ?? '')) !== ''): ?>
|
||||
<div class="card card-pad ev-scope">
|
||||
<b>这是一条重复日程</b>
|
||||
<p class="small muted" style="margin:6px 0 10px">
|
||||
<?= e(\App\Repeat::describe((string)$ev['rrule'])) ?>
|
||||
<?php if (!empty($occ)): ?>
|
||||
<br>你打开的是 <b><?= e($occ) ?></b> 那一次。
|
||||
<?php endif; ?>
|
||||
</p>
|
||||
<label class="chk-inline"><input type="radio" name="scope" value="all" checked>
|
||||
<span>改<b>全部</b>(整条系列)</span></label>
|
||||
<?php if (!empty($occ)): ?>
|
||||
<label class="chk-inline"><input type="radio" name="scope" value="future">
|
||||
<span>改<b>这一次及以后</b>(<?= e($occ) ?> 起,过去的保持不变)</span></label>
|
||||
<label class="chk-inline"><input type="radio" name="scope" value="once">
|
||||
<span>只改<b>这一次</b>(<?= e($occ) ?>)</span></label>
|
||||
<?php else: ?>
|
||||
<p class="small muted" style="margin:6px 0 0">
|
||||
(从日历点某一天的日程进来,才能选「只改这一次 / 这一次及以后」。)
|
||||
</p>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="form-grid">
|
||||
<?php $evFields = $ev; $evAllDay = false; require __DIR__ . '/_event_fields.php'; ?>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user