<!--
  Generated template for the Unit 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>{{title}}</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding class="unit-page">

    <ion-card  *ngFor="let ptn1 of list1; let i = index;" class="unit-card" (click)="itemSelected(ptn1)">
      <h2 padding class="unit-card-header">
        学習{{i+1}}
      </h2>
      <ion-item>
        <ion-icon name='ribbon' item-left [color]="list1state[i] != done ? 'secondary' : 'dark'" large></ion-icon>
          <h2 padding>{{ptn1.unitName}}</h2>
          <p *ngIf="list1state[i] != done">{{list1state[i]}}</p>
          <p *ngIf="list1state[i] == done">未実施</p>
      </ion-item>
  </ion-card>

</ion-content>