UX: Routenübersicht-Cards nutzen gleiche Pill-Darstellung wie Detail
This commit is contained in:
parent
01a499b740
commit
26bcd07f84
2 changed files with 10 additions and 12 deletions
|
|
@ -591,17 +591,15 @@ window.Page_routes = (() => {
|
|||
<div class="rk-card-body">
|
||||
${authorLine}
|
||||
<div class="rk-card-name">${UI.escape(r.name)}</div>
|
||||
<div class="rk-card-stats">
|
||||
${dist ? `<span>${UI.icon('map-trifold')} ${dist}</span>` : ''}
|
||||
${dur ? `<span>${UI.icon('timer')} ${dur}</span>` : ''}
|
||||
${terrain ? `<span>${terrain}</span>` : ''}
|
||||
${paws ? `<span title="Hundetauglichkeit">${paws}</span>` : ''}
|
||||
</div>
|
||||
<div class="rk-card-tags">
|
||||
${isDiscover ? '' : privBadge}
|
||||
${diffLabel ? `<span class="rk-badge rk-badge--${r.schwierigkeit}">${diffLabel}</span>` : ''}
|
||||
${r.schatten ? `<span class="rk-badge">${UI.icon('tree')} Schatten</span>` : ''}
|
||||
${r.leine_empfohlen ? `<span class="rk-badge">${UI.icon('link')} Leine</span>` : ''}
|
||||
<div style="display:flex;flex-wrap:wrap;gap:5px;margin:var(--space-2) 0">
|
||||
${dist ? _pill(dist, '#f1f5f9','#475569','#e2e8f0') : ''}
|
||||
${dur ? _pill(dur, '#f1f5f9','#475569','#e2e8f0') : ''}
|
||||
${diffLabel ? _pill(diffLabel,
|
||||
({leicht:'#dcfce7',mittel:'#fef9c3',anspruchsvoll:'#fee2e2'})[r.schwierigkeit]||'#f1f5f9',
|
||||
({leicht:'#15803d',mittel:'#92400e',anspruchsvoll:'#991b1b'})[r.schwierigkeit]||'#475569',
|
||||
({leicht:'#bbf7d0',mittel:'#fde68a',anspruchsvoll:'#fecaca'})[r.schwierigkeit]||'#e2e8f0') : ''}
|
||||
${r.hunde_tauglichkeit ? _pill(HUNDE_TEXT[r.hunde_tauglichkeit]||'', '#fef3c7','#92400e','#fde68a') : ''}
|
||||
${!isDiscover && !r.is_public ? _pill('Privat','#dbeafe','#1d4ed8','#bfdbfe') : ''}
|
||||
</div>
|
||||
<div class="rk-card-footer">
|
||||
<div class="rk-stars">${_starsHTML(r.id, r.bewertung||0, r.anz_bewertungen||0)}</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue