From f3fc3936175fbf4869f8cdfc0fe8ff7887ac8097 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Fri, 13 Jun 2025 22:21:17 +0200
Subject: [PATCH] Correctly calculate DNSBLZones

---
 dashboard/src/views/EmailSettingsView.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/dashboard/src/views/EmailSettingsView.vue b/dashboard/src/views/EmailSettingsView.vue
index c8fc870c1..18a3db2e7 100644
--- a/dashboard/src/views/EmailSettingsView.vue
+++ b/dashboard/src/views/EmailSettingsView.vue
@@ -1,7 +1,7 @@
 
 <script setup>
 
-import { ref, onMounted, useTemplateRef } from 'vue';
+import { ref, onMounted, useTemplateRef, computed } from 'vue';
 import { Button, ProgressBar, InputDialog, Dialog, FormGroup, TextInput, InputGroup, Switch, SingleSelect } from 'pankow';
 import { prettyDecimalSize } from 'pankow/utils';
 import Section from '../components/Section.vue';
@@ -69,6 +69,10 @@ const dnsblZonesBusy = ref(false);
 const dnsblZones = ref([]);
 const dnsblZonesString = ref('');
 
+const dnsblZonesCount = computed(() => {
+  return dnsblZones.value.filter(l => l.indexOf('#') !== 0).length;
+});
+
 function onShowAclDialog() {
   dnsblZonesError.value = '';
   dnsblZonesBusy.value = false;
@@ -335,7 +339,7 @@ onMounted(async () => {
       <SettingsItem>
         <FormGroup>
           <label>{{ $t('emails.settings.acl') }}</label>
-          <div>{{ $t('emails.settings.aclOverview', { dnsblZonesCount: dnsblZones.length }) }}</div>
+          <div>{{ $t('emails.settings.aclOverview', { dnsblZonesCount }) }}</div>
         </FormGroup>
         <div style="display: flex; align-items: center">
           <Button tool plain @click="onShowAclDialog()">{{ $t('main.dialog.edit') }}</Button>