Show user times + single level preview

iwm_browser/static/search/searchResults.css

@@ -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);
+    background-color: #30303a;
-    padding: 1em;
+    padding: 0.5rem;
-    font-size: 1rem;
+    font-size: small;
 
     /* justify-self: right;
 

iwm_browser/templates/levelInfo.html

@@ -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>

iwm_browser/templates/search.html

@@ -64,17 +64,23 @@
                 <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="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>
         <div class="searchResultsFooter">
           <p>Page {{ searchPage+1 }}</p>