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.
69 lines
2.4 KiB
HTML
69 lines
2.4 KiB
HTML
<app-generic-header
|
|
showImage="false"
|
|
showBack="true"
|
|
[headerText]="'eit,cei' | translate">
|
|
</app-generic-header>
|
|
|
|
<ion-content style="--background: #f5f5f5;">
|
|
<!-- <div class="head-title">
|
|
|
|
</div> -->
|
|
|
|
<div padding>
|
|
<ion-radio-group [(ngModel)]="selectedServiceType">
|
|
<ion-item *ngFor="let user of familyMemberData" lines='none'
|
|
style="padding-bottom: 10px; border-radius: 10px 10px 25px 25px;">
|
|
<ion-grid>
|
|
<ion-row>
|
|
<ion-col size='6'>
|
|
<h2 style="font-weight: bold; font-size: 15px;">{{user.CONTACT_NAME}}</h2>
|
|
</ion-col>
|
|
<ion-col size='6'>
|
|
<div class='family-member-button'>
|
|
<ion-label>
|
|
<p style="white-space: pre-line; font-size: 11px;">{{ts.trPK('eit','relationship-start-date')}}</p>
|
|
</ion-label>
|
|
<ion-label>
|
|
<p style="color: black;">12/31/2022</p>
|
|
</ion-label>
|
|
</div>
|
|
</ion-col>
|
|
</ion-row>
|
|
<ion-row>
|
|
<ion-col size='6'>
|
|
<ion-label>
|
|
<p style="font-weight: bold; font-size: 14px; white-space:pre-wrap">{{user.RELATIONSHIP}}</p>
|
|
</ion-label>
|
|
</ion-col>
|
|
<ion-col size='6'>
|
|
<div class='family-member-button'>
|
|
<ion-label>
|
|
<p style="white-space: pre-line; font-size: 11px;">{{ts.trPK('eit','relationship-end-date')}}</p>
|
|
</ion-label>
|
|
<ion-label>
|
|
<p style="color: black;">12/31/2022</p>
|
|
</ion-label>
|
|
</div>
|
|
</ion-col>
|
|
</ion-row>
|
|
</ion-grid>
|
|
<ion-radio mode="md" slot="start" [value]="user" [color]="myColor" (click)='selectedUser(user)'></ion-radio>
|
|
</ion-item>
|
|
</ion-radio-group>
|
|
</div>
|
|
|
|
</ion-content>
|
|
|
|
|
|
<ion-footer class="footer">
|
|
<div class="Btn">
|
|
<ion-button class="CreateBtn" (click)="gotoTransactionsPage()" >{{'vacation-rule, next-label' | translate}}</ion-button>
|
|
</div>
|
|
</ion-footer>
|
|
|
|
<!-- <ion-footer style="background: #f5f5f5 !important;">
|
|
<div class="centerDiv" (click)="gotoTransactionsPage()">
|
|
<ion-button ion-button style="background: #269db8 !important; --background: #269db8">
|
|
{{'vacation-rule, next-label' | translate}}</ion-button>
|
|
</div>
|
|
</ion-footer> --> |