https://newfest.org/wp-content/plugins/Elevent-WordPress-Plug-in-1…/shortcodes/js/showtime-attributes-modal.js

1jQuery(document).ready(function ($) {
2  function showAttributes(element) {
3    // Get the attributes from the data-attributes
4    const attributesDiv = $(element).closest(".showtime-attributes");
5    const attributes = attributesDiv.data("attributes");
6
7    // Check if attributes is an object
8    if (typeof attributes === "object") {
9      let attributesHtml = "<div class='all-attributes'>";
10      $.each(attributes, function (_, value) {
11        if (typeof attributeIcons === "undefined") {
12          return;
13        }
14        let iconUrl = attributeIcons[value]["icon"]
15          ? attributeIcons[value]["icon"]
16          : "";
17        let label = attributeIcons[value]["label"]
18          ? attributeIcons[value]["label"]
19          : "";
20        attributesHtml +=
21          "<p class='special-attribute'><img src='" +
22          iconUrl +
23          "' alt='" +
24          label +
25          "' class='attribute-icon' /> " +
26          label +
27          "</p>";
28      });
29      attributesHtml += "</div>";
30      $("#attributes-modal .attributes-modal-body").html(attributesHtml);
31    } else {
32      $("#attributes-modal .attributes-modal-body").html(
33        "<p>No attributes to display.</p>"
34      );
35    }
36
37    // Show the modal
38    $("#attributes-modal").fadeIn();
39  }
40
41  $(document).on("click", ".active-info", function () {
42    showAttributes(this);
43  });
44
45  // Hide the modal when the close button is clicked
46  $(document).on("click", ".attributes-modal-close", function () {
47    $("#attributes-modal").fadeOut();
48  });
49
50  // Hide the modal when clicking outside of the modal content
51  $(document).on("click", function (event) {
52    if ($(event.target).is("#attributes-modal")) {
53      $("#attributes-modal").fadeOut();
54    }
55  });
56});