Merch label maker

src/backoffice/static/js/inventory_scan.js

@@ -0,0 +1,56 @@
+document.addEventListener("DOMContentLoaded", () => {
+  "use strict";
+
+  const search_form = document.getElementById("search_form");
+  const token_input = document.getElementById("token_input");
+
+  search_form.onsubmit = submit;
+
+  if (document.getElementById("opr_id") && document.getElementById("opr_id")) {
+          new Audio('/static/audio/success.mp3').play()
+  } else if (document.getElementById("opr_id")) {
+    new Audio('/static/audio/tada.mp3').play();
+  } else if (!document.getElementById("scan_again").hidden) {
+    new Audio('/static/audio/error.mp3').play()
+  }
+
+  function submit(e) {
+    var product_quantity = document.getElementById("product_quantity");
+    e.preventDefault();
+    if (token_input.value === "#clear") {
+      window.location.replace(window.location.pathname);
+    } else if (product_quantity && token_input.value.split("/").length == 4) {
+      var quantity = Number(product_quantity.innerHTML)
+      var opr = document.getElementById("opr_id").innerHTML
+      var scanned_opr = token_input.value.split("/")[3]; 
+      token_input.value = "";
+      if (opr === scanned_opr) {
+        if (quantity > 1) {
+          product_quantity.innerHTML = quantity - 1;
+          new Audio('/static/audio/success.mp3').play()
+        } else {
+          if (quantity === 1) {
+            product_quantity.innerHTML = "0";
+            document.getElementById("checkin_qr").removeAttribute("hidden");;
+            new Audio('/static/audio/tada.mp3').play()
+          } else {
+            new Audio('/static/audio/error.mp3').play()
+            token_input.value = "TO MANY ITEMS SCANNED!!!!!";
+          }
+        }
+      } else {
+        new Audio('/static/audio/error.mp3').play()
+        token_input.value = "WRONG ITEM!!!!!";
+      }
+    } else {
+      search_form.submit();
+    }
+  }
+
+  document.addEventListener("keydown", event => {
+    if (event.key === "#") {
+      token_input.value = "";
+      token_input.focus();
+    }
+  });
+});

src/backoffice/static/js/ticket_scan.js

