2020-01-25 17:12:12 +01:00
<!DOCTYPE html>
< html lang = "de" dir = "ltr" xmlns:th = "http://www.thymeleaf.org" >
< head >
2020-04-27 09:48:24 +02:00
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=0.75, user-scalable=no" >
2020-01-25 17:12:12 +01:00
2020-04-27 09:48:24 +02:00
< title > Einstellungen< / title >
< link rel = "stylesheet" th:href = "@{/css/ecom.css}" / >
2020-01-25 17:12:12 +01:00
< / head >
< body >
2020-04-27 09:48:24 +02:00
< nav th:replace = "fragments/header :: header" > Header< / nav >
2020-01-25 17:12:12 +01:00
2020-04-27 09:48:24 +02:00
< 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" >
2020-05-19 11:52:41 +02:00
< form method = "POST" th:action = "@{/user/settings/changeMail}" >
2020-01-25 17:12:12 +01:00
< div >
2020-04-27 09:48:24 +02:00
< h2 > Login Daten < / h2 >
2020-01-25 17:12:12 +01:00
< / div >
< div >
2020-04-27 09:48:24 +02:00
< div class = "input-icon" >
2020-06-25 11:10:20 +02:00
< input class = "full-width" type = "text" name = "email" th:value = "${user.email}"
2020-06-25 11:16:54 +02:00
pattern="[^@\s]+@[^\.\s]+\.[^\s]+" required/>
2020-04-27 09:48:24 +02:00
< button > Email-Adresse ändern< / button >
< / div >
2020-01-25 17:12:12 +01:00
< / div >
2020-04-27 09:48:24 +02:00
< / form >
2020-01-25 17:12:12 +01:00
2020-05-19 15:18:48 +02:00
< form class = "detailflex" method = "POST" th:action = "@{/user/settings/changePwd}" >
2020-01-25 17:12:12 +01:00
< div >
2020-04-27 09:48:24 +02:00
< h2 > Sicherheit < / h2 >
2020-01-25 17:12:12 +01:00
< / div >
< div >
2020-04-27 09:48:24 +02:00
< label for = "password" > Altes Passwort< / label >
< input class = "full-width" type = "password" name = "old-password" placeholder = "Passwort" id = "password"
required>
2020-01-25 17:12:12 +01:00
2020-05-19 15:18:48 +02:00
< label for = "password1" > Neues Passwort< / label >
2020-06-20 23:47:53 +02:00
< input class = "full-width" type = "password" name = "password1" placeholder = "Passwort" id = "password1"
pattern="(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z]).{8,}" required>
< small > Das Passwort muss mindestens 8 Zeichen enthalten. Es muss aus mindestens einem Großbuchstaben,
einem Kleinbuchstaben und einer Zahl bestehen.< / small >
2020-04-27 09:48:24 +02:00
< 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 >
2020-01-25 17:12:12 +01:00
< / div >
2020-04-27 09:48:24 +02:00
< / form >
2020-01-25 17:12:12 +01:00
2020-05-19 15:18:48 +02:00
< form class = "detailflex" method = "POST" th:action = "@{/user/settings/changeAddress}" >
2020-01-25 17:12:12 +01:00
< div >
2020-04-27 09:48:24 +02:00
< h2 > Rechungs- und Lieferinformation < / h2 >
2020-01-25 17:12:12 +01:00
< / div >
< div class = "col-2" >
2020-04-27 09:48:24 +02:00
< div >
< label for = "salutation" > Anrede< / label >
2020-06-01 20:27:19 +02:00
< input class = "full-width" list = "salutationsOpt" name = "salutation" id = "salutation" placeholder = "Anrede" th:value = "${user.salutation}"
2020-04-27 09:48:24 +02:00
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 >
2020-06-21 16:28:00 +02:00
< input class = "full-width" type = "text" name = "name" id = "name" placeholder = "Nachname Vorname"
th:value="${user.defaultDeliveryAddress != null ? user.defaultDeliveryAddress.name : ''}"
2020-04-27 09:48:24 +02:00
required/>
< / div >
2020-01-25 17:12:12 +01:00
< / div >
< div >
2020-04-27 09:48:24 +02:00
< label for = "address" > Anschrift< / label >
2020-06-01 20:27:19 +02:00
< textarea rows = "5" class = "full-width" type = "text" name = "address" id = "address"
2020-06-21 16:28:00 +02:00
placeholder="Optional: Zusatz Optional: Unternehmen Straße Hausnummer Postleitzeit Ort Land"
th:text="${user.defaultDeliveryAddress != null ? user.defaultDeliveryAddress.addressString : ''}"/>
2020-01-25 17:12:12 +01:00
< / div >
< div >
2020-04-27 09:48:24 +02:00
< button > Lieferinformation ändern< / button >
2020-01-25 17:12:12 +01:00
< / div >
2020-04-27 09:48:24 +02:00
< / form >
2020-01-25 17:12:12 +01:00
2020-05-19 15:18:48 +02:00
< form class = "detailflex" method = "POST" th:action = "@{/user/settings/changePaymentInfo}" >
2020-01-25 17:12:12 +01:00
< div >
2020-04-27 09:48:24 +02:00
< h2 > Zahlungsinformation< / h2 >
2020-01-25 17:12:12 +01:00
< / div >
< div >
2020-04-27 09:48:24 +02:00
< div class = "input-icon" >
2020-06-16 23:50:10 +02:00
< input class = "full-width"
type="text"
name="creditCardNumber"
th:value="${user.defaultPayment != null & & user.defaultPayment.creditCardNumber != null ? user.defaultPayment.creditCardNumber : ''}"
placeholder="Jetzt Kreditkartennummer hinterlegen."/>
2020-04-27 09:48:24 +02:00
< button > Kreditkartennummer ändern< / button >
< / div >
2020-01-25 17:12:12 +01:00
< / div >
2020-04-27 09:48:24 +02:00
< / form >
< / div >
< / main >
< footer th:replace = "fragments/footer :: footer" > < / footer >
2020-01-25 17:12:12 +01:00
< / body >
< / html >
