localhorst/e-commerce
Archived
4
1
Fork 0
Code Issues Pull Requests Releases 2 Wiki Activity

add checkout

Browse Source
This commit is contained in:
Hannes Huber 2020-01-18 15:34:54 +01:00
parent 6d6f4bda6a
commit 619e586280
3 changed files with 127 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
prototype/src/main/java/org/hso/ecommerce/app/RequestController.java
View File

@ -44,12 +44,17 @@ public class RequestController {
@GetMapping("/articledetail") @GetMapping("/articledetail")
public String articledetail() { public String articledetail() {
return "articleDetail"; return "articledetail";
} }
@GetMapping("/searchresults") @GetMapping("/searchresults")
public String searchresults() { public String searchresults() {
return "searchResults"; return "searchresults";
}
@GetMapping("/shoppingcart")
public String shoppingcart() {
return "shoppingcart";
} }
@GetMapping("/intern/customerdetail") @GetMapping("/intern/customerdetail")

10
prototype/src/main/resources/static/css/ecom.css
View File

@ -137,6 +137,7 @@ a:visited {
p { p {
padding-top: var(--u0); padding-top: var(--u0);
padding-bottom: var(--u0); padding-bottom: var(--u0);
color: var(--c-black);
} }
h1 { h1 {
@ -393,7 +394,6 @@ fieldset {
height: 0px; height: 0px;
} }
.bar-flex { .bar-flex {
display: flex; display: flex;
align-items: center; align-items: center;
@ -577,6 +577,14 @@ fieldset {
text-align: right; text-align: right;
} }
.center-text {
text-align: center;
}
.leftspace {
padding-left: 1em;
}

111
prototype/src/main/resources/templates/shoppingCart.html Normal file
View File

@ -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>