@@ -24,6 +24,26 @@ document.addEventListener("DOMContentLoaded", () => {
       check_in_form.submit();
     } else if (ticket_token_input.value.length === 65) {
       search_form.submit();
+    } else if (ticket_token_input.value.startsWith("#bornhack://opr/")) {
+      var oprelement = document.getElementById("opr");
+      if (oprelement) {
+        var opr = oprelement.innerHTML
+        var quantity = document.getElementById("product_quantity");
+        var opr_scanned = ticket_token_input.value.split("/")[3]
+        if (opr == opr_scanned) {
+          if (quantity && quantity.innerHTML=="1") {
+            quantity.innerHTML = Number(quantity.innerHTML) - 1;
+          } else {
+            document.getElementById("checkin_qr").removeAttribute("hidden");
+          }
+          ticket_token_input.value = "";
+        } else {
+          ticket_token_input.value = "WRONG ITEM";
+        }
+      } else {
+        scan_again.removeAttribute("hidden");
+        ticket_token_input.value = ""
+      }
     } else {
       scan_again.removeAttribute("hidden");
     }

src/backoffice/templates/includes/index_info.html

@@ -51,4 +51,15 @@ <h4 class="list-group-item-heading">
     <h4 class="list-group-item-heading">Shop Ticket Overview</h4>
     <p class="list-group-item-text">Use this to list shop tickets</p>
   </a>
+  {% if not camp.read_only %}
+    <a href="{% url 'backoffice:scan_inventory_index' camp_slug=camp.slug %}"
+       class="list-group-item list-group-item-action">
+      <h4 class="list-group-item-heading">
+        Scan inventory
+      </h4>
+      <p class="list-group-item-text">
+        Use this view to scan inventory QR codes to check in inventory.
+      </p>
+    </a>
+  {% endif %}
 {% endif %}

src/backoffice/templates/includes/index_orga.html

@@ -8,6 +8,10 @@ <h4 class="list-group-item-heading">Approve Public Credit Names</h4>
     <h4 class="list-group-item-heading">Merchandise Orders</h4>
     <p class="list-group-item-text">Use this view to look at Merchandise Orders</p>
   </a>
+  <a href="{% url 'backoffice:merchandise_orders_labels' camp_slug=camp.slug %}" class="list-group-item list-group-item-action">
+    <h4 class="list-group-item-heading">Merchandise Orders Labels</h4>
+    <p class="list-group-item-text">Use this view to print Merchandise Order labels</p>
+  </a>
   <a href="{% url 'backoffice:merchandise_to_order' camp_slug=camp.slug %}" class="list-group-item list-group-item-action">
     <h4 class="list-group-item-heading">Merchandise To Order</h4>
     <p class="list-group-item-text">Use this view to generate a list of merchandise that needs to be ordered</p>

src/backoffice/templates/info_desk/inventory.html

@@ -0,0 +1,66 @@
+{% extends 'base.html' %}
+{% load static %}
+{% load qrcode %}
+
+{% block title %}
+  Inventory | {{ block.super }}
+{% endblock %}
+
+{% block content %}
+
+  <form id="search_form" method="POST" action="">
+    {% csrf_token %}
+    <div class="row">
+      <div class="col-md-12">
+        <h3>Inventory: {{ pos.name }}</h3>
+        <h3>Scan the item!</h3>
+        <input type="text" class="form-control input-lg" name="token" id="token_input" autocomplete="off">
+        <div id="scan_again" {% if not failed %}hidden{% endif %}>
+          Scan again!
+          <hr/>
+        </div>
+      </div>
+    </div>
+  </form>
+    {% if opr %}
+      {% with opr.id|stringformat:"i" as opr_id %}
+        <div class="row">
+          <table>
+            <tr><td colspan=2><h2>Checkin {{ opr.product.category }}</h2></td></tr>
+            <tr>
+              <th>OPR</th>
+              <td><h2 id="opr_id">{{ opr.id }}</h2></td>
+            </tr>
+            <tr>
+              <th>Product</th>
+              <td>{{ opr.product.name }}</td>
+            </tr>
+            {% if opr.quantity > 1 %}
+              <tr>
+                <th>Quantity to check</th>
+                <td><h2 class="alert alert-warning"><span id="product_quantity">{{ opr.quantity|add:-1 }}</span>/{{ opr.quantity }}</h2></td>
+              </tr>
+            {% endif %}
+            <tr>
+              <th>Label</th>
+              <td>{{ opr.label_printed|yesno }}</td>
+            </tr>
+            <tr>
+              <th>Ready</th>
+              <td>{{ opr.ready_for_pickup|yesno }}</td>
+            </tr>
+          </table>
+        </div>
+        <div class="row justify-content-between">
+          <div class="col-md-4">
+            {% qr_code "clear" %}
+          </div>
+          <div class="col-md-4" id="checkin_qr" {% if opr.quantity > 1 %}hidden{% endif %}>
+            {% qr_code "bornhack://opr/"|add:opr_id|add:"/checkin" %}
+          </div>
+        </div>
+      {% endwith %}
+    {% endif %}
+  <script src="{% static 'js/inventory_scan.js' %}"></script>
+
+{% endblock content %}

src/backoffice/templates/info_desk/inventory_index.html

@@ -0,0 +1,15 @@
+{% extends 'base.html' %}
+
+{% block title %}
+  Select PoS | Scan Inventory | {{ block.super }}
+{% endblock %}
+
+{% block content %}
+  <div class="list-group">
+    {% for pos in pos_list %}
+      <a href="{% url 'backoffice:scan_inventory' camp_slug=camp.slug pos_slug=pos.slug %}" class="list-group-item list-group-item-action">
+        <h4 class="list-group-item-heading">{{ pos.name }}</h4>
+      </a>
+    {% endfor %}
+  </div>
+{% endblock content %}