From 71f62536c1440ec0537ce767d0ae85b79b010473 Mon Sep 17 00:00:00 2001 From: Johannes Schriewer Date: Wed, 23 Dec 2020 01:47:00 +0100 Subject: [PATCH] Implement all container templates --- inventory/static/inventory/css/cell.css | 28 ++++++++++ inventory/static/inventory/img/hatched.svg | 11 ++++ .../templates/inventory/box-ikea-glis.html | 38 +++++++++++++ .../inventory/box-pollin-sorter.html | 51 +++++++++++++++++ .../inventory/box-raaco-1240-123.html | 53 ++++++++++++++++++ .../inventory/box-raaco-616-123.html | 53 ++++++++++++++++++ .../inventory/box-raaco-928-123.html | 53 ++++++++++++++++++ .../inventory/box-stanley-sorter-1.html | 56 +++++++++++++++++++ .../inventory/box-stanley-sorter-2.html | 56 +++++++++++++++++++ 9 files changed, 399 insertions(+) create mode 100644 inventory/static/inventory/img/hatched.svg diff --git a/inventory/static/inventory/css/cell.css b/inventory/static/inventory/css/cell.css index 1fbe15e..dc7745f 100644 --- a/inventory/static/inventory/css/cell.css +++ b/inventory/static/inventory/css/cell.css @@ -2,6 +2,18 @@ tr { height: 75px; } +td.double-height { + height: 150px; +} + +td.triple-height { + height: 225px; +} + +td.disabled { + background-image: url('/static/inventory/img/hatched.svg'); +} + .compartments { display: flex; flex-direction: row; @@ -14,6 +26,18 @@ tr { min-height: 75px; } +.compartments-vertical { + display: flex; + flex-direction: column; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + min-width: 100px; + min-height: 75px; +} + .cell { flex-grow: 1; display: inline-block; @@ -81,3 +105,7 @@ tr { .cell:hover .cell-buttons { visibility: visible; } + +.dock-top { + margin-top: -1px; +} \ No newline at end of file diff --git a/inventory/static/inventory/img/hatched.svg b/inventory/static/inventory/img/hatched.svg new file mode 100644 index 0000000..4d6c429 --- /dev/null +++ b/inventory/static/inventory/img/hatched.svg @@ -0,0 +1,11 @@ + + + + + + + + + \ No newline at end of file diff --git a/inventory/templates/inventory/box-ikea-glis.html b/inventory/templates/inventory/box-ikea-glis.html index e69de29..61a2940 100644 --- a/inventory/templates/inventory/box-ikea-glis.html +++ b/inventory/templates/inventory/box-ikea-glis.html @@ -0,0 +1,38 @@ +{% extends "inventory/box-detail.html" %} +{% load static %} +{% load admin_urls %} + +{% block content %} + + + + + + + + + {% for item in layouted.1 %} + + {% endfor %} + + +
+
+ {% for compartment in layouted.0.0 %} + {% include "inventory/cell.html" with item=compartment %} + {% endfor %} +
+
+
+ {% for compartment in layouted.0.1 %} + {% include "inventory/cell.html" with item=compartment %} + {% endfor %} +
+
+
+ {% for compartment in item %} + {% include "inventory/cell.html" with item=compartment %} + {% endfor %} +
+
+{% endblock %} diff --git a/inventory/templates/inventory/box-pollin-sorter.html b/inventory/templates/inventory/box-pollin-sorter.html index e69de29..79283cc 100644 --- a/inventory/templates/inventory/box-pollin-sorter.html +++ b/inventory/templates/inventory/box-pollin-sorter.html @@ -0,0 +1,51 @@ +{% extends "inventory/box-detail.html" %} +{% load static %} +{% load admin_urls %} + +{% block content %} + + + + {% for item in layouted.0 %} + + {% endfor %} + + + + + {% for item in layouted.1|slice:"1:" %} + + {% endfor %} + + + {% for item in layouted.2 %} + + {% endfor %} + + +
+
+ {% for compartment in item %} + {% include "inventory/cell.html" with item=compartment %} + {% endfor %} +
+
+
+ {% for compartment in layouted.1.0 %} + {% include "inventory/cell.html" with item=compartment %} + {% endfor %} +
+
+
+ {% for compartment in item %} + {% include "inventory/cell.html" with item=compartment %} + {% endfor %} +
+
+
+ {% for compartment in item %} + {% include "inventory/cell.html" with item=compartment %} + {% endfor %} +
+
+{% endblock %} diff --git a/inventory/templates/inventory/box-raaco-1240-123.html b/inventory/templates/inventory/box-raaco-1240-123.html index e69de29..b4bad95 100644 --- a/inventory/templates/inventory/box-raaco-1240-123.html +++ b/inventory/templates/inventory/box-raaco-1240-123.html @@ -0,0 +1,53 @@ +{% extends "inventory/box-detail.html" %} +{% load static %} +{% load admin_urls %} + +{% block content %} + + + {% for line in layouted|slice:"0:9" %} + + {% for item in line %} + + {% endfor %} + + {% endfor %} + +
+
+ {% for compartment in item %} + {% include "inventory/cell.html" with item=compartment %} + {% endfor %} +
+
+ + + + {% for item in layouted.9 %} + + {% endfor %} + + +
+
+ {% for compartment in item %} + {% include "inventory/cell.html" with item=compartment %} + {% endfor %} +
+
+ + + + {% for item in layouted.10 %} + + {% endfor %} + + +
+
+ {% for compartment in item %} + {% include "inventory/cell.html" with item=compartment %} + {% endfor %} +
+
+{% endblock %} diff --git a/inventory/templates/inventory/box-raaco-616-123.html b/inventory/templates/inventory/box-raaco-616-123.html index e69de29..14fd110 100644 --- a/inventory/templates/inventory/box-raaco-616-123.html +++ b/inventory/templates/inventory/box-raaco-616-123.html @@ -0,0 +1,53 @@ +{% extends "inventory/box-detail.html" %} +{% load static %} +{% load admin_urls %} + +{% block content %} + + + {% for line in layouted|slice:"0:3" %} + + {% for item in line %} + + {% endfor %} + + {% endfor %} + +
+
+ {% for compartment in item %} + {% include "inventory/cell.html" with item=compartment %} + {% endfor %} +
+
+ + + + {% for item in layouted.3 %} + + {% endfor %} + + +
+
+ {% for compartment in item %} + {% include "inventory/cell.html" with item=compartment %} + {% endfor %} +
+
+ + + + {% for item in layouted.4 %} + + {% endfor %} + + +
+
+ {% for compartment in item %} + {% include "inventory/cell.html" with item=compartment %} + {% endfor %} +
+
+{% endblock %} diff --git a/inventory/templates/inventory/box-raaco-928-123.html b/inventory/templates/inventory/box-raaco-928-123.html index e69de29..b922e01 100644 --- a/inventory/templates/inventory/box-raaco-928-123.html +++ b/inventory/templates/inventory/box-raaco-928-123.html @@ -0,0 +1,53 @@ +{% extends "inventory/box-detail.html" %} +{% load static %} +{% load admin_urls %} + +{% block content %} + + + {% for line in layouted|slice:"0:6" %} + + {% for item in line %} + + {% endfor %} + + {% endfor %} + +
+
+ {% for compartment in item %} + {% include "inventory/cell.html" with item=compartment %} + {% endfor %} +
+
+ + + + {% for item in layouted.6 %} + + {% endfor %} + + +
+
+ {% for compartment in item %} + {% include "inventory/cell.html" with item=compartment %} + {% endfor %} +
+
+ + + + {% for item in layouted.7 %} + + {% endfor %} + + +
+
+ {% for compartment in item %} + {% include "inventory/cell.html" with item=compartment %} + {% endfor %} +
+
+{% endblock %} diff --git a/inventory/templates/inventory/box-stanley-sorter-1.html b/inventory/templates/inventory/box-stanley-sorter-1.html index e69de29..28ef575 100644 --- a/inventory/templates/inventory/box-stanley-sorter-1.html +++ b/inventory/templates/inventory/box-stanley-sorter-1.html @@ -0,0 +1,56 @@ +{% extends "inventory/box-detail.html" %} +{% load static %} +{% load admin_urls %} + +{% block content %} + + + + {% for item in layouted.0 %} + + {% endfor %} + + + {% for item in layouted.1 %} + + {% endfor %} + + + {% for item in layouted.2|slice:"0:2" %} + + {% endfor %} + + + + {% for item in layouted.2|slice:"2:5" %} + + {% endfor %} + + +
+
+ {% for compartment in item %} + {% include "inventory/cell.html" with item=compartment %} + {% endfor %} +
+
+
+ {% for compartment in item %} + {% include "inventory/cell.html" with item=compartment %} + {% endfor %} +
+
+
+ {% for compartment in item %} + {% include "inventory/cell.html" with item=compartment %} + {% endfor %} +
+
+ +
+ {% for compartment in item %} + {% include "inventory/cell.html" with item=compartment %} + {% endfor %} +
+
+{% endblock %} diff --git a/inventory/templates/inventory/box-stanley-sorter-2.html b/inventory/templates/inventory/box-stanley-sorter-2.html index e69de29..eb2c6b3 100644 --- a/inventory/templates/inventory/box-stanley-sorter-2.html +++ b/inventory/templates/inventory/box-stanley-sorter-2.html @@ -0,0 +1,56 @@ +{% extends "inventory/box-detail.html" %} +{% load static %} +{% load admin_urls %} + +{% block content %} + + + + {% for item in layouted.0 %} + + {% endfor %} + + + {% for item in layouted.1 %} + + {% endfor %} + + + {% for item in layouted.2|slice:"0:1" %} + + {% endfor %} + + + + {% for item in layouted.2|slice:"1:2" %} + + {% endfor %} + + +
+
+ {% for compartment in item %} + {% include "inventory/cell.html" with item=compartment %} + {% endfor %} +
+
+
+ {% for compartment in item %} + {% include "inventory/cell.html" with item=compartment %} + {% endfor %} +
+
+
+ {% for compartment in item %} + {% include "inventory/cell.html" with item=compartment %} + {% endfor %} +
+
+ +
+ {% for compartment in item %} + {% include "inventory/cell.html" with item=compartment %} + {% endfor %} +
+
+{% endblock %}