|
|
|
|
@ -27,17 +27,19 @@
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<ion-grid *ngIf="personalInfo">
|
|
|
|
|
<div class="gridService" style="background: #0B4775; border-radius: 20px;">
|
|
|
|
|
<ion-grid *ngIf="personalInfo" style="position: relative; display: block; z-index: 5;">
|
|
|
|
|
<div [ngClass]=" direction == 'ltr' ? 'gridService-en' : 'gridService-ar'" style="background: #0B4775; border-radius: 20px;">
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label style="font-size: 12px; color: white; margin: 5%;">We appreciate you for completing service of</label>
|
|
|
|
|
<label style="font-size: 12px; color: white; margin: 10px 0px 0px 0px; display: block; text-align: center;font-weight: bold;">
|
|
|
|
|
{{ 'general, appreciate-service' | translate}}
|
|
|
|
|
</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row >
|
|
|
|
|
<ion-row [ngClass]=" direction == 'ltr' ? 'service-row-en' : 'service-row-ar'">
|
|
|
|
|
<ion-col [ngClass]=" direction == 'ltr' ? 'columns' : 'columns-ar'">
|
|
|
|
|
<ion-grid>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-row style="text-align:center">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label [ngClass]=" direction == 'ltr' ? 'service' : 'service-ar'">{{personalInfo.SERVICE_YEARS}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
@ -54,7 +56,7 @@
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col [ngClass]=" direction == 'ltr' ? 'columns' : 'columns-ar'">
|
|
|
|
|
<ion-grid>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-row style="text-align:center">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label [ngClass]=" direction == 'ltr' ? 'service' : 'service-ar'">{{personalInfo.SERVICE_MONTHS}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
@ -71,7 +73,7 @@
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col [ngClass]=" direction == 'ltr' ? 'columns' : 'columns-ar'">
|
|
|
|
|
<ion-grid>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-row style="text-align:center">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label [ngClass]=" direction == 'ltr' ? 'service' : 'service-ar'">{{personalInfo.SERVICE_DAYS}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
|