298f18cf70
* UX: Enabled pinch to zoom for lightbox * FIX: Prettier for lightbox.js * FIX: Only change content of meta tag
76 lines
2.3 KiB
JavaScript
76 lines
2.3 KiB
JavaScript
import loadScript from "discourse/lib/load-script";
|
|
import { escapeExpression } from "discourse/lib/utilities";
|
|
import { renderIcon } from "discourse-common/lib/icon-library";
|
|
|
|
export default function($elem) {
|
|
if (!$elem) {
|
|
return;
|
|
}
|
|
const originalMeta = $("meta[name=viewport]").attr("content");
|
|
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() {
|
|
$("meta[name=viewport]").attr(
|
|
"content",
|
|
"width=device-width, initial-scale=1.0"
|
|
);
|
|
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() {
|
|
$("meta[name=viewport]").attr("content", originalMeta);
|
|
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()
|
|
];
|
|
if (
|
|
!Discourse.SiteSettings.prevent_anons_from_downloading_files ||
|
|
Discourse.User.current()
|
|
) {
|
|
src.push(
|
|
'<a class="image-source-link" href="' +
|
|
href +
|
|
'">' +
|
|
renderIcon("string", "download") +
|
|
I18n.t("lightbox.download") +
|
|
"</a>"
|
|
);
|
|
}
|
|
return src.join(" · ");
|
|
}
|
|
}
|
|
});
|
|
});
|
|
}
|