feat/frontend-phase1 #1
|
@ -59,14 +59,27 @@ async function loadSpeakers() {
|
|||
}
|
||||
speakers.forEach(speaker => {
|
||||
const listItem = document.createElement('li');
|
||||
listItem.textContent = `${speaker.name} (ID: ${speaker.id || 'N/A'}) `;
|
||||
|
||||
// Create a container for the speaker name and delete button
|
||||
const container = document.createElement('div');
|
||||
container.style.display = 'flex';
|
||||
container.style.justifyContent = 'space-between';
|
||||
container.style.alignItems = 'center';
|
||||
container.style.width = '100%';
|
||||
|
||||
// Add speaker name
|
||||
const nameSpan = document.createElement('span');
|
||||
nameSpan.textContent = speaker.name;
|
||||
container.appendChild(nameSpan);
|
||||
|
||||
// Add delete button
|
||||
const deleteBtn = document.createElement('button');
|
||||
deleteBtn.textContent = 'Delete';
|
||||
deleteBtn.classList.add('delete-speaker-btn');
|
||||
deleteBtn.onclick = () => handleDeleteSpeaker(speaker.id);
|
||||
listItem.appendChild(deleteBtn);
|
||||
|
||||
container.appendChild(deleteBtn);
|
||||
|
||||
listItem.appendChild(container);
|
||||
speakerListUL.appendChild(listItem);
|
||||
});
|
||||
} catch (error) {
|
||||
|
|
|
@ -4,3 +4,9 @@
|
|||
608903c4-b157-46c5-a0ea-4b25eb4b83b6:
|
||||
name: Denise
|
||||
sample_path: speaker_samples/608903c4-b157-46c5-a0ea-4b25eb4b83b6.wav
|
||||
3c93c9df-86dc-4d67-ab55-8104b9301190:
|
||||
name: Maria
|
||||
sample_path: speaker_samples/3c93c9df-86dc-4d67-ab55-8104b9301190.wav
|
||||
fb84ce1c-f32d-4df9-9673-2c64e9603133:
|
||||
name: Debbie
|
||||
sample_path: speaker_samples/fb84ce1c-f32d-4df9-9673-2c64e9603133.wav
|
||||
|
|
Loading…
Reference in New Issue