implement customers

This commit is contained in:
CodeSteak 2020-02-01 22:57:09 +01:00
parent 622f4cbe23
commit 91b8533c25
7 changed files with 267 additions and 8 deletions

View File

@ -15,10 +15,17 @@
<ul>
<li><a th:href="@{/intern/accounting/main}">Hauptbuchungskonto</a></li>
<li><a th:href="@{/intern/accounting/vat}">Mehrwertsteuer</a></li>
<li><a th:href="@{/intern/customers/}"> &gt; Kunden </a></li>
<li><a th:href="@{/intern/suppliers/}"> &gt; Lieferanten </a></li>
<li><a th:href="@{/intern/accounting/addManual}">Manuell Buchen</a></li>
</ul>
</li>
<li><a th:href="@{/intern/articles/}">Artikelangebote</a>
<li><a th:href="@{/intern/articles/}">Händlerangebote</a>
</li>
<li><a th:href="@{/intern/customers/}">Kunden</a>
<ul>
<li><a th:href="@{/intern/customerOrders/}">Bestellungen</a></li>
</ul>
</li>
<li><a>Lager</a>
<ul>

View File

@ -53,7 +53,7 @@
<td><a th:href="@{/intern/customers/5000}">Kunde 5080</a></td>
<td>0 EUR</td>
<td>Kunden-Bezahlung</td>
<td>Bezahlung mit Kreditkarte 89404480</td>
<td>Bezahlung mit Kreditkarte XXXXX480</td>
</tr>
<tr>

View File

@ -5,7 +5,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=0.75, user-scalable=no">
<title>Artikelübersicht</title>
<title>Händlerangebote</title>
<script th:src="@{/js/filterTable.js}"></script>
<link rel="stylesheet" th:href="@{/css/ecom.css}" />
</head>

View File

@ -15,7 +15,7 @@
<div class="sidebar-layout content-width">
<nav></nav>
<div>
<h1>Bestellung B-1010</h1>
<h1>Bestellung 1010</h1>
</div>
</div>
<main class="sidebar-layout content-width">

View File

@ -42,7 +42,7 @@
<td>2019-12-54</td>
<td>10,13 EUR</td>
<td>Zugestellt</td>
<td><a th:href="@{/intern/customerOrders/48584}" class="a smaller">Details</a></td>
<td><a th:href="@{/intern/customerOrders/48584}" class="button smaller">Details</a></td>
</tr>
<tr>
<td><a th:href="@{/intern/customers/48584}">102</a></td>
@ -50,7 +50,7 @@
<td>2019-11-10</td>
<td>40,13 EUR</td>
<td>In Zustellung</td>
<td><a th:href="@{/intern/customerOrders/48584}" class="a smaller">Details</a></td>
<td><a th:href="@{/intern/customerOrders/48584}" class="button smaller">Details</a></td>
</tr>
<tr>
<td><a th:href="@{/intern/customers/48584}">101</a></td>
@ -58,7 +58,7 @@
<td>2019-11-10</td>
<td>10,13 EUR</td>
<td>Erfasst</td>
<td><a th:href="@{/intern/customerOrders/48584}" class="a smaller">Details</a></td>
<td><a th:href="@{/intern/customerOrders/48584}" class="button smaller">Details</a></td>
</tr>
<tr>
<td><a th:href="@{/intern/customers/48584}">755</a></td>
@ -66,7 +66,7 @@
<td>2019-12-10</td>
<td>45,13 EUR</td>
<td>Erfasst</td>
<td><a th:href="@{/intern/customerOrders/48584}" class="a smaller">Details</a></td>
<td><a th:href="@{/intern/customerOrders/48584}" class="button smaller">Details</a></td>
</tr>
</table>
</p>

View File

