Show user times + single level preview

This commit is contained in:
magmaus3 2022-10-30 13:03:14 +01:00
parent 1663a060d9
commit f728070815
Signed by: magmaus3
GPG key ID: 966755D3F4A9B251
3 changed files with 45 additions and 17 deletions

View file

@ -26,6 +26,9 @@
.searchResults {
font-size: 16px;
}
.times {
display: none;
}
}
@ -77,6 +80,21 @@
margin-bottom: 0.3rem;
}
.levelTitle a:link, a:visited {
color: inherit;
text-decoration: initial;
cursor: auto;
}
.levelTitle a:hover {
outline: 2px dotted blue;
}
.levelTitle a:link:active {
color: inherit;
outline: 2px dotted blue;
}
.creatorName {
justify-self: left;
text-align: left;
@ -84,10 +102,11 @@
}
.levelDescription {
overflow-x: scroll;
text-align: left;
background-color: rgba(245, 222, 179, 0.128);
padding: 1em;
font-size: 1rem;
background-color: #30303a;
padding: 0.5rem;
font-size: small;
/* justify-self: right;

View file

@ -33,10 +33,13 @@
<div class="levelDifficulty"><span>Difficulty: {{ '▲' * map['AverageUserDifficulty']|int }}</span></div>
<div class="creatorName">by <b>{{ map['CreatorName'] }}</b></div>
<div class="levelRating">{{ map['NumThumbsUp'] }} 👍 {{ map['NumThumbsDown'] }} 👎</div>
{% if map['Description'] != ''%}<div class="levelDescription">{{ map['Description'] }}</div>{% endif %}
<div class="levelCode">Code: <input type="text" onclick="copy(this)" readonly=1 value="{{ map['MapCode'] }}" /></div>
</div>
<div class="times">
<div class="FirstClear">First Clear: <b>{{ map['FirstClearUsername'] }}</b> </div>
<div class="FirstClear">First Clear: <b>{{ map['FirstClearUsername'] }}</b></div>
{% set BestTime = convert_times(map['BestTimePlaytime']) %}
<div class="BestTime">Best Time: <b>{{ map['BestTimeUsername'] }}</b> [{{ BestTime[0] }}:{{ BestTime[1] }}:{{ BestTime[2] }}]</div>
</div>
</div>

View file

@ -60,21 +60,27 @@
{% if searchResults %}
<div class="searchResults">
{% for map in searchResults %}
<div class="searchResultCard">
<div class="thumbnail"><img src="{{ THUMB_URL }}/{{ map['ID'] }}.png"></div>
<div class="details">
<div class="basic">
<div class="levelTitle">{{ map['Name'] }}</div>
<div class="levelDifficulty"><span>Difficulty: {{ '▲' * map['AverageUserDifficulty']|int }}</span></div>
<div class="creatorName">by <b>{{ map['CreatorName'] }}</b></div>
<div class="levelRating">{{ map['NumThumbsUp'] }} 👍 {{ map['NumThumbsDown'] }} 👎</div>
<div class="levelCode">Code: <input type="text" onclick="copy(this)" readonly=1 value="{{ map['MapCode'] }}" /></div>
<div class="searchResultCard">
<div class="thumbnail"><img src="{{ THUMB_URL }}/{{ map['ID'] }}.png"></div>
<div class="details">
<div class="basic">
<div class="levelTitle"><a href="/level/{{ map['ID'] }}">{{ map['Name'] }}</a></div>
<div class="levelDifficulty"><span>Difficulty: {{ '▲' * map['AverageUserDifficulty']|int }}</span></div>
<div class="creatorName">by <b>{{ map['CreatorName'] }}</b></div>
<div class="levelRating">{{ map['NumThumbsUp'] }} 👍 {{ map['NumThumbsDown'] }} 👎</div>
{% if map['Description'] != ''%}<div class="levelDescription">{{ map['Description'] }}</div>{% endif %}
<div class="levelCode">Code: <input type="text" onclick="copy(this)" readonly=1 value="{{ map['MapCode'] }}" /></div>
</div>
<div class="times">
<div class="FirstClear">First Clear: <b>{{ map['FirstClearUsername'] }}</b></div>
{% set BestTime = convert_times(map['BestTimePlaytime']) %}
<div class="BestTime">Best Time: <b>{{ map['BestTimeUsername'] }}</b> [{{ BestTime[0] }}:{{ BestTime[1] }}:{{ BestTime[2] }}]</div>
</div>
</div>
</div>
{% endfor %}
</div>
{% endfor %}
</div>
<div class="searchResultsFooter">
<p>Page {{ searchPage+1 }}</p>