menu.html
1.59 KB
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!--
Generated template for the Menu page.
See http://ionicframework.com/docs/v2/components/#navigation for more info on
Ionic pages and navigation.
-->
<ion-header>
<ion-navbar color="primary">
<ion-title text-center>Top</ion-title>
<ion-buttons end>
<button ion-button icon-left (click)="gotoAbout()">
<ion-icon name="information-circle"></ion-icon>
<div class="menu-header">About</div>
</button>
</ion-buttons>
</ion-navbar>
</ion-header>
<ion-content padding class="top-menu-page">
<ion-card class="title">
<img src="assets/img/menuTitle.png"/>
</ion-card>
<ion-buttons end>
<button ion-button center color="primary" round (click)="gotoStatus()" icon-left>
<ion-icon name="stats"></ion-icon>達成状況を確認
</button>
</ion-buttons>
<p *ngFor="let item_f of list_f; let i = index;">
<button ion-button icon-left [color]="list1state[i] != done ? 'danger' : 'light'" block round (click)="itemSelected(item_f)">
<ion-icon name="trophy" class="done-icon" *ngIf="list1state[i] != done"></ion-icon>
{{item_f.title}}
</button>
</p>
<!--
<button ion-button full>２年生</button>
<p *ngFor="let item_s of list_s">
<button ion-button color="light" block round (click)="itemSelected(item_s)">{{item_s.title}}</button>
</p>
<button ion-button full>３年生</button>
<p *ngFor="let item_t of list_t">
<button ion-button color="light" block round (click)="itemSelected(item_t)">{{item_t.title}}</button>
</p>
-->
</ion-content>