add group export

2026-06-17 08:14:10 +02:00
parent 2f271265e9
commit e98660134a
8 changed files with 558 additions and 0 deletions
@@ -4392,6 +4392,163 @@ html[data-theme="dark"] .numInputWrapper span.arrowDown {
  border-color: var(--hairline);
 }

+/* =============================================================
+   Gruppen-Export Modal
+   ============================================================= */
+
+.gex-body {
+  display: flex;
+  gap: 16px;
+  min-height: 420px;
+  padding: 0 !important;
+  overflow: hidden;
+}
+
+.gex-left {
+  width: 300px;
+  flex-shrink: 0;
+  border-right: 1px solid var(--hairline);
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.gex-right {
+  flex: 1;
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  min-width: 0;
+}
+
+.gex-section-title {
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: .06em;
+  color: var(--muted);
+  margin-bottom: 8px;
+}
+
+.gex-results {
+  flex: 1;
+  overflow-y: auto;
+  border: 1px solid var(--hairline);
+  border-radius: var(--r-md);
+}
+
+.gex-group-item {
+  padding: 9px 12px;
+  border-bottom: 1px solid var(--hairline-soft);
+  cursor: pointer;
+  transition: background var(--tx);
+}
+.gex-group-item:last-child { border-bottom: none; }
+.gex-group-item:hover { background: var(--surface-soft); }
+.gex-group-item.selected {
+  background: var(--surface-soft);
+  border-left: 3px solid var(--ink);
+  padding-left: 9px;
+}
+
+.gex-group-name {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--text);
+}
+.gex-group-desc {
+  font-size: 11.5px;
+  color: var(--muted);
+  margin-top: 2px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.gex-members-area {
+  flex: 1;
+  overflow-y: auto;
+  border: 1px solid var(--hairline);
+  border-radius: var(--r-md);
+}
+
+.gex-summary {
+  padding: 8px 12px;
+  font-size: 12px;
+  color: var(--muted);
+  border-bottom: 1px solid var(--hairline-soft);
+  background: var(--surface-soft);
+}
+
+.gex-path-group {
+  border-bottom: 1px solid var(--hairline-soft);
+}
+.gex-path-group:last-child { border-bottom: none; }
+
+.gex-path-head {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 7px 12px;
+  font-size: 12px;
+  font-weight: 600;
+  background: var(--surface-soft);
+  border-bottom: 1px solid var(--hairline-soft);
+  color: var(--muted);
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+
+.gex-user-list { }
+
+.gex-user-item {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  padding: 6px 12px;
+  border-bottom: 1px solid var(--hairline-soft);
+  font-size: 13px;
+}
+.gex-user-item:last-child { border-bottom: none; }
+.gex-user-item.hidden-filter { display: none; }
+
+.gex-user-name {
+  font-weight: 500;
+  color: var(--text);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  min-width: 120px;
+  max-width: 220px;
+}
+.gex-user-upn {
+  font-size: 11.5px;
+  color: var(--muted);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.gex-loading {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 20px 16px;
+  font-size: 13px;
+  color: var(--muted);
+}
+
+.gex-hint, .gex-empty, .gex-error {
+  padding: 16px;
+  font-size: 13px;
+  color: var(--muted);
+  text-align: center;
+}
+.gex-error { color: var(--error); }
+
 /* Kompakte Optik fuer beide Themes — passt besser zum Tool */
 .flatpickr-calendar {
  font-family: inherit;