|
|
|
|
@ -123,11 +123,6 @@
|
|
|
|
|
</ion-label>
|
|
|
|
|
<h3 class="result-label-text-form">{{personalInfo.EMPLOYMENT_CATEGORY_MEANING}}</h3>
|
|
|
|
|
<br>
|
|
|
|
|
<!-- <ion-label>
|
|
|
|
|
<h3 class="type-label-text-form">{{ts.trPK('userProfile','address')}}</h3>
|
|
|
|
|
</ion-label>
|
|
|
|
|
<h3 class="result-label-text-form">DR.Sulaiman Alhabib Medical Group</h3>
|
|
|
|
|
<br> -->
|
|
|
|
|
<ion-label>
|
|
|
|
|
<h3 class="type-label-text-form">{{ts.trPK('userProfile','phone-no')}}</h3>
|
|
|
|
|
</ion-label>
|
|
|
|
|
@ -158,7 +153,7 @@
|
|
|
|
|
|
|
|
|
|
<ion-col size="2">
|
|
|
|
|
<img style="width: 70%;" src="../assets/imgs/profile-icons/editing@2x.png"
|
|
|
|
|
(click)="allowEdit(1)">
|
|
|
|
|
(click)="allowEdit('basic')">
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-grid>
|
|
|
|
|
@ -184,186 +179,6 @@
|
|
|
|
|
<h3 class="result-label-text-form">{{civilIdentityNumber}}</h3>
|
|
|
|
|
<br>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
|
|
|
|
|
<ion-card-content *ngIf="editBasic" [ngClass]="direction === 'ltr'? 'card-size-info-en': 'card-size-info-ar' ">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<h1 class="header-label-text-form">{{ts.trPK('general','basic-details')}}</h1>
|
|
|
|
|
</ion-label>
|
|
|
|
|
|
|
|
|
|
<ion-label>
|
|
|
|
|
<h3 class="type-label-text-form">{{ts.trPK('general','effective-date')}}</h3>
|
|
|
|
|
</ion-label>
|
|
|
|
|
|
|
|
|
|
<ion-item lines="none" class="item-input-login" style="--background: white">
|
|
|
|
|
<ion-label>MMMM</ion-label>
|
|
|
|
|
<ion-datetime displayFormat="MMMM" value="2012-12-15T13:47:20.789"></ion-datetime>
|
|
|
|
|
</ion-item>
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
<ion-item lines="none" class="item-input-login" style="--background: white">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<h3 class="type-label-text-form">
|
|
|
|
|
{{ts.trPK('general','title')}}
|
|
|
|
|
</h3>
|
|
|
|
|
</ion-label>
|
|
|
|
|
<ion-select placeholder="Select One">
|
|
|
|
|
<ion-select-option value="mr">Mr</ion-select-option>
|
|
|
|
|
<ion-select-option value="ms">Miss</ion-select-option>
|
|
|
|
|
</ion-select>
|
|
|
|
|
</ion-item>
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
<ion-item lines="none" class="item-input-login" style="--background: white">
|
|
|
|
|
<ion-label position="floating">
|
|
|
|
|
<h3 class="type-label-text-form">
|
|
|
|
|
{{ts.trPK('userProfile','family-name')}}
|
|
|
|
|
</h3>
|
|
|
|
|
</ion-label>
|
|
|
|
|
<ion-input class="login-input" type="text"></ion-input>
|
|
|
|
|
</ion-item>
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
<ion-item lines="none" class="item-input-login" style="--background: white">
|
|
|
|
|
<ion-label position="floating">
|
|
|
|
|
<h3 >
|
|
|
|
|
{{ts.trPK('userProfile','preferred-name')}}
|
|
|
|
|
</h3>
|
|
|
|
|
</ion-label>
|
|
|
|
|
<ion-input class="login-input" type="text"></ion-input>
|
|
|
|
|
</ion-item>
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
<ion-item lines="none" class="item-input-login" style="--background: white">
|
|
|
|
|
<ion-label position="floating">
|
|
|
|
|
<h3 class="type-label-text-form">
|
|
|
|
|
{{ts.trPK('userProfile','previous-family-name')}}
|
|
|
|
|
</h3>
|
|
|
|
|
</ion-label>
|
|
|
|
|
<ion-input class="login-input" type="text"></ion-input>
|
|
|
|
|
</ion-item>
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
<ion-item lines="none" class="item-input-login" style="--background: white">
|
|
|
|
|
<ion-label position="floating">
|
|
|
|
|
<h3 class="type-label-text-form">
|
|
|
|
|
{{ts.trPK('userProfile','father-name')}}
|
|
|
|
|
</h3>
|
|
|
|
|
</ion-label>
|
|
|
|
|
<ion-input class="login-input" type="text"></ion-input>
|
|
|
|
|
</ion-item>
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
<ion-item lines="none" class="item-input-login" style="--background: white">
|
|
|
|
|
<ion-label position="floating">
|
|
|
|
|
<h3 class="type-label-text-form">
|
|
|
|
|
{{ts.trPK('userProfile','grand-father-name')}}
|
|
|
|
|
</h3>
|
|
|
|
|
</ion-label>
|
|
|
|
|
<ion-input class="login-input" required type="text"></ion-input>
|
|
|
|
|
</ion-item>
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
<ion-item lines="none" class="item-input-login" style="--background: white">
|
|
|
|
|
<ion-label position="floating">
|
|
|
|
|
<h3 class="type-label-text-form">
|
|
|
|
|
{{ts.trPK('userProfile','arabic-first-name')}}
|
|
|
|
|
</h3>
|
|
|
|
|
</ion-label>
|
|
|
|
|
<ion-input class="login-input" type="text"></ion-input>
|
|
|
|
|
</ion-item>
|
|
|
|
|
|
|
|
|
|
<ion-item lines="none" class="item-input-login" style="--background: white">
|
|
|
|
|
<ion-label position="floating">
|
|
|
|
|
<h3 class="type-label-text-form">
|
|
|
|
|
{{ts.trPK('userProfile','arabic-father-name')}}
|
|
|
|
|
</h3>
|
|
|
|
|
</ion-label>
|
|
|
|
|
<ion-input class="login-input" type="text"></ion-input>
|
|
|
|
|
</ion-item>
|
|
|
|
|
|
|
|
|
|
<ion-item lines="none" class="item-input-login" style="--background: white">
|
|
|
|
|
<ion-label position="floating">
|
|
|
|
|
<h3 class="type-label-text-form">
|
|
|
|
|
{{ts.trPK('userProfile','arabic-grand-father-name')}}
|
|
|
|
|
</h3>
|
|
|
|
|
</ion-label>
|
|
|
|
|
<ion-input class="login-input" type="text"></ion-input>
|
|
|
|
|
</ion-item>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
|
|
|
|
|
<ion-card [ngClass]="direction === 'ltr'? 'card-size-info-en': 'card-size-info-ar' ">
|
|
|
|
|
<ion-card-content *ngIf="editBasic">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<h1 class="header-label-text-form">{{ts.trPK('general','other')}}</h1>
|
|
|
|
|
</ion-label>
|
|
|
|
|
|
|
|
|
|
<ion-item lines="none" class="item-input-login" style="--background: white">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<h3 class="type-label-text-form">
|
|
|
|
|
{{ts.trPK('general','gender')}}
|
|
|
|
|
</h3>
|
|
|
|
|
</ion-label>
|
|
|
|
|
<ion-select placeholder="Select One">
|
|
|
|
|
<ion-select-option value="m">Male</ion-select-option>
|
|
|
|
|
<ion-select-option value="f">Female</ion-select-option>
|
|
|
|
|
</ion-select>
|
|
|
|
|
</ion-item>
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
<ion-item lines="none" class="item-input-login" style="--background: white">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<h3 class="type-label-text-form">
|
|
|
|
|
{{ts.trPK('general','marital-status')}}
|
|
|
|
|
</h3>
|
|
|
|
|
</ion-label>
|
|
|
|
|
<ion-select placeholder="Select One">
|
|
|
|
|
<ion-select-option value="s">Singal</ion-select-option>
|
|
|
|
|
<ion-select-option value="m">Married</ion-select-option>
|
|
|
|
|
</ion-select>
|
|
|
|
|
</ion-item>
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
<ion-item lines="none" class="item-input-login" style="--background: white">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<h3 class="type-label-text-form">
|
|
|
|
|
{{ts.trPK('general','nationality')}}
|
|
|
|
|
</h3>
|
|
|
|
|
</ion-label>
|
|
|
|
|
<ion-select placeholder="Select One">
|
|
|
|
|
<ion-select-option value="mr">Mr</ion-select-option>
|
|
|
|
|
<ion-select-option value="ms">Miss</ion-select-option>
|
|
|
|
|
</ion-select>
|
|
|
|
|
</ion-item>
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
<ion-item lines="none" class="item-input-login" style="--background: white">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<h3 class="type-label-text-form">
|
|
|
|
|
{{ts.trPK('general','religion')}}
|
|
|
|
|
</h3>
|
|
|
|
|
</ion-label>
|
|
|
|
|
<ion-select placeholder="Select One">
|
|
|
|
|
<ion-select-option value="i">Islam</ion-select-option>
|
|
|
|
|
<ion-select-option value="o">Other</ion-select-option>
|
|
|
|
|
</ion-select>
|
|
|
|
|
</ion-item>
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
<ion-item lines="none" class="item-input-login" style="--background: white">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<h3 class="type-label-text-form">
|
|
|
|
|
{{ts.trPK('general','education-level')}}
|
|
|
|
|
</h3>
|
|
|
|
|
</ion-label>
|
|
|
|
|
<ion-select placeholder="Select One">
|
|
|
|
|
<ion-select-option value="u">University</ion-select-option>
|
|
|
|
|
<ion-select-option value="o">other</ion-select-option>
|
|
|
|
|
</ion-select>
|
|
|
|
|
</ion-item>
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
|
|
|
|
|
<ion-card *ngIf="addressSegment" [ngClass]="direction === 'ltr'? 'card-size-info-en': 'card-size-info-ar' ">
|
|
|
|
|
@ -378,7 +193,7 @@
|
|
|
|
|
|
|
|
|
|
<ion-col size="2">
|
|
|
|
|
<img style="width: 70%;" src="../assets/imgs/profile-icons/editing@2x.png"
|
|
|
|
|
(click)="allowEdit(2)">
|
|
|
|
|
(click)="allowEdit('address')">
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-grid>
|
|
|
|
|
@ -414,96 +229,9 @@
|
|
|
|
|
<h3 class="result-label-text-form">11416</h3>
|
|
|
|
|
<br>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
|
|
|
|
|
<ion-card-content *ngIf="editAddress">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<h1 class="header-label-text-form">{{ts.trPK('general','address')}}</h1>
|
|
|
|
|
</ion-label>
|
|
|
|
|
|
|
|
|
|
<ion-label>
|
|
|
|
|
<h3 class="type-label-text-form">{{ts.trPK('general','effective-date')}}</h3>
|
|
|
|
|
</ion-label>
|
|
|
|
|
<ion-item lines="none" class="item-input-login" style="--background: white">
|
|
|
|
|
<ion-label>MMMM</ion-label>
|
|
|
|
|
<ion-datetime displayFormat="MMMM" value="2012-12-15T13:47:20.789"></ion-datetime>
|
|
|
|
|
</ion-item>
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
<ion-item lines="none" class="item-input-login" style="--background: white">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<h3 class="type-label-text-form">
|
|
|
|
|
{{ts.trPK('general','nationality')}}
|
|
|
|
|
</h3>
|
|
|
|
|
</ion-label>
|
|
|
|
|
<ion-select placeholder="Select One">
|
|
|
|
|
<ion-select-option value="mr">Mr</ion-select-option>
|
|
|
|
|
<ion-select-option value="ms">Miss</ion-select-option>
|
|
|
|
|
</ion-select>
|
|
|
|
|
</ion-item>
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
<ion-item lines="none" class="item-input-login" style="--background: white">
|
|
|
|
|
<ion-label position="floating">
|
|
|
|
|
<h3 class="type-label-text-form">
|
|
|
|
|
{{ts.trPK('userProfile','address')}}
|
|
|
|
|
</h3>
|
|
|
|
|
</ion-label>
|
|
|
|
|
<ion-input class="login-input" type="text"></ion-input>
|
|
|
|
|
</ion-item>
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
<ion-item lines="none" class="item-input-login" style="--background: white">
|
|
|
|
|
<ion-label position="floating">
|
|
|
|
|
<h3 class="type-label-text-form">
|
|
|
|
|
{{ts.trPK('userProfile','street')}}
|
|
|
|
|
</h3>
|
|
|
|
|
</ion-label>
|
|
|
|
|
<ion-input class="login-input" type="text"></ion-input>
|
|
|
|
|
</ion-item>
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
<ion-item lines="none" class="item-input-login" style="--background: white">
|
|
|
|
|
<ion-label position="floating">
|
|
|
|
|
<h3 class="type-label-text-form">
|
|
|
|
|
{{ts.trPK('userProfile','area')}}
|
|
|
|
|
</h3>
|
|
|
|
|
</ion-label>
|
|
|
|
|
<ion-input class="login-input" type="text"></ion-input>
|
|
|
|
|
</ion-item>
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
<ion-item lines="none" class="item-input-login" style="--background: white">
|
|
|
|
|
<ion-label position="floating">
|
|
|
|
|
<h3 class="type-label-text-form">
|
|
|
|
|
{{ts.trPK('userProfile','p-o-box')}}
|
|
|
|
|
</h3>
|
|
|
|
|
</ion-label>
|
|
|
|
|
<ion-input class="login-input" type="text"></ion-input>
|
|
|
|
|
</ion-item>
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
<ion-item lines="none" class="item-input-login" style="--background: white">
|
|
|
|
|
<ion-label position="floating">
|
|
|
|
|
<h3 class="type-label-text-form">
|
|
|
|
|
{{ts.trPK('userProfile','city')}}
|
|
|
|
|
</h3>
|
|
|
|
|
</ion-label>
|
|
|
|
|
<ion-input class="login-input" type="text"></ion-input>
|
|
|
|
|
</ion-item>
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
<ion-item lines="none" class="item-input-login" style="--background: white">
|
|
|
|
|
<ion-label position="floating">
|
|
|
|
|
<h3 class="type-label-text-form">
|
|
|
|
|
{{ts.trPK('userProfile','postal-code')}}
|
|
|
|
|
</h3>
|
|
|
|
|
</ion-label>
|
|
|
|
|
<ion-input class="login-input" type="text"></ion-input>
|
|
|
|
|
</ion-item>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
|
|
|
|
|
<ion-footer *ngIf="editBasic||editAddress">
|
|
|
|
|
<!-- <ion-footer *ngIf="editBasic||editAddress">
|
|
|
|
|
<ion-grid>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col>
|
|
|
|
|
@ -515,6 +243,6 @@
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-grid>
|
|
|
|
|
</ion-footer>
|
|
|
|
|
</ion-footer> -->
|
|
|
|
|
|
|
|
|
|
</ion-content>
|