FrontEnd angepasst

This commit is contained in:
Eduard Wisch 2025-05-19 23:15:26 +02:00
parent f02cf1fa15
commit 6866cb2651

View file

@ -2,8 +2,8 @@
* @returns {Promise<{server_ip: string, server_port: number}>} * @returns {Promise<{server_ip: string, server_port: number}>}
*/ */
let videoActive = [] let videoActive = {};
let videoQueue = [] let videoQueue = {};
let ws = null let ws = null
async function getServerConfig() { async function getServerConfig() {
@ -86,7 +86,7 @@ function deleteVideoElement(packet) {
delete videoActive[key]; delete videoActive[key];
} }
} }
} }
function createVideoElement(packet){ function createVideoElement(packet){
const active_Conversions = document.getElementById('active-conversions'); const active_Conversions = document.getElementById('active-conversions');
@ -124,17 +124,22 @@ function createVideoElement(packet){
}); });
} }
function deepEqual(dict1, dict2) {
return JSON.stringify(dict1) === JSON.stringify(dict2);
}
function createWaitingSnake(packet){ function createWaitingSnake(packet){
const queue = document.getElementById('queue'); const queue = document.getElementById('queue');
for (let key in videoQueue){
if (!(key in packet.data_queue)){
const elem = document.getElementById(key);
if(elem){
elem.remove();
}
}
}
Object.keys(packet.data_queue).forEach(key => { Object.keys(packet.data_queue).forEach(key => {
const video = packet.data_queue[key]; const video = packet.data_queue[key];
if(videoActive[key] && videoActive[key].status !== video.status){ if(videoQueue[key] && videoQueue[key].status !== video.status){
const elem = document.getElementById(key); const elem = document.getElementById(key);
if(elem){ if(elem){
elem.remove(); elem.remove();