From ec40897b6bc9894043a844deb04fe147d36feb1c Mon Sep 17 00:00:00 2001
From: data <data@data-it-solution.de>
Date: Wed, 4 Jun 2025 22:01:23 +0200
Subject: [PATCH] =?UTF-8?q?Java=20Script=20Element=20L=C3=B6schen=20auf=20?=
 =?UTF-8?q?Listen=20und=20ID=20begrenzt=20vorher=20nur=20auf=20die=20Eleme?=
 =?UTF-8?q?nt=20ID?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/class_file_convert.py  |  7 +++----
 client/media_conversion.js | 10 +++++-----
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/app/class_file_convert.py b/app/class_file_convert.py
index efd8a17..31ce993 100755
--- a/app/class_file_convert.py
+++ b/app/class_file_convert.py
@@ -27,6 +27,8 @@ class Convert:
                         self.active_tasks.add(obj)
                         logging.info(f"Warteschlange started Auftrag - {obj.task}")
                         obj.status = 3
+                        await self.obj_websocket.send_websocket(self.obj_path.active_path_to_dict())
+                        await self.obj_websocket.send_websocket(self.obj_path.queue_path_to_dict())
 
                     if len(self.active_tasks) >= self.yaml["task_max"]:
                         break
@@ -43,7 +45,6 @@ class Convert:
 
     async def convert_video(self, obj):
         """Startet die Videokonvertierung asynchron."""
-
         obj_process = Process(self.obj_websocket)
         obj_stat = Stat()
 
@@ -63,13 +64,11 @@ class Convert:
 
             self.active_process.add(obj)
             obj.process_start = time.time()
-            await self.obj_websocket.send_websocket(self.obj_path.active_path_to_dict())
-            await self.obj_websocket.send_websocket(self.obj_path.queue_path_to_dict())
 
             await obj_process.read_out(obj)
             await obj.process.wait()
 
-            # Prself.obj_websocket.send_websocket(self.obj_path.active_path_to_dict())ozess beendet, Status auswerten
+            # Prozess beendet, Status auswerten
             if obj.process.returncode == 0:
                 obj.status = 0
                 result = "Finished"
diff --git a/client/media_conversion.js b/client/media_conversion.js
index 82f7e70..6ef585a 100755
--- a/client/media_conversion.js
+++ b/client/media_conversion.js
@@ -78,7 +78,7 @@ function sendCommand(command, id){
 function deleteVideoElement(packet) {
     for (let key in videoActive){
         if (!(key in packet.data_convert)){
-            const elem = document.getElementById(key);
+            const elem = document.getElementById(`convert_${key}`);
             if(elem){
                 elem.remove();
             }
@@ -97,7 +97,7 @@ function createVideoElement(packet){
         if(!videoActive[key]){
             const card = document.createElement('div');
             card.className = 'video-card';
-            card.id = key
+            card.id = `convert_${key}`
 
             card.innerHTML = `
                 <h3 title="${video.source_path}" align="center">${video.source_file_name} - ${video.target_file_name}</h3>
@@ -129,7 +129,7 @@ function createWaitingSnake(packet){
 
     for (let key in videoQueue) {
         if (!(key in packet.data_queue) || (videoQueue[key] && videoQueue[key].status !== packet.data_queue[key]?.status)) {
-            const elem = document.getElementById(key);
+            const elem = document.getElementById(`queue_${key}`);
             if (elem) {
                 elem.remove();
                 delete videoQueue[key];
@@ -143,7 +143,7 @@ function createWaitingSnake(packet){
         if(!videoQueue[key]){
             const card = document.createElement('div');
             card.className = 'queue_wait-card';
-            card.id = key
+            card.id = `queue_${key}`
 
             if(video.status === 1 || video.status === 2){
                 status_img = `<img src="/client/icons/fehler-96.png" class="status_icons">`
@@ -172,7 +172,7 @@ function createWaitingSnake(packet){
 
 function updateVideoElement(packet){
     let video = packet.data_flow;
-    let container = document.getElementById(video.id);
+    let container = document.getElementById(`convert_${video.id}`);
 
     container.querySelector(".frames").textContent = video.frames ?? 0;
     container.querySelector(".size").textContent = video.size[0] || 0;