Merge branch 'customers_suppliers_templates'
This commit is contained in:
commit
c204a5e5a0
|
@ -111,6 +111,30 @@ public class RequestController {
|
|||
return "notification";
|
||||
}
|
||||
|
||||
@GetMapping("/intern/customers_allOrders_overview")
|
||||
public String customers_allOrders_overview() {return "intern/customers_allOrders_overview"; }
|
||||
|
||||
@GetMapping("/intern/customers_order_detailview")
|
||||
public String customers_order_detailview() {return "intern/customers_order_detailview"; }
|
||||
|
||||
@GetMapping("/intern/customers_overview")
|
||||
public String customers_overview() {return "intern/customers_overview"; }
|
||||
|
||||
@GetMapping("/intern/customers_detailview_bookings_orders")
|
||||
public String customers_detailview_bookings_orders() {return "intern/customers_detailview_bookings_orders"; }
|
||||
|
||||
@GetMapping("/intern/suppliers_overview")
|
||||
public String suppliers_overview() {return "intern/suppliers_overview"; }
|
||||
|
||||
@GetMapping("/intern/suppliers_detailview_bookings_orders")
|
||||
public String suppliers_detailview_bookings_orders() {return "intern/suppliers_detailview_bookings_orders"; }
|
||||
|
||||
@GetMapping("/intern/suppliers_allOrders_overview")
|
||||
public String suppliers_allOrders_overview() {return "intern/suppliers_allOrders_overview"; }
|
||||
|
||||
@GetMapping("/intern/suppliers_order_detailview")
|
||||
public String suppliers_order_detailview() {return "intern/suppliers_order_detailview"; }
|
||||
|
||||
@GetMapping("/customer/accountsettings")
|
||||
public String customerAccountSettings(Model model) {
|
||||
Customer customer = new Customer();
|
||||
|
|
|
@ -0,0 +1,15 @@
|
|||
.border{
|
||||
|
||||
border:4px solid black;
|
||||
border-radius: 0.7rem;
|
||||
}
|
||||
|
||||
input.nofocus:focus{
|
||||
|
||||
outline-width: 0;
|
||||
}
|
||||
|
||||
button.nofocus:focus{
|
||||
|
||||
outline-width: 0;
|
||||
}
|
|
@ -584,6 +584,15 @@ fieldset {
|
|||
.leftspace {
|
||||
padding-left: 1em;
|
||||
}
|
||||
.noPadding {
|
||||
padding: 0rem;
|
||||
}
|
||||
.noMargin {
|
||||
margin: 0rem;
|
||||
}
|
||||
.Margin-left.s {
|
||||
margin-left: 2rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
|
|
@ -0,0 +1,80 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Bestell -und Buchungsübersicht</title>
|
||||
<link rel="stylesheet" th:href="@{/css/ecom.css}" />
|
||||
<link rel="stylesheet" th:href="@{/css/NoFocus.css}" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
</head>
|
||||
<body>
|
||||
<nav class='hero'>
|
||||
<div class='content-width bar-flex'>
|
||||
<h1>Project eCommerce</h1>
|
||||
<button>Angebote</button>
|
||||
<div class='spacer input-icon secondary'>
|
||||
<input type="text" placeholder="Nach Produkten suchen..."/>
|
||||
<button>Finden</button>
|
||||
</div>
|
||||
<button>Login</button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<div class="content-width">
|
||||
<h1>Übersicht aller Bestellungen</h1>
|
||||
<br>
|
||||
<h2>Bestellungen</h2>
|
||||
<div class='spacer input-icon border backgroundprimary'>
|
||||
<input type="text" class="nofocus" placeholder="Bestellungen Filtern"/>
|
||||
<button class="nofocus">Filtern</button>
|
||||
</div>
|
||||
<p>
|
||||
<table>
|
||||
<tr>
|
||||
<th>Kundennummer</th>
|
||||
<th>Bestellnummer</th>
|
||||
<th>Bestelldatum</th>
|
||||
<th>Betrag</th>
|
||||
<th>Bonuspunkte</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>1</td>
|
||||
<td>2019-11-10</td>
|
||||
<td>10,13 EUR</td>
|
||||
<td>10</td>
|
||||
<td><button class="smaller">Details</button></td>
|
||||
</tr>
|
||||
</table>
|
||||
</p>
|
||||
<br>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="hero-black">
|
||||
<div class='content-width bar-flex'>
|
||||
<h3>Project eCommerce</h3>
|
||||
<div class="spacer"></div>
|
||||
<div>
|
||||
<h4>Seite</h4>
|
||||
<ul>
|
||||
<li><a>Login</a></li>
|
||||
<li><a>Angebote</a></li>
|
||||
<li><a>Suche</a></li>
|
||||
<li><a>Mitarbeiter Login</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Mehr</h4>
|
||||
<ul>
|
||||
<li><a>Nutzungsbedingungen</a></li>
|
||||
<li><a>Datenschutz</a></li>
|
||||
<li><a>Über</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,106 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Bestell -und Buchungsübersicht</title>
|
||||
<link rel="stylesheet" th:href="@{/css/ecom.css}" />
|
||||
<link rel="stylesheet" th:href="@{/css/NoFocus.css}" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
</head>
|
||||
<body>
|
||||
<nav class='hero'>
|
||||
<div class='content-width bar-flex'>
|
||||
<h1>Project eCommerce</h1>
|
||||
<button>Angebote</button>
|
||||
<div class='spacer input-icon secondary'>
|
||||
<input type="text" placeholder="Nach Produkten suchen..."/>
|
||||
<button>Finden</button>
|
||||
</div>
|
||||
<button>Login</button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<div class="content-width">
|
||||
<h1>1 (Kundennummer)</h1>
|
||||
<br>
|
||||
<h2>Bestellungen</h2>
|
||||
<div class='spacer input-icon border backgroundprimary'>
|
||||
<input type="text" class="nofocus" placeholder="Bestellungen Filtern"/>
|
||||
<button class="nofocus">Filtern</button>
|
||||
</div>
|
||||
<p>
|
||||
<table>
|
||||
<tr>
|
||||
<th>Bestellnummer</th>
|
||||
<th>Bestelldatum</th>
|
||||
<th>Betrag</th>
|
||||
<th>Bonuspunkte</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>2019-11-10</td>
|
||||
<td>10,13 EUR</td>
|
||||
<td>10</td>
|
||||
<td><button class="smaller">Details</button></td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<h2>Buchungen</h2>
|
||||
<div class='spacer input-icon border'>
|
||||
<input class="nofocus" type="text" placeholder="Buchungen Filtern"/>
|
||||
<button class="nofocus">Filtern</button>
|
||||
</div>
|
||||
<p>
|
||||
<table>
|
||||
<tr>
|
||||
<th>Zeitpunkt</th>
|
||||
<th>Betrag</th>
|
||||
<th>Von</th>
|
||||
<th>Kontostand</th>
|
||||
<th>Nach</th>
|
||||
<th>Kontostand</th>
|
||||
<th>Grund</th>
|
||||
<th>Referenz</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>10.09.2019 14:10</td>
|
||||
<td>119,00 EUR</td>
|
||||
<td><a href="/intern/accountingmain">Hauptkonto</a></td>
|
||||
<td>331,00 EUR</td>
|
||||
<td><a href="/intern/accountingvat">Mehrwertsteuer</a></td>
|
||||
<td>1510,95 EUR</td>
|
||||
<td>Kunden-Bestellung</td>
|
||||
<td><a href="/intern/customerorders">2504</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
</p>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="hero-black">
|
||||
<div class='content-width bar-flex'>
|
||||
<h3>Project eCommerce</h3>
|
||||
<div class="spacer"></div>
|
||||
<div>
|
||||
<h4>Seite</h4>
|
||||
<ul>
|
||||
<li><a>Login</a></li>
|
||||
<li><a>Angebote</a></li>
|
||||
<li><a>Suche</a></li>
|
||||
<li><a>Mitarbeiter Login</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Mehr</h4>
|
||||
<ul>
|
||||
<li><a>Nutzungsbedingungen</a></li>
|
||||
<li><a>Datenschutz</a></li>
|
||||
<li><a>Über</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,101 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Bestell -und Buchungsübersicht</title>
|
||||
<link rel="stylesheet" th:href="@{/css/ecom.css}" />
|
||||
<link rel="stylesheet" th:href="@{/css/NoFocus.css}" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
</head>
|
||||
<body>
|
||||
<nav class='hero'>
|
||||
<div class='content-width bar-flex'>
|
||||
<h1>Project eCommerce</h1>
|
||||
<button>Angebote</button>
|
||||
<div class='spacer input-icon secondary'>
|
||||
<input type="text" placeholder="Nach Produkten suchen..."/>
|
||||
<button>Finden</button>
|
||||
</div>
|
||||
<button>Login</button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<div class="content-width">
|
||||
<h1>Bestelldetails</h1>
|
||||
<div class="grid l">
|
||||
<section class="hero">
|
||||
<h3>Allgemeineinformationen</h3>
|
||||
<p>Die Bestellung wurde am 01.01.2020 bestellt</p>
|
||||
<p>Bestellnummer: 614899499</p>
|
||||
<p>Letzte Ziffern der Karte: 578</p>
|
||||
</section>
|
||||
<section class="hero">
|
||||
<h3>Versandinformationen</h3>
|
||||
<p>Name<br>Straße<br>Ort, plz<br>Deutschland</p>
|
||||
</section>
|
||||
<section class="hero">
|
||||
<h3>Preiszusammensetzung</h3>
|
||||
<div class="grid s">
|
||||
<section class="noMargin noPadding">
|
||||
<p>Startwert<br>Versand<br>Bonuspunkte</p>
|
||||
<p>Gesamtsumme</p>
|
||||
</section>
|
||||
<section class="noMargin noPadding">
|
||||
<p>6,00 EUR<br>3,00 EUR<br>-1,00 EUR</p>
|
||||
<p>9,52 EUR</p>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div class="vertical-spacer s"></div>
|
||||
<h1>Bestellte Artikel</h1>
|
||||
<div class='grid m shadow'>
|
||||
|
||||
<section class="hero">
|
||||
<h2>Lorem Ipsum</h2>
|
||||
<img src="../img/product-1.jpg">
|
||||
<h3>Menge: 1</h3>
|
||||
<p class='price'> 25.14 €</p>
|
||||
<p>
|
||||
Als Gregor Samsa eines Morgens aus unruhigen Träumen erwachte.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section class="hero">
|
||||
<h2>Lorem Ipsum</h2>
|
||||
<img src="../img/product-1.jpg">
|
||||
<h3>Menge: 4</h3>
|
||||
<p class='price'> 25.14 €</p>
|
||||
<p>
|
||||
Als Gregor Samsa eines Morgens aus unruhigen Träumen erwachte.
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="hero-black">
|
||||
<div class='content-width bar-flex'>
|
||||
<h3>Project eCommerce</h3>
|
||||
<div class="spacer"></div>
|
||||
<div>
|
||||
<h4>Seite</h4>
|
||||
<ul>
|
||||
<li><a>Login</a></li>
|
||||
<li><a>Angebote</a></li>
|
||||
<li><a>Suche</a></li>
|
||||
<li><a>Mitarbeiter Login</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Mehr</h4>
|
||||
<ul>
|
||||
<li><a>Nutzungsbedingungen</a></li>
|
||||
<li><a>Datenschutz</a></li>
|
||||
<li><a>Über</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,133 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Kundenübersicht</title>
|
||||
<link rel="stylesheet" th:href="@{/css/ecom.css}" />
|
||||
<link rel="stylesheet" th:href="@{/css/NoFocus.css}" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
</head>
|
||||
<body>
|
||||
<nav class='hero'>
|
||||
<div class='content-width bar-flex'>
|
||||
<h1>Project eCommerce</h1>
|
||||
<button>Angebote</button>
|
||||
<div class='spacer input-icon secondary'>
|
||||
<input type="text" placeholder="Nach Produkten suchen..."/>
|
||||
<button>Finden</button>
|
||||
</div>
|
||||
<button>Login</button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<div class="content-width">
|
||||
<h1>Kunden</h1>
|
||||
<div class='spacer input-icon border backgroundprimary'>
|
||||
<input type="text" class="nofocus" placeholder="Kunden Filtern"/>
|
||||
<button class="nofocus">Filtern</button>
|
||||
</div>
|
||||
<p>
|
||||
<table>
|
||||
<tr>
|
||||
<th>Kundennummer</th>
|
||||
<th>Beitrittsdatum</th>
|
||||
<th>Geschäftskunde</th>
|
||||
<th>Kartennummer</th>
|
||||
<th>Adresse</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>2019-11-10</td>
|
||||
<td>Ja</td>
|
||||
<td>51988516981</td>
|
||||
<td>HTMLgasse 10</td>
|
||||
<td><button class="smaller">Details</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>2019-11-10</td>
|
||||
<td>Ja</td>
|
||||
<td>51988516981</td>
|
||||
<td>HTMLgasse 10</td>
|
||||
<td><button class="smaller">Details</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>2019-11-10</td>
|
||||
<td>Ja</td>
|
||||
<td>51988516981</td>
|
||||
<td>HTMLgasse 10</td>
|
||||
<td><button class="smaller">Details</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>2019-11-10</td>
|
||||
<td>Ja</td>
|
||||
<td>51988516981</td>
|
||||
<td>HTMLgasse 10</td>
|
||||
<td><button class="smaller">Details</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>2019-11-10</td>
|
||||
<td>Ja</td>
|
||||
<td>51988516981</td>
|
||||
<td>HTMLgasse 10</td>
|
||||
<td><button class="smaller">Details</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>2019-11-10</td>
|
||||
<td>Ja</td>
|
||||
<td>51988516981</td>
|
||||
<td>HTMLgasse 10</td>
|
||||
<td><button class="smaller">Details</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>2019-11-10</td>
|
||||
<td>Ja</td>
|
||||
<td>51988516981</td>
|
||||
<td>HTMLgasse 10</td>
|
||||
<td><button class="smaller">Details</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>2019-11-10</td>
|
||||
<td>nein</td>
|
||||
<td>51988516981</td>
|
||||
<td>HTMLgasse 10</td>
|
||||
<td><button class="smaller">Details</button></td>
|
||||
</tr>
|
||||
</table>
|
||||
</p>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="hero-black">
|
||||
<div class='content-width bar-flex'>
|
||||
<h3>Project eCommerce</h3>
|
||||
<div class="spacer"></div>
|
||||
<div>
|
||||
<h4>Seite</h4>
|
||||
<ul>
|
||||
<li><a>Login</a></li>
|
||||
<li><a>Angebote</a></li>
|
||||
<li><a>Suche</a></li>
|
||||
<li><a>Mitarbeiter Login</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Mehr</h4>
|
||||
<ul>
|
||||
<li><a>Nutzungsbedingungen</a></li>
|
||||
<li><a>Datenschutz</a></li>
|
||||
<li><a>Über</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,88 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Bestell -und Buchungsübersicht</title>
|
||||
<link rel="stylesheet" th:href="@{/css/ecom.css}" />
|
||||
<link rel="stylesheet" th:href="@{/css/NoFocus.css}" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
</head>
|
||||
<body>
|
||||
<nav class='hero'>
|
||||
<div class='content-width bar-flex'>
|
||||
<h1>Project eCommerce</h1>
|
||||
<button>Angebote</button>
|
||||
<div class='spacer input-icon secondary'>
|
||||
<input type="text" placeholder="Nach Produkten suchen..."/>
|
||||
<button>Finden</button>
|
||||
</div>
|
||||
<button>Login</button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<div class="content-width">
|
||||
<h1>Übersicht aller Bestellungen</h1>
|
||||
<br>
|
||||
<h2>Bestellungen</h2>
|
||||
<div class='spacer input-icon border backgroundprimary'>
|
||||
<input type="text" class="nofocus" placeholder="Bestellungen Filtern"/>
|
||||
<button class="nofocus">Filtern</button>
|
||||
</div>
|
||||
<p>
|
||||
<table>
|
||||
<tr>
|
||||
<th>Bestellnummer</th>
|
||||
<th>Bestelldatum</th>
|
||||
<th>Artikel</th>
|
||||
<th>Menge</th>
|
||||
<th>Gesamtpreis</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>2019-11-10</td>
|
||||
<td>Grafikkarte</td>
|
||||
<td>600,00 EUR</td>
|
||||
<td><button class="smaller">Details</button></td>
|
||||
<td><button class="smaller">Angekommen</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>2019-11-10</td>
|
||||
<td>Grafikkarte</td>
|
||||
<td>600,00 EUR</td>
|
||||
<td><button class="smaller">Details</button></td>
|
||||
<td>Angekommen</td>
|
||||
</tr>
|
||||
</table>
|
||||
</p>
|
||||
<br>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="hero-black">
|
||||
<div class='content-width bar-flex'>
|
||||
<h3>Project eCommerce</h3>
|
||||
<div class="spacer"></div>
|
||||
<div>
|
||||
<h4>Seite</h4>
|
||||
<ul>
|
||||
<li><a>Login</a></li>
|
||||
<li><a>Angebote</a></li>
|
||||
<li><a>Suche</a></li>
|
||||
<li><a>Mitarbeiter Login</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Mehr</h4>
|
||||
<ul>
|
||||
<li><a>Nutzungsbedingungen</a></li>
|
||||
<li><a>Datenschutz</a></li>
|
||||
<li><a>Über</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,111 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Bestell -und Buchungsübersicht</title>
|
||||
<link rel="stylesheet" th:href="@{/css/ecom.css}" />
|
||||
<link rel="stylesheet" th:href="@{/css/NoFocus.css}" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
</head>
|
||||
<body>
|
||||
<nav class='hero'>
|
||||
<div class='content-width bar-flex'>
|
||||
<h1>Project eCommerce</h1>
|
||||
<button>Angebote</button>
|
||||
<div class='spacer input-icon secondary'>
|
||||
<input type="text" placeholder="Nach Produkten suchen..."/>
|
||||
<button>Finden</button>
|
||||
</div>
|
||||
<button>Login</button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<div class="content-width">
|
||||
<h1>1 (Lieferranten)</h1>
|
||||
<br>
|
||||
<h2>Bestellungen</h2>
|
||||
<div class='spacer input-icon border backgroundprimary'>
|
||||
<input type="text" class="nofocus" placeholder="Bestellungen Filtern"/>
|
||||
<button class="nofocus">Filtern</button>
|
||||
</div>
|
||||
<p>
|
||||
<table>
|
||||
<tr>
|
||||
<th>Bestellnummer</th>
|
||||
<th>Bestelldatum</th>
|
||||
<th>Artikel</th>
|
||||
<th>Menge</th>
|
||||
<th>Gesamtpreis</th>
|
||||
<th></th>
|
||||
<th></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>2019-11-10</td>
|
||||
<td>Grafikkarte</td>
|
||||
<td>2</td>
|
||||
<td>600,00 EUR</td>
|
||||
<td><button class="smaller">Angekommen</button></td>
|
||||
<td><button class="smaller">Details</button></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<br>
|
||||
<h2>Buchungen</h2>
|
||||
<div class='spacer input-icon border'>
|
||||
<input class="nofocus" type="text" placeholder="Buchungen Filtern"/>
|
||||
<button class="nofocus">Filtern</button>
|
||||
</div>
|
||||
<p>
|
||||
<table>
|
||||
<tr>
|
||||
<th>Zeitpunkt</th>
|
||||
<th>Betrag</th>
|
||||
<th>Von</th>
|
||||
<th>Kontostand</th>
|
||||
<th>Nach</th>
|
||||
<th>Kontostand</th>
|
||||
<th>Grund</th>
|
||||
<th>Referenz</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>10.09.2019 14:10</td>
|
||||
<td>119,00 EUR</td>
|
||||
<td><a href="/intern/accountingmain">Hauptkonto</a></td>
|
||||
<td>331,00 EUR</td>
|
||||
<td><a href="/intern/accountingvat">Mehrwertsteuer</a></td>
|
||||
<td>1510,95 EUR</td>
|
||||
<td>Kunden-Bestellung</td>
|
||||
<td><a href="/intern/customerorders">2504</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
</p>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="hero-black">
|
||||
<div class='content-width bar-flex'>
|
||||
<h3>Project eCommerce</h3>
|
||||
<div class="spacer"></div>
|
||||
<div>
|
||||
<h4>Seite</h4>
|
||||
<ul>
|
||||
<li><a>Login</a></li>
|
||||
<li><a>Angebote</a></li>
|
||||
<li><a>Suche</a></li>
|
||||
<li><a>Mitarbeiter Login</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Mehr</h4>
|
||||
<ul>
|
||||
<li><a>Nutzungsbedingungen</a></li>
|
||||
<li><a>Datenschutz</a></li>
|
||||
<li><a>Über</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,91 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Bestell -und Buchungsübersicht</title>
|
||||
<link rel="stylesheet" th:href="@{/css/ecom.css}" />
|
||||
<link rel="stylesheet" th:href="@{/css/NoFocus.css}" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
</head>
|
||||
<body>
|
||||
<nav class='hero'>
|
||||
<div class='content-width bar-flex'>
|
||||
<h1>Project eCommerce</h1>
|
||||
<button>Angebote</button>
|
||||
<div class='spacer input-icon secondary'>
|
||||
<input type="text" placeholder="Nach Produkten suchen..."/>
|
||||
<button>Finden</button>
|
||||
</div>
|
||||
<button>Login</button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<div class="content-width">
|
||||
<h1>Bestelldetails</h1>
|
||||
<div class="grid l">
|
||||
<section class="hero">
|
||||
<h3>Allgemeineinformationen</h3>
|
||||
<p>Die Bestellung wurde am 01.01.2020 bestellt</p>
|
||||
<p>Bestellnummer: 614899499</p>
|
||||
<p>Ist angekommen</p>
|
||||
</section>
|
||||
<section class="hero">
|
||||
<h3>Versandinformationen</h3>
|
||||
<p>Name<br>Straße<br>Ort, plz<br>Deutschland</p>
|
||||
</section>
|
||||
<section class="hero">
|
||||
<h3>Preiszusammensetzung</h3>
|
||||
<div class="grid s">
|
||||
<section class="noMargin noPadding">
|
||||
<p>Startwert<br>Versand<br>Summe ohne MwSt.<br>Anzurechnende MwSt.</p>
|
||||
<p>Gesamtsumme</p>
|
||||
</section>
|
||||
<section class="noMargin noPadding Margin-left s">
|
||||
<p>6,00 EUR<br>3,00 EUR<br>9,00 Eur<br>1,71 Eur<br></p>
|
||||
<p>10,71 EUR</p>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div class="vertical-spacer s"></div>
|
||||
<h1>Bestellter Artikel</h1>
|
||||
<div class='grid m shadow'>
|
||||
|
||||
<section class="hero">
|
||||
<h2>Lorem Ipsum</h2>
|
||||
<img src="../img/product-1.jpg">
|
||||
<h3>Menge: 1</h3>
|
||||
<p class='price'> 25.14 €</p>
|
||||
<p>
|
||||
Als Gregor Samsa eines Morgens aus unruhigen Träumen erwachte.
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="hero-black">
|
||||
<div class='content-width bar-flex'>
|
||||
<h3>Project eCommerce</h3>
|
||||
<div class="spacer"></div>
|
||||
<div>
|
||||
<h4>Seite</h4>
|
||||
<ul>
|
||||
<li><a>Login</a></li>
|
||||
<li><a>Angebote</a></li>
|
||||
<li><a>Suche</a></li>
|
||||
<li><a>Mitarbeiter Login</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Mehr</h4>
|
||||
<ul>
|
||||
<li><a>Nutzungsbedingungen</a></li>
|
||||
<li><a>Datenschutz</a></li>
|
||||
<li><a>Über</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,76 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Kundenübersicht</title>
|
||||
<link rel="stylesheet" th:href="@{/css/ecom.css}" />
|
||||
<link rel="stylesheet" th:href="@{/css/NoFocus.css}" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
</head>
|
||||
<body>
|
||||
<nav class='hero'>
|
||||
<div class='content-width bar-flex'>
|
||||
<h1>Project eCommerce</h1>
|
||||
<button>Angebote</button>
|
||||
<div class='spacer input-icon secondary'>
|
||||
<input type="text" placeholder="Nach Produkten suchen..."/>
|
||||
<button>Finden</button>
|
||||
</div>
|
||||
<button>Login</button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<div class="content-width">
|
||||
<h1>Kunden</h1>
|
||||
<div class='spacer input-icon border backgroundprimary'>
|
||||
<input type="text" class="nofocus" placeholder="Lieferanten Filtern"/>
|
||||
<button class="nofocus">Filtern</button>
|
||||
</div>
|
||||
<p>
|
||||
<table>
|
||||
<tr>
|
||||
<th>Lieferrantennummer</th>
|
||||
<th>Name</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>Nike</td>
|
||||
<td><button class="smaller">Details</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>Adidas</td>
|
||||
<td><button class="smaller">Details</button></td>
|
||||
</tr>
|
||||
</table>
|
||||
</p>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="hero-black">
|
||||
<div class='content-width bar-flex'>
|
||||
<h3>Project eCommerce</h3>
|
||||
<div class="spacer"></div>
|
||||
<div>
|
||||
<h4>Seite</h4>
|
||||
<ul>
|
||||
<li><a>Login</a></li>
|
||||
<li><a>Angebote</a></li>
|
||||
<li><a>Suche</a></li>
|
||||
<li><a>Mitarbeiter Login</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Mehr</h4>
|
||||
<ul>
|
||||
<li><a>Nutzungsbedingungen</a></li>
|
||||
<li><a>Datenschutz</a></li>
|
||||
<li><a>Über</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
Reference in New Issue