oleh/astrolabe
1
0
Fork 0
mirror of https://github.com/olehomelchenko/astrolabe.git synced 2025-12-21 21:22:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add snippet deletion functionality and enhance UI for snippet management

Browse Source
This commit is contained in:
Oleh Omelchenko
2025-01-19 14:23:55 +02:00
parent 86058767a1
commit fe9e554cec
4 changed files with 74 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/UIManager.js
View File

@@ -19,10 +19,25 @@ export class UIManager {
snippets.forEach(snippet => {
const div = document.createElement('div');
div.className = `snippet-item ${snippet.id === currentSnippetId ? 'active' : ''}`;
div.onclick = () => this.snippetManager.loadSnippet(snippet.id);
const hasChanges = this.snippetManager.hasDraftChanges(snippet.id);
const indicator = hasChanges ? '🟡' : '🟢';
div.textContent = `${indicator} ${snippet.name}`;
div.onclick = () => this.snippetManager.loadSnippet(snippet.id);
const contentDiv = document.createElement('div');
contentDiv.className = 'snippet-content';
contentDiv.textContent = `${indicator} ${snippet.name}`;
div.appendChild(contentDiv);
const deleteButton = document.createElement('button');
deleteButton.className = 'delete-snippet';
deleteButton.innerHTML = '❌';
deleteButton.onclick = (e) => {
e.stopPropagation();
this.snippetManager.deleteSnippet(snippet.id);
};
div.appendChild(deleteButton);
container.appendChild(div);
});
}