From 80d97a455289422c931a60f69a2ddfde1a378ded Mon Sep 17 00:00:00 2001
From: unsettledgames <47360416+unsettledgames@users.noreply.github.com>
Date: Wed, 16 Sep 2020 16:10:55 +0200
Subject: [PATCH] Started duplicating layers

---
 js/_layer.js           | 48 ++++++++++++++++++++++++++++++++++++++++++
 views/pixel-editor.hbs |  7 ++++--
 2 files changed, 53 insertions(+), 2 deletions(-)

diff --git a/js/_layer.js b/js/_layer.js
index 0e6ffcc..a8f0ad0 100644
--- a/js/_layer.js
+++ b/js/_layer.js
@@ -460,6 +460,54 @@ function deleteLayer(saveHistory = true) {
     currentLayer.closeOptionsMenu();
 }
 
+function duplicateLayer(event) {
+    let layerIndex = layers.indexOf(currentLayer);
+    let toDuplicate = currentLayer;
+
+    // Increasing z-indexes of the layers above
+    for (let i=layerIndex + 1; i<layers.length - 2; i++) {
+        layers[i].canvas.style.zIndex++;
+    }
+    maxZIndex++;
+
+    // Creating a new canvas
+    let newCanvas = document.createElement("canvas");
+    // Setting up the new canvas
+    canvasView.append(newCanvas);
+    newCanvas.style.zIndex = currentLayer.canvas.style.zIndex;
+    newCanvas.classList.add("drawingCanvas");
+
+	if (!layerListEntry) return console.warn('skipping adding layer because no document');
+
+    // Clone the default layer
+    let toAppend = currentLayer.menuEntry.cloneNode(true);
+    // Setting the default name for the layer
+    toAppend.getElementsByTagName('p')[0].innerHTML += " copy";
+    // Removing the selected class
+    toAppend.classList.remove("selected-layer");
+    // Adding the layer to the list
+    layerCount++;
+
+    // Creating a layer object
+    let newLayer = new Layer(currentLayer.canvasSize[0], currentLayer.canvasSize[1], newCanvas, toAppend);
+    newLayer.context.fillStyle = currentLayer.context.fillStyle;
+    newLayer.copyData(currentLayer);
+
+    layers.splice(layerIndex, 0, newLayer);
+    
+    // Insert it before the Add layer button
+    layerList.insertBefore(toAppend, currentLayer.menuEntry);
+
+    // Copy the layer content
+    newLayer.context.putImageData(currentLayer.context.getImageData(
+        0, 0, currentLayer.canvasSize[0], currentLayer.canvasSize[1]), 0, 0);
+    // Basically "if I'm not adding a layer because redo() is telling meto do so", then I can save the history
+    /*if (saveHistory) {
+        new HistoryStateDuplicateLayer(newLayer, index);
+    }*/
+
+}
+
 function renameLayer(event) {
     let layerIndex = layers.indexOf(currentLayer);
     let toRename = currentLayer;
diff --git a/views/pixel-editor.hbs b/views/pixel-editor.hbs
index d708c33..0decec1 100644
--- a/views/pixel-editor.hbs
+++ b/views/pixel-editor.hbs
@@ -173,10 +173,13 @@
 
     <ul id = "layer-properties-menu">
         <li>
-            <button onclick = "deleteLayer()">Delete</button>
+            <button onclick = "renameLayer()">Rename</button>
         </li>
         <li>
-            <button onclick = "renameLayer()">Rename</button>
+            <button onclick = "duplicateLayer()">Duplicate</button>
+        </li>
+        <li>
+            <button onclick = "deleteLayer()">Delete</button>
         </li>
         <li>
             <button onclick = "merge()">Merge below</button>