Highlight selected template

web/index.css

@@ -48,6 +48,10 @@
     height: 100px;
 }
 
+.template-selected {
+    background-color: green;
+}
+
 .template div {
     border: 1px solid;
 }

web/index.js

@@ -204,8 +204,10 @@ function pageSizeChange() {
  * @param {HTMLDivElement} templateDiv 
  */
 function applyTemplate(templateDiv) {
+    document.getElementsByClassName("template-selected").item(0)?.classList.remove("template-selected")
     /** @type {HTMLDivElement} */
     const templateClone = templateDiv.cloneNode(true)
+    templateDiv.classList.add("template-selected")
     for (const index in imageUrls) {
         const url = imageUrls[index]
         const imgClass = `img${index}`