@ -0,0 +1,134 @@
<!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>Kunden Details</title>
<script th:src="@{/js/filterTable.js}"></script>
<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>Kunde 1510</h1>
</div>
</div>
<main class="sidebar-layout content-width">
<nav th:replace="/fragments/intern :: sidebar"></nav>
<div class="content-width">
<h2>Allgemein</h2>
<p>
<table class="key-value">
<tr>
<th>Nutzer</th>
<td><a th:href="@{/intern/customers/498}">1510</a></td>
</tr>
<tr>
<th>Bonuspunktestand</th>
<td>50</td>
</tr>
<tr>
<th>Name</th>
<td>Hans Maier</td>
</tr>
<tr>
<th>E-Mail</th>
<td>hans.maier@example.com</td>
</tr>
<tr>
<th>Geschäftskunde</th>
<td>Ja</td>
</tr>
<tr>
<th>Adresse</th>
<td>
Hans Maier <br />
Hauptstraße 12<br />
74880 Musterstadt<br />
Deutschland <br />
</td>
</tr>
</table>
</p>
<h2>Bestellungen</h2>
<p>
<table id="main-table">
<tr>
<th>Bestellnummer</th>
<th>Bestelldatum</th>
<th>Betrag</th>
<th>Status</th>
<th></th>
</tr>
<tr>
<td>440</td>
<td>2019-12-54</td>
<td>10,13 EUR</td>
<td>Zugestellt</td>
<td><a th:href="@{/intern/customerOrders/48584}" class="button smaller">Details</a></td>
</tr>
<tr>
<td>241</td>
<td>2019-11-10</td>
<td>40,13 EUR</td>
<td>In Zustellung</td>
<td><a th:href="@{/intern/customerOrders/48584}" class="button smaller">Details</a></td>
</tr>
</table>
</p>
<h2>Buchungen</h2>
<div>
<h4> Kontostand </h4>
<h3> 0,00 EUR </h3>
</div>
<p>
<table id="main-table">
<tr>
<th colspan="8">
<input type="text" placeholder="Filtern" class="jsFilterTable full-width" data-target-id="main-table">
</th>
</tr>
<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> - </td>
<td> - </td>
<td><a th:href="@{/intern/customers/5000}">Kunde 5080</a></td>
<td>0 EUR</td>
<td>Kunden-Bezahlung</td>
<td>Bezahlung mit Kreditkarte XXXXXXXX480</td>
</tr>
<tr>
<td>10.09.2019 13:45</td>
<td>100,00 EUR</td>
<td><a th:href="@{/intern/customers/5000}">Kunde 1510</a></td>
<td>-100,00 EUR</td>
<td><a th:href="@{/intern/accounting/main}">Hauptkonto</a></td>
<td>350,00 EUR</td>
<td>Kunden-Bestellung</td>
<td><a th:href="@{/intern/customerOrders/450}">2504</a></td>
</tr>
</table>
</p>
</div>
</main>
<footer th:replace="/fragments/footer :: footer"></footer>
</body>
</html>

View File

@ -0,0 +1,118 @@
<!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>Kunden</title>
<script th:src="@{/js/filterTable.js}"></script>
<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>Kunden</h1>
</div>
</div>
<main class="sidebar-layout content-width">
<nav th:replace="/fragments/intern :: sidebar"></nav>
<div class="content-width">
<p>
<table id="main-table">
<tr>
<th colspan="7">
<input type="text" placeholder="Filtern" class="smaller jsFilterTable full-width" data-target-id="main-table"></input>
</th>
</tr>
<tr>
<th>Kundennummer</th>
<th>Beitrittsdatum</th>
<th>Name</th>
<th>E-Mail</th>
<th>Geschäftskunde</th>
<th></th>
</tr>
<tr>
<td>1201</td>
<td>2019-11-10</td>
<td>Hans Maier</td>
<td>hans.maier@example.com</td>
<td>X</td>
<td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
</tr>
<tr>
<td>1201</td>
<td>2019-11-10</td>
<td>Hans Maier</td>
<td>hans.maier@example.com</td>
<td>X</td>
<td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
</tr>
<tr>
<td>1201</td>
<td>2019-11-10</td>
<td>Hans Maier</td>
<td>hans.maier@example.com</td>
<td></td>
<td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
</tr>
<tr>
<td>1201</td>
<td>2019-11-10</td>
<td>Hans Maier</td>
<td>hans.maier@example.com</td>
<td></td>
<td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
</tr>
<tr>
<td>1201</td>
<td>2019-11-10</td>
<td>Hans Maier</td>
<td>hans.maier@example.com</td>
<td></td>
<td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
</tr>
<tr>
<td>1201</td>
<td>2019-11-10</td>
<td>Hans Maier</td>
<td>hans.maier@example.com</td>
<td>X</td>
<td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
</tr>
<tr>
<td>1201</td>
<td>2019-11-10</td>
<td>Hans Maier</td>
<td>hans.maier@example.com</td>
<td>X</td>
<td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
</tr>
<tr>
<td>1201</td>
<td>2019-11-10</td>
<td>Hans Maier</td>
<td>hans.maier@example.com</td>
<td></td>
<td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
</tr>
<tr>
<td>1201</td>
<td>2019-11-10</td>
<td>Hans Maier</td>
<td>hans.maier@example.com</td>
<td></td>
<td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
</tr>
</table>
</p>
</div>
</main>
<footer th:replace="/fragments/footer :: footer"></footer>
</body>
</html>