fix: address code review for visual layer + topbar (#4)
This commit is contained in:
@@ -25,7 +25,6 @@
|
||||
|
||||
<%- include('../partials/layout', {
|
||||
title: 'PDGA Courses - Sweden',
|
||||
heading: 'PDGA Courses - Sweden',
|
||||
activePage: 'courses',
|
||||
cssFiles: ['courses.css'],
|
||||
jsFiles: ['courses.js'],
|
||||
|
||||
@@ -56,7 +56,6 @@
|
||||
|
||||
<%- include('../partials/layout', {
|
||||
title: 'PDGA Ratings',
|
||||
heading: 'PDGA Player Ratings',
|
||||
activePage: 'players',
|
||||
cssFiles: ['players.css'],
|
||||
jsFiles: ['tooltips.js', 'chart.js', 'progress.js', 'players.js'],
|
||||
|
||||
+41
-40
@@ -1,45 +1,46 @@
|
||||
<header class="topbar" id="topbar">
|
||||
<div class="topbar__inner">
|
||||
<a href="/" class="topbar__brand">
|
||||
<span class="topbar__brand-mark" aria-hidden="true">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M3 17 L9 11 L13 15 L21 6" />
|
||||
<path d="M14 6 L21 6 L21 13" />
|
||||
</svg>
|
||||
</span>
|
||||
<span class="topbar__brand-text">
|
||||
<span class="topbar__brand-title">Rating Tracker</span>
|
||||
<span class="topbar__brand-sub">Disc golf · unofficial</span>
|
||||
</span>
|
||||
</a>
|
||||
<div class="topbar__inner">
|
||||
<a href="/" class="topbar__brand">
|
||||
<span class="topbar__brand-mark" aria-hidden="true">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M3 17 L9 11 L13 15 L21 6" />
|
||||
<path d="M14 6 L21 6 L21 13" />
|
||||
</svg>
|
||||
</span>
|
||||
<span class="topbar__brand-text">
|
||||
<span class="topbar__brand-title">Rating Tracker</span>
|
||||
<span class="topbar__brand-sub">Disc golf · unofficial</span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<nav class="topbar__nav" aria-label="Primary">
|
||||
<a href="/" class="<%= activePage === 'players' ? 'active' : '' %>">Players</a>
|
||||
<a href="/courses" class="<%= activePage === 'courses' ? 'active' : '' %>">Courses</a>
|
||||
</nav>
|
||||
<nav class="topbar__nav" aria-label="Primary">
|
||||
<a href="/" class="<%= activePage === 'players' ? 'active' : '' %>">Players</a>
|
||||
<a href="/courses" class="<%= activePage === 'courses' ? 'active' : '' %>">Courses</a>
|
||||
</nav>
|
||||
|
||||
<div class="topbar__meta">
|
||||
<div class="topbar__meta-item">
|
||||
<span class="topbar__meta-label">Next update</span>
|
||||
<span class="topbar__meta-value"><%= nextUpdate %></span>
|
||||
</div>
|
||||
<div class="topbar__meta-item">
|
||||
<span class="topbar__meta-label">Last refresh</span>
|
||||
<span class="topbar__meta-value"><%= lastRefresh %></span>
|
||||
</div>
|
||||
<span class="topbar__divider" aria-hidden="true"></span>
|
||||
<button
|
||||
class="topbar__refresh"
|
||||
type="button"
|
||||
hx-post="/api/refresh-all"
|
||||
hx-target="#topbar"
|
||||
hx-swap="outerHTML"
|
||||
hx-disabled-elt="this"
|
||||
>
|
||||
<span class="topbar__refresh-icon" aria-hidden="true">↻</span>
|
||||
<span class="topbar__refresh-spinner" aria-hidden="true"></span>
|
||||
<span class="topbar__refresh-label">Refresh all</span>
|
||||
</button>
|
||||
<div class="topbar__meta">
|
||||
<div class="topbar__meta-item">
|
||||
<span class="topbar__meta-label">Next update</span>
|
||||
<span class="topbar__meta-value"><%= nextUpdate %></span>
|
||||
</div>
|
||||
<div class="topbar__meta-item">
|
||||
<span class="topbar__meta-label">Last refresh</span>
|
||||
<span class="topbar__meta-value"><%= lastRefresh %></span>
|
||||
</div>
|
||||
<span class="topbar__divider" aria-hidden="true"></span>
|
||||
<button
|
||||
class="topbar__refresh"
|
||||
type="button"
|
||||
hx-post="/api/refresh-all"
|
||||
hx-vals='{"page": "<%= activePage %>"}'
|
||||
hx-target="#topbar"
|
||||
hx-swap="outerHTML"
|
||||
hx-disabled-elt="this"
|
||||
>
|
||||
<span class="topbar__refresh-icon" aria-hidden="true">↻</span>
|
||||
<span class="topbar__refresh-spinner" aria-hidden="true"></span>
|
||||
<span class="topbar__refresh-label">Refresh all</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
Reference in New Issue
Block a user