keboss/transcription
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: add debounce to renderTasks to prevent frontend freeze during WebSocket updates

Browse Source
This commit is contained in:
keboss-m 2026-06-01 10:32:12 +03:00
parent 932dc71b8a
commit 2eee05a52f
1 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
backend/static/app.js
View File

@ -7,6 +7,7 @@ class TranscriptionApp {
this.ws = null;
this.tasks = new Map();
this.currentFile = null;
this.renderTimeout = null;
this.init();
}
@ -170,15 +171,18 @@ class TranscriptionApp {
}
renderTasks() {
const container = document.getElementById('tasksList');
const tasks = Array.from(this.tasks.values());
if (this.renderTimeout) clearTimeout(this.renderTimeout);
this.renderTimeout = setTimeout(() => {
const container = document.getElementById('tasksList');
const tasks = Array.from(this.tasks.values());
if (tasks.length === 0) {
container.innerHTML = '<p class="empty-state">Нет активных задач</p>';
return;
}
if (tasks.length === 0) {
container.innerHTML = '<p class="empty-state">Нет активных задач</p>';
return;
}
container.innerHTML = tasks.map(task => this.renderTaskItem(task)).join('');
container.innerHTML = tasks.map(task => this.renderTaskItem(task)).join('');
}, 100);
}
renderTaskItem(task) {