clickable icon for filter by email

admin/src/components/ContributionMessages/ContributionMessagesList.vue

@@ -7,6 +7,10 @@
         </routerLink>
         &nbsp;
         <a :href="mailtoLink">{{ contribution.email }}</a>
+        <IBiFilter id="filter-by-email" class="ps-1 cursor-pointer" @click="searchForEmail" />
+        <BTooltip target="filter-by-email" triggers="hover">
+          {{ $t('filter.byEmail') }}
+        </BTooltip>
         &nbsp;
         {{ contribution.username }}
         &nbsp; Humhub-Profil
@@ -61,7 +65,12 @@ const props = defineProps({
   },
 })
 
-const emit = defineEmits(['update-status', 'reload-contribution', 'update-contributions'])
+const emit = defineEmits([
+  'update-status',
+  'reload-contribution',
+  'update-contributions',
+  'search-for-email',
+])
 const { toastError } = useAppToast()
 const mailtoLink = computed(() => {
   return `mailto:${props.contribution.email}`
@@ -101,9 +110,16 @@ const reloadContribution = (id) => {
 const updateContributions = () => {
   emit('update-contributions')
 }
+
+const searchForEmail = () => {
+  emit('search-for-email', props.contribution.email)
+}
 </script>
 <style scoped>
 .temp-message {
   margin-top: 50px;
 }
+.cursor-pointer {
+  cursor: pointer;
+}
 </style>

admin/src/components/Tables/OpenCreationsTable.vue

@@ -126,6 +126,7 @@
                 @update-status="updateStatus"
                 @reload-contribution="reloadContribution"
                 @update-contributions="updateContributions"
+                @search-for-email="$emit('search-for-email', $event)"
               />
             </div>
           </template>
@@ -173,7 +174,13 @@ export default {
       required: false,
     },
   },
-  emits: ['update-contributions', 'reload-contribution', 'update-status', 'show-overlay'],
+  emits: [
+    'update-contributions',
+    'reload-contribution',
+    'update-status',
+    'show-overlay',
+    'search-for-email',
+  ],
   data() {
     return {
       slotIndex: 0,

admin/src/locales/de.json

@@ -99,6 +99,9 @@
     "verified": "Verifiziert",
     "verifiedAt": "Verifiziert am"
   },
+  "filter": {
+    "byEmail": "Nach E-Mail filtern"
+  },
   "firstname": "Vorname",
   "footer": {
     "app_version": "App version {version}",

admin/src/locales/en.json

@@ -99,6 +99,9 @@
     "verified": "Verified",
     "verifiedAt": "Verified at"
   },
+  "filter": {
+    "byEmail": "Filter by email"
+  },
   "firstname": "Firstname",
   "footer": {
     "app_version": "App version {version}",

admin/src/pages/CreationConfirm.vue

@@ -58,6 +58,7 @@
       @update-status="updateStatus"
       @reload-contribution="reloadContribution"
       @update-contributions="refetch"
+      @search-for-email="query = $event"
     />
 
     <BPagination