update 4 pres

Author: Theo-Jaunet

assets/js/main.js

@@ -2,7 +2,7 @@ let currImg;
 let tsaveim
 let viewDim = []
 let sampleData = []
-const totalExamples = 52
+const totalExamples = 28
 let categories = {
     default: {
         name: "default",
@@ -75,7 +75,7 @@ function loadExamples(week = 0, author = "giorgia") {
             el.onclick = loadEx
             container.appendChild(el);
         }*/
-    for (let i = 1; i < totalExamples; i++) {
+    for (let i = 25; i < totalExamples; i++) {
         let num = i
 
         if (num < 10) {

assets/js/newCollage.js

@@ -256,8 +256,20 @@ function hidePalette() {
     container.style.display = "none"
 }
 
+
+function delPalette() {
+    console.log(selectedPalette)
+    delete  megaPalettes[selectedPalette]
+    delete  megaGlyph[selectedPalette]
+    delete  dataBinding[selectedPalette]
+    d3.select("#collage-"+selectedPalette).remove()
+    drawSvg()
+    hidePalette()
+}
+
 function displayPalette(name) {
 
+    selectedPalette = name
 
     let trange = document.getElementById("strokewidth")
 

assets/js/paletteHandler.js

@@ -829,6 +829,8 @@ function savePalette() {
     document.getElementById("paletteContainer").style.display = "none";
 
     // fillPalette()
+
+    drawSvg()
 }
 
 

index.html

@@ -92,10 +92,16 @@ <h3 style="display: inline;font-weight:700;margin-left:10px;color: #eeeeee">Desc
     </div>
     <div style="width: calc(100% - 350px);border-radius: 14px">
         <div style="display: none" id="paletteDetails">
+            <div style="position: absolute;width: 25px;height: 25px;right: 40px;top: 10px;cursor: pointer">
+                <img style="width: inherit;filter: invert(1)" onclick="delPalette()"
+                     src="assets/images/buttons/del.png">
+            </div>
             <div style="position: absolute;width: 25px;height: 25px;right: 10px;top: 10px;cursor: pointer">
                 <img style="width: inherit;filter: invert(1)" onclick="hidePalette()"
                      src="assets/images/buttons/cross.png">
             </div>
+
+
             <div id="paletteTitle" style="width: 100%; display: flex">
             </div>
             <div></div>