106 lines
5.2 KiB
HTML
106 lines
5.2 KiB
HTML
<!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>Bearbeiten: Artikel</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>Artikel bearbeiten</h1>
|
|
<script th:src="@{/js/back.js}"></script>
|
|
<div class="back" data-group="intern" data-insert="true"></div>
|
|
</div>
|
|
</div>
|
|
<main class="sidebar-layout content-width">
|
|
<nav th:replace="fragments/intern :: sidebar"></nav>
|
|
<div class="content-width">
|
|
<h2>Gelisteter Artikel ID <span th:text="${ArticleID.id}"></span></h2>
|
|
<form class="detailgrid" action="#" th:action="@{/intern/articles/{id}/saveChanges(id = ${ArticleID.id})}" th:object="${ArticleID}" method="POST" enctype="multipart/form-data">
|
|
<p class="m">
|
|
<label for="title">Titel</label>
|
|
<input class=" full-width" type="text" name="title" th:value="${ArticleID.title}"/>
|
|
</p>
|
|
<p class="s">
|
|
<label for="ref-article">Refernzierter Artikel</label>
|
|
<input class="" type="text" name="ref-article" th:value="${ArticleID.offer_id}" disabled/>
|
|
<td><a th:href="@{/intern/suppliers/articles/{id}(id = ${ArticleID.offer_id})}">Details</a></td>
|
|
</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="@{/shop/articles/{id}/image.jpg(id=${ArticleID.id})}" class="m"/>
|
|
</p>
|
|
</div>
|
|
<div class="s">
|
|
<p>
|
|
<label for="price">Preis (Netto)</label>
|
|
<input class="" type="number" step="0.01" name="price_netto" th:value="${ArticleID.price_netto}"/> EUR <br/>
|
|
(19% Mwst.)
|
|
<!-- Info von article ref--> <br/>
|
|
= <span th:text="${ArticleID.price}"></span> EUR Brutto
|
|
</p>
|
|
<p>
|
|
<label for="max-price-buy">Maximaler Einkaufspreis (Netto)</label>
|
|
<input class="" type="number" step="0.01" name="reorderMaxPrice" th:value="${ArticleID.reorderMaxPrice}"/> EUR
|
|
</p>
|
|
<div>
|
|
<fieldset>
|
|
<input type="radio" name="autobuy" value="true" id="autobuy-yes" th:checked="${ArticleID.shouldReorder}" required>
|
|
<label for="autobuy-yes"> Automatisch nachbestellen.</label> <br/>
|
|
<input type="radio" name="autobuy" value="false" id="autobuy-no" th:checked="${!ArticleID.shouldReorder}" required>
|
|
<label for="autobuy-no"> Nicht mehr nachkaufen.</label> <br/>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
<div class="m">
|
|
<label for="tags">Kategorien</label>
|
|
<p>
|
|
Bitte jede Kategorien in eine eigene Zeile
|
|
</p>
|
|
<textarea name="categories" class="full-width" rows="6"th:inline="text">[[${ArticleID.categorie}]]
|
|
|
|
</textarea>
|
|
</div>
|
|
<div class="s">
|
|
<p>
|
|
<label for="price">Einheiten pro Lagerplatz</label>
|
|
<input class="" type="number" name="units-per-slot" th:value="${ArticleID.warehouseUnitsPerSlot}"/>
|
|
</p>
|
|
<p>
|
|
<b>Lagerbestand: <span th:text="${ArticleID.stock}"></span></b>
|
|
</p>
|
|
<p>
|
|
Der Wert wird nur für zukünftige Lagerbuchungen verwendet.
|
|
Bei Problemen kann können Einheiten aus- und wieder eingebucht werden.
|
|
<!-- TODO: set link g-->
|
|
</p>
|
|
<p>
|
|
<a href="/todo" class="button smaller">Lagerbuchung</a>
|
|
</p>
|
|
</div>
|
|
<p class="l">
|
|
<label for="description">Beschreibung</label>
|
|
<textarea name="description" class="full-width" rows="15" th:inline="text">[[${ArticleID.description}]]
|
|
</textarea>
|
|
</p>
|
|
<div class="l">
|
|
<button type="submit">Änderungen speichern</button>
|
|
<button type="reset">Zurücksetzen</button>
|
|
<button onclick="history.back()">Änderungen verwerfen</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</main>
|
|
<footer th:replace="fragments/footer :: footer"></footer>
|
|
</body>
|
|
</html> |