First success full read of json data provided by timing editor webinterface.

firmware/data/bottom.js

@@ -30,6 +30,7 @@ amain.classList.remove("pure-button-primary");
 acfg.classList.remove("pure-button-primary");
 atde.classList.add("pure-button-primary");
 createTable();
+fillTableFromJson();
 });
 } catch (error) {
 console.log("Error: load listener of the tab action listener management: " + error.message);
@@ -219,71 +220,100 @@ document.getElementById('on'+id+'_off').classList.remove('pure-button-primary');
 });
 function createTable() {
 var table = document.createElement("table");
+table.border = "1";
 var headerRow = document.createElement("tr");
-var headers = ["Stunde", "Minute", "ch1", "ch2", "ch3", "ch4"];
+var headers = ["Hour", "Minute", "Ch1", "Ch2", "Ch3", "Ch4"];
-for (var i = 0; i < headers.length; i++) {
+headers.forEach(header => {
-var header = document.createElement("th");
+var th = document.createElement("th");
-header.innerHTML = headers[i];
+th.innerHTML = header;
-headerRow.appendChild(header);
+headerRow.appendChild(th);
-}
+});
 table.appendChild(headerRow);
-for (var row = 0; row < 10; row++) {
+for (var i = 1; i <= 10; i++) {
-var contentRow = document.createElement("tr");
+var tr = document.createElement("tr");
-var hourCell = document.createElement("td");
+var tdHour = createSelectCell(23, 0);
-var hourInput = document.createElement("input");
+tdHour.id = "hour" + i;
-hourInput.type = "number";
+tr.appendChild(tdHour);
-hourInput.min = 0;
+var tdMinute = createSelectCell(59, 0);
-hourInput.max = 23;
+tdMinute.id = "minute" + i;
-hourCell.appendChild(hourInput);
+tr.appendChild(tdMinute);
-contentRow.appendChild(hourCell);
+var tdCh1 = createSelectCell(100, 0);
-var minuteCell = document.createElement("td");
+tdCh1.id = "ch1_" + i;
-var minuteSelect = document.createElement("select");
+tr.appendChild(tdCh1);
-for (var minute = 0; minute <= 50; minute += 10) {
+var tdCh2 = createSelectCell(100, 0);
-var option = document.createElement("option");
+tdCh2.id = "ch2_" + i;
-option.value = minute;
+tr.appendChild(tdCh2);
-option.text = minute.toString().padStart(2, "0");
+var tdCh3 = createSelectCell(100, 0);
-minuteSelect.appendChild(option);
+tdCh3.id = "ch3_" + i;
+tr.appendChild(tdCh3);
+var tdCh4 = createSelectCell(100, 0);
+tdCh4.id = "ch4_" + i;
+tr.appendChild(tdCh4);
+table.appendChild(tr);
 }
-minuteCell.appendChild(minuteSelect);
-contentRow.appendChild(minuteCell);
-for (var channel = 1; channel <= 4; channel++) {
-var channelCell = document.createElement("td");
-var channelInput = document.createElement("input");
-channelInput.type = "number";
-channelInput.min = 0;
-channelInput.max = 100;
-channelCell.appendChild(channelInput);
-contentRow.appendChild(channelCell);
-}
-table.appendChild(contentRow);
-}
-var button = document.createElement("button");
-button.innerHTML = "Save";
-button.classList.add("pure-button");
-button.classList.add("pure-button-primary");
-button.onclick = function() {
-var data = [];
-var rows = table.getElementsByTagName("tr");
-for (var row = 1; row < rows.length; row++) {
-var cells = rows[row].getElementsByTagName("td");
-var hour = cells[0].querySelector("input").value;
-var minute = cells[1].querySelector("select").value;
-var ch1 = cells[2].querySelector("input").value;
-var ch2 = cells[3].querySelector("input").value;
-var ch3 = cells[4].querySelector("input").value;
-var ch4 = cells[5].querySelector("input").value;
-var rowObject = {"hour": hour, "min": minute, "ch1": ch1, "ch2": ch2, "ch3": ch3, "ch4": ch4};
-data.push(rowObject);
-}
-var json = JSON.stringify(data);
-console.log(json);
-var xhr = new XMLHttpRequest();
-xhr.open("POST", "http://{{IP_ADDRESS}}/tc_data_save?data=" + encodeURIComponent(json), true);
-xhr.send();
-};
 var container = document.getElementById("table-container");
 container.innerHTML = "";
 container.classList.add("pure-form");
 container.appendChild(table);
-container.appendChild(button);
+}
+function createSelectCell(max, value) {
+var select = document.createElement("select");
+for (var i = 0; i <= max; i++) {
+var option = document.createElement("option");
+option.value = i;
+option.text = i;
+select.appendChild(option);
+}
+select.value = value;
+var row = document.createElement("td");
+row.appendChild(select);
+return row;
+}
+function fillTableFromJson() {
+fetch('http://{{IP_ADDRESS}}/tc_data_blocks_read')
+.then(response => response.json())
+.then(data => {
+var tcdata = data.tcdata;
+for (var i = 0; i < tcdata.length; i++) {
+var row = document.getElementById("hour" + (i+1)).parentNode;
+row.cells[0].childNodes[0].value = tcdata[i].hour;
+row.cells[1].childNodes[0].value = tcdata[i].min;
+row.cells[2].childNodes[0].value = parseInt(tcdata[i].ch1 * 100 / 255);
+row.cells[3].childNodes[0].value = parseInt(tcdata[i].ch2 * 100 / 255);
+row.cells[4].childNodes[0].value = parseInt(tcdata[i].ch3 * 100 / 255);
+row.cells[5].childNodes[0].value = parseInt(tcdata[i].ch4 * 100 / 255);
+}
+});
+}
+function createJsonFromTable() {
+var tableRows = document.querySelectorAll("table tr");
+var tcdata = [];
+for (var i = 1; i <= 10; i++) {
+var row = document.getElementById("hour" + i).parentNode;
+var hour = parseInt(row.cells[0].childNodes[0].value);
+var min = parseInt(row.cells[1].childNodes[0].value);
+var ch1 = Math.round(parseInt(row.cells[2].childNodes[0].value) * 2.55);
+var ch2 = Math.round(parseInt(row.cells[3].childNodes[0].value) * 2.55);
+var ch3 = Math.round(parseInt(row.cells[4].childNodes[0].value) * 2.55);
+var ch4 = Math.round(parseInt(row.cells[5].childNodes[0].value) * 2.55);
+tcdata.push({hour: hour, min: min, ch1: ch1, ch2: ch2, ch3: ch3, ch4: ch4});
+}
+var currentTime = {hour: new Date().getHours(), min: new Date().getMinutes()};
+var jsonData = {tcdata: tcdata, currenttime: currentTime};
+console.log("jsonData = " + JSON.stringify(jsonData));
+return JSON.stringify(jsonData);
+}
+function sendDataToServer() {
+var jsonData = createJsonFromTable();
+var urlEncodedData = encodeURIComponent(jsonData);
+var url = 'http://{{IP_ADDRESS}}/tc_data_blocks_store?data=' + urlEncodedData;
+console.log("url so save = " + url);
+var xhr = new XMLHttpRequest();
+xhr.open('GET', url, true);
+xhr.onreadystatechange = function() {
+if (xhr.readyState === 4 && xhr.status === 200) {
+console.log('Data successfully sent to server!');
+}
+};
+xhr.send();
 }

firmware/data/index_template_bottom.html

@@ -5,7 +5,11 @@
 <label>
 <strong>Timming control data editor</strong>
 </label>
-<div id="table-container"></div>
+<br>
+<div id="table-container">
+</div>
+<br>
+<a href="#" class="pure-button pure-button-primary" onclick="sendDataToServer();">save</a>
 </div>
 </div> <!-- end of tab-tde -->
 <script src="http://{{IP_ADDRESS}}/js_bottom">

firmware/data/index_template_top.html

@@ -9,7 +9,7 @@
 <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
 <link rel="stylesheet" href="https://unpkg.com/purecss@0.6.2/build/pure-min.css">
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<style src="http://{{IP_ADDRESS}}'/css">
+<link rel="stylesheet" href="http://{{IP_ADDRESS}}/css">
 </style>
 </head>
 <body>

firmware/data/style.css

@@ -13,20 +13,15 @@
 #tab-tde.visible {
 display: block;
 }
