Ehrenamt/ff-admin
2
0
Fork 0
Code Issues 17 Pull requests Projects Releases 12 Packages Wiki Activity Actions

fix: pretty view of mail sending logs

Browse source
This commit is contained in:
Julian Krauser 2025-02-15 13:14:28 +01:00
parent 8de919cbab
commit ac31d5ae9e
1 changed files with 17 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/components/admin/club/newsletter/NewsletterMailProgressModal.vue
View file

@ -5,17 +5,21 @@
</div> </div>
<br /> <br />
<div class="h-96 overflow-y-scroll"> <div class="flex flex-col gap-2 h-96 overflow-y-scroll">
<p v-for="entry in mailSourceMessages"> <div
{{ entry }} v-for="entry in mailSourceMessages"
</p> class="flex flex-row gap-2 border border-gray-200 rounded-md p-1 items-center"
>
<SuccessCheckmark v-if="entry.factor == 'success'" class="w-5 h-5" />
<InformationCircleIcon v-else-if="entry.factor == 'info'" class="w-5 h-5 min-h-5 min-w-5 text-gray-500" />
<FailureXMark v-else-if="entry.factor == 'failed'" class="w-5 h-5" />
<p>{{ entry.iteration }}/{{ entry.total }}: {{ entry.msg }}</p>
</div>
</div> </div>
<div class="flex flex-row justify-end"> <div class="flex flex-row justify-end">
<div class="flex flex-row gap-4 py-2"> <div class="flex flex-row gap-4 py-2">
<button primary-outline @click="closeModal"> <button primary-outline @click="closeModal">abbrechen</button>
abbrechen
</button>
</div> </div>
</div> </div>
</div> </div>
@ -26,16 +30,18 @@ import { defineComponent } from "vue";
import { mapState, mapActions } from "pinia"; import { mapState, mapActions } from "pinia";
import { useModalStore } from "@/stores/modal"; import { useModalStore } from "@/stores/modal";
import { useNewsletterPrintoutStore } from "@/stores/admin/club/newsletter/newsletterPrintout"; import { useNewsletterPrintoutStore } from "@/stores/admin/club/newsletter/newsletterPrintout";
import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
import { InformationCircleIcon } from "@heroicons/vue/24/solid";
import FailureXMark from "@/components/FailureXMark.vue";
</script> </script>
<script lang="ts"> <script lang="ts">
export default defineComponent({ export default defineComponent({
data() { data() {
return { return {};
};
}, },
computed:{ computed: {
...mapState(useNewsletterPrintoutStore, ["mailSourceMessages"]) ...mapState(useNewsletterPrintoutStore, ["mailSourceMessages"]),
}, },
methods: { methods: {
...mapActions(useModalStore, ["closeModal"]), ...mapActions(useModalStore, ["closeModal"]),