You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<ion-header>
|
|
|
|
|
<ion-toolbar class="header-toolbar-new">
|
|
|
|
|
<ion-title color="light" >Time and Attendance</ion-title>
|
|
|
|
|
</ion-toolbar>
|
|
|
|
|
</ion-header>
|
|
|
|
|
<ion-content>
|
|
|
|
|
<div *ngFor="let timeCard of timeCardOptions ; let i = index">
|
|
|
|
|
<ion-card (click)="openDetailPage(i)">
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
<ion-grid class="" >
|
|
|
|
|
<ion-row class="">
|
|
|
|
|
<ion-col size="4" class="time-card-image">
|
|
|
|
|
<img class=""
|
|
|
|
|
src="../assets/imgs/time-card/{{timeCard.imageName}}">
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col size="6" class="time-card-details">
|
|
|
|
|
<h1 class="time-card-heading">{{timeCard.heading}}</h1>
|
|
|
|
|
<span class="time-card-description">{{timeCard.description}}</span>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col size="2">
|
|
|
|
|
<img class="time-card-rightIcon"
|
|
|
|
|
src="../assets/imgs/time-card/ArrowRight.png">
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-grid>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-content>
|