BTHLABS-56: _Copy share link_ button in view association page

Co-authored-by: Tomek Wójcik <labs@tomekwojcik.pl>
Co-committed-by: Tomek Wójcik <labs@tomekwojcik.pl>

services/backend/hotpocket_backend/apps/ui/templates/ui/associations/view.html

@@ -25,8 +25,8 @@
       </a>
     </p>
     {% if show_controls %}
-      <p class="mb-3 text-center">
-        {% spaceless %}
+      <div class="d-flex justify-content-center mb-3">
+        <div class="btn-group ui-controls" role="group">
           <a
             class="btn btn-primary btn-sm"
             href="{% url 'ui.associations.edit' pk=association.pk %}"
@@ -35,14 +35,29 @@
             <i class="bi bi-pencil"></i> {% translate 'Edit' %}
           </a>
           <a
-            class="btn btn-secondary btn-sm ms-2 ui-noscript-hide ui-share-button"
-            href="#"
+            class="btn btn-secondary btn-sm ui-noscript-hide ui-share-button"
+            href="{{ share_url }}"
             role="button"
           >
             <i class="bi bi-box-arrow-up"></i> {% translate 'Share' %}
           </a>
-        {% endspaceless %}
-      </p>
+          <a
+            class="btn btn-secondary btn-sm ui-noscript-hide ui-pasteboard-link"
+            href="{{ share_url }}"
+            role="button"
+          >
+            <i class="bi bi-clipboard"></i> {% translate 'Copy share link' %}
+          </a>
+          <a
+            class="btn btn-secondary btn-sm ui-noscript-show"
+            href="{{ share_url }}"
+            rel="noopener noreferer"
+            target="_blank"
+          >
+            <i class="bi bi-link-45deg"></i> {% translate 'Share link' %}
+          </a>
+        </div>
+      </div>
     {% endif %}
     {% if association.description %}
       <div class="row mb-3">

services/backend/hotpocket_backend/apps/ui/templates/ui/page.html

@@ -152,6 +152,7 @@
 <script src="{% static 'ui/js/hotpocket-backend.ui.ViewAssociationView.js' %}" type="text/javascript"></script>
 <script src="{% static 'ui/js/hotpocket-backend.ui.BrowseAccountAppsView.js' %}" type="text/javascript"></script>
 <script src="{% static 'ui/js/hotpocket-backend.ui.InlineCreateSaveForm.js' %}" type="text/javascript"></script>
+<script src="{% static 'ui/js/hotpocket-backend.ui.PasteboardLink.js' %}" type="text/javascript"></script>
 {% block page_scripts %}{% endblock %}
 <script type="text/javascript">
 (() => {