mirror/pixel-editor
1
0
Fork 0
mirror of https://github.com/lospec/pixel-editor.git synced 2023-08-10 21:12:51 +03:00
Code Issues Projects Releases Wiki Activity

Changed implementation for moving layers

Browse Source
This commit is contained in:
unsettledgames 2020-06-25 23:37:41 +02:00
parent 4bd05f184d
commit a860677488
2 changed files with 50 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/pixel-editor.scss
View File

@ -128,8 +128,8 @@ body {
}
.layerdragover {
border: 2px dashed color(base, foreground, bold);
border-top: 2px solid color(base, foreground, bold);
margin-top:5px;
border-top: 3px solid color(base, foreground, bold);
}
.layers-menu-entry {

55
js/_layer.js
View File

@ -157,7 +157,7 @@ class Layer {
let toDropID = element.dataTransfer.getData('text/html');
let thisID = this.id;
swapLayerEntries(toDropID, thisID);
moveLayers(toDropID, thisID);
}
this.classList.remove('layerdragover');
@ -461,17 +461,56 @@ function renameLayer(event) {
}
// Swaps two layer entries in the layer menu
function swapLayerEntries(id1, id2, saveHistory = true) {
let entry1 = document.getElementById(id1);
let entry2 = document.getElementById(id2);
function moveLayers(toDropLayer, staticLayer, saveHistory = true) {
let entry1 = document.getElementById(toDropLayer);
let entry2 = document.getElementById(staticLayer);
let layer1 = getLayerByID(id1);
let layer2 = getLayerByID(id2);
let toDrop = getLayerByID(toDropLayer);
let static = getLayerByID(staticLayer);
let layerCopy = layers;
let tmpZIndex;
let after2 = entry2.nextSibling;
let parent = entry1.parentNode;
layerCopy.sort((a, b) => (a.canvas.style.zIndex > b.canvas.style.zIndex) ? 1 : -1);
console.log(layerCopy.map(a => a.canvas.style.zIndex));
let toDropIndex = layerCopy.indexOf(toDrop);
let staticIndex = layerCopy.indexOf(static);
layerList.insertBefore(toDrop.menuEntry, static.menuEntry);
if (toDropIndex < staticIndex) {
console.log("UO");
let tmp = toDrop.canvas.style.zIndex;
let tmp2;
for (let i=toDropIndex+1; i<=staticIndex; i++) {
tmp2 = layerCopy[i].canvas.style.zIndex;
layerCopy[i].canvas.style.zIndex = tmp;
tmp = tmp2;
}
toDrop.canvas.style.zIndex = tmp;
}
else {
// BUG QUI
let tmp = toDrop.canvas.style.zIndex;
let tmp2;
for (let i=toDropIndex-1; i>staticIndex; i--) {
tmp2 = layerCopy[i].canvas.style.zIndex;
layerCopy[i].canvas.style.zIndex = tmp;
tmp = tmp2;
}
toDrop.canvas.style.zIndex = tmp;
}
/*
console.log("id1: " + toDrop + ", id2: " + static);
tmpZIndex = layer1.canvas.style.zIndex;
layer1.canvas.style.zIndex = layer2.canvas.style.zIndex;
layer2.canvas.style.zIndex = tmpZIndex;
@ -488,9 +527,9 @@ function swapLayerEntries(id1, id2, saveHistory = true) {
} else {
parent.appendChild(entry1);
}
*/
if (saveHistory) {
new HistoryStateMoveLayer(id1, id2);
new HistoryStateMoveLayer(toDrop, static);
}
}