From e9e436facc53df0657bbd9479958f860b921ce56 Mon Sep 17 00:00:00 2001
From: Nils <2120531@stud.hs-mannheim.de>
Date: Wed, 14 Jun 2023 18:18:54 +0200
Subject: [PATCH] =?UTF-8?q?Meine=20B=C3=BCcher=20weiter=20gemacht=20part?=
 =?UTF-8?q?=203?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 abmelden_erfolgreich.php |  5 -----
 burgerIcon.js            | 10 +++++++++-
 meinebuecher.php         |  9 ++++++---
 style.css                |  5 ++---
 suchergebnisse.css       | 40 ++++++++++++++++++++++++++++++++++++++++
 5 files changed, 57 insertions(+), 12 deletions(-)

diff --git a/abmelden_erfolgreich.php b/abmelden_erfolgreich.php
index 773dde0..f51b649 100644
--- a/abmelden_erfolgreich.php
+++ b/abmelden_erfolgreich.php
@@ -27,11 +27,6 @@
         <a id="buecher" href="buecher.php">Bücher</a>
         <a id="meinebuecher" href="anmelden_meinebuecher.php">
             Meine Bücher</a>
-        <?php
-        session_start();
-        if(isset($_SESSION["eingeloggt"])  && $_SESSION["eingeloggt"] == 1 ){
-            echo "<a id='abmelden' href='abmelden.php'>Abmelden</a>";}
-        ?>
         <form action="suchergebnisse.php">
             <input type="hidden" name="searchType" value="simple">
             <input name="searchFor" class="suchleiste" type="search"
diff --git a/burgerIcon.js b/burgerIcon.js
index c0029fc..5e8802c 100644
--- a/burgerIcon.js
+++ b/burgerIcon.js
@@ -23,6 +23,14 @@ function openNav() {
         pointer-events: auto;
         opacity: 1;
       }
+      
+      #erweitertesuche{
+        position: fixed;
+        right: 450px;
+        top: 13px;
+        opacity: 1;
+        pointer-events: auto;
+      }
     
       #nav-toggle {
         opacity: 1;
@@ -39,7 +47,7 @@ function openNav() {
 
       .suchleiste{
         position: fixed;
-        right: 280px;
+        right: 233px;
         top: 0px;
       }
       #buttonID{
diff --git a/meinebuecher.php b/meinebuecher.php
index 4750631..9eb14df 100644
--- a/meinebuecher.php
+++ b/meinebuecher.php
@@ -166,8 +166,8 @@ if(isset($_POST['submit'])){
                                     </div>
                                     
                                 </div>
-                                <div class='shoppingCart_container'>
-                                   <div class='shoppingCart' id='shoppingCart$ausleihID'></div>
+                                <div class='placeholder_container'>
+                                   <div class='placeholder' id='placeholder$ausleihID'></div>
                                 </div>
                                 <script type='text/javascript' 
                                         language='JavaScript'>
@@ -180,12 +180,14 @@ if(isset($_POST['submit'])){
                                                     parentDiv.style.backgroundColor 
                                                     = '#70AD47';
                                                     document.getElementById('bestellungsInfo$ausleihID').innerHTML = 'Diese Reservierung verfällt, wenn das Buch nicht bis zum $bookStartdatePlusSeven abgeholt wurde.';
-                                                    document.getElementById('shoppingCart$ausleihID').style.backgroundImage = url('pictures/bin.png')
+                                                    document.getElementById('placeholder$ausleihID').classList.add('bin');
+                                                    document.getElementById('placeholder$ausleihID').addEventListener('click', )
                                                 }
                                                 // Ausgeliehen und Verlängerbar
                                                 else if (currentElement.innerHTML.trim().includes('Rückgabe') && $bookExtendable === 1){
                                                     parentDiv.style.backgroundColor 
                                                     = '#70AD47';
+                                                    document.getElementById('placeholder$ausleihID').classList.add('extend');
                                                 } 
                                                 // Ausgeliehen und nicht Verlängerbar
                                                 else if (currentElement.innerHTML.trim().includes('Rückgabe') && $bookExtendable === 0){
@@ -197,6 +199,7 @@ if(isset($_POST['submit'])){
                                                     parentDiv.style.backgroundColor 
                                                     = '#F34343';
                                                     document.getElementById('bestellungsInfo$ausleihID').innerHTML = 'Dieses Buch ist für sie Reserviert.';
+                                                    document.getElementById('placeholder$ausleihID').classList.add('bin');
                                                 }
                                             })();
                                         </script>
diff --git a/style.css b/style.css
index dc18129..d8a608c 100644
--- a/style.css
+++ b/style.css
@@ -1737,9 +1737,8 @@ input[type=number] {
   }
   /*Reposition*/
   #erweitertesuche{
-    position: fixed;
-    right: 60px;
-    top: 15px;
+    opacity: 0;
+    pointer-events: none;
   }
   
   /*Burger Icon creation and position*/
diff --git a/suchergebnisse.css b/suchergebnisse.css
index 5fb7083..3e9839b 100644
--- a/suchergebnisse.css
+++ b/suchergebnisse.css
@@ -97,6 +97,46 @@
     cursor: pointer;
 }
 
+.bin_container {
+    /* background-color: chartreuse; */
+    margin-left: auto;
+    margin-top: auto;
+    flex: 0 0 40px;
+}
+
+.bin {
+    background-image: url('pictures/bin.png');
+    width: 40px;
+    height: 40px;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+.bin:hover {
+    background-image: url('pictures/bin_hover.png');
+    cursor: pointer;
+}
+
+.extend {
+    background-image: url('pictures/extend.png');
+    width: 40px;
+    height: 40px;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+.extend:hover {
+    background-image: url('pictures/extend_hover.png');
+    cursor: pointer;
+}
+
+.placeholder_container {
+    /* background-color: chartreuse; */
+    margin-left: auto;
+    margin-top: auto;
+    flex: 0 0 40px;
+}
+
 .divider {
     margin-top: 15px;
     margin-bottom: 15px;