ui: highlight rated contest (#233)

packages/ui-default/components/contest/contest.page.styl

@@ -1,5 +1,6 @@
 .contest-type-tag
 .contest-tag
+.contest-tag-rated
   font-size: rem($font-size-small)
   display: inline-block
   line-height: rem(22px)
@@ -11,6 +12,13 @@
     text-decoration: none
     color: #FFF !important
 
+.contest-tag-rated
+  background: orange
+  color: #FFF
+
+  .icon
+    margin-right: rem(5px)
+
 .contest-type-tag
   &, &:visited
     &, .supplementary &

packages/ui-default/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hydrooj/ui-default",
-  "version": "4.25.1",
+  "version": "4.25.2",
   "author": "undefined <i@undefined.moe>",
   "license": "AGPL-3.0",
   "main": "hydro.js",

packages/ui-default/pages/contest.page.ts

@@ -7,13 +7,9 @@ export default new NamedPage(['contest_detail', 'contest_detail_problem'], () =>
   NProgress.configure({ trickle: false, showSpinner: false, minimum: 0 });
   function updateProgress() {
     const now = Date.now();
-    console.log(now, beginAt, endAt);
     if (beginAt <= now && now <= endAt) NProgress.set((now - beginAt) / (endAt - beginAt));
     else if (now > endAt) NProgress.set(1);
-    else {
+    else NProgress.set(0);
-      console.log('set');
-      NProgress.set(0);
-    }
   }
   NProgress.start();
   updateProgress();

packages/ui-default/templates/contest_main.html

@@ -94,13 +94,16 @@
                   <li>
                     <a href="?rule={{ tdoc['rule'] }}" class="contest-type-tag"><span class="icon icon-award"></span>{{ model.contest.RULES[tdoc.rule].TEXT }}</a>
                   </li>
+                  {% if tdoc.rated %}
+                    <li class="contest-tag-rated"><span class="icon icon-star"></span>Rated</li>
+                  {% endif %}
                   <li>
                     <span class="icon icon-schedule--fill text-blue"></span> {{ contest.render_duration(tdoc) }} {{ _('hour(s)') }}
                   </li>
                   <li>
                     <span class="icon icon-user--multiple"></span> {{ tdoc['attend']|default(0) }}
                   </li>
-                {% if tsdict[tdoc.docId]['attend'] == 1 %}
+                {% if tsdict[tdoc.docId].attend %}
                   <li class="contest__info-attended">
                     <span class="icon icon-check"></span> {{ _('Attended') }}
                   </li>

packages/ui-default/templates/partials/homepage/contest.html

@@ -19,6 +19,9 @@
                 <li>
                   <a href="{{ url('contest_main', query={rule:tdoc.rule}) }}" class="contest-type-tag"><span class="icon icon-award"></span>{{ model.contest.RULES[tdoc.rule].TEXT }}</a>
                 </li>
+                {% if tdoc.rated %}
+                  <li class="contest-tag-rated"><span class="icon icon-star"></span>Rated</li>
+                {% endif %}
                 <li>
                   <span class="icon icon-schedule--fill text-blue"></span> {{ contest.render_duration(tdoc) }} {{ _('hour(s)') }}
                 </li>