<!--
  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;" [ngClass]="totallist[i] == list1state[i] ? 'unit-card-done' : 'unit-card'" (click)="itemSelected(ptn1,i)">
      <ion-item>
      <div class="unit-card-header">
        学習{{i+1}}
      </div>
      </ion-item>
      <ion-item>
        <ion-icon *ngIf="totallist[i] != list1state[i]" name='ribbon' item-left [color]="list1state[i] != done ? 'secondary' : 'dark'" large></ion-icon>
        <ion-icon *ngIf="totallist[i] == list1state[i]" name='trophy' item-left class="done-icon" large></ion-icon>
          <h2 >{{ptn1.unitName}}</h2>
          <p *ngIf="list1state[i] != null">{{totallist[i]}}問中{{list1state[i]}}問正解！</p>
          <p *ngIf="list1state[i] == null">未実施</p>
      </ion-item>
  </ion-card>

</ion-content>