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

add user settings

Browse Source
This commit is contained in:
CodeSteak 2020-01-25 17:12:12 +01:00
parent f3d344fa3c
commit 1d36c54e69
3 changed files with 132 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
prototype/src/main/resources/templates/fragments/customer.html Normal file
View File

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>e-commerce</title>
</head>
<body>
<nav th:fragment="sidebar">
<h1>Kategorien</h1>
<ul class="secondary">
<li><a>Aufnahmegeräte</a></li>
<li><a>Computer</a></li>
<li><a>Fernseher</a></li>
<li><a>Handys</a></li>
<li><a>Unterhaltungselektronik</a></li>
<li><a>Sonstiges</a></li>
</ul>
</nav>
</body>
</html>

4
prototype/src/main/resources/templates/register.html
View File

@ -28,12 +28,12 @@
<div>
<label for="password">Passwort</label>
<input class="full-width" type="text" name="password" placeholder="Passwort" id="password" required>
<input class="full-width" type="password" name="password" placeholder="Passwort" id="password" required>
</div>
<div>
<label for="password2">Passwort wiederholen</label>
<input class="full-width" type="text" name="password2" placeholder="Passwort" id="password2" required>
<input class="full-width" type="password" name="password2" placeholder="Passwort" id="password2" required>
</div>
<div>

108
prototype/src/main/resources/templates/user/settings.html
View File

@ -0,0 +1,108 @@
<!DOCTYPE html>
<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=0.75, user-scalable=no">
<title>Über uns</title>
<link rel="stylesheet" th:href="@{/css/ecom.css}" />
</head>
<body>
<nav th:replace="/fragments/header :: header">Header</nav>
<div class="sidebar-layout content-width">
<nav></nav>
<div>
<h1>Einstellungen</h1>
</div>
</div>
<main class="sidebar-layout content-width">
<nav th:replace="/fragments/customer :: sidebar"></nav>
<div class="content-width">
<form class="detailflex">
<div>
<h2> Login Daten </h2>
</div>
<div>
<div class="input-icon">
<input class="full-width" type="text" name="email" value="max.mueller@example.com" required />
<button> Email-Adresse ändern </button>
</div>
</div>
</form>
<form class="detailflex">
<div>
<h2> Sicherheit </h2>
</div>
<div>
<label for="password">Altes Passwort</label>
<input class="full-width" type="password" name="old-password" placeholder="Passwort" id="password" required>
<label for="password">Neues Passwort</label>
<input class="full-width" type="password" name="password" placeholder="Passwort" id="password" required>
<label for="password2">Neues Passwort wiederholen</label>
<input class="full-width" type="password" name="password2" placeholder="Passwort" id="password2" required>
<button> Passwort Daten ändern </button>
</div>
</form>
<form class="detailflex">
<div>
<h2> Rechungs- und Lieferinformation </h2>
</div>
<div class="col-2">
<div>
<label for="salutation">Anrede</label>
<input class="full-width" list="salutationsOpt" name="salutation" placeholder="Anrede" value="Herr" required />
<datalist id="salutationsOpt">
<option value="Herr">
<option value="Frau">
<option value="Herr Dr.">
<option value="Frau Dr.">
</datalist>
</div>
<div>
<label for="name">Name</label>
<input class="full-width" type="text" name="name" placeholder="Nachname Vorname" value="Max Müller" required />
</div>
</div>
<div>
<label for="address">Anschrift</label>
<textarea rows="5" class="full-width" type="text" name="address" placeholder="Optional: Zusatz&#10;Optional: Unternehmen&#10;Straße Hausnummer&#10;Postleitzeit Ort&#10;Land">
Musterstraße 26
7158 Mustertal
Deutschland</textarea>
</div>
<fieldset>
<input type="radio" name="type" value="priv" id="type-priv" required checked>
<label for="type-priv">Ich bin Privatkunde.</label> <br />
<input type="radio" name="type" value="bus" id="type-bus" required>
<label for="type-bus">Ich bin Geschäftskunde.</label> <br />
</fieldset>
<div>
<button> Lieferinformation ändern </button>
</div>
</form>
<form class="detailflex">
<div>
<h2> Zahlungsinformation</h2>
</div>
<div>
<div class="input-icon">
<input class="full-width" type="text" name="payment-card" placeholder="XXXXXXXX840" required />
<button> Kreditkartennummer ändern </button>
</div>
</div>
</form>
</div>
</main>
<footer th:replace="/fragments/footer :: footer"></footer>
</body>
</html>