DNDTools/src/app/journal/journal-stats/attribute-skill-container/attribute-panel/attribute-field/attribute-details/attribute-details.component.html

<div>
  @switch(attribute.name){ @case('strength'){
  <ng-container [ngTemplateOutlet]="strengthTemplate"></ng-container> }
  @case('dexterity'){
  <ng-container [ngTemplateOutlet]="dexterityTemplate"></ng-container>
  } @case('constitution'){
  <ng-container [ngTemplateOutlet]="constitutionTemplate"></ng-container> }
  @case('intelligence'){
  <ng-container [ngTemplateOutlet]="intelligenceTemplate"></ng-container>
  } @case ('wisdom'){
  <ng-container [ngTemplateOutlet]="wisdomTemplate"></ng-container> }
  @case('charisma'){
  <ng-container [ngTemplateOutlet]="charismaTemplate"></ng-container> }
  @default{ Leider gab es einen Fehler bei der Datenübertragung. Bitte öffne ein
  Issue auf Github. } }
</div>

<div class="attribute-value">{{ attribute.value }} => {{ modifier }}</div>
<div class="modifier-table">
  <table class="table table-striped">
    <thead>
      <tr>
        <th scope="col">Attributwert</th>
        <th scope="col">Modifikator</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>6-7</td>
        <td>-3</td>
      </tr>
      <tr>
        <td>7-8</td>
        <td>-2</td>
      </tr>
      <tr>
        <td>9-10</td>
        <td>-1</td>
      </tr>
      <tr>
        <td>11-12</td>
        <td>0</td>
      </tr>
      <tr>
        <td>13-14</td>
        <td>+1</td>
      </tr>
      <tr>
        <td>15-16</td>
        <td>+2</td>
      </tr>
      <tr>
        <td>17-18</td>
        <td>+3</td>
      </tr>
      <tr>
        <td>19-20</td>
        <td>+4</td>
      </tr>
      <tr>
        <td>21-22</td>
        <td>+5</td>
      </tr>
      <tr>
        <td>22-23</td>
        <td>+6</td>
      </tr>
      <tr>
        <td>24-25</td>
        <td>+7</td>
      </tr>
    </tbody>
  </table>
</div>

<ng-template #strengthTemplate>
  <div class="attribute-name">Stärke</div>
  <div class="attribute-description">
    Stärke misst die physische Kraft und Muskulatur deines Charakters. Ein hoher
    Stärkewert deutet auf körperliche Robustheit, Muskelkraft und
    Durchsetzungsvermögen hin. Charaktere mit hoher Stärke sind oft besser in
    der Lage, schwere Lasten zu tragen, mächtige Waffen zu schwingen und
    physische Herausforderungen zu bewältigen.
  </div>
  <div class="skills">
    Beeinflusste Fähigkeiten:
    <div class="skill-item">Athletik</div>
  </div>
</ng-template>

<ng-template #dexterityTemplate>
  <div class="attribute-name">Geschicklichkeit</div>
  <div class="attribute-description">
    Geschicklichkeit repräsentiert die Beweglichkeit, Reflexe und allgemeine
    Körperbeherrschung deines Charakters. Ein hoher Geschicklichkeitswert deutet
    auf schnelle Reaktionen, geschickte Bewegungen und eine gute
    Hand-Auge-Koordination hin. Charaktere mit hoher Geschicklichkeit sind oft
    geschickte Diebe, Bogenschützen oder Akrobaten.
  </div>
  Beeinflusste Fähigkeiten:
  <div class="skills">
    <div class="skill-item">Akrobatik</div>
    <div class="skill-item">Fingerfertigkeit</div>
    <div class="skill-item">Heimlichkeit</div>
  </div>
</ng-template>

<ng-template #constitutionTemplate>
  <div class="attribute-name">Konstitution</div>
  <div class="attribute-description">
    Konstitution steht für die Widerstandsfähigkeit, Gesundheit und Ausdauer
    deines Charakters. Ein hoher Konstitutionswert bedeutet, dass dein Charakter
    robust ist und gut mit physischem Stress umgehen kann. Charaktere mit hoher
    Konstitution haben oft eine höhere Lebenspunktzahl und sind
    widerstandsfähiger gegenüber Krankheiten und Gift.
  </div>
</ng-template>

<ng-template #intelligenceTemplate>
  <div class="attribute-name">Intelligenz</div>
  <div class="attribute-description">
    Intelligenz misst die geistige Schärfe, das logische Denkvermögen und die
    Lernfähigkeit deines Charakters. Ein hoher Intelligenzwert deutet auf eine
    gute Allgemeinbildung, Wissensdurst und analytische Fähigkeiten hin.
    Charaktere mit hoher Intelligenz sind oft Magier, Forscher oder Strategen.
  </div>
  Beeinflusste Fähigkeiten:
  <div class="skills">
    <div class="skill-item">Arkana</div>
    <div class="skill-item">Geschichte</div>
    <div class="skill-item">Nachforschung</div>
    <div class="skill-item">Natur</div>
    <div class="skill-item">Religion</div>
  </div>
</ng-template>

<ng-template #wisdomTemplate>
  <div class="attribute-name">Weisheit</div>
  <div class="attribute-description">
    Beschreibung: Weisheit repräsentiert die Wahrnehmung, Intuition und
    emotionale Intelligenz deines Charakters. Ein hoher Weisheitswert deutet auf
    eine gute Urteilsfähigkeit, Einsicht und innere Stärke hin. Charaktere mit
    hoher Weisheit sind oft Kleriker, Druiden oder Weise.
  </div>
  Beeinflusste Fähigkeiten:
  <div class="skills">
    <div class="skill-item">Tierkunde</div>
    <div class="skill-item">Geschichte</div>
    <div class="skill-item">Motiv erkennen</div>
    <div class="skill-item">Heilkunde</div>
    <div class="skill-item">Wahrnehmung</div>
    <div class="skill-item">Überlebenskunst</div>
  </div>
</ng-template>

<ng-template #charismaTemplate>
  <div class="attribute-name">Charisma</div>
  <div class="attribute-description">
    Charisma spiegelt die Ausstrahlung, Überzeugungskraft und soziale
    Fähigkeiten deines Charakters wider. Ein hoher Charismawert bedeutet, dass
    dein Charakter charmant, einnehmend und überzeugend ist. Charaktere mit
    hohem Charisma können oft besser mit anderen kommunizieren, überzeugen und
    Führungsaufgaben übernehmen. Charisma ist oft wichtig für Barden, Anführer
    oder Diplomaten.
  </div>
  Beeinflusste Fähigkeiten:
  <div class="skills">
    <div class="skill-item">Täuschung</div>
    <div class="skill-item">Einschütern</div>
    <div class="skill-item">Auftreten</div>
    <div class="skill-item">Überzeugen</div>
  </div>
</ng-template>