From eca4c4179ce619b0a902054b2ebb481a55d3b350 Mon Sep 17 00:00:00 2001
From: Jasmin <2211581@stud.hs-mannheim.de>
Date: Tue, 13 Jun 2023 12:22:38 +0200
Subject: [PATCH] =?UTF-8?q?Warenkorb=20Symbol=20f=C3=BCgt=20das=20Buch=20z?=
 =?UTF-8?q?um=20Warenkorb=20hinzu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 buch_details.php   | 32 +++++++++++++++++++++++++++++++-
 buecher.php        | 27 ++++++++++++++++++++++++++-
 suchergebnisse.php | 32 ++++++++++++++++++++++++++++----
 3 files changed, 85 insertions(+), 6 deletions(-)

diff --git a/buch_details.php b/buch_details.php
index 48905eb..c02845f 100644
--- a/buch_details.php
+++ b/buch_details.php
@@ -168,7 +168,10 @@
                                     </script>
                                 </div>
                             </div>
-                            <div class='shoppingCart_container'>
+                            <!--TODO: OnClick Event auslagern-->
+                            <div class='shoppingCart_container' 
+                                id='shoppingCart$bookID'
+                                onclick='addBookToCart(this.id)'>
                                 <div class='shoppingCart'></div>
                             </div>
                         </div>
@@ -200,6 +203,33 @@
 
     <!------------------------------------------------------------------------->
 
+    <!-- TODO: Auslagern (falls möglich) -->
+    <script>
+        function addBookToCart(ID) {
+            // OnClick Event für open_bookDetails stoppen
+            if (!e) var e = window.event;
+            e.cancelBubble = true;
+            if (e.stopPropagation) e.stopPropagation();
+
+            // ID abtrennen
+            ID = ID.replace('shoppingCart', '');
+            alert(ID);
+
+            var request = new XMLHttpRequest();
+            request.open('POST', 
+                'http://141.19.142.11/warenkorb_funktionen.php', true);
+            // TODO: Handler erstellen
+            request.onload = function() {
+                console.log(this.responseText);
+            }
+            request.setRequestHeader('Content-type', 
+                'application/x-www-form-urlencoded');
+            request.send(`function=addBookToCart&id=${ID}`);
+        }
+    </script>
+
+    <!------------------------------------------------------------------------->
+
     <!--Link JS file-->
     <script src="burgerIcon.js"></script>
     <!--If it was small and got big, 
diff --git a/buecher.php b/buecher.php
index ec5ffd7..a083457 100644
--- a/buecher.php
+++ b/buecher.php
@@ -151,7 +151,10 @@
                                     </script>
                                 </div>
                             </div>
-                            <div class='shoppingCart_container'>
+                            <!--TODO: OnClick Event auslagern-->
+                            <div class='shoppingCart_container' 
+                                id='shoppingCart$bookID'
+                                onclick='addBookToCart(this.id)'>
                                 <div class='shoppingCart'></div>
                             </div>
                         </div>";
@@ -182,6 +185,28 @@
                    data.toString();
                location.href = url;
            }
+
+           function addBookToCart(ID) {
+                // OnClick Event für open_bookDetails stoppen
+                if (!e) var e = window.event;
+                e.cancelBubble = true;
+                if (e.stopPropagation) e.stopPropagation();
+
+                // ID abtrennen
+                ID = ID.replace('shoppingCart', '');
+                alert(ID);
+
+                var request = new XMLHttpRequest();
+                request.open('POST', 
+                    'http://141.19.142.11/warenkorb_funktionen.php', true);
+                // TODO: Handler erstellen
+                request.onload = function() {
+                    console.log(this.responseText);
+                }
+                request.setRequestHeader('Content-type', 
+                    'application/x-www-form-urlencoded');
+                request.send(`function=addBookToCart&id=${ID}`);
+            }
        </script>
    
            <!--Link JS file-->
diff --git a/suchergebnisse.php b/suchergebnisse.php
index f71bd35..1c2e397 100644
--- a/suchergebnisse.php
+++ b/suchergebnisse.php
@@ -188,7 +188,7 @@
                     if ($counter != 0) {
                         echo "<div class='divider'></div>";
                     }
-                    // TODO: OnClick auslagern. 
+                    // TODO: OnClick Event auslagern
                     echo "<div id='book_container$bookID' class='book_container' 
                             onclick='open_bookDetails(this.id)'>
                             <div class='bookCover_container'>
@@ -231,7 +231,10 @@
                                     </script>
                                 </div>
                             </div>
-                            <div class='shoppingCart_container'>
+                            <!--TODO: OnClick Event auslagern-->
+                            <div class='shoppingCart_container' 
+                                id='shoppingCart$bookID'
+                                onclick='addBookToCart(this.id)'>
                                 <div class='shoppingCart'></div>
                             </div>
                         </div>";
@@ -253,16 +256,37 @@
 
     <!------------------------------------------------------------------------->
 
-    <!-- Auslagern (falls möglich) -->
+    <!-- TODO: Auslagern (falls möglich) -->
     <script>
         function open_bookDetails(ID) {
             var data = new URLSearchParams();
             data.append("bookID", ID);
-
             var url = "http://141.19.142.11/buch_details.php?" + 
                         data.toString();
             location.href = url;
         }
+
+        function addBookToCart(ID) {
+            // OnClick Event für open_bookDetails stoppen
+            if (!e) var e = window.event;
+            e.cancelBubble = true;
+            if (e.stopPropagation) e.stopPropagation();
+
+            // ID abtrennen
+            ID = ID.replace('shoppingCart', '');
+            alert(ID);
+
+            var request = new XMLHttpRequest();
+            request.open('POST', 
+                'http://141.19.142.11/warenkorb_funktionen.php', true);
+            // TODO: Handler erstellen
+            request.onload = function() {
+                console.log(this.responseText);
+            }
+            request.setRequestHeader('Content-type', 
+                'application/x-www-form-urlencoded');
+            request.send(`function=addBookToCart&id=${ID}`);
+        }
     </script>
 
     <!------------------------------------------------------------------------->