ui: record_detail subtaskId (#371)

packages/ui-default/package.json

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

packages/ui-default/pages/record_detail.page.styl

@@ -15,10 +15,14 @@
   .col--case, .col--status
     border-right: 1px solid $table-border-color
   
-  +mobile()
-    .col--case
-      display: none
+  .subtask
+    background-color: #fff !important
+    height: rem(30px)
+    td
+      padding-top: 0 
+      padding-bottom: 0 
 
+  +mobile()
     .col--time
       width: rem(70px)
 

packages/ui-default/templates/record_detail_status.html

@@ -36,11 +36,26 @@
         </tr>
       </thead>
       <tbody>
-      {%- for rcdoc in rdoc.testCases|sort(false,false,'id') -%}
-        <tr>
-          <td class="col--case record-status--border {{ model.builtin.STATUS_CODES[rcdoc['status']] }}">
-            #{{ rcdoc.id|default(loop.index) }}
+      {%- for subtaskId,rcdocs in rdoc.testCases|sort(false,false,'id')|groupby('subtaskId') -%}
+        {% if rcdocs.length != 1 and rcdocs.length != rdoc.testCases.length %}
+        <tr class="subtask">
+          <td class="col--case">
+            #{{ subtaskId|int|default(0) }}
           </td>
+        </tr>
+        {% endif %}
+        {%- for rcdoc in rcdocs -%}
+          {% if rcdocs.length != 1 %}
+          <tr class="case">
+            <td class="col--case record-status--border {{ model.builtin.STATUS_CODES[rcdoc['status']] }}">
+              #{% if rcdocs.length != rdoc.testCases.length %}{{ rcdoc.subtaskId|int|default(0) }}-{% endif %}{{ rcdoc.id|default(loop.index) }}
+            </td>
+          {% else %}
+          <tr class="subtask-case">
+            <td class="col--case record-status--border {{ model.builtin.STATUS_CODES[rcdoc['status']] }}">
+              #{{ rcdoc.subtaskId|int|default(0) }}
+            </td>
+          {% endif %}
             <td class="col--status">
               <span class="icon record-status--icon {{ model.builtin.STATUS_CODES[rcdoc['status']] }}"></span>
               <span class="record-status--text {{ model.builtin.STATUS_CODES[rcdoc['status']] }}">
@@ -52,6 +67,7 @@
             <td class="col--memory">{% if rcdoc['status'] == STATUS.STATUS_TIME_LIMIT_EXCEEDED or rcdoc['status'] == STATUS.STATUS_MEMORY_LIMIT_EXCEEDED or rcdoc['status'] == STATUS.STATUS_OUTPUT_LIMIT_EXCEEDED %}&ge;{% endif %}{{ size(rcdoc.memory, 1024) }}</td>
           </tr>
         {%- endfor -%}
+      {%- endfor -%}
       </tbody>
     </table>
   </div>