Add quick-fill button to Fulfillment form

dashboard/templates/dashboard/order/fulfill.html

@@ -3,6 +3,10 @@
 
 {% block head_title %}Fulfill Order No. {{ order.pk }} | {% endblock %}
 
+{% block head %}
+<script defer src="{% static 'scripts/fulfillment.js' %}"></script>
+{% endblock %}
+
 {% block content %}
 <article>
     <p>
@@ -77,7 +81,10 @@
                     </tr>
                 {% endfor %}
                     <tr>
-                        <td colspan="3"></td>
+                        <td colspan="2"></td>
+                        <td class="text-right">
+                            <button id="quick-fill" class="btn">Quick fill</button>
+                        </td>
                         <td class="text-right">
                             <input class="btn" type="submit" value="Fulfill order">
                         </td>

static/scripts/fulfillment.js

@@ -0,0 +1,10 @@
+const quickFill = event => {
+  document.querySelectorAll("input[name*=quantity_fulfilled").forEach(input => {
+      input.value = input.max
+  })
+}
+
+document.querySelector("#quick-fill").addEventListener("click", event => {
+  event.preventDefault()
+  quickFill()
+})