feat(ui): Sammelaktionen auch in der klassischen Ansicht, mit Lucide-Icons
Im Studio lassen sich mehrere Faelle auf einmal archivieren oder loeschen, in der klassischen Ansicht ging das nur einzeln ueber die Aktionsleiste. Wer dort zehn alte Lagen wegraeumen wollte, musste jede einzeln oeffnen. Die Seitenleiste bekommt deshalb dieselbe Bedienung wie das Studio. Unten stehen zwei Knoepfe, Archivieren und Loeschen. Der erste Klick schaltet den Auswahlmodus ein, erst dann erscheinen Haken in der Lagenliste, an Stelle des Statuspunktes. Ein Klick auf eine Zeile waehlt dann aus, statt die Lage zu oeffnen. Bestaetigt wird in der Leiste darunter, die mitzaehlt und nur anbietet, was zur Auswahl passt. Sind nur aktive Lagen gewaehlt, erscheint kein Aktivieren-Knopf, im Loeschmodus keiner der beiden anderen. "Alle sichtbaren" beruecksichtigt den Filter der Seitenleiste, waehlt also bei aktivem Eigene-Filter nur die eigenen Lagen aus. Das Loeschen fragt vorher nach und nennt Titel und Artikelzahl, weil es nicht rueckgaengig zu machen ist. Die Aktionen laufen nacheinander ueber die normalen Endpunkte, damit deren Rechtepruefung greift, und Fehlschlaege werden mit Nummer gemeldet statt still verschluckt. War die offene Lage dabei, springt die Ansicht zurueck. Dazu Lucide-Icons fuer Archivieren, Aktivieren, Loeschen und Abbrechen, in beiden Ansichten. Im Studio setzte _renderBulkBar die Beschriftung bisher ueber textContent des Knopfes, was das Icon bei jedem Neuzeichnen entfernt haette. Die Beschriftung liegt jetzt in einer eigenen span. Cache-Buster auf 20260802a, sonst laden Browser die alten Skripte weiter. Neu sind 34 Pruefungen, sie laufen ohne Browser gegen ein DOM-Double. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Dieser Commit ist enthalten in:
@@ -3277,6 +3277,106 @@ body.first-refresh-blocking .header {
|
||||
}
|
||||
|
||||
/* Sidebar Sources Link */
|
||||
/* === Sammelaktionen in der Seitenleiste ============================== */
|
||||
/* Zwei Zustaende. Normal stehen dort nur die beiden Startknoepfe, im
|
||||
Auswahlmodus die Bestaetigungsleiste. Beides sitzt ueber dem Fussbereich
|
||||
mit Quellen und Feedback. */
|
||||
.sidebar-bulk {
|
||||
padding: var(--sp-md) var(--sp-xl) 0;
|
||||
display: flex;
|
||||
gap: var(--sp-md);
|
||||
}
|
||||
|
||||
.sidebar-bulk[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sidebar-bulk-btn {
|
||||
flex: 1;
|
||||
min-height: 32px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
padding: 0 var(--sp-md);
|
||||
}
|
||||
|
||||
.sidebar-bulk-btn svg {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.sidebar-bulk-btn.danger {
|
||||
color: var(--error);
|
||||
}
|
||||
|
||||
.sidebar-bulk-btn.danger:hover:not(:disabled) {
|
||||
background: var(--tint-error);
|
||||
border-color: var(--error);
|
||||
}
|
||||
|
||||
.sidebar-bulk-btn.ghost {
|
||||
color: var(--text-tertiary);
|
||||
}
|
||||
|
||||
.sidebar-bulk-btn[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Bestaetigungsleiste: untereinander, damit die Zaehlung lesbar bleibt */
|
||||
.sidebar-bulk-active {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
gap: var(--sp-md);
|
||||
padding-bottom: var(--sp-md);
|
||||
border-top: 1px solid var(--accent);
|
||||
padding-top: var(--sp-md);
|
||||
}
|
||||
|
||||
.sidebar-bulk-count {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.sidebar-bulk-all {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--sp-md);
|
||||
font-size: 12px;
|
||||
color: var(--text-tertiary);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sidebar-bulk-all input {
|
||||
accent-color: var(--accent);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sidebar-bulk-actions {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: var(--sp-md);
|
||||
}
|
||||
|
||||
/* Haken in der Lagenliste, nur im Auswahlmodus sichtbar */
|
||||
.incident-check {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-shrink: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.incident-check input {
|
||||
accent-color: var(--accent);
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Ausgewaehlte Lage: vollstaendig umlaufender Rahmen, kein einseitiger Streifen */
|
||||
.incident-item.picked {
|
||||
outline: 2px solid var(--accent);
|
||||
outline-offset: -2px;
|
||||
border-radius: var(--radius);
|
||||
}
|
||||
|
||||
.sidebar-sources-link {
|
||||
padding: var(--sp-lg) var(--sp-xl);
|
||||
border-top: 1px solid var(--border);
|
||||
|
||||
In neuem Issue referenzieren
Einen Benutzer sperren