Started implementing sortable layers (revert here)

README.md

@@ -12,6 +12,8 @@ The next version is mostly focused on adding missing essential features and port
 
 Suggestions / Planned features:
 
+- Documentation
+
 - Line tool
 - Tiled mode
 - Load palette from LPE file
@@ -32,15 +34,15 @@ Suggestions / Planned features:
 - Possibly add collaborate function
 	
 - Polish:
-    - ctrl + a to select everything / selection -> all, same for deselection
-	- Show colors which would need to be added to palette
+    - ctrl a to select everything / selection -> all, same for deselection
 	- Warning windows for wrong inputs
 	- Palette option remove unused colors
 	- Move selection with arrows
 	- Update pivot buttons when resizing canvas
 	- Update borders by dragging the canvas' edges with the mouse when resizing canvas
 	- Move the canvases so they're centered after resizing the canvas (maybe a .center() method in layer class)
-    - Trim canvas
+    - Scale selection
+    - Use sortable.js for sorting the layers
 
 ## How to Contribute
 

js/_addColor.js

@@ -1,6 +1,5 @@
 let currentPalette = [];
 
-
 /** Adds the given color to the palette
  * 
  * @param {*} newColor the colour to add

js/_layer.js

@@ -1,3 +1,8 @@
+// Making the palette list sortable
+new Sortable(document.getElementById("layers-menu"), {
+    animation: 100
+});
+
 // HTML element that contains the layer entries
 let layerList;
 // A single layer entry (used as a prototype to create the new ones)

js/pixel-editor.js

@@ -12,6 +12,7 @@
 //=include utilities/hslToRgb.js
 //=include libraries/cookies.js
 //=include _pixelEditorUtility.js
+//=include sortable.js
 
 /**init**/
 //=include _consts.js