You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
77 lines
1.9 KiB
HTML
77 lines
1.9 KiB
HTML
<html>
|
|
<head>
|
|
<include src="common.htm" />
|
|
<style src="window.css" />
|
|
<script>
|
|
var tabs = $("#tabs"),
|
|
startX1 = 0,
|
|
startY1 = 0,
|
|
startX2 = 0,
|
|
startY2 = 0;
|
|
|
|
view.loadIcon("themepicsingle:" + (view.parameters.formicon ? view.parameters.formicon : "msg"));
|
|
view.minSize = [300, 100];
|
|
|
|
translateWindow("span");
|
|
|
|
if (view.parameters.body != "") {
|
|
tabs.addTab(
|
|
<div panel="bodytab" selected>{_("Text")}</div>,
|
|
<plaintext linenumbers panel="bodytab" class={view.parameters.wrap ? "wrappable" : ""} readonly selected></plaintext>
|
|
);
|
|
plaintext = $("plaintext");
|
|
plaintext.plaintext.content = view.parameters.body;
|
|
plaintext.scrollTo({
|
|
position: [0, 0],
|
|
behavior: "instant"
|
|
});
|
|
}
|
|
|
|
var images = view.parameters.images;
|
|
var imgcnt = 1;
|
|
for (let image of images)
|
|
if (image != "") {
|
|
tabs.addTab(
|
|
<div panel={"image" + imgcnt}>{_("Image") + " " + imgcnt}</div>,
|
|
<div panel={"image" + imgcnt}><img src={image} /></div>
|
|
);
|
|
imgcnt++;
|
|
}
|
|
|
|
tabs.init();
|
|
|
|
document.on("^mousedown", ".panels > div > img", (e, el) => {
|
|
if (!e.mainButton) return;
|
|
startX1 = e.x;
|
|
startY1 = e.y;
|
|
startX2 = el.parent.scrollLeft;
|
|
startY2 = el.parent.scrollTop;
|
|
}).on("^mousemove", ".panels > div > img", (e, el) => {
|
|
if (e.mainButton && el.parent) {
|
|
el.parent.scrollTo({
|
|
position: [startX2 - (e.x - startX1), startY2 - (e.y - startY1)],
|
|
behavior: "smooth"
|
|
});
|
|
return true;
|
|
}
|
|
}).on("click", "menu#saveimage > li", (e, el) => {
|
|
var owner = el.$o(":owns-popup");
|
|
View.share.ChatNative.SaveEmbeddedFile(owner.attr["src"]);
|
|
}).on("keydown", (e) => {
|
|
if (e.keyCode == Event.VK_ESCAPE || (e.ctrlKey && e.keyCode == Event.VK_W)) {
|
|
view.close();
|
|
return true;
|
|
}
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="tabs" class="tabs">
|
|
<div class="strip"></div>
|
|
<div class="panels"></div>
|
|
</div>
|
|
<menu class="context custom" id="saveimage">
|
|
<li id="savetofile"><div auto pic="pics"></div><span>Save pic</span></li>
|
|
</menu>
|
|
</body>
|
|
</html> |