msupply-foundation#4 A stocktake report template for openmsupply

raviSussol · May 19, 2022 · 66a120e · 66a120e
1 parent 5cb478f
commit 66a120e
Show file tree

Hide file tree

Showing 4 changed files with 122 additions and 0 deletions.
diff --git a/footer.html b/footer.html
@@ -0,0 +1,3 @@
+<div style="font-size: 10px; padding-top: 8px; text-align: center; width: 100%;">
+    </span>Page: <span class="pageNumber"></span>
+</div>
diff --git a/header.html b/header.html
@@ -0,0 +1,8 @@
+<style>
+  {% include "stocktake.css" %}
+</style>
+<div style="font-size: 14px; padding-top: 20px; text-align: center; width: 100%;">
+  <span class="bold">
+    Stock take sheet: {{ data.stocktake.description }} Stock take number: {{ data.stocktake.stocktakeNumber }}
+  </span>
+</div>
diff --git a/stocktake.css b/stocktake.css
@@ -0,0 +1,70 @@
+.container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: auto;
+    padding: 30px;
+}
+
+.bold {
+	font-weight: 900;
+}
+
+.main-table {
+	align-items: center;
+	justify-content: center;
+	font-size: 12px;
+}
+
+.stocktake-wrapper {
+    max-width: 100%;
+    width: 800px;
+}
+
+.stocktake-wrapper .main-table .table-header {
+    border-bottom: 0.5px solid black;
+}
+
+.stocktake-wrapper .main-table .table-header .row {
+	font-size: 14px;
+	border-bottom: 0px;	
+}
+
+.stocktake-wrapper .main-table .row {
+	display: flex;
+}
+
+.stocktake-wrapper .main-table .row .col {
+	padding: 10px;
+}
+
+.stocktake-wrapper .main-table .row .col-location {
+    width: 15%;
+}
+
+.stocktake-wrapper .main-table .row .col-item-code {
+    width: 15%;
+}
+
+.stocktake-wrapper .main-table .row .col-item-name {
+    width: 30%;
+}
+
+.stocktake-wrapper .main-table .row .col-batch {
+    width: 5%;
+}
+
+.stocktake-wrapper .main-table .row .col-expiry-date {
+    width: 15%;
+	text-align: right;
+}
+
+.stocktake-wrapper .main-table .row .col-packsize {
+    width: 5%;
+    text-align: right;
+}
+
+.stocktake-wrapper .main-table .row .col-actual-stock {
+    width: 15%;
+	text-align: right;
+}
diff --git a/stocktake.html b/stocktake.html
@@ -0,0 +1,41 @@
+<style>
+    {% include "stocktake.css" %}
+</style>
+<div class="container">
+    <div class="stocktake-wrapper">
+        <div class="main-table">
+            <div class="table-header">
+                <div class="row">
+                <div class="bold col col-location">Location</div>
+                <div class="bold col col-item-code">Code</div>
+                <div class="bold col col-item-name">Item name</div>
+                <div class="bold col col-batch">Batch</div>
+                <div class="bold col col-expiry-date">Expiry Date</div>
+                <div class="bold col col-packsize">Pack</div>
+                <div class="bold col col-actual-stock">Actual Stock</div>
+                </div>
+            </div>
+            <div class="table-body">
+                {% for line in data.stocktake.lines.nodes -%}
+                <div class="row">
+                    <div class="col col-location">
+                        {% if line.location.code %}
+                            {{ line.location.code }}
+                        {% endif %}
+                    </div>
+                    <div class="col col-item-code">{{ line.item.code }}</div>
+                    <div class="col col-item-name">{{ line.item.name }}</div>
+                    <div class="col col-batch">{{ line.batch }}</div>
+                    <div class="col col-expiry-date">
+                        {% if line.expiryDate %}
+                            {{ line.expiryDate | date(format="%m/%d/%Y") }}
+                        {% endif %}
+                    </div>
+                    <div class="col col-packsize">{{ line.packSize }}</div>
+                    <div class="col col-actual-stock">.........................</div>
+                </div>
+                {%- endfor %}
+            </div>
+        </div>
+    </div>
+</div>