Implement a prototype to add new articles
This commit is contained in:
parent
ececdac3a9
commit
ef08c8d1c8
GPG Key ID:
B0AFA46F94103349
|
|
@ -91,6 +91,11 @@ public class RequestController {
|
|||
return "intern/accountingmanual";
|
||||
}
|
||||
|
||||
@GetMapping("/intern/addarticle")
|
||||
public String addarticle() {
|
||||
return "intern/addarticle";
|
||||
}
|
||||
|
||||
@GetMapping("/intern/articles")
|
||||
public String articles() {
|
||||
return "intern/articles";
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 8.7 KiB |
|
|
@ -0,0 +1,96 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>e-commerce</title>
|
||||
<link rel="stylesheet" th:href="@{/css/ecom.css}" />
|
||||
<link rel="stylesheet" th:href="@{/css/listedArticles.css}" />
|
||||
<script th:src="@{/js/filterTable.js}"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<nav th:replace="/fragments/header :: header">Header</nav>
|
||||
<main class="sidebar-layout content-width">
|
||||
<nav th:replace="/fragments/intern :: sidebar">Header</nav>
|
||||
<div class="content-width">
|
||||
<h1>Gelistete Artikel</h1>
|
||||
|
||||
<h2>Artikel ins Sortiment aufnehmen</h2>
|
||||
<form class="detailgrid">
|
||||
<p class="m">
|
||||
<label for="title">Titel</label>
|
||||
<input class="linestyle full-width" type="text" name="title" value="Kamera" />
|
||||
</p>
|
||||
<p class="s">
|
||||
<label for="ref-article">Refernzierter Artikel</label>
|
||||
<input class="linestyle full-width" type="text" name="ref-article" value="A-8405" disabled />
|
||||
</p>
|
||||
<div class="spacer"></div>
|
||||
<div class="m">
|
||||
<p>
|
||||
<label for="img">Bild Hochladen</label>
|
||||
<input class="full-width" type="file" name="img" />
|
||||
</p>
|
||||
<p>
|
||||
<img th:src="@{/img/product-1.jpg}" class="m" />
|
||||
</p>
|
||||
</div>
|
||||
<div class="s">
|
||||
<p>
|
||||
<label for="price">Preis (Netto)</label>
|
||||
<input class="linestyle" type="number" step="0.01" name="price" value="84.45" /> EUR
|
||||
( 19% Mwst. )<br>
|
||||
= 105.98 EUR Brutto
|
||||
</p>
|
||||
<p>
|
||||
<label for="max-price-buy">Maximaler Einkaufspreis (Netto)</label>
|
||||
<input class="linestyle" type="number" step="0.01" name="price" value="80.98" /> EUR
|
||||
</p>
|
||||
<p>
|
||||
<fieldset>
|
||||
<label for="is-active">Nachkaufen</label>
|
||||
<input type="radio" id="mc" name="is-active" value="true" checked> Automatisch nachbestellen
|
||||
<input type="radio" id="mc" name="is-active" value="false"> Nicht mehr nachkaufen
|
||||
</fieldset>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="m">
|
||||
<label for="tags">Kategorien</label>
|
||||
<textarea name="tags" class="full-width" rows="6">
|
||||
Überwachung
|
||||
Elektronik
|
||||
</textarea>
|
||||
<p>
|
||||
Bitte schreiben Sie jede Kategorie in eine eigene Zeile
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="s">
|
||||
<p>
|
||||
<label for="price">Einheiten pro Lagerplatz</label>
|
||||
<input class="linestyle" type="number" name="units-per-slot" value="20" />
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<p class="l">
|
||||
<label for="description">Beschreibung</label>
|
||||
<textarea name="description" class="full-width" rows="15">
|
||||
Eine TOLLE Kamera
|
||||
Jaja du denkst jetzt bestimmt: "Bei dem Preis kann sie gar nich sooo TOLL sein".
|
||||
Aber glaub mir, sie is echt echt TOLL!
|
||||
Indianerehrenwort!
|
||||
</textarea>
|
||||
</p>
|
||||
<div class="l">
|
||||
<button type="submit">Artikel hinzufügen</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</main>
|
||||
<footer th:replace="/fragments/footer :: footer"></footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -5,6 +5,7 @@
|
|||
<meta charset="utf-8">
|
||||
<title>e-commerce</title>
|
||||
<link href="../static/css/ecom.css" rel="stylesheet" th:href="@{/css/ecom.css}" />
|
||||
<script th:src="@{/js/filterTable.js}"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
|
@ -13,7 +14,88 @@
|
|||
<nav th:replace="/fragments/intern :: sidebar">Header</nav>
|
||||
<div class="content-width">
|
||||
<h1> Artikel</h1>
|
||||
<p>TODO</p>
|
||||
<p>
|
||||
<table id="main-table">
|
||||
<tr>
|
||||
<th colspan="8">
|
||||
<input type="text" placeholder="Filtern" class="smaller jsFilterTable full-width" data-target-id="main-table"></input>
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Bild</th>
|
||||
<th>Name</th>
|
||||
<th>Kaufpreis</th>
|
||||
<th>(Netto)</th>
|
||||
<th>Kategorien</th>
|
||||
<th>Herstellernummer</th>
|
||||
<th>Status</th>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><img th:src="@{/img/product-1.jpg}" class="s" /></td>
|
||||
<td>Kamera</td>
|
||||
<td>87,77 €</td>
|
||||
<td> (73,76 €) </td>
|
||||
<td>Úberwachung, Elektronik</td>
|
||||
<td>A-5051</td>
|
||||
<td>Im Sortiment<br><a th:href="@{/intern/listedarticlesedit}">(bearbeiten)</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img th:src="@{/img/product-2.jpg}" class="s" /></td>
|
||||
<td>Earbuds</td>
|
||||
<td>50,54 €</td>
|
||||
<td>(42,47 €)</td>
|
||||
<td>Kopfhörer, Elektronik</td>
|
||||
<td>A-840</td>
|
||||
<td>Im Sortiment<br><a th:href="@{/intern/listedarticlesedit}">(bearbeiten)</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img th:src="@{/img/product-3.jpg}" class="s" /></td>
|
||||
<td>USB-Magic Light</td>
|
||||
<td>10,17 €</td>
|
||||
<td>(8,54 €)</td>
|
||||
<td>Sonstiges, Elektronik</td>
|
||||
<td>A-8401</td>
|
||||
<td>Im Sortiment<br><a th:href="@{/intern/listedarticlesedit}">(bearbeiten)</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img th:src="@{/img/product-5.jpg}" class="s" /></td>
|
||||
<td>Ersatzfernbedinung</td>
|
||||
<td>7,08 €</td>
|
||||
<td>(5,95 €)</td>
|
||||
<td>Úberwachung, Elektronik</td>
|
||||
<td>A-4565</td>
|
||||
<td>Im Sortiment<br><a th:href="@{/intern/listedarticlesedit}">(bearbeiten)</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img th:src="@{/img/product-6.jpg}" class="s" /></td>
|
||||
<td>Netzwerkkamera</td>
|
||||
<td>50,85 €</td>
|
||||
<td>(42,73 €)</td>
|
||||
<td>Úberwachung, Elektronik</td>
|
||||
<td>A-7580</td>
|
||||
<td>Nicht im Sortiment<br><a th:href="@{/intern/addarticle}">(aufnehmen)</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img th:src="@{/img/product-7.jpg}" class="s" /></td>
|
||||
<td>USB 3.0 Festplattenkabel</td>
|
||||
<td>1,65 €</td>
|
||||
<td>(1,38 €)</td>
|
||||
<td>Kabel, Elektronik</td>
|
||||
<td>A-6107</td>
|
||||
<td>Nicht im Sortiment<br><a th:href="@{/intern/addarticle}">(aufnehmen)</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img th:src="@{/img/product-8.jpg}" class="s" /></td>
|
||||
<td>Ubiquiti Networks UAP-AC-PRO, weiß</td>
|
||||
<td>120,00 €</td>
|
||||
<td>(100,84 €)</td>
|
||||
<td>Netzwerk, Elektronik</td>
|
||||
<td>A-4933</td>
|
||||
<td>Nicht im Sortiment<br><a th:href="@{/intern/addarticle}">(aufnehmen)</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
<p>
|
||||
</div>
|
||||
</main>
|
||||
<footer th:replace="/fragments/footer :: footer"></footer>
|
||||
|
|
|
|||
Reference in New Issue