From fc9cb8d19060b9f29774eb592144d2f6ff966335 Mon Sep 17 00:00:00 2001 From: Jasmin <2211581@stud.hs-mannheim.de> Date: Fri, 2 Jun 2023 21:05:05 +0200 Subject: [PATCH] =?UTF-8?q?Erreichbar=20=C3=BCber=20Suchergebnisse.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- buch_details.css | 96 ++++++++++++++++++++++ buch_details.php | 209 +++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 305 insertions(+) create mode 100644 buch_details.css create mode 100644 buch_details.php diff --git a/buch_details.css b/buch_details.css new file mode 100644 index 0000000..fd281d6 --- /dev/null +++ b/buch_details.css @@ -0,0 +1,96 @@ +/*TODO: Hintergrundfarben entfernen*/ + +.hauptcontainer { + /*Einzelne Elemente untereinander anzeigen.*/ + flex-direction: column; +} + +/*Container wird mit Daten aus der Datenbank gefüllt.*/ +#bookInfo_container { + padding-left: 45px; + padding-right: 50px; + padding-bottom: 50px; + padding-top: 30px; +} + +.book_container { + /*background-color: blueviolet;*/ + display: flex; + /*Einzelne Elemente nebeneinander anzeigen.*/ + flex-direction: row; +} + +.bookCover_container { + /*background-color: blue;*/ + display: flex; + /*Verbietet dem Container, seine Standardgröße (px) zu ändern.*/ + flex: 0 0 150px; + align-items: center; + height: auto; +} + +.bookCover { + /*Bild passt sich seinem Container an.*/ + max-width:100%; + max-height:100%; +} + +.bookDetails_container { + /* background-color: aquamarine; */ + width: 100%; + display: flex; + flex-direction: column; + padding-left: 25px; + padding-right: 25px; +} + +.bookTitle { + margin-bottom: 10px; + font-weight: 400; +} + +.bookDetails { + margin-bottom: 10px; +} + +.available_container { + width: fit-content; + /*Hintergrundfarbe wird an Inhalt angepasst.*/ + background-color: #70AD47; + /*background-color: #F34343;*/ + /*Element immer an der unteren Seite des Containers platzieren.*/ + margin-top: auto; +} + +.available { + color: white; + margin: 10px 25px; +} + +.shoppingCart_container { + /* background-color: chartreuse; */ + margin-left: auto; + margin-top: auto; + flex: 0 0 40px; +} + +.shoppingCart { + background-image: url('pictures/shopping_cart.png'); + width: 40px; + height: 40px; + background-size: contain; + background-repeat: no-repeat; +} + +.shoppingCart:hover { + background-image: url('pictures/shopping_cart_hover.png'); + cursor: pointer; +} + +.content_container, .bookMoreDetails_container { + margin-top: 25px; +} + +.bookContent_heading, .bookDetails_heading { + font-weight: 400; +} \ No newline at end of file diff --git a/buch_details.php b/buch_details.php new file mode 100644 index 0000000..a132a09 --- /dev/null +++ b/buch_details.php @@ -0,0 +1,209 @@ + + + + + + + + + + Candle Bibliothek | Details + + + +
+

+

+ Bibliothek Bild von einer Kerze +

Candle +

+
+ Über Uns + Bücher + Meine Bücher + Abmelden +
+ + +
+ Erweiterte Suche + Bild von einem Wagen +
+
+ + + +
+ 0) { + while($row = mysqli_fetch_assoc($result)) { + $bookID = $row['BuchID']; + $bookCover = $row['Bild']; + $bookTitle = $row['Titel']; + $bookPublishingYear = $row['Erscheinungsjahr']; + $bookPublisher = $row['Verlag']; + $bookAuthor = $row['Autor']; + $bookCategory = $row['Kategorie']; + $bookAvailability = $row['Verfügbarkeit']; + $bookContent = $row['Inhalt']; + $bookISBN = $row['ISBN']; + $bookLanguage = $row['Sprache']; + $bookKeywords = $row['Stichwort']; + + /* TODO: OnClick auslagern. */ + echo + "
+
+
+ Kein Bild vorhanden +
+
+

$bookTitle

+
+

Verfasser: $bookAuthor

+

Erscheinungsjahr: + $bookPublishingYear

+

Verlag: + $bookPublisher

+

Kategorie: + $bookCategory

+
+
+

+ $bookAvailability

+ + +
+
+
+
+
+
+
+

Inhalt

+

$bookContent

+
+
+

Details

+

ISBN: $bookISBN

+

Sprache: $bookLanguage

+

Stichwörter: + $bookKeywords

+
+
"; + } + } else { + echo "Keine Infos vorhanden."; + } + + if (!$result) { + die("Ungültige SQL-Abfrage: " . mysqli_connect_error()); + } + + mysqli_close($connection); + + ?> +
+ + + + + + + + + + + + + + \ No newline at end of file