Add copy-to-clipboard for voucher bulk creation (#348)

Adds
 - clipboard.js
 - custom js initializing a Clipboard and adding a tooltip
 - a button in the bulk creation form
This commit is contained in:
Tobias Kunze
2016-12-12 08:36:42 +01:00
committed by Raphael Michel
parent c754966103
commit 425d6590d0
5 changed files with 801 additions and 1 deletions

View File

@@ -24,7 +24,9 @@
<script type="text/javascript" src="{% static "datetimepicker/bootstrap-datetimepicker.js" %}"></script>
<script type="text/javascript" src="{% static "charts/raphael-min.js" %}"></script>
<script type="text/javascript" src="{% static "charts/morris.js" %}"></script>
<script type="text/javascript" src="{% static "clipboard/clipboard.js" %}"></script>
<script type="text/javascript" src="{% static "pretixcontrol/js/jquery.qrcode.min.js" %}"></script>
<script type="text/javascript" src="{% static "pretixcontrol/js/clipboard.js" %}"></script>
<script type="text/javascript" src="{% static "pretixcontrol/js/menu.js" %}"></script>
<script type="text/javascript" src="{% static "pretixcontrol/js/sb-admin-2.js" %}"></script>
<script type="text/javascript" src="{% static "pretixcontrol/js/ui/main.js" %}"></script>

View File

@@ -11,7 +11,7 @@
<fieldset>
<legend>{% trans "Voucher codes" %}</legend>
<div class="form-group">
<div class="col-md-6 col-md-offset-3">
<div class="col-md-7 col-sm-12 col-md-offset-3">
<div class="input-group">
<input type="text" class="form-control input-xs"
id="voucher-bulk-codes-num"
@@ -21,11 +21,16 @@
data-rng-url="{% url 'control:event.vouchers.rng' organizer=request.event.organizer.slug event=request.event.slug %}">
{% trans "Generate random codes" %}
</button>
<button type="button" class="btn btn-default btn-clipboard" data-clipboard-target="#id_codes">
<i class="fa fa-clipboard" aria-hidden="true"></i>
{% trans "Copy codes" %}
</button>
</div>
</div>
</div>
</div>
{% bootstrap_field form.codes layout="horizontal" %}
{% bootstrap_field form.max_usages layout="horizontal" %}
</fieldset>
<fieldset>