core: feat: allow star problem

packages/ui-default/components/media/media.page.js

@@ -12,6 +12,7 @@ export default new AutoloadPage('media', async () => {
     };
     users.get().forEach((ele) => resolve(ele, { type: 'user', id: +$(ele).text() }));
     $dom.find('.typo').get().forEach((el) => {
+      if (el.className.includes('no-media')) return;
       $(el).find('a[href]').get().forEach((ele) => {
         if ($(ele).parent().hasClass('user-profile-link')) return;
         let target = $(ele).attr('href');

packages/ui-default/package.json

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

packages/ui-default/templates/main.html

@@ -1,7 +1,7 @@
-{% set no_path_section = true %}
 {% set page_name = "homepage" %}
 {% extends "layout/basic.html" %}
 {% import "components/contest.html" as contest with context %}
+{% import "components/problem.html" as problem with context %}
 {% block content %}
 <div class="row">
   <div class="large-9 columns">
@@ -49,6 +49,26 @@
       </div>
       <div class="section__body typo" name="hitokoto"></div>
     </div>
+    {% if pdocs.length %}
+      <div class="section side nojs--hide">
+        <div class="section__header">
+          <h1 class="section__title">{{ _('Starred Problems') }}</h1>
+        </div>
+        <div class="section__body typo no-media col--problem-name">
+          {%- for pdoc in pdocs -%}
+            <form class="form--inline" action="{{ url('problem_main') }}" method="post">
+              <input type="hidden" name="pid" value="{{ pdoc.docId }}">
+              <input type="hidden" name="operation" value="unstar">
+              <button class="star activated" type="submit">
+                <span class="starred--hide"><span class="icon icon-star--outline" data-tooltip="{{ _('Star') }}"></span></span>
+                <span class="starred--show"><span class="icon icon-star" data-tooltip="{{ _('Unstar') }}"></span></span>
+              </button>
+            </form>
+            {{ problem.render_problem_title(pdoc, show_tags=false, show_invisible_flag=false) }}<br/>
+          {%- endfor -%}
+        </div>
+      </div>
+    {% endif %}
     {% if handler.user.hasPerm(perm.PERM_VIEW_DISCUSSION) %}
       {% include 'partials/discussion_nodes_widget.html' %}
     {% endif %}

packages/ui-default/templates/partials/problem_list.html

@@ -59,6 +59,16 @@
           {% endif %}
         {% endif %}
         <td class="col--name col--problem-name">
+          {% if handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
+            <form class="form--inline" action="{{ url('problem_main') }}" method="post">
+              <input type="hidden" name="pid" value="{{ pdoc.docId }}">
+              <input type="hidden" name="operation" value="{{ "star" if not psdoc.star else "unstar" }}">
+              <button class="star{% if psdoc.star %} activated{% endif %}" type="submit">
+                <span class="starred--hide"><span class="icon icon-star--outline" data-tooltip="{{ _('Star') }}"></span></span>
+                <span class="starred--show"><span class="icon icon-star" data-tooltip="{{ _('Unstar') }}"></span></span>
+              </button>
+            </form>
+          {% endif %}
           {{ problem.render_problem_title(pdoc) }}
         </td>
         <td class="col--tried">{{ pdoc.nSubmit }}</td>

packages/ui-default/templates/problem_detail.html

@@ -1,4 +1,3 @@
-{% set no_path_section = true %}
 {% extends "layout/basic.html" %}
 {% block content %}
 <script>
@@ -35,6 +34,16 @@
               <span class="record-status--text {{ model.builtin.STATUS_CODES[rdoc['status']] }}">{{ rdoc.score }}</span>
             </a>
           {% endif %}
+          {% if handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) and not tdoc %}
+            <form class="form--inline" action="{{ url('problem_main') }}" method="post">
+              <input type="hidden" name="pid" value="{{ pdoc.docId }}">
+              <input type="hidden" name="operation" value="{{ "star" if not psdoc.star else "unstar" }}">
+              <button class="star{% if psdoc.star %} activated{% endif %}" type="submit">
+                <span class="starred--hide"><span class="icon icon-star--outline" data-tooltip="{{ _('Star') }}"></span></span>
+                <span class="starred--show"><span class="icon icon-star" data-tooltip="{{ _('Unstar') }}"></span></span>
+              </button>
+            </form>
+          {% endif %}
           #{{ pdoc.pid|default(pdoc.docId) }}. {{ pdoc.title }}
         </h1>
       </div>