96 lines
2.9 KiB
JavaScript
96 lines
2.9 KiB
JavaScript
/* eslint-disable no-undef */
|
|
var button = {};
|
|
$("button").each((i, e) => {
|
|
button[e.id] = e;
|
|
});
|
|
|
|
var view = {
|
|
flat: document.querySelectorAll("div.column > img.skin#flat")[0],
|
|
mesh: document.querySelectorAll("div.column > div#mesh")[0]
|
|
};
|
|
|
|
var skin = new skinview3d.SkinViewer({
|
|
domElement: view.mesh,
|
|
width: 300,
|
|
height: 300
|
|
});
|
|
|
|
var control = skinview3d.createOrbitControls(skin);
|
|
control.enableRotate = true;
|
|
control.enableZoom = false;
|
|
control.enablePan = false;
|
|
|
|
function setView(src, controls = true) {
|
|
button.switch.style.display = "initial";
|
|
|
|
view.flat.src = src;
|
|
skin.skinUrl = src;
|
|
control.enableRotate = controls;
|
|
}
|
|
|
|
var skinDefault = "data:image/png;base64," + fs.readFileSync(path.join(__dirname + "/../assets/skins/dummy.png"), "base64");
|
|
setView(skinDefault);
|
|
|
|
button.switch.addEventListener("click", () => {
|
|
if (view.flat.style.display == "inline") {
|
|
view.flat.style.display = "none";
|
|
view.mesh.style.display = "inline";
|
|
button.switch.innerHTML = "Switch to 2D";
|
|
} else {
|
|
view.flat.style.display = "inline";
|
|
view.mesh.style.display = "none";
|
|
button.switch.innerHTML = "Switch to 3D";
|
|
}
|
|
});
|
|
|
|
if (button.download) {
|
|
button.download.addEventListener("click", (e) => {
|
|
e.preventDefault();
|
|
ipcRenderer.send("download", {
|
|
url: view.flat.src,
|
|
properties: {
|
|
saveAs: true
|
|
}
|
|
});
|
|
|
|
ipcRenderer.on("downloadResult", () => {
|
|
notify("success", "Download successful.");
|
|
});
|
|
});
|
|
}
|
|
|
|
if (button.save) {
|
|
button.save.addEventListener("click", (e) => {
|
|
e.preventDefault();
|
|
|
|
const src = view.flat.src;
|
|
const r = new RegExp(/^data:image\/png;base64,/);
|
|
|
|
if (r.test(src)) {
|
|
notify("primary", "Decoding Base64...");
|
|
var data = src.replace(/^data:image\/png;base64,/, "");
|
|
fs.writeFile(path.join(__dirname + `/../assets/skins/download/${Date.now()}.png`), data, "base64", function(err) {
|
|
if (err) {
|
|
notify("danger", "Skin has not been saved: " + err);
|
|
} else {
|
|
notify("success", "Skin has been saved");
|
|
}
|
|
});
|
|
} else {
|
|
notify("primary", "Getting skin...");
|
|
axios({
|
|
method: "get",
|
|
url: src,
|
|
responseType: "stream",
|
|
adapter: require("axios/lib/adapters/http")
|
|
}).then((res) => {
|
|
var p = res.request.path.split("/")[2];
|
|
if (p.split(".").length < 2) {
|
|
p = p + ".png";
|
|
}
|
|
res.data.pipe(fs.createWriteStream(path.join(__dirname + `/../assets/skins/download/${p}`)));
|
|
notify("success", "Save successful");
|
|
});
|
|
}
|
|
});
|
|
} |