php functions to Store data

js/functions.js

@@ -1,6 +1,12 @@
+function initializeNewTopic() {
+    actualTopic = {"name": "", "id": randomId()}
+    reset()
+    document.getElementById("topicInput").value = actualTopic.name
+}
+
 function reset() {
     actualTopic.watches = [{"actions": []}, {"actions": []}, {"actions": []}]
-    saveActualTopicToLocalStorage()
+    saveActualTopic()
 }
 
 function resetButton() {
@@ -12,7 +18,7 @@ function resetButton() {
 function buttonDeleteAllClosedTopics() {
     if(confirm("Sollen alle abgeschlossenen Themen gelöscht werden?")) {
         closedTopics = []
-        saveClosedTopicsToLocalStorage()
+        saveClosedTopics()
         refreshClosedTopics()
     }
 }
@@ -43,17 +49,14 @@ function closeTopic() {
     }
     actualTopic.name = name
     closedTopics.push(actualTopic)
-    actualTopic = {"name": ""}
-    reset()
-    document.getElementById("topicInput").value = actualTopic.name
-    saveActualTopicToLocalStorage()
-    saveClosedTopicsToLocalStorage()
+    saveClosedTopics()
     refreshClosedTopics()
+    initializeNewTopic()
 }
 
 function deleteTopic(topicIndex) {
     closedTopics = closedTopics.slice(0, topicIndex).concat(closedTopics.slice(topicIndex+1))
-    saveClosedTopicsToLocalStorage()
+    saveClosedTopics()
     refreshClosedTopics()
 }
 
@@ -64,14 +67,14 @@ function reopenTopic(topicIndex) {
     actualTopic = closedTopics[topicIndex]
     document.getElementById("topicInput").value = actualTopic.name
     deleteTopic(topicIndex)
-    saveClosedTopicsToLocalStorage()
-    saveActualTopicToLocalStorage()
+    saveClosedTopics()
+    saveActualTopic()
 }
 
 function start(watchIndex) {
     stop()
     actualTopic.watches[watchIndex].actions.push({"type": "start", "time": new Date().getTime()})
-    saveActualTopicToLocalStorage()
+    saveActualTopic()
 }
 
 function stop() {
@@ -82,7 +85,7 @@ function stop() {
             }
         }
     });
-    saveActualTopicToLocalStorage()
+    saveActualTopic()
 }
 
 function calcPercForWatch(watchIndex, topic) {
@@ -181,14 +184,18 @@ function refreshClosedTopics() {
 
 function saveActualTopicName() {
     actualTopic.name = document.getElementById("topicInput").value
-    saveActualTopicToLocalStorage()
+    saveActualTopic()
 }
 
-function saveActualTopicToLocalStorage() {
+
+
+function saveActualTopic() {
+    //save it to LocalStorage
     localStorage.setItem("actualTopic", JSON.stringify(actualTopic))
 }
 
-function saveClosedTopicsToLocalStorage() {
+function saveClosedTopics() {
+    //save it to LocalStorage
     localStorage.setItem("closedTopics", JSON.stringify(closedTopics))
 }
 
@@ -204,4 +211,10 @@ function elt (type, attrs, ...children) {
         else node.appendChild(document.createTextNode(child))
     }
     return node
+}
+
+// random.ts
+function randomId() {
+    const uint32 = window.crypto.getRandomValues(new Uint32Array(1))[0];
+    return uint32.toString(16);
 }