SES-135 abilities card #63

Merged
s426134 merged 6 commits from SES-135 into dev 2021-01-10 16:02:20 +01:00
3 changed files with 10 additions and 15 deletions
Showing only changes of commit 868c05ef99 - Show all commits

View File

@ -36,7 +36,7 @@ const routes: Routes = [
path: 'select-character', path: 'select-character',
component: SelectCharacterComponent, component: SelectCharacterComponent,
pathMatch: 'full' pathMatch: 'full'
} },
]; ];
export const appRoutingModule = RouterModule.forRoot(routes); export const appRoutingModule = RouterModule.forRoot(routes);

View File

@ -13,10 +13,10 @@
</mat-card-header> </mat-card-header>
<mat-divider [style.border-top-color]="'black'"></mat-divider> <mat-divider [style.border-top-color]="'black'"></mat-divider>
<mat-card-content id="ability-card-content" [style.background]="contentStyle.bgColor" [style.color]="contentStyle.textColor"> <mat-card-content id="ability-card-content" [style.background]="contentStyle.bgColor" [style.color]="contentStyle.textColor">
<a mat-stroked-button *ngFor="let skill of ability.skills" id="skill-btn"> <a [style.border-color]="headStyle.bgColor" mat-stroked-button *ngFor="let skill of ability.skills" id="skill-btn">
{{skill.name}} {{skill.name}}
&nbsp; &nbsp; &nbsp; &nbsp;
<span id="skill-btn-divider"></span> <span [style.border-left-color]="headStyle.bgColor" id="skill-btn-divider"></span>
{{skill.value > 0? '+' + skill.value : '-' + skill.value}} {{skill.value > 0? '+' + skill.value : '-' + skill.value}}
</a> </a>
</mat-card-content> </mat-card-content>

View File

@ -15,37 +15,32 @@
<mat-sidenav #sidenav class="sidenav"> <mat-sidenav #sidenav class="sidenav">
<mat-nav-list> <mat-nav-list>
<mat-list-item [routerLink]="['/player']" [routerLinkActive]="['active']"> <mat-list-item>
<mat-icon [class.active]="selected" matListIcon>home</mat-icon>
<a matLine>Home</a>
</mat-list-item>
<mat-list-item [routerLink]="['/player/statistic']" [routerLinkActive]="['active']">
<mat-icon [class.active]="selected" matListIcon>query_stats</mat-icon> <mat-icon [class.active]="selected" matListIcon>query_stats</mat-icon>
<a matLine>Statistic and throws</a> <a matLine>Statistic and throws</a>
</mat-list-item> </mat-list-item>
<mat-list-item [routerLink]="['/player/equipment']" [routerLinkActive]="['active']"> <mat-list-item>
<mat-icon [class.active]="selected" matListIcon>local_mall</mat-icon> <mat-icon [class.active]="selected" matListIcon>local_mall</mat-icon>
<a matLine>Equipment</a> <a matLine>Equipment</a>
</mat-list-item> </mat-list-item>
<mat-list-item [routerLink]="['/player/spells']" [routerLinkActive]="['active']"> <mat-list-item>
<mat-icon [class.active]="selected" matListIcon>brightness_4</mat-icon> <mat-icon [class.active]="selected" matListIcon>brightness_4</mat-icon>
<a matLine>Spells</a> <a matLine>Spells</a>
</mat-list-item> </mat-list-item>
<mat-list-item [routerLink]="['/player/profile']" [routerLinkActive]="['active']"> <mat-list-item>
<mat-icon [class.active]="selected" matListIcon>account_circle</mat-icon> <mat-icon [class.active]="selected" matListIcon>account_circle</mat-icon>
<a matLine>Profile</a> <a matLine>Profile</a>
</mat-list-item> </mat-list-item>
<mat-list-item [routerLink]="['/player/shop']" [routerLinkActive]="['active']"> <mat-list-item>
<mat-icon [class.active]="selected" matListIcon>shopping_cart</mat-icon> <mat-icon [class.active]="selected" matListIcon>shopping_cart</mat-icon>
<a matLine>Shop</a> <a matLine>Shop</a>
</mat-list-item> </mat-list-item>
<mat-list-item [routerLink]="['/']" [routerLinkActive]="['active']"> <mat-list-item>
<mat-icon [class.active]="selected" matListIcon>exit_to_app</mat-icon> <mat-icon [class.active]="selected" matListIcon>exit_to_app</mat-icon>
<a matLine>Log out</a> <a matLine>Log out</a>
</mat-list-item> </mat-list-item>