From 1f5a053a19156e4de9226b1d0da099406380c4d0 Mon Sep 17 00:00:00 2001
From: radex <radexpl@gmail.com>
Date: Wed, 20 May 2020 23:43:42 +0200
Subject: [PATCH] Less confusing "Print labels" button + explanation

---
 storage/templates/item.html | 35 ++++++++++++++++++++++++-----------
 1 file changed, 24 insertions(+), 11 deletions(-)

diff --git a/storage/templates/item.html b/storage/templates/item.html
index 149e220..710ceb6 100644
--- a/storage/templates/item.html
+++ b/storage/templates/item.html
@@ -9,8 +9,6 @@
         <li class="active">{{ item.name }}</li>
     </ol>
     <h2>
-        <small class="pull-right"><a href="{% url 'admin:storage_item_change' item.pk %}"><span class="glyphicon glyphicon-pencil"></span></a></small>
-
         {% include "widgets/categoryicon.html" with category=item.primary_category %}
         {{ item.name }}
     </h2>
@@ -18,15 +16,30 @@
         <div class="col-md-4">
 
             <iframe name="printframe" style="display: none"></iframe>
-            <div class="label-item">
-                <form action="/api/1/items/{{ item.short_id }}/print/?quantity=2" method="POST" target="printframe" onsubmit="return confirm('Want to print 2 labels?')" style="display:inline-block">
-                    {% csrf_token %}
-                    <button class="btn btn-default btn-lg btn-primary"><i class="glyphicon glyphicon-print"></i>&nbsp;&nbsp;PRINT&nbsp;x&nbsp;2</button>
-                </form>
-                <form action="/api/1/items/{{ item.short_id }}/print/" method="POST" target="printframe" onsubmit="return confirm('Want to print this labels?')" style="display:inline-block">
-                    {% csrf_token %}
-                    <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-print"></i></button>
-                </form>
+
+            <div class="btn-group" role="group" style="margin-bottom: 10px">
+                <div class="btn-group">
+                    <button type="button" class="btn btn-default btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    <i class="glyphicon glyphicon-print"></i>&nbsp;&nbsp;Print labels <span class="caret"></span>
+                    </button>
+                    <ul class="dropdown-menu">
+                        <li><div style="padding: 5px 10px">Put one label in front, one on the back!</div></li>
+                        <li role="separator" class="divider"></li>
+                        <li style="padding: 5px 10px">
+                            <form action="/api/1/items/{{ item.short_id }}/print/?quantity=2" method="POST" target="printframe" style="display:inline-block">
+                                {% csrf_token %}
+                                <button class="btn btn-default btn-lg">Print 2 labels (recommended)</button>
+                            </form>
+                        </li>
+                        <li style="padding: 5px 10px">
+                            <form action="/api/1/items/{{ item.short_id }}/print/" method="POST" target="printframe" style="display:inline-block">
+                                {% csrf_token %}
+                                <button class="btn btn-default btn-lg">Print 1 label</button>
+                            </form>
+                        </li>
+                    </ul>
+                </div>
+                <a href="{% url 'admin:storage_item_change' item.pk %}" class="btn btn-default">Edit</a>
             </div>
 
             <table class="table table-hover table-striped">