Files
FamilyBook/templates/kin/tree.php
T

84 lines
3.7 KiB
PHP
Raw Normal View History

<?php
/**
* 我的家谱:以我为中心,向上向下各三代。
*
* 只做「呈现 + 说清楚推导规则」两件事 —— 关系的录入在成员详情页,
* 因为那里有具体的人,比在一张图上点来点去更好理解。
*/
$gens = $tree['generations'];
$nodes = $tree['nodes'];
$me = $nodes[$meId] ?? null;
// 代数 → 人类说法
$genWord = function (int $level): string {
if ($level === 0) {
return '我这一辈'; // ⚠️ 必须先判 0:它既不 <0 也不在 $down 里,
// 漏判就会显示成「下 0 代」这种没人看得懂的东西
}
if ($level < 0) {
$up = [-3 => '曾祖辈', -2 => '祖辈', -1 => '父母辈'];
return $up[$level] ?? '上 ' . abs($level) . ' 代';
}
$down = [1 => '子女辈', 2 => '孙辈', 3 => '曾孙辈'];
return $down[$level] ?? '下 ' . $level . ' 代';
};
?>
<div class="page-head">
<h1>我的家谱</h1>
<span class="sub">以 <?= e(\App\Auth::name()) ?> 为中心 · 上下各三代</span>
</div>
<?php if (!$nodes || count($nodes) <= 1): ?>
<div class="empty">
<b>还没连上任何亲属关系</b>
到「<?= e($me['name'] ?? '自己') ?>」的资料页,把父母、配偶、子女填进去,
这张家谱就会自动长出来。兄弟姐妹不用单独填 —— 只要你们有同一对父母,就会自动认出来。
</div>
<?php else: ?>
<div class="tree">
<?php foreach ($gens as $level => $ids): ?>
<div class="tree-gen">
<div class="tree-gen-label">
<span class="gname"><?= e($genWord((int)$level)) ?></span>
<span class="gtag"><?= (int)$level === 0 ? '中心' : ((int)$level < 0 ? '上 ' . abs((int)$level) . ' 代' : '下 ' . (int)$level . ' 代') ?></span>
</div>
<div class="tree-row">
<?php foreach ($ids as $id): $n = $nodes[$id]; ?>
<a class="tnode <?= (int)$id === $meId ? 'is-me' : '' ?> <?= $n['ph'] ? 'is-placeholder' : '' ?>"
href="<?= e(url('people/show', ['id' => $n['id']])) ?>"
title="<?= e($n['name'] . ' · ' . $n['label']) ?>">
<span class="tph"><img src="<?= e(avatar_url($n['avatar'])) ?>" alt=""></span>
<span class="tname"><?= e($n['name']) ?></span>
<span class="tlabel"><?= e($n['label']) ?></span>
<?php if ($n['ph']): ?><span class="tph-mark">待确认</span><?php endif; ?>
</a>
<?php endforeach; ?>
</div>
</div>
<?php if ((int)$level !== (int)array_key_last($gens)): ?>
<div class="tree-link"></div>
<?php endif; ?>
<?php endforeach; ?>
</div>
<div class="card card-pad" style="margin-top:24px">
<h2 class="section-title">这张图是怎么来的 <span class="hint">只存两代,其余推导</span></h2>
<p class="small muted" style="margin:0 0 10px">
系统里只记录**相邻两代之间**的关系:谁是谁的父母、谁和谁是配偶。
至于「奶奶是谁」,是顺着「我的父亲 → 我父亲的母亲」两级边推出来的。
这样每条关系只需维护一次,同一个人在每个人眼里还会自动变成不同的称呼。
</p>
<p class="small muted" style="margin:0">
兄弟姐妹也不单独存档 —— 只要你们有同一对父母,系统就会把你们认成一家人,
并按排行显示成哥哥/姐姐/弟弟/妹妹、长子/次女。
</p>
</div>
<div class="btn-row">
<a class="btn btn-ghost" href="<?= e(url('people/show', ['id' => $meId])) ?>">补充我的亲属关系</a>
<a class="btn btn-ghost" href="<?= e(url('people')) ?>">看整个名册</a>
</div>
<?php endif; ?>