From fe966bd6a1d0f137cb7d4e7b485b66a86683ee10 Mon Sep 17 00:00:00 2001
From: Subliminal Guy <subliminal_kid@posteo.de>
Date: Sat, 8 Jun 2024 09:16:12 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20=C3=A4ndere(App.vue):=20=C3=84nd?=
 =?UTF-8?q?ere=20die=20Ausrichtung=20des=20Logos=20von=20zentriert=20auf?=
 =?UTF-8?q?=20rechts.=20=F0=9F=94=A7=20=C3=A4ndere(App.vue):=20=C3=84ndere?=
 =?UTF-8?q?=20die=20Breite=20des=20Logos=20von=20200px=20auf=20100px.=20?=
 =?UTF-8?q?=F0=9F=94=A7=20=C3=A4ndere(Form.vue):=20Aktualisiere=20Kommenta?=
 =?UTF-8?q?re=20und=20f=C3=BCge=20neue=20Funktionalit=C3=A4ten=20hinzu.=20?=
 =?UTF-8?q?=F0=9F=94=A7=20=C3=A4ndere(Form.vue):=20Zentriere=20den=20Inhal?=
 =?UTF-8?q?t=20des=20Flex-Containers.=20=F0=9F=94=A7=20=C3=A4ndere(Lottie.?=
 =?UTF-8?q?vue):=20Aktualisiere=20Textinhalte=20in=20den=20Animationen.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue               |  4 ++--
 src/components/Form.vue   | 15 +++++++++++----
 src/components/Lottie.vue |  9 +++++++++
 3 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index dce014d..c9843c8 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 68c8662..19f08c5 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 6f86aa1..dd25765 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;
-- 
GitLab