diff --git a/src/App.vue b/src/App.vue index dce014d3a707f544ac3f238e595d6f3d3eadbd9d..c9843c83890bc684b59789d676d622544daf4eeb 100644 --- a/src/App.vue +++ b/src/App.vue @@ -51,12 +51,12 @@ function pauseLottie(data: boolean) { <style scoped> .logo { - text-align: center; + text-align: right; margin: auto; padding-bottom: 50px; } .logoImg { - width: 200px; + width: 100px; } .appGrid { display: flex; diff --git a/src/components/Form.vue b/src/components/Form.vue index 68c8662723e362420e1866c9361d2b1c6f7443bf..19f08c5a29c63a7cc1af400168a156ea40e03c15 100644 --- a/src/components/Form.vue +++ b/src/components/Form.vue @@ -1,5 +1,4 @@ <script setup lang="ts"> - const emit = defineEmits(["playLottie", "pauseLottie"]); const vorname = defineModel("vorname"); const nachname = defineModel("nachname"); @@ -19,8 +18,11 @@ function pauseAnimation() { } function writeJson() { - // nützlich, um den Datenpfad vom src im template oder output in Actions zu ändern, wenn wir das machen wollen - // wir können ein Benutzer fragen, ob sie ihr Neutzername eingeben können und das output einfach zu seiner Downloads Ordner schicken. + // BL: nützlich, um den Datenpfad vom src im template oder output in Actions zu ändern, wenn wir das machen wollen + // wir können ein Benutzer fragen, ob sie ihr Neutzername eingeben können und das output einfach zu seiner Downloads Ordner schicken. + // DS: Das ist eine sehr gute Idee. So machen wir das. Tatsächlich hat in unserem System + // jeder Nutzer potentiell einen eigenen Export-Ordner. + // Kannst du gerne einbauen, die Detail ändere ich dann angepasst auf unser System. if (window.navigator.userAgent.indexOf("Windows") != -1) { console.log("The user is running Windows"); } else if (window.navigator.userAgent.indexOf("Mac OS") != -1) { @@ -37,7 +39,11 @@ function writeJson() { jsonDraft.assets[2].value = String(funktionZeileEins.value); jsonDraft.assets[3].value = String(funktionZeileZwei.value); - download(JSON.stringify(jsonDraft), "Bauchbinde_" + nachname.value + ".json", "text/plain"); + download( + JSON.stringify(jsonDraft), + "Bauchbinde_" + nachname.value + ".json", + "text/plain" + ); } function download(content: string, fileName: string, contentType: string) { @@ -98,6 +104,7 @@ function download(content: string, fileName: string, contentType: string) { margin-bottom: 1em; width: 20em; display: flex; + justify-content: center; gap: 1rem; } diff --git a/src/components/Lottie.vue b/src/components/Lottie.vue index 6f86aa166ec1538e1b0879433d707afa953477e9..dd257655d8709689dd5ea7ca24fc596c6b52413a 100644 --- a/src/components/Lottie.vue +++ b/src/components/Lottie.vue @@ -120,6 +120,15 @@ watch( ); onMounted(() => { + AnimationRechtsBB.layers[1].t.d.k[0].s.t = "MAX"; + AnimationLinksBB.layers[1].t.d.k[0].s.t = "MAX"; + AnimationRechtsBB.layers[3].t.d.k[0].s.t = "MUSTERMANN"; + AnimationLinksBB.layers[3].t.d.k[0].s.t = "MUSTERMANN"; + AnimationRechtsBB.layers[5].t.d.k[0].s.t = "Testperson"; + AnimationLinksBB.layers[5].t.d.k[0].s.t = "Testperson"; + AnimationRechtsBB.layers[7].t.d.k[0].s.t = ""; + AnimationLinksBB.layers[7].t.d.k[0].s.t = ""; + setTimeout(() => { // console.log(anim.value.goToAndPlay(150, true)); anim.value;