FamilyBook/templates/settings/me.php

<?php
/**
 * 个人设置 —— 「我自己的」设置。
 *
 * 与「系统设置」（?r=settings，仅管理员）的分工：
 *   · 系统设置改一次**全家都变**：slogan 兜底、附件存储、运行环境、**公共分组**；
 *   · 个人设置只影响**我自己看到的样子**：我怎么称呼家人、我自己的分组。
 *
 * ⚠️ 「我的资料」表单**不在这页**（用户明确要求合并）：
 *    「编辑成员」和「改自己的资料」本来就是一件事，所以只剩
 *    `templates/people/form.php` 那一张表单，两个入口都指过去 ——
 *    这页顶部那个按钮，和名册卡片上的「编辑资料」，落到的完全是同一个页面。
 */
$groupCounts = $groupCounts ?? [];
$groupTotal  = count($groups);
$rosterCount = $rosterCount ?? 0;
?>
<div class="page-head">
  <h1>个人设置</h1>
  <span class="sub">只影响你自己看到的样子</span>
  <div class="actions">
    <a class="btn btn-sm" href="<?= e(url('people/edit', ['id' => (int)$person['id']])) ?>">编辑我的资料</a>
    <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>

<div class="card card-pad">
  <h2 class="section-title">我的资料 <span class="hint">姓名、头像、生日、联系方式</span></h2>
  <p class="small muted" style="margin:0 0 14px">
    <?= e((string)$person['name']) ?>
    <?php if (trim((string)($person['slogan'] ?? '')) !== ''): ?>
      · 「<?= e((string)$person['slogan']) ?>」
    <?php endif; ?>
    <br>
    资料的编辑表单只有一张，和「编辑成员」是同一个页面 —— 从这里进去改的就是你自己。
  </p>
  <div class="btn-row" style="margin-top:0">
    <a class="btn" href="<?= e(url('people/edit', ['id' => (int)$person['id']])) ?>">编辑我的资料</a>
    <a class="btn btn-ghost" href="<?= e(url('auth/password')) ?>">改登录密码</a>
  </div>
</div>

<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>由管理员在「系统设置」里维护（全家都能用）；
    你要是觉得不够，就在下面<b>加只给自己看的分组</b>，别人看不到、也不受影响。
    <br>
    列表里 <b>{{ 公共 }}</b> 标的是大家共用的那几个。
    哪一组排前面也是你自己的习惯，用 ▲ ▼ 调 —— 别人看到的顺序不变。
    <br>
    你的名册现在有 <b><?= (int)$rosterCount ?></b> 人。
  </p>

  <?php if (!$groups): ?>
    <p class="small muted" style="margin:0 0 14px">还没有分组。加一个吧。</p>
  <?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>