From 3f92a48f29e81153b330327333ee4f3c69adb7e6 Mon Sep 17 00:00:00 2001
From: philipp lang <philipp@aweos.de>
Date: Fri, 20 Jun 2025 01:13:28 +0200
Subject: [PATCH] Update contribution frontend

---
 resources/js/composables/useDownloads.ts   | 14 ++++++++++++++
 resources/js/views/contribution/VIndex.vue | 13 ++++---------
 2 files changed, 18 insertions(+), 9 deletions(-)
 create mode 100644 resources/js/composables/useDownloads.ts

diff --git a/resources/js/composables/useDownloads.ts b/resources/js/composables/useDownloads.ts
new file mode 100644
index 00000000..a49eb1a9
--- /dev/null
+++ b/resources/js/composables/useDownloads.ts
@@ -0,0 +1,14 @@
+import { Axios } from 'axios';
+import { inject } from 'vue';
+
+export default function() {
+    const axios = inject<Axios>('axios');
+
+    async function download(url: string, payload: Record<string, string>) {
+        const payloadString = btoa(encodeURIComponent(JSON.stringify(payload)));
+        await axios.get(`${url}?payload=${payloadString}&validate=1`);
+        window.open(`${url}?payload=${payloadString}`);
+    }
+
+    return { download };
+}
diff --git a/resources/js/views/contribution/VIndex.vue b/resources/js/views/contribution/VIndex.vue
index 6f4b4686..65ad713f 100644
--- a/resources/js/views/contribution/VIndex.vue
+++ b/resources/js/views/contribution/VIndex.vue
@@ -25,17 +25,18 @@
                 </div>
             </div>
 
-            <button v-for="(compiler, index) in compilers" :key="index" class="btn btn-primary mt-3 inline-block" @click.prevent="submit(compiler.class)" v-text="compiler.title" />
+            <button v-for="(compiler, index) in compilers" :key="index" class="btn btn-primary mt-3 inline-block" @click.prevent="download('/contribution-generate', {...values, type: compiler.class})" v-text="compiler.title" />
         </form>
     </page-layout>
 </template>
 
 <script lang="js" setup>
-import { ref, inject } from 'vue';
+import { ref } from 'vue';
 import useSearch from '../../composables/useSearch.js';
-const axios = inject('axios');
+import useDownloads from '@/composables/useDownloads.ts';
 
 const { searchString, results, clearSearch } = useSearch(['birthday IS NOT NULL', 'address IS NOT EMPTY']);
+const {download} = useDownloads();
 
 const props = defineProps({
     data: {},
@@ -55,12 +56,6 @@ const values = ref({
     ...props.data,
 });
 
-async function submit(compiler) {
-    values.value.type = compiler;
-    const payload = btoa(encodeURIComponent(JSON.stringify(values.value)));
-    await axios.get(`/contribution-generate?payload=${payload}&validate=1`);
-    window.open(`/contribution-generate?payload=${payload}`);
-}
 function onSubmitMemberResult(selected) {
     if (values.value.members.find((m) => m === selected.id) !== undefined) {
         values.value.members = values.value.members.filter((m) => m !== selected.id);