2020-02-03 20:53:02 +01:00
<!DOCTYPE html>
< html lang = "de" dir = "ltr" xmlns:th = "http://www.thymeleaf.org" >
< head >
2020-04-27 09:48:24 +02:00
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=0.75, user-scalable=no" >
2020-02-03 20:53:02 +01:00
2020-04-27 09:48:24 +02:00
< title > Inventar< / title >
< script th:src = "@{/js/filterTable.js}" > < / script >
< link rel = "stylesheet" th:href = "@{/css/ecom.css}" / >
2020-02-03 20:53:02 +01:00
< / head >
< body >
2020-04-27 09:48:24 +02:00
< nav th:replace = "fragments/header :: header" > Header< / nav >
< div class = "sidebar-layout content-width" >
< nav > < / nav >
< div >
< h1 > Inventar< / h1 >
2020-03-06 16:11:26 +01:00
2020-04-27 09:48:24 +02:00
< 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" >
<!-- Dirty -->
< div style = "min-width: 10rem; display: inline-block; margin: var(--u0);" >
< h3 > Plätze in Verwendung< / h3 >
2020-06-01 20:25:51 +02:00
< h2 > < span th:text = "${#numbers.formatDecimal(stats.ratioUsedSlots * 100, 2, 'POINT', 2, 'COMMA')}" > < / span > %
< / h2 >
2020-04-27 09:48:24 +02:00
< / div >
< div style = "min-width: 10rem; display: inline-block; margin: var(--u0);" >
< h3 > Lagereffizienz< / h3 >
2020-06-01 20:25:51 +02:00
< h2 > < span th:text = "${#numbers.formatDecimal(stats.efficiency * 100, 2, 'POINT', 2, 'COMMA')}" > < / span > %< / h2 >
2020-04-27 09:48:24 +02:00
< / div >
< div style = "min-width: 10rem; display: inline-block; margin: var(--u0);" >
< h3 > Lagerdiversität< / h3 >
2020-06-01 20:25:51 +02:00
< h2 > < span th:text = "${stats.numArticles}" > < / span > < / h2 >
2020-04-27 09:48:24 +02:00
< / 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 >
2020-06-01 20:25:51 +02:00
< 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 >
2020-04-27 09:48:24 +02:00
< / tr >
< / table >
< / p >
< / div >
< / main >
< footer th:replace = "fragments/footer :: footer" > < / footer >
2020-02-03 20:53:02 +01:00
< / body >
< / html >