Paginated admin library & upgrade manifests (#351)

* feat: new page layout + endpoint

* feat: non-parallel mass import

* feat: paginated admin library

* feat: lint and performance improvement

* feat: library filter util

* feat: link frontend features to backend

* fix: lint

* fix: small fixes

* feat: bump torrential

* fix: lint

server/components/GameEditor/Version.vue

@@ -46,6 +46,12 @@
                 >
                   {{ $t("library.admin.version.table.path") }}
                 </th>
+                <th
+                  scope="col"
+                  class="px-3 py-3 text-left text-xs font-medium tracking-wide text-gray-400 uppercase"
+                >
+                  {{ $t("library.admin.version.table.delta") }}
+                </th>
                 <th
                   scope="col"
                   class="px-3 py-3 text-left text-xs font-medium tracking-wide text-gray-400 uppercase"
@@ -91,6 +97,10 @@
                   <td class="px-3 py-4 text-sm whitespace-nowrap text-gray-400">
                     {{ version.versionPath }}
                   </td>
+                  <td class="px-3 py-4 text-sm whitespace-nowrap text-gray-400">
+                    {{ version.delta }}
+                  </td>
+
                   <td class="px-3 py-4 text-sm whitespace-nowrap text-gray-400">
                     <ul class="space-y-2">
                       <GameEditorVersionConfig

server/components/LogLine.vue

@@ -1,6 +1,6 @@
 <template>
   <span class="text-xs font-mono text-zinc-400 inline-flex items-top gap-x-2"
-    ><span v-if="!short" class="text-zinc-500">{{ log.timestamp }}</span>
+    ><span v-if="!short" class="text-zinc-500">{{ log.time }}</span>
     <span
       :class="[
         colours[log.level] || 'text-green-400',
@@ -8,9 +8,8 @@
       ]"
       >{{ log.level }}</span
     >
-    <pre :class="[short ? 'line-clamp-1' : '', 'mt-[1px]']">{{
-      log.message
-    }}</pre>
+    <span v-if="log.prefix" class="text-zinc-200"> {{ log.prefix }}</span>
+    <pre :class="[short ? 'line-clamp-1' : '', 'mt-[1px]']">{{ log.msg }}</pre>
   </span>
 </template>
 

server/components/ProgressBar.vue

@@ -13,7 +13,7 @@
       class="absolute inset-0 flex items-center justify-center text-blue-200 text-sm font-bold font-display"
     >
       <!-- {{ $t("tasks.admin.progress", [Math.round(percentage * 10) / 10]) }} -->
-      {{ $n(Math.round(percentage) / 100, "percent") }}
+      {{ $n(Math.round(percentage * 100) / 10000, "percent") }}
     </span>
   </div>
 </template>