84 lines
3.2 KiB
HTML
84 lines
3.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>Inventar</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>Inventar</h1>
|
|
|
|
<script th:src="@{/js/back.js}"></script>
|
|
<div class="back" data-group="intern" data-name="Zurück zum Inventar." data-insert="false"></div>
|
|
</div>
|
|
</div>
|
|
<main class="sidebar-layout content-width">
|
|
<nav th:replace="fragments/intern :: sidebar"></nav>
|
|
<div class="content-width">
|
|
<p>
|
|
Es wird der Lagerstand angezeigt, der entsteht nachdem alle austehenden Lagerbuchungen auf der Packliste
|
|
angearbeitet wurden.
|
|
</p>
|
|
<!-- Dirty -->
|
|
<div style="min-width: 10rem; display: inline-block; margin: var(--u0);">
|
|
<h3>Plätze in Verwendung</h3>
|
|
<h2><span th:text="${#numbers.formatDecimal(stats.ratioUsedSlots * 100, 2, 'POINT', 2, 'COMMA')}"></span>%
|
|
</h2>
|
|
</div>
|
|
<div style="min-width: 10rem; display: inline-block; margin: var(--u0);">
|
|
<h3>Lagereffizienz</h3>
|
|
<h2><span th:text="${#numbers.formatDecimal(stats.efficiency * 100, 2, 'POINT', 2, 'COMMA')}"></span>%</h2>
|
|
</div>
|
|
<div style="min-width: 10rem; display: inline-block; margin: var(--u0);">
|
|
<h3>Lagerdiversität</h3>
|
|
<h2><span th:text="${stats.numArticles}"></span></h2>
|
|
</div>
|
|
<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>Lagerplatz</th>
|
|
<th>Bild</th>
|
|
<th>Artikel</th>
|
|
<th>Anzahl</th>
|
|
<th>Max.</th>
|
|
</tr>
|
|
<tr th:each="entry : ${entries}">
|
|
<td><h3>#<span th:text="${entry.slot.slotNum}"></span></h3></td>
|
|
<th:block th:if="${entry.newSumSlot > 0}">
|
|
<td><img th:src="@{/shop/articles/{id}/image.jpg(id=${entry.article.id})}" class="xs"/></td>
|
|
<td><a th:href="@{/intern/articles/{id}(id=${entry.article.id})}" th:text="${entry.article.title}"
|
|
class="s"/></td>
|
|
<td th:text="${entry.newSumSlot}"></td>
|
|
<td th:text="${entry.article.warehouseUnitsPerSlot}"></td>
|
|
</th:block>
|
|
<th:block th:if="${entry.newSumSlot == 0}">
|
|
<td></td>
|
|
<td> -</td>
|
|
<td> .</td>
|
|
<td></td>
|
|
</th:block>
|
|
</tr>
|
|
</table>
|
|
</p>
|
|
</div>
|
|
</main>
|
|
<footer th:replace="fragments/footer :: footer"></footer>
|
|
</body>
|
|
|
|
</html>
|