Agent-Dateien: Button aus Form entfernt, ins Card-Menu verschoben
- agentFilesSection aus index.html entfernt - filesSection/filesBtn Referenzen aus agent-page.js entfernt - Neuer Menüeintrag 'Dateien verwalten' im Agent-Card-Menu (dashboard.js) - Icons für alle Card-Menu-Einträge (Session + Agent) - card-menu-item: flex layout mit gap für Icon-Ausrichtung
This commit is contained in:
1 parent
32cb98a8c7
commit
ea0b95ef52
4 files changed
+12
-14
No files matched your search
@@ -187,6 +187,9 @@
|
|||||||
padding: var(--menu-item-padding);
|
padding: var(--menu-item-padding);
|
||||||
background: none;
|
background: none;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: var(--badge-spacing);
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-menu-item:not(:disabled):hover {
|
.card-menu-item:not(:disabled):hover {
|
||||||
|
|||||||
@@ -144,9 +144,6 @@
|
|||||||
<input type="checkbox" id="agentUseMemory" checked>
|
<input type="checkbox" id="agentUseMemory" checked>
|
||||||
Auf Erinnerungen zugreifen <span class="checkbox-hint">(Memory-Tools verfügbar)</span>
|
Auf Erinnerungen zugreifen <span class="checkbox-hint">(Memory-Tools verfügbar)</span>
|
||||||
</label>
|
</label>
|
||||||
<div id="agentFilesSection" hidden>
|
|
||||||
<button type="button" id="agentFilesBtn" class="add-cmd-btn"><i class="fa fa-folder"></i> Dateien verwalten</button>
|
|
||||||
</div>
|
|
||||||
<div id="agentSkillsSection" hidden>
|
<div id="agentSkillsSection" hidden>
|
||||||
<label>Skills</label>
|
<label>Skills</label>
|
||||||
<div class="skill-list" id="agentSkillList"></div>
|
<div class="skill-list" id="agentSkillList"></div>
|
||||||
|
|||||||
@@ -33,8 +33,6 @@ registerPage('agent', {
|
|||||||
const deleteBtn = document.getElementById('agentDeleteBtn');
|
const deleteBtn = document.getElementById('agentDeleteBtn');
|
||||||
const commandsList = document.getElementById('agentCommandsList');
|
const commandsList = document.getElementById('agentCommandsList');
|
||||||
const addCommandBtn = document.getElementById('agentAddCommandBtn');
|
const addCommandBtn = document.getElementById('agentAddCommandBtn');
|
||||||
const filesSection = document.getElementById('agentFilesSection');
|
|
||||||
const filesBtn = document.getElementById('agentFilesBtn');
|
|
||||||
const skillsSection = document.getElementById('agentSkillsSection');
|
const skillsSection = document.getElementById('agentSkillsSection');
|
||||||
const skillList = document.getElementById('agentSkillList');
|
const skillList = document.getElementById('agentSkillList');
|
||||||
|
|
||||||
@@ -53,7 +51,6 @@ registerPage('agent', {
|
|||||||
useMemoryEl.checked = agent.useMemory !== false;
|
useMemoryEl.checked = agent.useMemory !== false;
|
||||||
_agentAvatarData = agent.avatar || null;
|
_agentAvatarData = agent.avatar || null;
|
||||||
deleteBtn.hidden = false;
|
deleteBtn.hidden = false;
|
||||||
filesSection.hidden = false;
|
|
||||||
|
|
||||||
if (agent.avatar) {
|
if (agent.avatar) {
|
||||||
avatarPreview.innerHTML = `<img src="${agent.avatar}" alt="Avatar">`;
|
avatarPreview.innerHTML = `<img src="${agent.avatar}" alt="Avatar">`;
|
||||||
@@ -79,11 +76,6 @@ registerPage('agent', {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Agent-Dateien öffnen
|
|
||||||
filesBtn.addEventListener('click', () => {
|
|
||||||
openFileExplorer({ agentId: agentId });
|
|
||||||
});
|
|
||||||
|
|
||||||
// Befehl hinzufügen
|
// Befehl hinzufügen
|
||||||
addCommandBtn.addEventListener('click', () => createCommandRow(commandsList));
|
addCommandBtn.addEventListener('click', () => createCommandRow(commandsList));
|
||||||
|
|
||||||
|
|||||||
@@ -42,8 +42,8 @@ registerPage('dashboard', {
|
|||||||
<div class="card-menu">
|
<div class="card-menu">
|
||||||
<button class="card-menu-trigger icon-btn"><i class="fa fa-ellipsis-v"></i></button>
|
<button class="card-menu-trigger icon-btn"><i class="fa fa-ellipsis-v"></i></button>
|
||||||
<div class="card-menu-dropdown" hidden>
|
<div class="card-menu-dropdown" hidden>
|
||||||
<button class="card-menu-item" data-action="chat">Chat öffnen</button>
|
<button class="card-menu-item" data-action="chat"><i class="fa fa-comment"></i> Chat öffnen</button>
|
||||||
<button class="card-menu-item" data-action="edit">Bearbeiten</button>
|
<button class="card-menu-item" data-action="edit"><i class="fa fa-pencil"></i> Bearbeiten</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -156,7 +156,8 @@ registerPage('dashboard', {
|
|||||||
<div class="card-menu">
|
<div class="card-menu">
|
||||||
<button class="card-menu-trigger icon-btn"><i class="fa fa-ellipsis-v"></i></button>
|
<button class="card-menu-trigger icon-btn"><i class="fa fa-ellipsis-v"></i></button>
|
||||||
<div class="card-menu-dropdown" hidden>
|
<div class="card-menu-dropdown" hidden>
|
||||||
<button class="card-menu-item" data-action="edit">Bearbeiten</button>
|
<button class="card-menu-item" data-action="edit"><i class="fa fa-pencil"></i> Bearbeiten</button>
|
||||||
|
<button class="card-menu-item" data-action="files"><i class="fa fa-folder"></i> Dateien verwalten</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -170,6 +171,11 @@ registerPage('dashboard', {
|
|||||||
closeAllCardMenus();
|
closeAllCardMenus();
|
||||||
menuDropdown.hidden = !menuDropdown.hidden;
|
menuDropdown.hidden = !menuDropdown.hidden;
|
||||||
});
|
});
|
||||||
|
menuDropdown.querySelector('[data-action="files"]').addEventListener('click', (e) => {
|
||||||
|
e.stopPropagation();
|
||||||
|
menuDropdown.hidden = true;
|
||||||
|
openFileExplorer({ agentId: a.agentId });
|
||||||
|
});
|
||||||
menuDropdown.querySelector('[data-action="edit"]').addEventListener('click', (e) => {
|
menuDropdown.querySelector('[data-action="edit"]').addEventListener('click', (e) => {
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
menuDropdown.hidden = true;
|
menuDropdown.hidden = true;
|
||||||
|
|||||||
Reference in new issue
Block a user