diff --git a/dashboard/src/views/EmailMailinglistsView.vue b/dashboard/src/views/EmailMailinglistsView.vue
index e388fa019..68df7c5ff 100644
--- a/dashboard/src/views/EmailMailinglistsView.vue
+++ b/dashboard/src/views/EmailMailinglistsView.vue
@@ -4,8 +4,8 @@ import { useI18n } from 'vue-i18n';
const i18n = useI18n();
const t = i18n.t;
-import { ref, onMounted, useTemplateRef } from 'vue';
-import { Button, Menu, TableView, Dialog } from '@cloudron/pankow';
+import { ref, onMounted, useTemplateRef, computed } from 'vue';
+import { Button, Menu, TableView, Dialog, TextInput } from '@cloudron/pankow';
import { eachLimit } from 'async';
import Section from '../components/Section.vue';
import MailinglistDialog from '../components/MailinglistDialog.vue';
@@ -51,6 +51,20 @@ const busy = ref(true);
const mailinglists = ref([]);
const domains = ref([]);
+const searchFilter = ref('');
+
+const filteredMailinglists = computed(() => {
+ if (!searchFilter.value) return mailinglists.value;
+
+ return mailinglists.value.filter(m => {
+ const search = searchFilter.value.toLowerCase();
+
+ if (m.members.find(a => a.toLowerCase().indexOf(search) !== -1)) return true;
+
+ return false;
+ });
+});
+
const mailinglistDialog = useTemplateRef('mailinglistDialog');
async function onAddOrEdit(mailinglist = null) {
@@ -146,11 +160,16 @@ onMounted(async () => {
+
+ ({{ filteredMailinglists.length }})
+
+
+
-
+