24 lines
540 B
HTML
24 lines
540 B
HTML
<ion-header [translucent]="true" class="ion-no-border">
|
|
<ion-toolbar>
|
|
<ion-title>
|
|
Tasks
|
|
</ion-title>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content>
|
|
<div class="icon">
|
|
<mat-icon>filter_alt</mat-icon>
|
|
</div>
|
|
<div class="list">
|
|
<div class="task" *ngFor="let task of tasks">
|
|
<button>Done</button>
|
|
<div class="name">{{ task.name }}</div>
|
|
<div
|
|
class="reward"
|
|
[ngClass]="{ 'negative': task.reward < 0 }"
|
|
>{{ task.reward.toFixed(2) }} SP</div>
|
|
</div>
|
|
</div>
|
|
</ion-content>
|