Folder Management Card (Complete)

Gallery 頁面的核心元件，包含資料夾管理、手動輸入、輸出資訊和 Hero 按鈕

掃描資料夾
D:\Videos\JAV
/Users/username/Movies/Adult
\\NAS\Media\AV Collection
輸出: output/avlist_output.html
設定

Empty State

掃描資料夾

尚未加入任何資料夾

點擊上方按鈕或拖曳資料夾至此

<div class="avlist-card">
  <div class="avlist-card-header">
    <div class="title">
      <i class="bi bi-folder"></i> <span>掃描資料夾</span>
    </div>
    <div class="actions">
      <button class="btn-icon">...</button>
    </div>
  </div>

  <div class="avlist-card-body">
    <!-- 手動輸入列 -->
    <div class="manual-input">...</div>

    <!-- 資料夾列表 -->
    <div class="folder-list">
      <div class="folder-item">...</div>
    </div>
  </div>

  <!-- 輸出資訊 -->
  <div class="output-info">...</div>

  <!-- Hero 按鈕 -->
  <div class="action-section">
    <button class="btn-hero btn-hero-primary">產生網頁</button>
  </div>
</div>

Stats Card + NFO Update

Gallery 產生完成後的統計資訊與 NFO 補全提示區塊

快取影片: 1,234 部
上次執行: 2026-01-15 10:30 (新增 23 部)
需補全: 15 部
需補齊圖片: 8 部

Button States

Default

Loading

Completed

Jellyfin Image Button States

Default

Loading

Completed

<div class="stats-card">
  <div class="stats-row">
    <div class="stat-item">
      <i class="bi bi-collection-play"></i>
      <span>快取影片: <span class="stat-value">1,234</span> 部</span>
    </div>
    <div class="stat-item">
      <span>上次執行: 2026-01-15 10:30</span>
    </div>
  </div>

  <div class="nfo-update-row">
    <span class="nfo-badge">
      <i class="bi bi-exclamation-circle"></i>
      需補全: <strong>15</strong> 部
    </span>
    <button class="btn-nfo-update">
      <i class="bi bi-magic"></i> 補全 NFO
    </button>
  </div>

  <!-- Jellyfin Image Row -->
  <div class="nfo-update-row">
    <span class="nfo-badge">
      <i class="bi bi-image"></i>
      需補齊圖片: <strong>8</strong> 部
    </span>
    <button class="btn-nfo-update">
      <i class="bi bi-images"></i> 補齊圖片
    </button>
  </div>
</div>

Actress Alias Management Card

女優名稱對照管理，用於統一不同別名/英文名/舊名

女優名稱管理
23 部
0 部
將有 23 部影片的 "高橋しょう子" 改為 "高橋聖子"
miru 坂道みる (已套用 15)
aika AIKA (已套用 8)
高橋しょう子 高橋聖子 (已套用 23)

Collapsed State

女優名稱管理

Empty State

女優名稱管理
尚無別名對照
<div class="actress-alias-card">
  <div class="actress-alias-header">
    <div class="title">
      <i class="bi bi-person-badge"></i> <span>女優名稱管理</span>
    </div>
    <button class="btn-icon btn-collapse">
      <i class="bi bi-chevron-down"></i>
    </button>
  </div>

  <div class="actress-alias-body">
    <!-- Alias Form -->
    <div class="alias-form">
      <div class="alias-form-row">
        <div class="alias-input-group">
          <label>舊名稱</label>
          <input class="input input-bordered input-sm">
          <span class="alias-count">23 部</span>
        </div>
        <span class="alias-arrow">→</span>
        <div class="alias-input-group">
          <label>新名稱</label>
          <input class="input input-bordered input-sm">
        </div>
        <button class="btn-alias-add">+</button>
      </div>
    </div>

    <!-- Alias List -->
    <div class="alias-list">
      <div class="alias-item">
        <span class="alias-old">miru</span>
        <span class="alias-arrow">→</span>
        <span class="alias-new">坂道みる</span>
        <span class="alias-applied">(已套用 15)</span>
        <button class="btn-alias-delete">×</button>
      </div>
    </div>
  </div>
</div>