FamilyBook/templates/books/stats.php

<?php
/**
 * 读书统计（v24 第 14 批 用户第 5 条：「有统计功能」）。
 *
 * 图表**全用纯 CSS**（与观影统计同一条规矩）：项目没有前端构建，
 * 为几张小图引一个几百 KB 的图表库不划算，而且服务端画出来的图
 * 在没有 JS 的浏览器里也照样看得见。
 *
 * ⚠️ 版式一律**复用观影统计那套现成的类**（.stats-grid / .stat-card / .chart-card /
 *    .bar-chart / .vgrid），不另造一套并行的图表骨架 —— 造过一次，
 *    结果是同一个站点里两张统计图长得像两个产品。
 *
 * @param array $s Book::stats() 的产物
 */
$s       = $s ?? [];
$st      = $s['status'] ?? [];
$byYear  = $s['byYear'] ?? [];
$dist    = $s['ratingDist'] ?? [];
$maxYear = 1;
foreach ($byYear as $r) {
    $maxYear = max($maxYear, (int)$r['n']);
}
$maxRate = 1;
foreach ($dist as $n) {
    $maxRate = max($maxRate, (int)$n);
}
$maxAuthor = 1;
foreach ($s['topAuthors'] ?? [] as $a) {
    $maxAuthor = max($maxAuthor, (int)$a['n']);
}
$maxCat = 1;
foreach ($s['topCategories'] ?? [] as $c) {
    $maxCat = max($maxCat, (int)$c['n']);
}
$num = static function ($v): string {
    return number_format((int)$v);
};
?>
<div class="page-head">
  <h1>读书统计</h1>
  <span class="sub">书架上一共 <?= (int)($s['total'] ?? 0) ?> 本</span>
  <div class="actions">
    <a class="btn btn-ghost" href="<?= e(url('books')) ?>">返回书架</a>
    <?php $bkSetCurrent = 'stats'; require __DIR__ . '/_settings_menu.php'; ?>
  </div>
</div>

<div class="stats-grid">
  <div class="stat-card"><div class="number"><?= (int)($st['done'] ?? 0) ?></div><div class="label">读完</div></div>
  <div class="stat-card"><div class="number"><?= (int)($st['reading'] ?? 0) ?></div><div class="label">在读</div></div>
  <div class="stat-card"><div class="number"><?= (int)($st['wish'] ?? 0) ?></div><div class="label">想读</div></div>
  <div class="stat-card"><div class="number"><?= (int)($st['paused'] ?? 0) ?></div><div class="label">搁置</div></div>
  <div class="stat-card">
    <div class="number"><?= (int)($s['words'] ?? 0) > 0 ? e(\App\Book::wordsWord($s['words'])) : '—' ?></div>
    <div class="label">读完的总字数</div>
  </div>
  <div class="stat-card">
    <div class="number"><?= (int)($s['pages'] ?? 0) > 0 ? $num($s['pages']) : '—' ?></div>
    <div class="label">读完的总页数</div>
  </div>
  <div class="stat-card"><div class="number"><?= (int)($s['notes'] ?? 0) ?></div><div class="label">笔记条数</div></div>
  <div class="stat-card">
    <div class="number"><?= (int)($s['rated'] ?? 0) > 0 ? (float)$s['avgRate'] : '—' ?></div>
    <div class="label">平均评分</div>
  </div>
</div>

<div class="chart-card">
  <h3>这些年来，每年读完几本 <span class="hint">按「读完那天」算</span></h3>
  <?php if (!$byYear): ?>
    <p class="empty-hint">还没有标完「读完」的书。读完一本，这里就多一根。</p>
  <?php else: ?>
    <div class="vgrid vgrid-auto">
      <?php foreach ($byYear as $r): ?>
        <?php $h = (int)round((int)$r['n'] * 100 / $maxYear); ?>
        <div class="vcol">
          <span class="vnum"><?= (int)$r['n'] ?></span>
          <span class="vbar" style="height: <?= max(3, $h) ?>%"></span>
          <span class="vlab"><?= e((string)$r['y']) ?></span>
        </div>
      <?php endforeach; ?>
    </div>
  <?php endif; ?>
</div>

<div class="chart-card">
  <h3>评分分布 <span class="hint">0 ～ 10 分各有几本</span></h3>
  <?php if ((int)($s['rated'] ?? 0) === 0): ?>
    <p class="empty-hint">还没给任何一本书打过分。</p>
  <?php else: ?>
    <div class="vgrid vgrid-auto">
      <?php foreach ($dist as $score => $n): ?>
        <?php $h = (int)round((int)$n * 100 / $maxRate); ?>
        <div class="vcol">
          <span class="vnum"><?= (int)$n ?></span>
          <span class="vbar" style="height: <?= max(3, $h) ?>%"></span>
          <span class="vlab"><?= (int)$score ?></span>
        </div>
      <?php endforeach; ?>
    </div>
  <?php endif; ?>
</div>

<div class="chart-card">
  <h3>读得最多的作者 <span class="hint">书架上有几本他的书</span></h3>
  <?php if (!($s['topAuthors'] ?? [])): ?>
    <p class="empty-hint">书里还没填作者。</p>
  <?php else: ?>
    <div class="bar-chart">
      <?php foreach ($s['topAuthors'] as $a): ?>
        <div class="bar-item">
          <span class="bar-label"><?= e((string)$a['name']) ?></span>
          <span class="bar-track">
            <span class="bar-fill" style="width: <?= (int)round((int)$a['n'] * 100 / $maxAuthor) ?>%"></span>
          </span>
          <span class="bar-count"><?= (int)$a['n'] ?></span>
        </div>
      <?php endforeach; ?>
    </div>
  <?php endif; ?>
</div>

<div class="chart-card">
  <h3>分类 <span class="hint">书架上的书都堆在哪几类</span></h3>
  <?php if (!($s['topCategories'] ?? [])): ?>
    <p class="empty-hint">还没有给书分类。编辑一本书时填「分类」就有了。</p>
  <?php else: ?>
    <div class="bar-chart">
      <?php foreach ($s['topCategories'] as $c): ?>
        <div class="bar-item">
          <span class="bar-label"><?= e((string)$c['name']) ?></span>
          <span class="bar-track">
            <span class="bar-fill bar-fill-alt" style="width: <?= (int)round((int)$c['n'] * 100 / $maxCat) ?>%"></span>
          </span>
          <span class="bar-count"><?= (int)$c['n'] ?></span>
        </div>
      <?php endforeach; ?>
    </div>
  <?php endif; ?>
</div>