Fix copy to clipboard buttons on authorisation request form

This commit is contained in:
2022-10-15 17:58:07 +01:00
parent 9091197639
commit e7e760de2e

View File

@@ -5,21 +5,6 @@
{% block title %}Request Authorisation{% endblock %} {% block title %}Request Authorisation{% endblock %}
{% block js %}
<script src="{% static 'js/tooltip.js' %}"></script>
<script src="{% static 'js/popover.js' %}"></script>
<script src="{% static 'js/clipboard.min.js' %}"></script>
<script>
var clipboard = new ClipboardJS('.btn');
clipboard.on('success', function(e) {
$(e.trigger).popover('show');
window.setTimeout(function () {$(e.trigger).popover('hide')}, 3000);
e.clearSelection();
});
</script>
{% endblock %}
{% block content %} {% block content %}
<div class="row"> <div class="row">
<div class="col-sm-12"> <div class="col-sm-12">
@@ -33,11 +18,11 @@
<dl class="dl-horizontal"> <dl class="dl-horizontal">
{% if object.person.email %} {% if object.person.email %}
<dt>Person Email</dt> <dt>Person Email</dt>
<dd><span id="person-email">{{ object.person.email }}</span>{% button 'copy' id='#person-email' %}</dd> <dd><span id="person-email" class="pr-1">{{ object.person.email }}</span> {% button 'copy' id='#person-email' %}</dd>
{% endif %} {% endif %}
{% if object.organisation.email %} {% if object.organisation.email %}
<dt>Organisation Email</dt> <dt>Organisation Email</dt>
<dd><span id="org-email">{{ object.organisation.email }}</span>{% button 'copy' id='#org-email' %}</dd> <dd><span id="org-email" class="pr-1">{{ object.organisation.email }}</span> {% button 'copy' id='#org-email' %}</dd>
{% endif %} {% endif %}
</dl> </dl>
{% else %} {% else %}
@@ -57,11 +42,20 @@
</form> </form>
</div> </div>
</div> </div>
<script src="{% static 'js/tooltip.js' %}"></script>
<script src="{% static 'js/popover.js' %}"></script>
<script src="{% static 'js/clipboard.min.js' %}"></script>
<script> <script>
$('#auth-request-form').on('submit', function () { $('#auth-request-form').on('submit', function () {
$('#auth-request-form button').attr('disabled', true); $('#auth-request-form button').attr('disabled', true);
}); });
var clipboard = new ClipboardJS('.btn');
clipboard.on('success', function(e) {
$(e.trigger).popover('show');
window.setTimeout(function () {$(e.trigger).popover('hide')}, 3000);
e.clearSelection();
});
</script> </script>
{% endblock %} {% endblock %}