<!--
  Generated template for the Extunit 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="extunit-page">
  <ion-card  *ngFor="let ptn1 of list1; let i = index;" class="extunit-card">
      <ion-card-header class="unit-card-header">
        応用{{i+1}}
      </ion-card-header>

      <ion-list>
        <ion-item (click)="itemSelected(ptn1)">
            <ion-icon name='ribbon' item-left [color]="list1state[i] != done ? 'secondary' : 'light'"></ion-icon>
            {{ptn1.unitName}}
            <ion-note item-right *ngIf="list1state[i] != done">クリア！</ion-note>
            <ion-note item-right *ngIf="list1state[i] == done">未実施</ion-note>
        </ion-item>
      </ion-list>
  </ion-card>


</ion-content>