janis/shop-ejs-expressjs
1
0
Fork 0
mirror of https://github.com/DerTyp7/shop-ejs-expressjs.git synced 2025-10-29 12:32:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

order

Browse Source
This commit is contained in:
j.mei7
2022-03-26 13:54:51 +01:00
parent bfe995158e
commit 1f38925581
11 changed files with 389 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
views/login.ejs
View File

@@ -8,12 +8,20 @@
<h1>Login</h1>
<form action="/auth/login" method="POST">
<p style="text-align:center;"><%- error %></p>
<p id="error-text"><%- error %></p>
<input required type="text" name="username" id="usernameInput" placeholder="Enter your username">
<input required type="password" name="password" id="passwordInput" placeholder="Enter your password">
<label for="username">
<p>Benutzername:</p>
<input required type="text" name="username" id="usernameInput" placeholder="Geben Sie Ihren Benutzernamen ein">
</label>
<label for="password">
<p>Passwort:</p>
<input required type="password" name="password" id="password1Input" placeholder="Geben Sie Ihr Passwort ein">
</label>
<input style="width: 40%;cursor:pointer;" type="submit" value="Login">
<a class="text-redirect" href="/register">Sie haben keinen Account?</a>
</form>
</body>
</html>

28
views/order.ejs Normal file
View File

@@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="en">
<head>
<%- include('partials/head'); %>
<link rel="stylesheet" href="/order.css">
</head>
<body>
<h1>Ihre Bestellung</h1>
<p id="error-text"><%- error %></p>
<div id="order-info">
<p><b>Produktname:</b> <%= product.name %></p>
<p><b>Stückpreis:</b> <%= product.price %> €</p>
<p><b>Anzahl: </b><%= quantity %></p>
<hr>
<p><b>Gesamtpreis:</b> <%= quantity * product.price %> €</p>
</div>
<!--submit button-->
<form action="/order" method="POST">
<input type="text" name="productId" value="<%= product.id %>">
<input type="text" name="quantity" value="<%= quantity %>">
<!-- Price is calculated on backend ;) -->
<input type="submit" value="Bestellen">
</form>
</body>
</html>

12
views/order_success.ejs Normal file
View File

@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<%- include('partials/head'); %>
<link rel="stylesheet" href="/order.css">
</head>
<body>
<h1 style="color:rgb(6, 170, 6)">Ihre Bestellung wurde in Auftrag gegeben!</h1>
<h3>Trackingnummer: <label style="color:rgb(6, 156, 170)"><%= trackingnumber %></label></h3>
<a class="text-redirect" href="/">Zurück zur Startseite</a>
</body>
</html>

76
views/register.ejs
View File

@@ -8,17 +8,75 @@
<h1>Register</h1>
<form action="/auth/register" method="POST">
<p style="text-align:center;"><%- error %></p>
<p id="error-text"><%- error %></p>
<input required type="text" name="username" id="usernameInput" placeholder="Enter your username">
<input required type="email" name="email" id="emailInput" placeholder="Enter your E-Mail">
<input required type="password" name="password1" id="password1Input" placeholder="Enter your password">
<input required type="password" name="password2" id="password2Input" placeholder="Repeat your password">
<input required type="text" name="firstname" id="firstnameInput" placeholder="Enter your firstname">
<input required type="text" name="lastname" id="lastnameInput" placeholder="Enter your lastname">
<input required type="text" name="gender" id="genderInput" placeholder="How should we call you?">
<h4>Account Informationen:</h4>
<input style="width: 40%;cursor:pointer;" type="submit" value="Register">
<label for="username">
<p>Benutzername:</p>
<input required type="text" name="username" id="usernameInput" placeholder="Geben Sie Ihren Benutzernamen ein">
</label>
<label for="email">
<p>E-Mail:</p>
<input required type="email" name="email" id="emailInput" placeholder="Geben Sie Ihre E-Mail-Adresse ein">
</label>
<label for="password1">
<p>Passwort:</p>
<input required type="password" name="password1" id="password1Input" placeholder="Geben Sie Ihr Passwort ein">
</label>
<label for="password2">
<p>Passwort wiederholen:</p>
<input required type="password" name="password2" id="password2Input" placeholder="wiederholen Sie Ihr Passwort">
</label>
<h4>Persönliche Informationen:</h4>
<label for="firstname">
<p>Vorname:</p>
<input required type="text" name="firstname" id="firstnameInput" placeholder="Geben Sie Ihren Vornamen ein">
</label>
<label for="lastname">
<p>Nachname:</p>
<input required type="text" name="lastname" id="lastnameInput" placeholder="Geben Sie Ihren Nachnamen ein">
</label>
<label for="gender">
<p>Anrede (z.B. Herr, Frau):</p>
<input required type="text" name="gender" id="genderInput" placeholder="Wie lautet Ihre Anrede?">
</label>
<h4>Lieferadresse:</h4>
<label for="street">
<p>Straße:</p>
<input required type="text" name="street" id="streetInput" placeholder="Geben Sie Ihre Straße ein">
</label>
<label for="housenumber">
<p>Hausnummer:</p>
<input required type="number" min="1" name="housenumber" id="housenumberInput" placeholder="Geben Sie Ihre Hausnummer ein">
</label>
<label for="postcode">
<p>Postleitzahl:</p>
<input required type="text" name="postcode" id="postcodeInput" placeholder="Geben Sie die Postleitzahl ein">
</label>
<label for="cityName">
<p>Stadt:</p>
<input required type="text" name="cityName" id="cityInput" placeholder="Geben Sie die Stadt ein">
</label>
<label for="country">
<p>Land:</p>
<input required type="text" name="country" id="countryInput" placeholder="Geben Sie das Land ein">
</label>
<input style="width: 40%;cursor:pointer;" type="submit" value="Registrieren">
<!-- Already have an account?-->
<a class="text-redirect" href="/login">Sie haben bereits einen Account?</a>
</form>
</body>
</html>