From 10d74d3b34163ffffb700183947a11009ce762f8 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Tue, 15 Jul 2025 15:57:38 +0200
Subject: [PATCH] Show mailbox quota in a separate column and fix usage value

---
 dashboard/src/views/EmailMailboxesView.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/dashboard/src/views/EmailMailboxesView.vue b/dashboard/src/views/EmailMailboxesView.vue
index b6173eae3..71ff51318 100644
--- a/dashboard/src/views/EmailMailboxesView.vue
+++ b/dashboard/src/views/EmailMailboxesView.vue
@@ -42,6 +42,11 @@ const columns = {
     sort: true,
     hideMobile: true,
   },
+  quota: {
+    label: 'Quota',
+    sort: true,
+    hideMobile: true,
+  },
   actions: {}
 };
 
@@ -206,9 +211,12 @@ onMounted(async () => {
       <TableView :columns="columns" :model="filteredMailboxes" :busy="busy">
         <template #aliases="mailbox">{{ renderAliases(mailbox.aliases) }}</template>
         <template #usage="mailbox">
-          <span v-if="mailbox.usage">{{ prettyDecimalSize(mailbox.usage.quotaValue)  }} <span ng-show="mailUsage[mailbox.fullName].quotaLimit">/ {{ prettyDecimalSize(mailbox.usage.quotaLimit) }}</span></span>
+          <span v-if="mailbox.usage">{{ prettyDecimalSize(mailbox.usage.diskSize)  }}</span>
           <span v-else>{{ $t('main.loadingPlaceholder') }} ...</span>
         </template>
+        <template #quota="mailbox">
+          <span v-if="mailbox.usage && mailbox.usage.quotaLimit">{{ prettyDecimalSize(mailbox.usage.quotaLimit) }}</span>
+        </template>
         <template #actions="mailbox">
           <div class="table-actions">
             <Button tool secondary small icon="fa fa-pencil-alt" @click.stop="onAddOrEdit(mailbox)"></Button>