-        /* CSS-Regeln für die Tabellenzellen */
 .pure-table td {
 padding: 4px;
 }
-
-        /* CSS-Regeln für die Eingabefelder */
 .pure-form input[type="number"] {
 width: 60px;
 height: 20px;
 border-radius: 3px;
 border: 1px solid #ccc;
 }
-
-        /* CSS-Regeln für die Auswahllisten */
 .pure-form select {
 width: 80px;
 height: 26px;
@@ -34,8 +29,6 @@
 border: 1px solid #ccc;
 background-color: #fff;
 }
-
-        /* CSS-Regeln für den Export-Button */
 .pure-button {
 background-color: #5a5a5a;
 color: #fff;
@@ -45,8 +38,6 @@
 font-size: 14px;
 cursor: pointer;
 }
-
 .pure-button:hover {
 background-color: #333;
 }
-

firmware/firmware.ino

@@ -484,6 +484,7 @@ void init_webserver()
     if (server.hasArg("data"))
     {
       String jsonData = server.arg("data");
+      Serial.println("Received: " + jsonData);
       tc_jsonDataBlocksToEEPROM(jsonData);
       server.send(200, "text/html", "tcdata saved");
     }
@@ -501,7 +502,7 @@ void init_webserver()
 
   server.on("/css", []()
   {
-    server.send(200, "text/html", loadSPIFFSFile("/style.css"));
+    server.send(200, "text/css", loadSPIFFSFile("/style.css"));
   });
 
   server.on("/", []()

firmware/html/bottom.js

@@ -1,4 +1,5 @@
 function addTabListener() {
+    //console.log("Try to add tab listener");
     try {
         var tabMain = document.getElementById("tab-lights");
         var tabConfig = document.getElementById("tab-config");
@@ -10,6 +11,7 @@ function addTabListener() {
 
 
         amain.addEventListener("click", function() {
+            //console.log("Switch to main lights tab");
             tabMain.classList.add("visible");
             tabConfig.classList.remove("visible");
             tabTDE.classList.remove("visible");
@@ -20,6 +22,7 @@ function addTabListener() {
         });
 
         acfg.addEventListener("click", function() {
+            //console.log("Switch to config tab");
             tabMain.classList.remove("visible");
             tabConfig.classList.add("visible");
             tabTDE.classList.remove("visible");
@@ -30,6 +33,7 @@ function addTabListener() {
         });
 
         atde.addEventListener("click", function() {
+            //console.log("Switch to TDE tab");
             tabMain.classList.remove("visible");
             tabConfig.classList.remove("visible");
             tabTDE.classList.add("visible");
@@ -38,7 +42,8 @@ function addTabListener() {
             acfg.classList.remove("pure-button-primary");
             atde.classList.add("pure-button-primary");
 
-            createTable();
+            createTable(); // recreate the table on timing data editor tab
+            fillTableFromJson();
         });
     } catch (error) {
         console.log("Error: load listener of the tab action listener management: " + error.message);
@@ -257,91 +262,140 @@ links.forEach(function(link) {
 });
 
 function createTable() {
+    // Erstelle eine Tabelle
     var table = document.createElement("table");
+    table.border = "1";
   
-// Headerzeile
+    // Erstelle eine Kopfzeile
     var headerRow = document.createElement("tr");
-var headers = ["Stunde", "Minute", "ch1", "ch2", "ch3", "ch4"];
+  
-for (var i = 0; i < headers.length; i++) {
+    // Füge die Spaltenüberschriften hinzu
-    var header = document.createElement("th");
+    var headers = ["Hour", "Minute", "Ch1", "Ch2", "Ch3", "Ch4"];
-    header.innerHTML = headers[i];
+    headers.forEach(header => {
-    headerRow.appendChild(header);
+      var th = document.createElement("th");
-}
+      th.innerHTML = header;
+      headerRow.appendChild(th);
+    });
     table.appendChild(headerRow);
   
-// Inhaltszeilen
+    // Erstelle Zeilen mit Zellen für jedes Element
-for (var row = 0; row < 10; row++) {
+    for (var i = 1; i <= 10; i++) {
-    var contentRow = document.createElement("tr");
+      var tr = document.createElement("tr");
   
-    // Spalte "Stunde"
+      // Stunde
-    var hourCell = document.createElement("td");
+      var tdHour = createSelectCell(23, 0);
-    var hourInput = document.createElement("input");
+      tdHour.id = "hour" + i;
-    hourInput.type = "number";
+      tr.appendChild(tdHour);
-    hourInput.min = 0;
-    hourInput.max = 23;
-    hourCell.appendChild(hourInput);
-    contentRow.appendChild(hourCell);
   
-    // Spalte "Minute"
+      // Minute
-    var minuteCell = document.createElement("td");
+      var tdMinute = createSelectCell(59, 0);
-    var minuteSelect = document.createElement("select");
+      tdMinute.id = "minute" + i;
-    for (var minute = 0; minute <= 50; minute += 10) {
+      tr.appendChild(tdMinute);
-        var option = document.createElement("option");
+  
-        option.value = minute;
+      // ch1
-        option.text = minute.toString().padStart(2, "0");
+      var tdCh1 = createSelectCell(100, 0);
-        minuteSelect.appendChild(option);
+      tdCh1.id = "ch1_" + i;
+      tr.appendChild(tdCh1);
+  
+      // ch2
+      var tdCh2 = createSelectCell(100, 0);
+      tdCh2.id = "ch2_" + i;
+      tr.appendChild(tdCh2);
+  
+      // ch3
+      var tdCh3 = createSelectCell(100, 0);
+      tdCh3.id = "ch3_" + i;
+      tr.appendChild(tdCh3);
+  
+      // ch4
+      var tdCh4 = createSelectCell(100, 0);
+      tdCh4.id = "ch4_" + i;
+      tr.appendChild(tdCh4);
+  
+      table.appendChild(tr);
     }
-    minuteCell.appendChild(minuteSelect);
-    contentRow.appendChild(minuteCell);
-
-    // Spalten "ch1" bis "ch4"
-    for (var channel = 1; channel <= 4; channel++) {
-        var channelCell = document.createElement("td");
-        var channelInput = document.createElement("input");
-        channelInput.type = "number";
-        channelInput.min = 0;
-        channelInput.max = 100;
-        channelCell.appendChild(channelInput);
-        contentRow.appendChild(channelCell);
-    }
-
-    table.appendChild(contentRow);
-}
-
-// Button
-var button = document.createElement("button");
-button.innerHTML = "Save";
-button.classList.add("pure-button");
-button.classList.add("pure-button-primary");
-button.onclick = function() {
-    var data = [];
-
-    var rows = table.getElementsByTagName("tr");
-    for (var row = 1; row < rows.length; row++) {
-        var cells = rows[row].getElementsByTagName("td");
-
-        var hour = cells[0].querySelector("input").value;
-        var minute = cells[1].querySelector("select").value;
-        var ch1 = cells[2].querySelector("input").value;
-        var ch2 = cells[3].querySelector("input").value;
-        var ch3 = cells[4].querySelector("input").value;
-        var ch4 = cells[5].querySelector("input").value;
-
-        var rowObject = {"hour": hour, "min": minute, "ch1": ch1, "ch2": ch2, "ch3": ch3, "ch4": ch4};
-        data.push(rowObject);
-    }
-
-    var json = JSON.stringify(data);
-    console.log(json);
-    var xhr = new XMLHttpRequest();
-    xhr.open("POST", "http://{{IP_ADDRESS}}/tc_data_save?data=" + encodeURIComponent(json), true);
-    xhr.send();
-
-};
   
     var container = document.getElementById("table-container");
     container.innerHTML = "";
     container.classList.add("pure-form");
     container.appendChild(table);
-container.appendChild(button);
 }
+  
+function createSelectCell(max, value) {
+    // Erstelle ein neues select-Element
+    var select = document.createElement("select");
+
+    // Füge Optionen hinzu
+    for (var i = 0; i <= max; i++) {
+        var option = document.createElement("option");
+        option.value = i;
+        option.text = i;
+        select.appendChild(option);
+    }
+
+    // Wähle die Option aus, die dem übergebenen Wert entspricht
+    select.value = value;
+
+    // Erstelle eine neue Zellenreihe und -zelle
+    var row = document.createElement("td");
+    row.appendChild(select);
+
+    // Gib die Zelle zurück
+    return row;
+}
+  
+function fillTableFromJson() {
+    // Lade JSON-Daten
+    fetch('http://{{IP_ADDRESS}}/tc_data_blocks_read')
+        .then(response => response.json())
+        .then(data => {
+        // Fülle die Tabelle mit Daten
+        var tcdata = data.tcdata;
+        for (var i = 0; i < tcdata.length; i++) {
+            var row = document.getElementById("hour" + (i+1)).parentNode;
+            row.cells[0].childNodes[0].value = tcdata[i].hour;
+            row.cells[1].childNodes[0].value = tcdata[i].min;
+            row.cells[2].childNodes[0].value = parseInt(tcdata[i].ch1 * 100 / 255);
+            row.cells[3].childNodes[0].value = parseInt(tcdata[i].ch2 * 100 / 255);
+            row.cells[4].childNodes[0].value = parseInt(tcdata[i].ch3 * 100 / 255);
+            row.cells[5].childNodes[0].value = parseInt(tcdata[i].ch4 * 100 / 255);
+        }
+    });
+}
+
+function createJsonFromTable() {
+    var tableRows = document.querySelectorAll("table tr");
+    var tcdata = [];
+    for (var i = 1; i <= 10; i++) {
+
+        var row = document.getElementById("hour" + i).parentNode;
+        var hour = parseInt(row.cells[0].childNodes[0].value);
+        var min = parseInt(row.cells[1].childNodes[0].value);
+        var ch1 = Math.round(parseInt(row.cells[2].childNodes[0].value) * 2.55);
+        var ch2 = Math.round(parseInt(row.cells[3].childNodes[0].value) * 2.55);
+        var ch3 = Math.round(parseInt(row.cells[4].childNodes[0].value) * 2.55);
+        var ch4 = Math.round(parseInt(row.cells[5].childNodes[0].value) * 2.55);
+
+        tcdata.push({hour: hour, min: min, ch1: ch1, ch2: ch2, ch3: ch3, ch4: ch4});
+    }
+    var currentTime = {hour: new Date().getHours(), min: new Date().getMinutes()};
+    var jsonData = {tcdata: tcdata, currenttime: currentTime};
+    console.log("jsonData = " + JSON.stringify(jsonData));
+    return JSON.stringify(jsonData);
+}
+
+function sendDataToServer() {
+    var jsonData = createJsonFromTable();
+    var urlEncodedData = encodeURIComponent(jsonData);
+    var url = 'http://{{IP_ADDRESS}}/tc_data_blocks_store?data=' + urlEncodedData;
+    console.log("url so save = " + url);
+    var xhr = new XMLHttpRequest();
+    xhr.open('GET', url, true);
+    xhr.onreadystatechange = function() {
+      if (xhr.readyState === 4 && xhr.status === 200) {
+        console.log('Data successfully sent to server!');
+      }
+    };
+    xhr.send();
+  }
+  

firmware/html/index_template_bottom.html

@@ -5,7 +5,11 @@
             <label>
                 <strong>Timming control data editor</strong>
             </label>
-            <div id="table-container"></div>
+            <br>
+            <div id="table-container">
+            </div>
+            <br>
+            <a href="#" class="pure-button pure-button-primary" onclick="sendDataToServer();">save</a>
         </div>
     </div> <!-- end of tab-tde -->
 

firmware/html/index_template_top.html

@@ -9,7 +9,7 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
     <link rel="stylesheet" href="https://unpkg.com/purecss@0.6.2/build/pure-min.css">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <style src="http://{{IP_ADDRESS}}'/css">
+    <link rel="stylesheet" href="http://{{IP_ADDRESS}}/css">
     </style>
 </head>
 <body>

firmware/html/style.css

@@ -13,20 +13,15 @@
 #tab-tde.visible {
 display: block;
 }
-        /* CSS-Regeln für die Tabellenzellen */
 .pure-table td {
 padding: 4px;
 }
-
-        /* CSS-Regeln für die Eingabefelder */
 .pure-form input[type="number"] {
 width: 60px;
 height: 20px;
 border-radius: 3px;
 border: 1px solid #ccc;
 }
-
-        /* CSS-Regeln für die Auswahllisten */
 .pure-form select {
 width: 80px;
 height: 26px;
@@ -34,8 +29,6 @@
 border: 1px solid #ccc;
 background-color: #fff;
 }
-
-        /* CSS-Regeln für den Export-Button */
 .pure-button {
 background-color: #5a5a5a;
 color: #fff;
@@ -45,8 +38,6 @@
 font-size: 14px;
 cursor: pointer;
 }
-
 .pure-button:hover {
 background-color: #333;
 }
-

firmware/timing_control.ino

@@ -48,7 +48,7 @@ uint8_t example_timer_data_block[] = {
   18,  0, 205, 205, 205, 205, // 4: 80% all for 5 hours
   19,  0,  50,  50,  50,  50, // 5: 20% all
   19, 30,  50,   0,  50,   0, // 6: 20% all blues
-  20,  0,  25,   0,  25,   0, // 9: disabled
+  20,  0,  25,   0,  25,   0, // 9: 10% all blues
   20, 30,  25,   0,   0,   0, // 7: 10% ch1 blues
   21,  0,   0,   0,   0,   0, // 8: 0% all
 };
@@ -415,13 +415,16 @@ String tc_getJsonData()
 
 void tc_jsonDataBlocksToEEPROM(String json_data_string)
 {
-  StaticJsonDocument<512> doc;
+  StaticJsonDocument<1289> doc;
   deserializeJson(doc, json_data_string);
 
+  Serial.println("Reading data from json data:");
   // Loop through each data block in the JSON data and store it in the tc_data array
   for (uint8_t i = 0; i < NUMBER_OF_TIMER_DATA_BLOCKS; i++)
   {
-    JsonObject obj = doc[i];
+    //Serial.println("<< " + (String)i);
+    
+    JsonObject obj = doc["tcdata"][i];
 
     // Check and set the limits of the hour value
     int hour = obj["hour"];
@@ -431,6 +434,7 @@ void tc_jsonDataBlocksToEEPROM(String json_data_string)
       hour = 23;
     }
     tc_data[i].hh = hour;
+    Serial.print("hour = " + (String)tc_data[i].hh + " " + (String)obj["hour"] + " ");
 
     // Check and set the limits of the minute value
     int minute = obj["min"];
@@ -440,6 +444,7 @@ void tc_jsonDataBlocksToEEPROM(String json_data_string)
       minute = 59;
     }
     tc_data[i].mm = minute;
+    Serial.print("minute = " + (String)tc_data[i].mm + " " + (String)obj["min"] + " ");
 
     // Check and set the limits of the ch1 value
     int ch1 = obj["ch1"];
@@ -449,6 +454,7 @@ void tc_jsonDataBlocksToEEPROM(String json_data_string)
       ch1 = 255;
     }
     tc_data[i].ch1 = ch1;
+    Serial.print("ch1 = " + (String)tc_data[i].ch1 + " " + (String)obj["ch1"] + " ");
 
     // Check and set the limits of the ch2 value
     int ch2 = obj["ch2"];
@@ -458,6 +464,7 @@ void tc_jsonDataBlocksToEEPROM(String json_data_string)
       ch2 = 255;
     }
     tc_data[i].ch2 = ch2;
+    Serial.print("ch2 = " + (String)tc_data[i].ch2 + " " + (String)obj["ch2"] + " ");
 
     // Check and set the limits of the ch3 value
     int ch3 = obj["ch3"];
@@ -467,6 +474,7 @@ void tc_jsonDataBlocksToEEPROM(String json_data_string)
       ch3 = 255;
     }
     tc_data[i].ch3 = ch3;
+    Serial.print("ch3 = " + (String)tc_data[i].ch3 + " " + (String)obj["ch3"] + " ");
 
     // Check and set the limits of the ch4 value
     int ch4 = obj["ch4"];
@@ -476,12 +484,21 @@ void tc_jsonDataBlocksToEEPROM(String json_data_string)
       ch4 = 255;
     }
     tc_data[i].ch4 = ch4;
+    Serial.println("ch4 = " + (String)tc_data[i].ch4 + " " + (String)obj["ch4"] + "\n---");
   }
 
+  Serial.println("Writing to EEPROM...");
   // Write the tc_data array to the EEPROM
   for (uint16_t i = 0; i < (NUMBER_OF_TIMER_DATA_BLOCKS * LENGTH_OF_TIMER_DATA_BLOCK); i++)
   {
+    //Serial.println("  " + (String)(EEPROM_TIMING_DATA_ADDRESS + i) + " " + (String)(*((uint8_t*)&tc_data + i)));
+
     EEPROM.write(EEPROM_TIMING_DATA_ADDRESS + i, *((uint8_t*)&tc_data + i));
+    /*if (((i+1) % 6 == 0))
+    {
+      Serial.println("---");
+    }*/
+
   }
   EEPROM.commit();
 }