Files
pulp-console/app/templates/partials/repo_list.html
Hyemin Lee 15bb0994be style: mono data font, compact actions, polish, favicon; slow status poll to 30s
- JetBrains Mono(로컬 동봉) → 저장소명/버전/패키지수/시각 등 영문·숫자 데이터에 적용
- 동기화/배포 버튼 컴팩트(btn-sm) + 액션 셀 높이 고정(row-action)으로 행 점프 제거
- 표 행 높이/hover, 요약 카드 강조(동기화중=blue, GPG통과=mint) + hover, 버튼 누름 피드백
- 연결 상태 폴링 10s → 30s
- SVG favicon (Toss blue 라운드 사각 + 스냅샷 레이어)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-17 13:53:49 +09:00

52 lines
2.2 KiB
HTML

<div id="repo-list">
{% if error %}
<p role="alert" class="status-line status-bad">저장소 목록을 불러오지 못했습니다: {{ error }}</p>
{% else %}
<div class="summary">
<div class="card"><div class="value">{{ summary.total }}</div><div class="label">전체 저장소</div></div>
<div class="card"><div class="value{% if summary.syncing %} is-accent{% endif %}">{{ summary.syncing }}</div><div class="label">동기화 중</div></div>
<div class="card"><div class="value is-success">{{ summary.gpg_pass }}</div><div class="label">GPG 검증 통과</div></div>
<div class="card"><div class="value">{{ summary.total_packages }}</div><div class="label">총 패키지</div></div>
</div>
{% if repos %}
<div class="table-card">
<table>
<thead>
<tr>
<th>저장소</th>
<th>검증</th>
<th class="num">최신 버전</th>
<th class="num">패키지 수</th>
<th>마지막 동기화</th>
<th></th>
</tr>
</thead>
<tbody>
{% for repo in repos %}
<tr>
<td class="repo-name"><a href="/repos/{{ repo.uuid }}/versions">{{ repo.name }}</a></td>
<td><span class="badge badge-{{ repo.gpg.level }}">{{ repo.gpg.label }}</span></td>
<td class="num">{% if repo.latest_version is not none %}v{{ repo.latest_version }}{% else %}—{% endif %}</td>
<td class="num">{% if repo.package_count is not none %}{{ repo.package_count }}{% else %}—{% endif %}</td>
<td class="mono">{{ repo.last_sync or "—" }}</td>
<td>
<div id="sync-{{ repo.uuid }}" class="row-action">
<button class="secondary btn-sm"
hx-post="/repos/{{ repo.uuid }}/sync"
hx-target="#sync-{{ repo.uuid }}"
hx-swap="innerHTML"
hx-disabled-elt="this">동기화</button>
</div>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% else %}
<p>등록된 저장소가 없습니다.</p>
{% endif %}
{% endif %}
</div>