add checkout
This commit is contained in:
parent
6d6f4bda6a
commit
619e586280
|
@ -44,12 +44,17 @@ public class RequestController {
|
|||
|
||||
@GetMapping("/articledetail")
|
||||
public String articledetail() {
|
||||
return "articleDetail";
|
||||
return "articledetail";
|
||||
}
|
||||
|
||||
@GetMapping("/searchresults")
|
||||
public String searchresults() {
|
||||
return "searchResults";
|
||||
return "searchresults";
|
||||
}
|
||||
|
||||
@GetMapping("/shoppingcart")
|
||||
public String shoppingcart() {
|
||||
return "shoppingcart";
|
||||
}
|
||||
|
||||
@GetMapping("/intern/customerdetail")
|
||||
|
|
|
@ -137,6 +137,7 @@ a:visited {
|
|||
p {
|
||||
padding-top: var(--u0);
|
||||
padding-bottom: var(--u0);
|
||||
color: var(--c-black);
|
||||
}
|
||||
|
||||
h1 {
|
||||
|
@ -393,7 +394,6 @@ fieldset {
|
|||
height: 0px;
|
||||
}
|
||||
|
||||
|
||||
.bar-flex {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
@ -577,6 +577,14 @@ fieldset {
|
|||
text-align: right;
|
||||
}
|
||||
|
||||
.center-text {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.leftspace {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
@ -0,0 +1,111 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>e-commerce</title>
|
||||
<link href="/css/ecom.css" rel="stylesheet"/>
|
||||
</head>
|
||||
<body>
|
||||
<nav th:replace="fragments/header :: header">Header</nav>
|
||||
<main class="detailgrid">
|
||||
<div class="l">
|
||||
<h1 class="center-text">Warenkorb</h1>
|
||||
<table>
|
||||
<tr>
|
||||
<th>Bild</th>
|
||||
<th>Name</th>
|
||||
<th>Preis</th>
|
||||
<th>Menge</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><img th:src="@{/img/product-1.jpg}" class="s"/></td>
|
||||
<td>Kamera</td>
|
||||
<td>100,50 €</td>
|
||||
<td>
|
||||
<select size="1">
|
||||
<option>1</option>
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<button>löschen</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img th:src="@{/img/product-2.jpg}" class="s"/></td>
|
||||
<td>Earbuds</td>
|
||||
<td>63,95 €</td>
|
||||
<td>
|
||||
<select size="1">
|
||||
<option>1</option>
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<button>löschen</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img th:src="@{/img/product-3.jpg}" class="s"/></td>
|
||||
<td>USB-Magic Light</td>
|
||||
<td>11,90 €</td>
|
||||
<td>
|
||||
<select size="1">
|
||||
<option>1</option>
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<button>löschen</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img th:src="@{/img/product-4.jpg}" class="s"/></td>
|
||||
<td>3D Magic Stativ</td>
|
||||
<td>15,99 €</td>
|
||||
<td>
|
||||
<select size="1">
|
||||
<option>1</option>
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<button>löschen</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img th:src="@{/img/product-5.jpg}" class="s"/></td>
|
||||
<td>Ersatzfernbedinung</td>
|
||||
<td>7,95 €</td>
|
||||
<td>
|
||||
<select size="1">
|
||||
<option>1</option>
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<button>löschen</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</p>
|
||||
</div>
|
||||
<div class="s">
|
||||
<h1 class="center-text">Checkout</h1>
|
||||
<div class="hero">
|
||||
<div class="leftspace">
|
||||
<h2>Bestellübersicht</h2>
|
||||
<p>Artikel: 200,29 €</p>
|
||||
<p>Lieferung: 5,00 €</p>
|
||||
<h2 class="secondarytext">Gesamt: 205,29 €</h2>
|
||||
|
||||
<h2>Versandadresse:</h2>
|
||||
<p>Max Mustermann</p>
|
||||
<p>Musterstraße 42</p>
|
||||
<p>42424 Mustertal</p>
|
||||
|
||||
<button class="secondary">kostenpflichtig bestellen</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer th:replace="fragments/footer :: footer"></footer>
|
||||
</body>
|
||||
</html>
|
Reference in New Issue