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

fix: newsletter sync

Browse source
This commit is contained in:
Julian Krauser 2025-02-03 16:35:05 +01:00
parent 06d24c21a2
commit 859df5ff5c
2 changed files with 43 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/stores/admin/club/newsletter/newsletterRecipients.ts
View file

@ -20,7 +20,10 @@ export const useNewsletterRecipientsStore = defineStore("newsletterRecipients",
}, },
getters: { getters: {
detectedChangeNewsletterRecipients: (state) => detectedChangeNewsletterRecipients: (state) =>
!isEqual(state.origin, state.recipients) && state.syncingNewsletterRecipients != "syncing", !isEqual(
state.origin.sort((a: string, b: string) => a.localeCompare(b)),
state.recipients.sort((a: string, b: string) => a.localeCompare(b))
) && state.syncingNewsletterRecipients != "syncing",
}, },
actions: { actions: {
setNewsletterRecipientsSyncingState(state: "synced" | "syncing" | "detectedChanges" | "failed") { setNewsletterRecipientsSyncingState(state: "synced" | "syncing" | "detectedChanges" | "failed") {

76
src/views/admin/club/newsletter/NewsletterRecipients.vue
View file

@ -1,51 +1,53 @@
<template> <template>
<div class="flex flex-col gap-2 h-full w-full overflow-y-auto"> <div class="flex flex-col h-full w-full overflow-hidden">
<Spinner v-if="loading == 'loading'" class="mx-auto" /> <Spinner v-if="loading == 'loading'" class="mx-auto" />
<p v-else-if="loading == 'failed'" @click="fetchNewsletterRecipients" class="cursor-pointer"> <p v-else-if="loading == 'failed'" @click="fetchNewsletterRecipients" class="cursor-pointer">
&#8634; laden fehlgeschlagen &#8634; laden fehlgeschlagen
</p> </p>
<div class="flex flex-col gap-2 h-1/2">
<select v-model="recipientsByQueryId"> <select v-model="recipientsByQueryId">
<option value="def">Optional</option> <option value="def">Optional</option>
<option v-for="query in queries" :key="query.id" :value="query.id">{{ query.title }}</option> <option v-for="query in queries" :key="query.id" :value="query.id">{{ query.title }}</option>
</select> </select>
<p>Empfänger durch gespeicherte Abfrage</p> <p>Empfänger durch gespeicherte Abfrage</p>
<div class="flex flex-col gap-2 grow overflow-y-auto"> <div class="flex flex-col gap-2 grow overflow-y-auto">
<div <div
v-for="member in queried" v-for="member in queried"
:key="member.id" :key="member.id"
class="flex flex-row h-fit w-full border border-primary rounded-md bg-primary p-2 text-white justify-between items-center" class="flex flex-row h-fit w-full border border-primary rounded-md bg-primary p-2 text-white justify-between items-center"
> >
<div> <div>
<p>{{ member.lastname }}, {{ member.firstname }} {{ member.nameaffix ? `- ${member.nameaffix}` : "" }}</p> <p>{{ member.lastname }}, {{ member.firstname }} {{ member.nameaffix ? `- ${member.nameaffix}` : "" }}</p>
<p>Newsletter senden an Typ: {{ member.sendNewsletter?.type.type }}</p> <p>Newsletter senden an Typ: {{ member.sendNewsletter?.type.type }}</p>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="flex flex-col gap-2 h-1/2">
<MemberSearchSelect
title="weitere Empfänger suchen"
v-model="recipients"
:disabled="!can('create', 'club', 'newsletter')"
/>
<MemberSearchSelect <p>Ausgewählte Empfänger</p>
title="weitere Empfänger suchen" <div class="flex flex-col gap-2 grow overflow-y-auto">
v-model="recipients" <div
:disabled="!can('create', 'club', 'newsletter')" v-for="member in selected"
/> :key="member.id"
class="flex flex-row h-fit w-full border border-primary rounded-md bg-primary p-2 text-white justify-between items-center"
>
<div>
<p>{{ member.lastname }}, {{ member.firstname }} {{ member.nameaffix ? `- ${member.nameaffix}` : "" }}</p>
<p>Newsletter senden an Typ: {{ member.sendNewsletter?.type.type }}</p>
</div>
<p>Ausgewählte Empfänger</p> <TrashIcon
<div class="flex flex-col gap-2 grow overflow-y-auto"> v-if="can('create', 'club', 'newsletter')"
<div class="w-5 h-5 p-1 box-content cursor-pointer"
v-for="member in selected" @click="removeSelected(member.id)"
:key="member.id" />
class="flex flex-row h-fit w-full border border-primary rounded-md bg-primary p-2 text-white justify-between items-center"
>
<div>
<p>{{ member.lastname }}, {{ member.firstname }} {{ member.nameaffix ? `- ${member.nameaffix}` : "" }}</p>
<p>Newsletter senden an Typ: {{ member.sendNewsletter?.type.type }}</p>
</div> </div>
<TrashIcon
v-if="can('create', 'club', 'newsletter')"
class="w-5 h-5 p-1 box-content cursor-pointer"
@click="removeSelected(member.id)"
/>
</div> </div>
</div> </div>
</div> </div>