123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- <div class="header">
- <div class="header-data">
- <input type="number" />
- <div class="horizontal-ruler"></div>
- Stufe
- </div>
- <div class="name">Tel´Var</div>
- <div class="header-data">
- <input type="number" />
- <div class="horizontal-ruler"></div>
- Erfahrungspunkte
- </div>
- </div>
- <div class="character-body">
- <div class="d-flex">
- <div
- ngbNav
- #nav="ngbNav"
- [(activeId)]="activeTab"
- class="flex-column navigation-bar"
- orientation="vertical"
- >
- <ng-container ngbNavItem="general">
- <button ngbNavLink>Allgemeines</button>
- <ng-template ngbNavContent>
- <general></general>
- </ng-template>
- </ng-container>
- <ng-container ngbNavItem="species">
- <button ngbNavLink>Volk</button>
- <ng-template ngbNavContent>
- <!-- <species></species> -->
- species works!
- </ng-template>
- </ng-container>
- <ng-container ngbNavItem="class">
- <button ngbNavLink>Klasse</button>
- <ng-template ngbNavContent>
- <!-- <class></class> -->
- class works!
- </ng-template>
- </ng-container>
- <ng-container ngbNavItem="subclass">
- <button ngbNavLink>Unterklasse</button>
- <ng-template ngbNavContent>
- <!-- <class></class> -->
- subclass works!
- </ng-template>
- </ng-container>
- <ng-container ngbNavItem="combined">
- <button ngbNavLink>Kombinierte Ansicht</button>
- <ng-template ngbNavContent>
- <!-- <class></class> -->
- combined works!
- </ng-template>
- </ng-container>
- <ng-container ngbNavItem="background">
- <button ngbNavLink>Hintergrund</button>
- <ng-template ngbNavContent>
- <!-- <class></class> -->
- background works!
- </ng-template>
- </ng-container>
- <ng-container ngbNavItem="stroy">
- <button ngbNavLink>Geschichte</button>
- <ng-template ngbNavContent>
- <!-- <class></class> -->
- story works!
- </ng-template>
- </ng-container>
- </div>
- <div [ngbNavOutlet]="nav" class="outlet"></div>
- </div>
- </div>
|