From a4c9168551e0d1572819607c25a117e13a0fb6a1 Mon Sep 17 00:00:00 2001
From: glax <johanna@bernloehr.eu>
Date: Mon, 19 Jun 2023 17:17:47 +0200
Subject: [PATCH] Selector for task-sanitizer

---
 Website/interaction.js | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/Website/interaction.js b/Website/interaction.js
index 9382580..a6749e1 100644
--- a/Website/interaction.js
+++ b/Website/interaction.js
@@ -391,11 +391,11 @@ function ShowTasksQueue(){
             json.forEach(task => {
                 if(task.task == 2 || task.task == 4) {
                     downloadTasksOutput.appendChild(CreateProgressChild(task));
-                    document.querySelector(`#progress${task.taskId.replaceAll('=', '')}`).value = task.progress;
+                    document.querySelector(`#progress${GetValidSelector(task.taskId)}`).value = task.progress;
                     var finishedHours = task.executionApproximatelyRemaining.split(':')[0];
                     var finishedMinutes = task.executionApproximatelyRemaining.split(':')[1];
                     var finishedSeconds = task.executionApproximatelyRemaining.split(':')[2].split('.')[0];
-                    document.querySelector(`#progressStr${task.taskId.replaceAll('=', '')}`).innerText = `${finishedHours}:${finishedMinutes}:${finishedSeconds}`;
+                    document.querySelector(`#progressStr${GetValidSelector(task.taskId)}`).innerText = `${finishedHours}:${finishedMinutes}:${finishedSeconds}`;
                 }
             });
         });
@@ -423,13 +423,13 @@ function CreateProgressChild(task){
 
 
     var progress = document.createElement("progress");
-    progress.id = `progress${task.taskId.replaceAll('=','')}`;
+    progress.id = `progress${GetValidSelector(task.taskId)}`;
     child.appendChild(progress);
     
     var progressStr = document.createElement("span");
     progressStr.innerText = " \t∞";
     progressStr.className = "progressStr";
-    progressStr.id = `progressStr${task.taskId.replaceAll('=','')}`;
+    progressStr.id = `progressStr${GetValidSelector(task.taskId)}`;
     child.appendChild(progressStr);
     
     if(task.chapter != undefined){
@@ -513,12 +513,17 @@ setInterval(() => {
     GetRunningTasks().then((json) => {
         json.forEach(task => {
             if(task.task == 2 || task.task == 4){
-                document.querySelector(`#progress${task.taskId.replaceAll('=','')}`).value = task.progress;
+                document.querySelector(`#progress${GetValidSelector(task.taskId)}`).value = task.progress;
                 var finishedHours = task.executionApproximatelyRemaining.split(':')[0];
                 var finishedMinutes = task.executionApproximatelyRemaining.split(':')[1];
                 var finishedSeconds = task.executionApproximatelyRemaining.split(':')[2].split('.')[0];
-                document.querySelector(`#progressStr${task.taskId.replaceAll('=','')}`).innerText = `${finishedHours}:${finishedMinutes}:${finishedSeconds}`;
+                document.querySelector(`#progressStr${GetValidSelector(task.taskId)}`).innerText = `${finishedHours}:${finishedMinutes}:${finishedSeconds}`;
             }
         });
     });
-},500);
\ No newline at end of file
+},500);
+
+function GetValidSelector(str){
+    var clean = [...str.matchAll(/[a-zA-Z0-9]*-*_*/g)];
+    return clean.join('');
+}
\ No newline at end of file