|
|
|
|
@ -1,11 +1,122 @@
|
|
|
|
|
<ion-header>
|
|
|
|
|
<!-- <ion-header>
|
|
|
|
|
<ion-toolbar class="header-toolbar-new">
|
|
|
|
|
<nav-buttons [enableMenu]="false" [enableBack]="true" [navigate]="true"></nav-buttons>
|
|
|
|
|
<ion-title>{{headerTitle}}</ion-title>
|
|
|
|
|
</ion-toolbar>
|
|
|
|
|
</ion-header>
|
|
|
|
|
</ion-header> -->
|
|
|
|
|
|
|
|
|
|
<ion-content padding>
|
|
|
|
|
<ion-content class="colorBG">
|
|
|
|
|
|
|
|
|
|
<div class="header-div">
|
|
|
|
|
<ion-buttons slot="start">
|
|
|
|
|
<ion-back-button color="light" class="btnBack" defaultHref="/home"></ion-back-button>
|
|
|
|
|
</ion-buttons>
|
|
|
|
|
<p class="Title">{{ts.trPK('absenceList','tickets-balance')}}</p>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="">
|
|
|
|
|
|
|
|
|
|
<ion-grid class="headerGrid">
|
|
|
|
|
|
|
|
|
|
<p class="title">{{ts.trPK('absenceList','tickets-balance')}}</p>
|
|
|
|
|
<div style="color: black;">
|
|
|
|
|
|
|
|
|
|
<div class="result-graph">
|
|
|
|
|
|
|
|
|
|
<p-chart #chart class="today-graph" type="doughnut" [data]="data" [options]="options"></p-chart>
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="col" size="4">
|
|
|
|
|
<div class="light-dote"></div>
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<label class="light-label">{{ts.trPK('absenceList','adult')}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="col" size="4">
|
|
|
|
|
<div class="blue-dote"></div>
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<label class="blue-label">{{ts.trPK('absenceList','child')}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="col" size="4">
|
|
|
|
|
<div class="green-dote"></div>
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<label class="green-label">{{ts.trPK('absenceList','infants')}} </label>
|
|
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-grid>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- ///////////////////////////////////////////////// -->
|
|
|
|
|
<ion-grid >
|
|
|
|
|
<div class="gridService">
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="columns">
|
|
|
|
|
<div class="adult-dote"></div>
|
|
|
|
|
<label>{{ts.trPK('absenceList','adult')}}</label>
|
|
|
|
|
<br>
|
|
|
|
|
<br>
|
|
|
|
|
<label class="service">{{accrualNetAdult}}</label>
|
|
|
|
|
<br> <label class="services">{{ts.trPK('absenceList','tickets')}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="columns">
|
|
|
|
|
<div class="child-dote"></div>
|
|
|
|
|
<label>{{ts.trPK('absenceList','child')}} </label>
|
|
|
|
|
<br>
|
|
|
|
|
<br>
|
|
|
|
|
<label class="service">{{accrualUNetChild}}</label>
|
|
|
|
|
|
|
|
|
|
<br> <label class="services">{{ts.trPK('absenceList','tickets')}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="columns">
|
|
|
|
|
<div class="infants-dote"></div>
|
|
|
|
|
<label>{{ts.trPK('absenceList','infants')}} </label>
|
|
|
|
|
<br>
|
|
|
|
|
<br>
|
|
|
|
|
<label class="service">{{accrualNetInfants}}</label>
|
|
|
|
|
<br> <label class="services">{{ts.trPK('absenceList','tickets')}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</ion-grid>
|
|
|
|
|
<!--
|
|
|
|
|
<ion-grid class="three-grid">
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col >
|
|
|
|
|
infants
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col >2</ion-col>
|
|
|
|
|
<ion-col >tickit</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col >
|
|
|
|
|
child
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col >2</ion-col>
|
|
|
|
|
<ion-col >tickit</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col >
|
|
|
|
|
adult
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col >2</ion-col>
|
|
|
|
|
<ion-col >tickit</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-grid> -->
|
|
|
|
|
|
|
|
|
|
<!-- //////////////////////////////////////////////////// -->
|
|
|
|
|
<!-- <ion-content padding> -->
|
|
|
|
|
|
|
|
|
|
<div *ngIf="eitAddedList && eitAddedList.length > 0 ">
|
|
|
|
|
<ion-card *ngFor="let eitAddedObj of eitAddedList; let i=index ">
|
|
|
|
|
|