Show user times + single level preview
This commit is contained in:
parent
1663a060d9
commit
f728070815
3 changed files with 45 additions and 17 deletions
|
@ -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;
|
||||
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue