101 lines
3.3 KiB
HTML
101 lines
3.3 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>
|
|
</div>
|
|
</div>
|
|
<main class="sidebar-layout content-width">
|
|
<nav th:replace="fragments/intern :: sidebar"></nav>
|
|
<div class="content-width">
|
|
<!-- Dirty -->
|
|
<div style="min-width: 10rem; display: inline-block; margin: var(--u0);">
|
|
<h3>Plätze in Verwendung</h3>
|
|
<h2>67%</h2>
|
|
</div>
|
|
<div style="min-width: 10rem; display: inline-block; margin: var(--u0);">
|
|
<h3>Lagereffizienz</h3>
|
|
<h2>43%</h2>
|
|
</div>
|
|
<div style="min-width: 10rem; display: inline-block; margin: var(--u0);">
|
|
<h3>Lagerdiversität</h3>
|
|
<h2>3</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>
|
|
<td><h2>#1</h2></td>
|
|
<td><img th:src="@{/img/product-1.jpg}" class="s" /></td>
|
|
<td><a th:href="@{/intern/listedArticles/45015}">Kamera</a></td>
|
|
<td>20</td>
|
|
<td>20</td>
|
|
</tr>
|
|
<tr>
|
|
<td><h2>#2</h2></td>
|
|
<td><img th:src="@{/img/product-1.jpg}" class="s" /></td>
|
|
<td><a th:href="@{/intern/listedArticles/45015}">Kamera</a></td>
|
|
<td>1</td>
|
|
<td>20</td>
|
|
</tr>
|
|
<tr>
|
|
<td><h2>#3</h2></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>0</td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td><h2>#4</h2></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>0</td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td><h2>#5</h2></td>
|
|
<td><img th:src="@{/img/product-3.jpg}" class="s" /></td>
|
|
<td><a th:href="@{/intern/listedArticles/45015}">Usb-Ding</a></td>
|
|
<td>1</td>
|
|
<td>10</td>
|
|
</tr>
|
|
<tr>
|
|
<td><h2>#6</h2></td>
|
|
<td><img th:src="@{/img/product-4.jpg}" class="s" /></td>
|
|
<td><a th:href="@{/intern/listedArticles/45015}">Stativ</a></td>
|
|
<td>3</td>
|
|
<td>5</td>
|
|
</tr>
|
|
</table>
|
|
</p>
|
|
</div>
|
|
</main>
|
|
<footer th:replace="fragments/footer :: footer"></footer>
|
|
</body>
|
|
|
|
</html>
|