added localization for traits

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

@@ -1,45 +1,45 @@
 <div class="dimensions">
   <div class="title">
     @if (isUpdate && !isAddedFromCharacter) {
-      Eigenschaft apassen
+      {{ "trait.modal.editTrait" | translate }}
     } @else {
-      Eigenschaft erstellen
+      {{ "trait.modal.addTrait" | translate }}
     }
   </div>
   <div class="flex-form t-15">
     <div>
-      <div class="input-label">Name</div>
+      <div class="input-label">{{ "modal.name" | translate }}</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="input-label">{{ "modal.shortDescription" | translate }}</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"
+          [placeholder]="'traits.modal.shortPlaceholder' | translate"
         ></ngx-editor>
       </div>
-      <div class="hint">Wird in der Übersicht angezeigt</div>
+      <div class="hint">{{ "traits.modal.shortHint" | translate }}</div>
     </div>
 
     <div>
-      <div class="input-label">Ausführliche Beschreibung</div>
+      <div class="input-label">{{ "modal.longDescription" | translate }}</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"
+          [placeholder]="'traits.modal.longPlaceholder' | translate"
         ></ngx-editor>
       </div>
-      <div class="hint">Wird in der Detailansicht angezeigt</div>
+      <div class="hint">{{ "traits.modal.longHint" | translate }}</div>
     </div>
 
     <div class="horizontal-buttons">

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

@@ -7,7 +7,7 @@
         <p [innerHTML]="trait.shortDescription"></p>
       </div>
     } @empty {
-      <div class="empty-list">Noch keine Eigenschaft hinzugefügt</div>
+      <div class="empty-list">{{ "trait.empty" | translate }}</div>
     }
   </div>
   <div class="footer">

src/assets/i18n/de.json

@@ -379,7 +379,15 @@
   },
   "traits": {
     "label": "Eigenschaften",
-    "empty": "Noch keine Eigenschaften hinzugefügt"
+    "empty": "Noch keine Eigenschaften hinzugefügt",
+    "modal": {
+      "addTrait": "Eigenschaft hinzufügen",
+      "editTrait": "Eigenschaft bearbeiten",
+      "shortPlaceholder": "Kurze Beschreibung der Eigenschaft",
+      "shortHint": "Wird in der Übersicht angezeigt",
+      "longPlaceholder": "Ausführliche Beschreibung der Eigenschaft",
+      "longHint": "Wird in der Detailansicht angezeigt"
+    }
   },
   "magic": {
     "spellCasting": "Zaubern",