core&ui: user_detail: show solutions (#414)

packages/ui-default/components/clipboard.page.ts

@@ -1,13 +1,21 @@
 import Clipboard from 'clipboard';
 import Notification from 'vj/components/notification';
 import { AutoloadPage } from 'vj/misc/Page';
+import base64 from 'vj/utils/base64';
 import i18n from 'vj/utils/i18n';
+import substitute from 'vj/utils/substitute';
 
 export default new AutoloadPage('clipboard', () => {
-  $('[data-copy]').each(function () {
-    const clip = new Clipboard(this, { text: () => this.dataset.copy });
-    clip.on('success', () => Notification.success(i18n('Copied to clipboard!')));
-    clip.on('error', () => Notification.error(i18n('Copy failed :(')));
+  $('[data-copy]').get().forEach((el) => {
+    const data = $(el).attr('data-copy');
+    const decoded = base64.decode(data);
+    const clip = new Clipboard(el, { text: () => decoded });
+    clip.on('success', () => {
+      Notification.success(substitute(i18n('"{data}" copied to clipboard!'), { data: decoded }), 2000);
+    });
+    clip.on('error', () => {
+      Notification.error(substitute(i18n('Copy "{data}" failed :('), { data: decoded }));
+    });
   });
   $('[data-copylink]').each(function () {
     const clip = new Clipboard(this, { text: () => new URL(this.dataset.copylink, document.location.href).toString() });

packages/ui-default/package.json

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

packages/ui-default/pages/user_detail.page.js

@@ -1,23 +0,0 @@
-import Clipboard from 'clipboard';
-import $ from 'jquery';
-import Notification from 'vj/components/notification';
-import { NamedPage } from 'vj/misc/Page';
-import base64 from 'vj/utils/base64';
-import i18n from 'vj/utils/i18n';
-import substitute from 'vj/utils/substitute';
-
-const page = new NamedPage('user_detail', () => {
-  $('[data-copy]').get().forEach((el) => {
-    const data = $(el).attr('data-copy');
-    const decoded = base64.decode(data);
-    const clip = new Clipboard(el, { text: () => decoded });
-    clip.on('success', () => {
-      Notification.success(substitute(i18n('"{data}" copied to clipboard!'), { data: decoded }), 2000);
-    });
-    clip.on('error', () => {
-      Notification.error(substitute(i18n('Copy "{data}" failed :('), { data: decoded }));
-    });
-  });
-});
-
-export default page;

packages/ui-default/templates/partials/user_detail/solution.html

@@ -0,0 +1,29 @@
+{% if psdocs %}
+<li class="section__tab-item">
+  <h1 class="section__tab-title">{{ _('Recent solutions') }}</h1>
+  <div class="section__tab-main">
+  {% if not psdocs.length %}
+    {{ nothing.render("This person is lazy and wrote any solution") }}
+  {% else %}
+    <div class="section__body typo no-media">
+      <div class="typo section__body">
+        {% set _mark = Math.ceil(psdocs.length/4) %}
+        {% macro col(psdocs) %}
+          <div class="medium-3 columns"><ul>
+            {% for psdoc in psdocs %}
+              <li><a href="{{ url('problem_solution_detail', pid=psdoc.parentId, sid=psdoc._id) }}">{{ pdict[psdoc.parentId].title|default(psdoc._id) }}</a></li>
+            {% endfor %}
+          </ul></div>
+        {% endmacro %}
+        <div class="row">
+          {{ col(psdocs.slice(0, _mark)) }}
+          {{ col(psdocs.slice(_mark, _mark*2)) }}
+          {{ col(psdocs.slice(_mark*2, _mark*3)) }}
+          {{ col(psdocs.slice(_mark*3)) }}
+        </div>
+      </div>
+    </div>
+  {% endif %}
+  </div>
+</li>
+{% endif %}

packages/ui-default/templates/user_detail.html

@@ -125,7 +125,7 @@
                 </div>
               </li>
             {% endif %}
-            {% for page in findSubModule('user_detail/') %}{% include page %}{% endfor %}
+            {% for page in findSubModule('partials/user_detail/') %}{% include page %}{% endfor %}
           </ul>
         </div>
       </div>