103 lines
4 KiB
HTML
103 lines
4 KiB
HTML
<!-- Workflow Module -->
|
|
<div class="workflow-container">
|
|
<!-- Linke Seite - Workflow-Konfiguration -->
|
|
<div class="config-panel">
|
|
<h2>Workflow-Konfiguration</h2>
|
|
|
|
<!-- 1. Dateien auswählen -->
|
|
<div class="card">
|
|
<h3>1. Dateien auswählen</h3>
|
|
|
|
<div class="files-container">
|
|
<div class="file-selection">
|
|
<div class="section-header">
|
|
<span>Verfügbare Dateien</span>
|
|
<button class="upload-btn" id="upload-btn">
|
|
<i class="fas fa-upload"></i> Hochladen
|
|
</button>
|
|
<input type="file" id="file-input" multiple hidden>
|
|
</div>
|
|
<ul class="file-list" id="available-files">
|
|
<!-- Wird dynamisch gefüllt -->
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="selected-files">
|
|
<h4>Ausgewählte Dateien</h4>
|
|
<div class="selected-files-container" id="selected-files-container">
|
|
<div class="empty-state" id="empty-files-state">
|
|
<i class="fas fa-upload"></i>
|
|
<span>Keine Dateien ausgewählt</span>
|
|
</div>
|
|
<ul class="selected-file-list" id="selected-files">
|
|
<!-- Wird dynamisch gefüllt -->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Prompt eingeben oder auswählen -->
|
|
<div class="card">
|
|
<h3>2. Prompt eingeben oder auswählen</h3>
|
|
|
|
<!-- Prompt-Auswahl -->
|
|
<div class="form-group">
|
|
<label for="prompt-select" class="prompt-select-label">
|
|
Gespeicherte Prompts:
|
|
</label>
|
|
<select id="prompt-select" class="prompt-select">
|
|
<option value="">-- Prompt auswählen --</option>
|
|
<!-- Wird dynamisch gefüllt -->
|
|
</select>
|
|
</div>
|
|
|
|
<!-- Eingabefeld für eigenen Prompt -->
|
|
<textarea
|
|
id="prompt-input"
|
|
placeholder="Beschreiben Sie die Aufgabe für die Agenten..."
|
|
></textarea>
|
|
</div>
|
|
|
|
<!-- 3. Agenten auswählen -->
|
|
<div class="card">
|
|
<h3>3. Agenten auswählen</h3>
|
|
<ul class="agent-list" id="agent-list">
|
|
<!-- Wird dynamisch gefüllt -->
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Aktionsbuttons -->
|
|
<div class="action-buttons">
|
|
<button class="reset-btn" id="reset-btn">Zurücksetzen</button>
|
|
<button class="start-btn" id="start-workflow-btn">Workflow starten</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Rechte Seite - Ausführung und Ergebnisse -->
|
|
<div class="results-panel">
|
|
<h2>Ausführung & Ergebnisse</h2>
|
|
|
|
<!-- Ausführungsprotokoll -->
|
|
<div class="card">
|
|
<h3>Ausführungsprotokoll</h3>
|
|
<div class="log-container" id="execution-log">
|
|
<div class="log-empty-state">Workflow noch nicht gestartet. Protokoll wird hier angezeigt.</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Ergebnisse -->
|
|
<div class="card">
|
|
<h3>Ergebnisse</h3>
|
|
<div class="results-container" id="results-container">
|
|
<div class="results-empty-state" id="empty-results-state">
|
|
<div>Keine Ergebnisse verfügbar</div>
|
|
<div class="sub-text">Führen Sie einen Workflow aus, um Ergebnisse zu sehen</div>
|
|
</div>
|
|
<div class="results-list" id="results-list">
|
|
<!-- Wird dynamisch gefüllt -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|