From faadc71b1b034589619b3ce999f87a1a38a894e4 Mon Sep 17 00:00:00 2001
From: Julian Krauser <jkrauser209@gmail.com>
Date: Mon, 30 Dec 2024 14:46:39 +0100
Subject: [PATCH] styling & filtering

---
 src/views/admin/club/newsletter/NewsletterDates.vue    |  7 +++++--
 src/views/admin/club/newsletter/NewsletterPrintout.vue | 10 +++++-----
 .../admin/club/newsletter/NewsletterRecipients.vue     |  1 +
 3 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/views/admin/club/newsletter/NewsletterDates.vue b/src/views/admin/club/newsletter/NewsletterDates.vue
index 0434655..cbc9414 100644
--- a/src/views/admin/club/newsletter/NewsletterDates.vue
+++ b/src/views/admin/club/newsletter/NewsletterDates.vue
@@ -75,7 +75,6 @@
       <select id="date" ref="date" value="" required>
         <option value="" disabled>Datum wählen</option>
         <option v-for="cal in filteredCalendar" :key="cal.id" :value="cal.id">
-          {{ cal.title }}
           {{
             cal.allDay
               ? new Date(cal.starttime).toLocaleDateString("de-DE", {
@@ -91,6 +90,8 @@
                   minute: "2-digit",
                 })
           }}
+          -
+          {{ cal.title }}
         </option>
       </select>
       <button type="submit" primary class="!w-fit">hinzufügen</button>
@@ -124,7 +125,9 @@ export default defineComponent({
     ...mapState(useCalendarStore, ["calendars"]),
     ...mapState(useAbilityStore, ["can"]),
     filteredCalendar() {
-      return this.calendars.filter((c) => !this.dates.map((d) => d.calendarId).includes(c.id));
+      return this.calendars.filter(
+        (c) => !this.dates.map((d) => d.calendarId).includes(c.id) && new Date(c.starttime) >= new Date()
+      );
     },
     sortedDates() {
       return this.dates.sort(
diff --git a/src/views/admin/club/newsletter/NewsletterPrintout.vue b/src/views/admin/club/newsletter/NewsletterPrintout.vue
index 84a0a1c..0499e1a 100644
--- a/src/views/admin/club/newsletter/NewsletterPrintout.vue
+++ b/src/views/admin/club/newsletter/NewsletterPrintout.vue
@@ -10,7 +10,7 @@
         <div class="bg-primary p-2 text-white flex flex-row justify-between items-center">
           <p>{{ print }}</p>
           <div class="flex flex-row">
-            <div>
+            <div v-if="print.endsWith('.pdf')">
               <ViewfinderCircleIcon class="w-5 h-5 p-1 box-content cursor-pointer" @click="openPdfShow(print)" />
             </div>
             <div>
@@ -25,7 +25,7 @@
       <button
         v-if="can('create', 'club', 'newsletter')"
         primary
-        class="!w-fit"
+        class="!w-fit whitespace-nowrap flex flex-row gap-2"
         :disabled="printing != undefined"
         @click="createNewsletterPrintout"
       >
@@ -37,7 +37,7 @@
       <button
         v-if="can('create', 'club', 'newsletter')"
         primary
-        class="!w-fit"
+        class="!w-fit whitespace-nowrap flex flex-row gap-2"
         :disabled="sending != undefined"
         @click="createNewsletterSend"
       >
@@ -52,7 +52,7 @@
       <button
         v-if="can('create', 'club', 'newsletter')"
         primary-outline
-        class="!w-fit"
+        class="!w-fit whitespace-nowrap flex flex-row gap-2"
         :disabled="sendingPreview != undefined"
         @click="createNewsletterMailPreview"
       >
@@ -111,7 +111,7 @@ export default defineComponent({
           const fileURL = window.URL.createObjectURL(new Blob([response.data]));
           const fileLink = document.createElement("a");
           fileLink.href = fileURL;
-          fileLink.setAttribute("download", filename + ".pdf");
+          fileLink.setAttribute("download", filename);
           document.body.appendChild(fileLink);
           fileLink.click();
           fileLink.remove();
diff --git a/src/views/admin/club/newsletter/NewsletterRecipients.vue b/src/views/admin/club/newsletter/NewsletterRecipients.vue
index e78161e..9cd5f9b 100644
--- a/src/views/admin/club/newsletter/NewsletterRecipients.vue
+++ b/src/views/admin/club/newsletter/NewsletterRecipients.vue
@@ -172,6 +172,7 @@ export default defineComponent({
       return this.members.filter((m) => this.recipients.includes(m.id));
     },
     queried(): Array<MemberViewModel> {
+      if (this.recipientsByQueryId == "def") return [];
       let keys = Object.keys(this.data?.[0] ?? {});
       let memberKey = keys.find((k) => k.includes("member_id"));
       return this.members.filter((m) =>