From e05f2fffa9ffff4ebf78426b54591887a7926f69 Mon Sep 17 00:00:00 2001
From: Henrik <henrik@werkstrom.com>
Date: Sun, 2 Apr 2023 15:11:06 +0200
Subject: [PATCH] Removed to align with WLED naming standard

---
 pixartmin.htm => archived/pixartmin.htm | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)
 rename pixartmin.htm => archived/pixartmin.htm (99%)

diff --git a/pixartmin.htm b/archived/pixartmin.htm
similarity index 99%
rename from pixartmin.htm
rename to archived/pixartmin.htm
index 592b5e9..7816cbc 100644
--- a/pixartmin.htm
+++ b/archived/pixartmin.htm
@@ -96,4 +96,4 @@ function getPixelRGBValues(e){httpArray=[],fileJSON=JSONledStringStart+gId("brig
 function drawBoxes(t,e,i){var l=gId("pixelCanvas"),n=l.getContext("2d",{willReadFrequently:!0});window.innerHeight<window.innerWidth?l.width=Math.floor(.98*window.innerHeight):l.width=Math.floor(.98*window.innerWidth);let d=Math.floor(l.width/e),h=(window.innerWidth-e*d)/2;l.height=d*i+10;for(let l=0;l<i;l++)for(let i=0;i<e;i++){let h=t[l*e+i],r="rgb("+h[0]+", "+h[1]+", "+h[2]+")",o=(h[0],h[1],h[2],h[4]),w="rgb(128,128,128)";n.fillStyle=r,n.fillRect(i*d,l*d,d,d),n.strokeStyle="#888888",n.lineWidth=1,n.strokeRect(i*d,l*d,d,d),n.font="10px Arial",n.fillStyle=w,n.textAlign="center",n.textBaseline="middle",n.fillText(o+1,i*d+d/2,l*d+d/2)}var r=n.getImageData(0,0,l.width,l.height);n.clearRect(0,0,l.width,l.height),l.width=window.innerWidth,n.putImageData(r,h,0)}
 </script> <script type="text/javascript">
 gId("curlUrl").value=location.host;let devMode=!1;const urlParams=new URLSearchParams(window.location.search);urlParams.has("dev")&&(devMode=!0),devMode?console.log("Developer mode active. Experimental and unstable functions active."):console.log('Developer mode inactive. Append "?dev" to the URL.'),devMode?(gId("fileJSONledbutton").style.display="buttonclass",gId("gap2").style.display="gap"):(gId("fileJSONledbutton").style.display="none",gId("gap2").style.display="none");let httpArray=[],fileJSON="";function gen(){if((gId("sizeX").value>0&&gId("sizeY").value>0||"none"==gId("sizeDiv").style.display)&&gId("curlUrl").value.length>0&&"none"!=gId("preview").style.display){let e=gId("preview").src;if(isValidBase64Gif(e))gId("image").src=e,getPixelRGBValues(e),gId("image-container").style.display="block",gId("button-container").style.display="";else{let t=gId("image-info"),n="<p><b>WARNING!</b> File does not appear to be a valid image</p>";t.innerHTML=n,t.style.display="block",gId("image-container").style.display="none",gId("JSONled").value="",devMode&&console.log("The string '"+e+"' is not a valid base64 image.")}}var e=gId("getSegmentsSVGpath");if(gId("curlUrl").value.length>0)e.setAttribute("fill",accentColor);else{e.setAttribute("fill",accentTextColor);let t=gId("targetSegment");t.style.display="none",t.innerHTML="",gId("segID").style.display="flex"}}async function postPixels(){(svg=gId("sendSvgP")).setAttribute("fill",prsCol);let e=!1;for(let t of httpArray)try{devMode&&console.log(t),devMode&&console.log(t.length);const e=await fetch("http://"+gId("curlUrl").value+"/json/state",{method:"POST",headers:{"Content-Type":"application/json"},body:t}),n=await e.json();devMode&&console.log(n)}catch(t){console.error(t),e=!0}e?(svg.setAttribute("fill",redColor),setTimeout((function(){svg.setAttribute("fill",accentTextColor)}),1e3)):(svg.setAttribute("fill",greenColor),setTimeout((function(){svg.setAttribute("fill",accentColor)}),1e3))}function sendAsFile(e,t,n){(svg=gId("fileSvgP")).setAttribute("fill",prsCol);var l=new Blob([e],{type:"application/json"});devMode&&(console.log(e),console.log(t),console.log(n));var i=new FormData;i.append("file",l,t);var o=new XMLHttpRequest;o.open("POST",n,!0),o.onload=()=>{200===o.status?(svg.setAttribute("fill",greenColor),setTimeout((function(){svg.setAttribute("fill",accentTextColor)}),1e3),devMode&&console.log("File uploaded successfully!")):(svg.setAttribute("fill",redColor),setTimeout((function(){svg.setAttribute("fill",accentColor)}),1e3),devMode&&console.log("File upload failed!"))},o.send(i)}gId("copyJSONledbutton").addEventListener("click",async()=>{let e=gId("JSONled");e.select();try{await navigator.clipboard.writeText(e.value)}catch(e){try{await d.execCommand("copy")}catch(e){console.error("Failed to copy text: ",e)}}}),gId("ledSetupSelector").addEventListener("change",()=>{gen()}),gId("sizeY").addEventListener("change",()=>{gen()}),gId("sizeX").addEventListener("change",()=>{gen()}),gId("formatSelector").addEventListener("change",()=>{gen()}),gId("colorFormatSelector").addEventListener("change",()=>{gen()}),gId("addressingSelector").addEventListener("change",()=>{gen()}),gId("brightnessNumber").addEventListener("change",()=>{gen()}),gId("colorLimitNumber").addEventListener("change",()=>{gen()}),gId("haID").addEventListener("change",()=>{gen()}),gId("haUID").addEventListener("change",()=>{gen()}),gId("haName").addEventListener("change",()=>{gen()}),gId("curlUrl").addEventListener("change",()=>{gen()}),gId("targetSegment").addEventListener("change",(function(){sop=this.options[this.selectedIndex],gId("sizeX").value=sop.dataset.x,gId("sizeY").value=sop.dataset.y,gen()})),gId("segID").addEventListener("change",()=>{gen()}),gId("preview").addEventListener("load",(function(){gen()})),gId("sendJSONledbutton").addEventListener("click",async()=>{"https:"===window.location.protocol?alert("Will only be available when served over http (or WLED is run over https)"):postPixels()}),gId("fileJSONledbutton").addEventListener("click",async()=>{if("https:"===window.location.protocol)alert("Will only be available when served over http (or WLED is run over https)");else{let e="TheName.json",t="http://"+gId("curlUrl").value+"/upload";sendAsFile(fileJSON,e,t)}});const dropZone=gId("drop-zone"),filePicker=gId("file-picker"),preview=gId("preview");function zoneClicked(e){e.preventDefault(),filePicker.click()}function dragEnter(e){e.preventDefault(),this.classList.add("drag-over")}function dragOver(e){e.preventDefault()}function dropped(e){e.preventDefault(),this.classList.remove("drag-over");updatePreview(e.dataTransfer.files[0])}function filePicked(e){updatePreview(e.target.files[0])}function updatePreview(e){const t=new FileReader;t.onload=()=>{preview.src=t.result,gId("preview").style.display=""},t.readAsDataURL(e)}function isValidBase64Gif(e){return!0}dropZone.addEventListener("dragenter",dragEnter),dropZone.addEventListener("dragover",dragOver),dropZone.addEventListener("drop",dropped),dropZone.addEventListener("click",zoneClicked),filePicker.addEventListener("change",filePicked),gId("brightnessNumber").oninput=()=>{let e=gId("brightnessNumber");gId("brightnessValue").textContent=e.value;let t=100*parseInt(e.value)/255;var n=`linear-gradient(90deg, #bbb ${t}%, #333 ${t}%)`;e.style.backgroundImage=n},gId("colorLimitNumber").oninput=()=>{let e=gId("colorLimitNumber");gId("colorLimitValue").textContent=e.value;let t=100*parseInt(e.value)/512;var n=`linear-gradient(90deg, #bbb ${t}%, #333 ${t}%)`;e.style.backgroundImage=n};for(var hideableRows=d.querySelectorAll(".ha-hide"),i=0;i<hideableRows.length;i++)hideableRows[i].classList.add("hide");function switchScale(){let e=gId("scaleDiv").children[0].children[0],t=e.getAttribute("fill"),n="";t===accentColor?(t=accentTextColor,n=scaleToggleOffd,gId("sizeDiv").style.display="none"):(t=accentColor,n=scaleToggleOnd,gId("sizeDiv").style.display=""),e.setAttribute("fill",t),e.setAttribute("d",n),gen()}function generateSegmentOptions(e){var t=gId("targetSegment");t.innerHTML="";for(var n=0;n<e.length;n++){var l=cE("option");l.value=e[n].value,l.text=e[n].text,l.dataset.x=e[n].x,l.dataset.y=e[n].y,t.appendChild(l),0===n&&(l.selected=!0)}}async function getSegments(){cv=gId("curlUrl").value;var e=gId("getSegmentsSVGpath");if(cv.length>0)try{var t=[];const l=await fetch("http://"+cv+"/json/state");let i=(await l.json()).seg.map(e=>({id:e.id,n:e.n,xs:e.start,xe:e.stop,ys:e.startY,ye:e.stopY}));for(var n=0;n<i.length;n++)t.push({value:i[n].id,text:i[n].n+" (index: "+i[n].id+")",x:i[n].xe-i[n].xs,y:i[n].ye-i[n].ys});generateSegmentOptions(t),gId("targetSegment").style.display="flex",gId("segID").style.display="none",e.setAttribute("fill",greenColor),setTimeout((function(){e.setAttribute("fill",accentColor)}),1e3)}catch(t){console.error(t),e.setAttribute("fill",redColor),setTimeout((function(){e.setAttribute("fill",accentColor)}),1e3),gId("targetSegment").style.display="none",gId("segID").style.display="flex"}else e.setAttribute("fill",redColor),setTimeout((function(){e.setAttribute("fill",accentTextColor)}),1e3),gId("targetSegment").style.display="none",gId("segID").style.display="flex"}function generateSegmentArray(e){for(var t=[],n=0;n<e;n++)t.push({value:n,text:"Segment index "+n});return t}gId("formatSelector").addEventListener("change",()=>{for(var e=0;e<hideableRows.length;e++)hideableRows[e].classList.toggle("hide","ha"!==gId("formatSelector").value)});var segmentData=generateSegmentArray(10);generateSegmentOptions(segmentData),gId("getSegmentsDiv").innerHTML='<svg id=getSegmentsSVG style="width:36px;height:36px;cursor:pointer" viewBox="0 0 24 24" onclick="getSegments()"><path id=getSegmentsSVGpath fill="currentColor" d="M6.5 20Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.68 7.35 7.38 5.73 9.07 4.1 11 4.1 11.83 4.1 12.41 4.69 13 5.28 13 6.1V12.15L14.6 10.6L16 12L12 16L8 12L9.4 10.6L11 12.15V6.1Q9.1 6.45 8.05 7.94 7 9.43 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18H18.5Q19.55 18 20.27 17.27 21 16.55 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 9.8 16.45 8.76 15.9 7.73 15 7V4.68Q16.85 5.55 17.93 7.26 19 9 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20M12 11.05Z" /></svg>',gId("fileJSONledbutton").innerHTML='<svg style="width:36px;height:36px" viewBox="0 0 24 24"><path id=fileSvgP fill="currentColor" d="M20 18H4V8H20M20 6H12L10 4H4A2 2 0 0 0 2 6V18A2 2 0 0 0 4 20H20A2 2 0 0 0 22 18V8A2 2 0 0 0 20 6M16 17H14V13H11L15 9L19 13H16Z" /></svg>&nbsp; File to device',gId("copyJSONledbutton").innerHTML='<svg class="svg-icon" style="width:36px;height:36px" viewBox="0 0 24 24"> <path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z" /> </svg>&nbsp; Copy to clipboard',gId("sendJSONledbutton").innerHTML='<svg class="svg-icon" style="width:36px;height:36px" viewBox="0 0 24 24"> <path id=sendSvgP fill="currentColor" d="M6.5 20Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.88 6.85 7.75 5.43 9.63 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20H13Q12.18 20 11.59 19.41 11 18.83 11 18V12.85L9.4 14.4L8 13L12 9L16 13L14.6 14.4L13 12.85V18H18.5Q19.55 18 20.27 17.27 21 16.55 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 9.93 6 8.46 7.46 7 8.93 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18H9V20M12 13Z" /> </svg>&nbsp; Send to device';var svg=gId("getSegmentsSVGpath");gId("curlUrl").value.length>0&&svg.setAttribute("fill",accentColor)
-</script> </body> </body></html>
\ No newline at end of file
+</script> </body> </body></html>