DNDTools/src/app/journal/journal-stats/info-row/conditions/conditions-details/conditions-details.component.html

<div class="status-item-container">
  @for (condition of conditions; let index = $index; track condition ) {
  <div class="status-item">
    {{ condition }}
    <button class="status-item-remove" (click)="removeCondition(index)">
      X
    </button>
  </div>
  }
</div>
<select [(ngModel)]="currentCondition">
  <option *ngFor="let status of notUsedConditions()" [value]="status">
    {{ status }}
  </option>
</select>
<button (click)="addCondition()">hinzufügen</button>

<div class="vertical-button-wrapper-2">
  <ui-button
    [type]="'apply'"
    [size]="'xlarge'"
    [color]="'primary'"
    (click)="close('update')"
  ></ui-button>
  <ui-button
    [type]="'dismiss'"
    [size]="'xlarge'"
    [color]="'primary'"
    (click)="close('dismiss')"
  ></ui-button>
</div>