FamilyBook/templates/settings/me.php

<?php
/**
 * 个人设置 —— 「我自己的」设置。
 *
 * 与「系统设置」（?r=settings，仅管理员）的分工：
 *   · 系统设置改一次**全家都变**：家庭 slogan、附件存储、运行环境；
 *   · 个人设置只影响**我自己看到的样子**：我的资料、我怎么称呼别人、
 *     名册里分组的先后顺序、以及关系分类的增删改名。
 *
 * ⚠️ 关于「顺序」与「分类」这两个都不在系统设置里，理由是：
 *   分类是全家共用的一套（老杨的同事，对全家来说都是同事），所以它写在共享的表里；
 *   但**哪一组排前面纯属个人习惯** —— 爸爸把「家人」排第一、妈妈把「亲戚」排第一，
 *   这种偏好存在 user_settings 里，跟 family 级的 settings 严格分开，
 *   免得"改一个人的偏好"误伤到全家。
 */
$groupCounts = $groupCounts ?? [];
$groupTotal  = count($groups);
?>
<div class="page-head">
  <h1>个人设置</h1>
  <span class="sub">只影响你自己看到的样子</span>
  <div class="actions">
    <a class="btn btn-ghost btn-sm" href="<?= e(url('people/show', ['id' => (int)$person['id']])) ?>">看我的详情页</a>
    <?php if (\App\Auth::isAdmin()): ?>
      <a class="btn btn-ghost btn-sm" href="<?= e(url('settings')) ?>">系统设置</a>
    <?php endif; ?>
  </div>
</div>

<h2 class="section-title" id="me-profile">我的资料 <span class="hint">姓名、头像、生日、联系方式</span></h2>
<?php require __DIR__ . '/_profile.php'; ?>

<div class="stack-gap"></div>
<?php require __DIR__ . '/_nicknames.php'; ?>

<!-- ==================== 名册分组的先后顺序 ==================== -->
<div class="card card-pad" style="margin-top:20px">
  <h2 class="section-title">
    名册分组顺序
    <span class="hint">只影响你自己看到的顺序</span>
  </h2>
  <p class="small muted" style="margin:0 0 16px">
    名册是按「关系分组」分栏显示的。分组本身是全家共用的一套，
    但<b>哪一组排前面是你自己的习惯</b> —— 你在这里调，别人看到的顺序不变。
    <?php if ($groupTotal > 1): ?><br>用 ▲ ▼ 把它挪到你要的位置，挪一下就存一次。<?php endif; ?>
  </p>

  <?php if (!$groups): ?>
    <p class="small muted" style="margin:0">还没有分组。</p>
  <?php else: ?>
    <ol class="order-list">
      <?php foreach ($groups as $i => $g): $gid = (int)$g['id']; ?>
        <li class="order-row">
          <span class="order-no"><?= $i + 1 ?></span>
          <span class="order-name"><?= e((string)$g['name']) ?></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 ?>">
            <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; ?>
</div>

<!-- ==================== 关系分类的增删改名 ==================== -->
<div class="card card-pad" style="margin-top:20px">
  <h2 class="section-title">
    关系分类管理
    <span class="hint">分类是全家共用的</span>
  </h2>
  <p class="small muted" style="margin:0 0 16px">
    预置了「家人 / 亲戚 / 同事 / 朋友 / 合作伙伴 / 认识 / 不熟」七个。
    <b>不够用就自己加</b>，叫法不合适就改名。
    分类是全家共用的一套（你加的，家里人都会看到）——
    因为「老杨的同事」对全家来说都是同事，各人各定一套会让名册没法看。
    <br>
    删掉一个分类<b>不会删掉人</b>：那一组人会变成「未分类」，在名册里提醒你重新归类。
  </p>

  <form method="post" action="<?= e(url('settings/groups/add')) ?>" class="inline-form">
    <?= csrf_field() ?>
    <label class="sr-only" for="newGroup">新分类名</label>
    <input class="input" id="newGroup" name="name" maxlength="20" placeholder="例如：邻居、球友、老同学">
    <button class="btn btn-sm" type="submit">加一个分类</button>
  </form>

  <?php if ($groups): ?>
    <ul class="group-manage">
      <?php foreach ($groups 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 ?>">
            <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 ?>">
              <span class="small muted">这组的人会变成「未分类」，确定？</span>
              <button class="btn btn-ghost btn-sm danger" type="submit">确认删除</button>
            </form>
          </details>
        </li>
      <?php endforeach; ?>
    </ul>
  <?php endif; ?>
</div>