SES-135 abilities card #63
@ -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);
|
||||||
|
@ -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}}
|
||||||
|
|
||||||
<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>
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user