➕ added delete option

Author: SGI-CAPP-AT2

tool/index.html

@@ -65,19 +65,30 @@
     ></textarea>
     <input class="uk-input optionaltext" type="text" placeholder="Optional text for print title">
     <label style="margin: 3px;">Image Output
-    <select class="uk-select" onchange="changeImageInput(this.value)" name="Image Output" id="rtf_bool">
-        <option selected="selected" default value="false">false</option>
-        <option value="true">
-            true
-        </option>
-    </select></label>
+        <select class="uk-select" onchange="changeImageInput(this.value)" name="Image Output" id="rtf_bool">
+            <option selected="selected" default value="false">false</option>
+            <option value="true">
+                true
+            </option>
+        </select>
+    </label>
     <label style="margin: 3px;">Page Breaks in prints
         <select class="uk-select" id="p_b_p">
             <option default value="false">false</option>
             <option selected="selected" value="true">
                 true
             </option>
-        </select></label>
+        </select>
+    </label>
+    <strong>
+        Print list oprations
+    </strong>
+    <label class="oprations">
+            select index to delete from list
+            <select onchange="del(this.value)" disabled style="height: auto;" name="Delete index" id="select_del" >
+                <option default>none</option>
+            </select>
+    </label>
     <div class="controls">
         <button onclick="copyToClipboard(this)" class="copy">
             Copy
@@ -104,6 +115,7 @@
     </div>
     <br>
     <div class="msg"></div>
+    
     <div class="queue">
         <div id="list">
 

tool/ss/printer-queue.js

@@ -36,13 +36,18 @@ const addToQueue = () =>{
     updateUIqueue();
 },
 updateUIqueue = () =>{
-    let html="",rtfDisplay;
+    let html="",rtfDisplay,deleter=$("select#select_del");
+    deleter.disabled=true;
     if(queue.length!=0){
+    deleter.disabled=false;
+    let i = 0;
+    deleter.innerHTML="<option default>none</option>";
     queue.forEach(cq=>{
+        deleter.innerHTML+=`<option>${i+1}</option>`;
         if(cq.rtfBool=="true"){rtfDisplay="inline"}else{rtfDisplay="none"}
         html+=`<div style="margin:0 20px;">
         <h3>
-        ${cq.title}
+        ${++i}.${cq.title}
         </h3>
         <div class="outputBlock" style="margin-top:10px">
         <p class="filenames"><span class="filename">${cq.filename}</span></p>
@@ -63,10 +68,18 @@ updateUIqueue = () =>{
     })
     show_message("Added "+queue[queue.length-1].filename+" to list successfully");
     }else{
-        html="Noting found in queue"
+        html="Nothing found in queue"
     }
     $("div.queue #list").innerHTML=html;
 },
+del = index =>{
+    if(index!="none")
+    {
+    queue.splice(index-1,1);
+    console.log(queue);
+    updateUIqueue();
+    }
+},
 sendCodeHighlight=(val,lang)=>{
     let htmlBlock="",htmlLine,tempBlock;
         tempBlock=getHighlight(val,lang)