-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy patheasy.html
42 lines (39 loc) · 1.32 KB
/
easy.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<ion-header>
<ion-navbar>
<ion-title>
<span class='question'>{{goodColor}}</span><span class='point'>{{point}}</span>
</ion-title>
</ion-navbar>
</ion-header>
<ion-content>
<div *ngFor='let color of colors; trackBy: index;' [ngStyle]="{'background':color}" class="color" (click)="checkResponse(color)" >
<img src="assets/img/response.svg" class="check-response" *ngIf='fail && color == goodColor'>
</div>
<div class="start-block" [hidden]="!fail">
<div class='score-container' [hidden]="bestPoint">
<div class="show-point">
<div class="circle">
<h1>{{point}}</h1>
<h2>Best : {{record}}</h2>
</div>
</div>
</div>
<div class='best-score-container' [hidden]="!bestPoint">
<trophy class="trophy"></trophy>
<div class="score-trophy">
{{point}}
</div>
</div>
<div class="content-restart">
<button ion-button block (click)="goToNavPage()">
<ion-icon ios="ios-home" md="md-home"></ion-icon>
</button>
<button ion-button block (click)="ngOnInit()">
<ion-icon ios="ios-refresh" md="md-refresh"></ion-icon>
</button>
<button ion-button block (click)='shareScore();'>
<ion-icon ios="ios-share" md="md-share"></ion-icon>
</button>
</div>
</div>
</ion-content>