import loadScript from "discourse/lib/load-script";
import { escapeExpression } from "discourse/lib/utilities";

export default function($elem) {
  if (!$elem) {
    return;
  }
  loadScript("/javascripts/jquery.magnific-popup.min.js").then(function() {
    const spoilers = $elem.find(".spoiler a.lightbox, .spoiled a.lightbox");
    $elem
      .find("a.lightbox")
      .not(spoilers)
      .magnificPopup({
        type: "image",
        closeOnContentClick: false,
        removalDelay: 300,
        mainClass: "mfp-zoom-in",

        gallery: {
          enabled: true
        },

        callbacks: {
          open() {
            const wrap = this.wrap,
              img = this.currItem.img,
              maxHeight = img.css("max-height");

            wrap.on("click.pinhandler", "img", function() {
              wrap.toggleClass("mfp-force-scrollbars");
              img.css(
                "max-height",
                wrap.hasClass("mfp-force-scrollbars") ? "none" : maxHeight
              );
            });
          },
          beforeClose() {
            this.wrap.off("click.pinhandler");
            this.wrap.removeClass("mfp-force-scrollbars");
          }
        },

        image: {
          titleSrc(item) {
            const href = item.el.data("download-href") || item.src;
            let src = [
              escapeExpression(item.el.attr("title")),
              $("span.informations", item.el)
                .text()
                .replace("x", "×")
            ];
            if (
              !Discourse.SiteSettings.prevent_anons_from_downloading_files ||
              Discourse.User.current()
            ) {
              src.push(
                '<a class="image-source-link" href="' +
                  href +
                  '">' +
                  I18n.t("lightbox.download") +
                  "</a>"
              );
            }
            return src.join(" &middot; ");
          }
        }
      });
  });
}