transcoding in user summaries

immich-app · Nov 30, 2024 · d485522 · d485522
1 parent 26052f4
commit d485522
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/i18n/en.json b/i18n/en.json
@@ -1237,6 +1237,7 @@
   "toggle_settings": "Toggle settings",
   "toggle_theme": "Toggle dark theme",
   "total_usage": "Total usage",
+  "transcoding": "Transcoding",
   "trash": "Trash",
   "trash_all": "Trash All",
   "trash_count": "Trash {count, number}",

diff --git a/web/src/lib/components/admin-page/server-stats/server-stats-panel.svelte b/web/src/lib/components/admin-page/server-stats/server-stats-panel.svelte
@@ -18,6 +18,7 @@
       usage: 0,
       usagePhotos: 0,
       usageVideos: 0,
+      usageTranscode: 0,
       usageByUser: [],
     },
   }: Props = $props();
@@ -93,10 +94,11 @@
         class="mb-4 flex h-12 w-full rounded-md border bg-gray-50 text-immich-primary dark:border-immich-dark-gray dark:bg-immich-dark-gray dark:text-immich-dark-primary"
       >
         <tr class="flex w-full place-items-center">
-          <th class="w-1/4 text-center text-sm font-medium">{$t('user')}</th>
-          <th class="w-1/4 text-center text-sm font-medium">{$t('photos')}</th>
-          <th class="w-1/4 text-center text-sm font-medium">{$t('videos')}</th>
-          <th class="w-1/4 text-center text-sm font-medium">{$t('usage')}</th>
+          <th class="w-1/5 text-center text-sm font-medium">{$t('user')}</th>
+          <th class="w-1/5 text-center text-sm font-medium">{$t('photos')}</th>
+          <th class="w-1/5 text-center text-sm font-medium">{$t('videos')}</th>
+          <th class="w-1/5 text-center text-sm font-medium">{$t('usage')}</th>
+          <th class="w-1/5 text-center text-sm font-medium">{$t('transcoding')}</th>
         </tr>
       </thead>
       <tbody
@@ -106,14 +108,14 @@
           <tr
             class="flex h-[50px] w-full place-items-center text-center odd:bg-immich-gray even:bg-immich-bg odd:dark:bg-immich-dark-gray/75 even:dark:bg-immich-dark-gray/50"
           >
-            <td class="w-1/4 text-ellipsis px-2 text-sm">{user.userName}</td>
-            <td class="w-1/4 text-ellipsis px-2 text-sm"
+            <td class="w-1/5 text-ellipsis px-2 text-sm">{user.userName}</td>
+            <td class="w-1/5 text-ellipsis px-2 text-sm"
               >{user.photos.toLocaleString($locale)} ({getByteUnitString(user.usagePhotos, $locale, 0)})</td
             >
-            <td class="w-1/4 text-ellipsis px-2 text-sm"
+            <td class="w-1/5 text-ellipsis px-2 text-sm"
               >{user.videos.toLocaleString($locale)} ({getByteUnitString(user.usageVideos, $locale, 0)})</td
             >
-            <td class="w-1/4 text-ellipsis px-2 text-sm">
+            <td class="w-1/5 text-ellipsis px-2 text-sm">
               {getByteUnitString(user.usage, $locale, 0)}
               {#if user.quotaSizeInBytes}
                 / {getByteUnitString(user.quotaSizeInBytes, $locale, 0)}
@@ -129,6 +131,7 @@
                 {/if}
               </span>
             </td>
+            <td class="w-1/5 text-ellipsis px-2 text-sm">{getByteUnitString(user.usageTranscode, $locale, 0)}</td>
           </tr>
         {/each}
       </tbody>