<div *ngIf="!filter || filter == data.tag">
<button ion-item *ngIf="data.details" (click)="openDetails(data.details)" >
  <ion-icon *ngIf="data.hasIcon" [name]='data.icon' item-left></ion-icon>
  <h2>{{data.text}}</h2>
  <p>{{data.subtext}}</p>
  <div class="backgroundprogressbar" [ngStyle]="{'width':data.percent+'%', 'background-color': data.progressBarColor}">
  </div>
  <ion-note item-right [ngStyle]="{'color': data.valueColor}">{{data.value}}</ion-note>
</button >
<ion-item *ngIf="!data.details">
  <ion-icon *ngIf="data.hasIcon" [name]='data.icon' item-left></ion-icon>
  <h2>{{data.text}}</h2>
  <p>{{data.subtext}}</p>
  <div class="backgroundprogressbar" [ngStyle]="{'width':data.percent+'%', 'background-color': data.progressBarColor}">
  </div>
  <ion-note item-right [ngStyle]="{'color': data.valueColor}">{{data.value}}</ion-note>
</ion-item >
</div>
<div *ngIf="!filter || filter == data.tag">
<button ion-item *ngIf="data.details" (click)="openDetails(data.details)"  mode="ios" >
  <ion-icon *ngIf="data.hasIcon" [name]='data.icon' item-left></ion-icon>
  <h2>{{data.text}}</h2>
  <p>{{data.subtext}}</p>
  <div class="backgroundprogressbar" [ngStyle]="{'width':data.percent+'%', 'background-color': data.progressBarColor}">
  </div>
  <ion-note item-right [ngStyle]="{'color': data.valueColor}">{{data.value}}</ion-note>
</button >
<ion-item *ngIf="!data.details" mode="ios" >
  <ion-icon *ngIf="data.hasIcon" [name]='data.icon' item-left></ion-icon>
  <h2>{{data.text}}</h2>
  <p>{{data.subtext}}</p>
  <div class="backgroundprogressbar" [ngStyle]="{'width':data.percent+'%', 'background-color': data.progressBarColor}">
  </div>
  <ion-note item-right [ngStyle]="{'color': data.valueColor}">{{data.value}}</ion-note>
</ion-item >
</div>
Add clickability indicators for list items in Android (by using ios style)
Add clickability indicators for list items in Android (by using ios style)
