From a0109a8b5e74514e41d994b936f8d8c2e7c14328 Mon Sep 17 00:00:00 2001
From: Morris Brodersen <mb@morrisbrodersen.de>
Date: Tue, 5 Dec 2023 00:27:22 +0100
Subject: [PATCH] add html comments to html template strings

---
 public/scripts/AppDatePicker.js   | 6 +++---
 public/scripts/TodoApp.js         | 2 +-
 public/scripts/TodoCustomList.js  | 2 +-
 public/scripts/TodoDay.js         | 2 +-
 public/scripts/TodoFrameCustom.js | 2 +-
 public/scripts/TodoFrameDays.js   | 2 +-
 public/scripts/TodoItem.js        | 2 +-
 public/scripts/TodoItemInput.js   | 2 +-
 public/scripts/TodoList.js        | 2 +-
 9 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/public/scripts/AppDatePicker.js b/public/scripts/AppDatePicker.js
index e40efeb..1688e39 100644
--- a/public/scripts/AppDatePicker.js
+++ b/public/scripts/AppDatePicker.js
@@ -1,11 +1,11 @@
 import { AppIcon } from './AppIcon.js';
 import { formatMonth } from './util.js';
 
-const datesCell = `
+const datesCell = /* html */ `
   <td><button class="app-button"></button></td>
 `;
 
-const datesRow = `
+const datesRow = /* html */ `
   <tr>
     ${datesCell}
     ${datesCell}
@@ -28,7 +28,7 @@ export function AppDatePicker(el) {
   };
   let show = false;
 
-  el.innerHTML = `
+  el.innerHTML = /* html */ `
     <h4 class="header">
       <button class="app-button -circle previousmonth">
         <i class="app-icon" data-id="chevron-left-16"></i>
diff --git a/public/scripts/TodoApp.js b/public/scripts/TodoApp.js
index 57bc1e6..8a67149 100644
--- a/public/scripts/TodoApp.js
+++ b/public/scripts/TodoApp.js
@@ -13,7 +13,7 @@ import { TodoLogic } from './TodoLogic.js';
 export function TodoApp(el) {
   let todoData = TodoLogic.initTodoData();
 
-  el.innerHTML = `
+  el.innerHTML = /* html */ `
     <header class="app-header">
       <h1 class="title">VANILLA TODO</h1>
       <p class="app-fps fps"></p>
diff --git a/public/scripts/TodoCustomList.js b/public/scripts/TodoCustomList.js
index 16580cd..2f32555 100644
--- a/public/scripts/TodoCustomList.js
+++ b/public/scripts/TodoCustomList.js
@@ -11,7 +11,7 @@ export function TodoCustomList(el) {
   let startEditing = false;
   let saveOnBlur = true;
 
-  el.innerHTML = `
+  el.innerHTML = /* html */ `
     <div class="header">
       <h3 class="title"></h3>
       <p class="form">
diff --git a/public/scripts/TodoDay.js b/public/scripts/TodoDay.js
index dd90155..ddb7fdb 100644
--- a/public/scripts/TodoDay.js
+++ b/public/scripts/TodoDay.js
@@ -8,7 +8,7 @@ export function TodoDay(el) {
   const dateId = el.dataset.key;
   let items = [];
 
-  el.innerHTML = `
+  el.innerHTML = /* html */ `
     <div class="header">
       <h3 class="dayofweek"></h3>
       <h6 class="date"></h6>
diff --git a/public/scripts/TodoFrameCustom.js b/public/scripts/TodoFrameCustom.js
index 294211a..a17d4fb 100644
--- a/public/scripts/TodoFrameCustom.js
+++ b/public/scripts/TodoFrameCustom.js
@@ -9,7 +9,7 @@ import { TodoLogic } from './TodoLogic.js';
 export function TodoFrameCustom(el) {
   let todoData = TodoLogic.initTodoData();
 
-  el.innerHTML = `
+  el.innerHTML = /* html */ `
     <div class="leftcontrols">
       <p><button class="app-button -circle -xl back"><i class="app-icon" data-id="chevron-left-24"></i></button></p>
     </div>
diff --git a/public/scripts/TodoFrameDays.js b/public/scripts/TodoFrameDays.js
index 72c3f80..3cdb198 100644
--- a/public/scripts/TodoFrameDays.js
+++ b/public/scripts/TodoFrameDays.js
@@ -10,7 +10,7 @@ export function TodoFrameDays(el) {
   const RANGE = 14;
   let todoData = TodoLogic.initTodoData();
 
-  el.innerHTML = `
+  el.innerHTML = /* html */ `
     <nav class="leftcontrols">
       <p>
         <button class="app-button -circle -xl backward">
diff --git a/public/scripts/TodoItem.js b/public/scripts/TodoItem.js
index 9beadfd..2859fff 100644
--- a/public/scripts/TodoItem.js
+++ b/public/scripts/TodoItem.js
@@ -10,7 +10,7 @@ export function TodoItem(el) {
   let startEditing = false;
   let saveOnBlur = true;
 
-  el.innerHTML = `
+  el.innerHTML = /* html */ `
     <div class="checkbox">
       <input type="checkbox">
     </div>
diff --git a/public/scripts/TodoItemInput.js b/public/scripts/TodoItemInput.js
index e88afc0..effd484 100644
--- a/public/scripts/TodoItemInput.js
+++ b/public/scripts/TodoItemInput.js
@@ -6,7 +6,7 @@ import { AppIcon } from './AppIcon.js';
 export function TodoItemInput(el) {
   let saveOnBlur = true;
 
-  el.innerHTML = `
+  el.innerHTML = /* html */ `
     <input type="text" class="input use-focus-other">
     <button class="app-button save"><i class="app-icon" data-id="plus-24"></i></button>
   `;
diff --git a/public/scripts/TodoList.js b/public/scripts/TodoList.js
index bbcdee8..0de5ed0 100644
--- a/public/scripts/TodoList.js
+++ b/public/scripts/TodoList.js
@@ -8,7 +8,7 @@ import { TodoItemInput } from './TodoItemInput.js';
 export function TodoList(el) {
   let items = [];
 
-  el.innerHTML = `
+  el.innerHTML = /* html */ `
     <div class="items"></div>
     <div class="todo-item-input"></div>
   `;