From ced14afdb1900ae791d8e0b2f43d709d91a8bc48 Mon Sep 17 00:00:00 2001
From: MarieWesthues <marie.westhues@stud.uni-due.de>
Date: Wed, 25 Aug 2021 14:42:57 +0200
Subject: [PATCH] Interaktion mit Angular

---
 src/app/home/home.component.html |  2 +-
 src/index.html                   | 17 ++++++++++-------
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index e9aa35a..9e9ad06 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -1,4 +1,4 @@
-<h1>Virtual Assistant - DIRK</h1>
+<h1 id="ueberschrift">Virtual Assistant - DIRK</h1>
 
 <iframe src="https://demo.myfarmvis.com/" title="myfarmvis" width="100%" height="750px"></iframe>
 <h3> <a href="https://login-demo.myfarmvis.com/auth/realms/myfarmvis/protocol/openid-connect/auth?response_type=code&client_id=myfarmvis-portal&state=SzJZTlhvRE8wNHJrRFdFUTVJdTJ5MmlYM3ExZUV1LjdRUXRpeklFeENzcUdJ&redirect_uri=https%3A%2F%2Fdemo.myfarmvis.com%2F&scope=openid%20profile&code_challenge=KLUpglF1T7r1ffHN7a7sFNJ5trFqR0yqDaZ3KiaUH4s&code_challenge_method=S256&nonce=SzJZTlhvRE8wNHJrRFdFUTVJdTJ5MmlYM3ExZUV1LjdRUXRpeklFeENzcUdJ"> > Hier geht es zum LogIn von myfarmvis</a> </h3>
diff --git a/src/index.html b/src/index.html
index fb4a361..a5cf3b3 100644
--- a/src/index.html
+++ b/src/index.html
@@ -18,16 +18,19 @@
     chat-icon="https://i.ibb.co/crsHWD0/Avatar-Maker.png"
   ></df-messenger>
   <script> 
+  function changeStyle() {
+      heading = document.getElementById("ueberschrift");
+      console.log("hallo");
+      heading.style.color = "red";
+  }
+
     const dfMessenger = document.querySelector('df-messenger');
-    dfMessenger.addEventListener('df-messenger-loaded', function (event) {
+    dfMessenger.addEventListener('df-user-input-entered', function (event) {
       
-      console.log(event);
-        if (event.detail.response) {
-            data = event.detail.response;
-            console.log(data);
-            //now do something with the data JSON object
-        }
+      changeStyle();
     });
+    
+
   </script>
 </body>
 </html>