Add ability to copy link to attraction features

We might want to put the link to an attraction on the schedule without actually making it public. This change adds a "Copy Link" button to each feature to help with that.
magfest · Dec 4, 2024 · a718b7d · a718b7d
1 parent fd11968
commit a718b7d
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/uber/templates/attractions_admin/form.html b/uber/templates/attractions_admin/form.html
@@ -576,6 +576,13 @@
       $('a[href="' + anchor + '"]').tab('show');
     });
   });
+  var copyLink = function(e, href) {
+    navigator.clipboard.writeText(href);
+    console.log($(e.target));
+    setTimeout(function () {
+      $(e.target).tooltip('hide');
+    }, 1000);
+  }
 </script>
 
 {%- set can_admin_attraction = admin_account.attendee.can_admin_attraction(attraction) -%}
@@ -790,10 +797,14 @@ <h3 class="feature-title">
                   <a class="btn btn-sm btn-primary"
                       title="Schedule a new {{ feature.name }} event"
                       href="event?feature_id={{ feature.id }}">
-                    <i class="fa fa-time"></i>
+                    <i class="fa fa-clock-o"></i>&nbsp;
                     Schedule Event
                   </a>
                 {%- endif %}
+                <button type="button" class="btn btn-sm btn-outline-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="Copied!"
+                  data-bs-trigger="click" onClick="copyLink(event, '{{ c.URL_BASE }}/attractions/{{ attraction.slug }}?feature={{ feature.slug }}')">
+                  Copy Link
+                </button>
               </h3>
             </div>
             <div class="feature-body">

diff --git a/uber/templates/base.html b/uber/templates/base.html
@@ -48,7 +48,14 @@
 
         <script type="text/javascript">
             $(window).on("runJavaScript", function () {
-              $('[data-bs-toggle="tooltip"]').tooltip();
+                {% if bootstrap5 %}
+                var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
+                var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+                    return new bootstrap.Tooltip(tooltipTriggerEl)
+                    })
+                {% else %}
+                $('[data-bs-toggle="tooltip"]').tooltip();
+                {% endif %}
             })
 
             {% if not c.DEV_BOX %}jQuery.migrateMute = true;{% endif %}