feature/#32-list-printing #73

Merged
jkeffects merged 4 commits from feature/#32-list-printing into develop 2025-03-19 14:25:13 +00:00
3 changed files with 0 additions and 73 deletions
Showing only changes of commit 25925133b8 - Show all commits

View file

@ -1,60 +0,0 @@
<template>
<div class="w-full h-full flex flex-col gap-2">
<Spinner v-if="status == 'loading'" />
<div class="grow">
<iframe ref="viewer" class="w-full h-full" />
</div>
<div class="flex flex-row gap-2 justify-end">
<a ref="download" button primary class="!w-fit">download</a>
<button primary-outline class="!w-fit" @click="closeModal">schließen</button>
</div>
</div>
</template>
<script setup lang="ts">
import { defineComponent } from "vue";
import { mapState, mapActions } from "pinia";
import { useModalStore } from "@/stores/modal";
import Spinner from "@/components/Spinner.vue";
import type { AxiosResponse } from "axios";
import { useMemberStore } from "@/stores/admin/club/member/member";
</script>
<script lang="ts">
export default defineComponent({
data() {
return {
status: null as null | "loading" | { status: "success" | "failed"; reason?: string },
};
},
computed: {
...mapState(useModalStore, ["data"]),
},
mounted() {
this.fetchItem();
},
methods: {
...mapActions(useModalStore, ["closeModal"]),
...mapActions(useMemberStore, ["printMemberList"]),
fetchItem() {
this.status = "loading";
this.printMemberList()
.then((response) => {
this.status = { status: "success" };
const blob = new Blob([response.data], { type: "application/pdf" });
(this.$refs.viewer as HTMLIFrameElement).src = window.URL.createObjectURL(blob);
const fileURL = window.URL.createObjectURL(new Blob([response.data]));
const fileLink = (this.$refs.download as HTMLAnchorElement)
fileLink.href = fileURL;
fileLink.setAttribute("download", "Mitgliederliste.pdf");
})
.catch(() => {
this.status = { status: "failed" };
});
},
},
});
</script>

View file

@ -124,10 +124,5 @@ export const useMemberStore = defineStore("member", {
this.fetchMembers(); this.fetchMembers();
return result; return result;
}, },
async printMemberList() {
return http.get(`/admin/member/print/namelist`, {
responseType: "blob",
});
},
}, },
}); });

View file

@ -3,9 +3,6 @@
<template #topBar> <template #topBar>
<div class="flex flex-row items-center justify-between pt-5 pb-3 px-7"> <div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
<h1 class="font-bold text-xl h-8">Mitglieder</h1> <h1 class="font-bold text-xl h-8">Mitglieder</h1>
<div title="Mitgliederliste drucken" @click="openPrintModal">
<DocumentTextIcon class="w-5 h-5 cursor-pointer" />
</div>
</div> </div>
</template> </template>
<template #diffMain> <template #diffMain>
@ -69,11 +66,6 @@ export default defineComponent({
markRaw(defineAsyncComponent(() => import("@/components/admin/club/member/CreateMemberModal.vue"))) markRaw(defineAsyncComponent(() => import("@/components/admin/club/member/CreateMemberModal.vue")))
); );
}, },
openPrintModal() {
this.openModal(
markRaw(defineAsyncComponent(() => import("@/components/admin/club/member/MemberNameListModal.vue")))
);
},
}, },
}); });
</script> </script>