DNDTools/src/app/journal/journal-stats/ability-panel/trait-table/trait-modal/trait-modal.component.html

<div class="dimensions">
  <div class="title">
    @if(isUpdate && !isAddedFromCharacter){Eigenschaft apassen}
    @else{Eigenschaft erstellen}
  </div>
  <div class="flex-form t-15">
    <div>
      <div class="input-label">Name</div>
      <mat-form-field appearance="outline" class="w-50">
        <input matInput [(ngModel)]="name" />
      </mat-form-field>
    </div>

    <div>
      <div class="input-label">Kurze Beschreibung</div>
      <div class="NgxEditor__Wrapper">
        <ngx-editor-menu [editor]="shortEditor" [toolbar]="toolbar">
        </ngx-editor-menu>
        <ngx-editor
          [editor]="shortEditor"
          [(ngModel)]="shortDescription"
          placeholder="Kurze Beschreibung der Eigenschaft"
        ></ngx-editor>
      </div>
      <div class="hint">Wird in der Übersicht angezeigt</div>
    </div>

    <div>
      <div class="input-label">Ausführliche Beschreibung</div>
      <div class="NgxEditor__Wrapper">
        <ngx-editor-menu [editor]="longEditor" [toolbar]="toolbar">
        </ngx-editor-menu>
        <ngx-editor
          [editor]="longEditor"
          [(ngModel)]="longDescription"
          placeholder="Ausführliche Beschreibung der Eigenschaft"
        ></ngx-editor>
      </div>
      <div class="hint">Wird in der Detailansicht angezeigt</div>
    </div>

    <div class="horizontal-buttons">
      @if(isUpdate && !isAddedFromCharacter){
      <ui-button [color]="'green'" style="width: 45%" (click)="update()"
        >Aktualisieren</ui-button
      >
      }@else{
      <ui-button [color]="'green'" style="width: 45%" (click)="add()"
        >Hinzufügen</ui-button
      >
      }
      <ui-button [color]="'red'" style="width: 45%" (click)="cancel()"
        >Abbrechen</ui-button
      >
    </div>
  </div>
</div>