diff --git a/src/App.vue b/src/App.vue index 3ec14a2719f19c0111a897d49fe1c62c68f0db94..c00b86e2411840e44ecd43ac0dfd8139f407e4ff 100644 --- a/src/App.vue +++ b/src/App.vue @@ -15,18 +15,15 @@ let falseLoopStatus = ref(false); function playLottie(data: boolean) { playLottieStatus.value = data; - console.log( "play status shows:" + playLottieStatus.value); falseLoopStatus.value = false; } function pauseLottie(data: boolean) { pauseLottieStatus.value = data; - console.log( "pause shows:" + pauseLottieStatus.value); } function falseStatusLottieLoop(data: boolean) { falseLoopStatus.value = data; - console.log("stuck status = " + falseLoopStatus.value); } </script> @@ -37,27 +34,13 @@ function falseStatusLottieLoop(data: boolean) { </div> <div class="appGrid"> - <Form - v-model:vorname="vorname" - v-model:nachname="nachname" - v-model:funktionZeileEins="funktionZeileEins" - v-model:funktionZeileZwei="funktionZeileZwei" - v-model:BBEcke="BBEcke" - v-on:playLottie="playLottie" - v-on:pauseLottie="pauseLottie" - :falseLoopStatus="falseLoopStatus" - ></Form> + <Form v-model:vorname="vorname" v-model:nachname="nachname" v-model:funktionZeileEins="funktionZeileEins" + v-model:funktionZeileZwei="funktionZeileZwei" v-model:BBEcke="BBEcke" v-on:playLottie="playLottie" + v-on:pauseLottie="pauseLottie" :falseLoopStatus="falseLoopStatus"></Form> - <Lottie - :vorname="vorname" - :nachname="nachname" - :funktionZeileEins="funktionZeileEins" - :funktionZeileZwei="funktionZeileZwei" - :BBEcke="BBEcke" - :playLottieStatus="playLottieStatus" - :pauseLottieStatus="pauseLottieStatus" - v-on:falseStatusLottieLoop="falseStatusLottieLoop" - ></Lottie> + <Lottie :vorname="vorname" :nachname="nachname" :funktionZeileEins="funktionZeileEins" + :funktionZeileZwei="funktionZeileZwei" :BBEcke="BBEcke" :playLottieStatus="playLottieStatus" + :pauseLottieStatus="pauseLottieStatus" v-on:falseStatusLottieLoop="falseStatusLottieLoop"></Lottie> </div> </template> @@ -67,9 +50,11 @@ function falseStatusLottieLoop(data: boolean) { margin: auto; padding-bottom: 50px; } + .logoImg { width: 100px; } + .appGrid { display: flex; flex-direction: row; diff --git a/src/components/Form.vue b/src/components/Form.vue index 3fd1ab6a8474667e82437a5c076f3d24847f435a..a6caebad10ac9ad4f431c782de9faacfcdcad397 100644 --- a/src/components/Form.vue +++ b/src/components/Form.vue @@ -33,25 +33,6 @@ watch( }); function writeJson() { - // 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. - - // BL: Es scheint wesentlich komplizierter, einen allgemeinen Pfad für Windows zu kriegen im Vergleich zu Mac oder Linux (~/Documents). - // Dafür bräuchte ich NodeJS, was nicht ein Teil des Projekts ist. Ich glaube es funktionert schon, dass die Datei in dem Downloads-Ordner - // gespeichert wird, also velleicht reicht das? - if (window.navigator.userAgent.indexOf("Windows") != -1) { - console.log("The user is running Windows"); - } else if (window.navigator.userAgent.indexOf("Mac OS") != -1) { - console.log("The user is running Mac OS"); - } else if (window.navigator.userAgent.indexOf("Linux") != -1) { - console.log("The user is running Linux"); - } else { - console.log("The user's operating system could not be determined"); - } - jsonDraft.template.composition = "BB" + BBEcke.value; jsonDraft.assets[0].value = String(vorname.value); jsonDraft.assets[1].value = String(nachname.value);