Merge branch 'MOHEMM-Q2-DEV' into enad-Q1

Fatima-Q2-June
umasoodch 5 years ago
commit 6131859e76

@ -114,7 +114,6 @@
<plugin name="cordova-plugin-ionic-webview" spec="4.1.0">
<variable name="ANDROID_SUPPORT_ANNOTATIONS_VERSION" value="27.+" />
</plugin>
<plugin name="cordova-android-support-gradle-release" spec="^3.0.1" />
<plugin name="cordova-sqlite-storage" spec="^3.4.0" />
<plugin name="cordova-plugin-nativestorage" spec="^2.3.2" />
<plugin name="cordova-plugin-ble-central" spec="^1.2.4" />

@ -37,7 +37,7 @@
"@ionic-native/file": "^5.18.0",
"@ionic-native/file-path": "^5.18.0",
"@ionic-native/fingerprint-aio": "^5.18.0",
"@ionic-native/firebase-x": "^5.21.5",
"@ionic-native/firebase-x": "^5.34.0",
"@ionic-native/geolocation": "^5.10.0",
"@ionic-native/globalization": "^5.18.0",
"@ionic-native/health": "^5.4.0",
@ -82,7 +82,7 @@
"cordova-plugin-file": "^6.0.2",
"cordova-plugin-filepath": "^1.5.6",
"cordova-plugin-fingerprint-aio": "^3.0.0",
"cordova-plugin-firebasex": "^7.0.2",
"cordova-plugin-firebasex": "^13.0.0",
"cordova-plugin-geolocation": "^4.0.2",
"cordova-plugin-globalization": "^1.11.0",
"cordova-plugin-inappbrowser": "^3.1.0",
@ -172,9 +172,6 @@
"cordova-plugin-ionic-webview": {
"ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
},
"cordova-android-support-gradle-release": {
"ANDROID_SUPPORT_VERSION": "27.+"
},
"cordova.plugins.diagnostic": {
"ANDROID_SUPPORT_VERSION": "28.+"
},
@ -197,20 +194,6 @@
"cordova-plugin-fingerprint-aio": {
"FACEID_USAGE_DESCRIPTION": "User Authentication"
},
"cordova-plugin-firebasex": {
"FIREBASE_ANALYTICS_COLLECTION_ENABLED": "true",
"FIREBASE_PERFORMANCE_COLLECTION_ENABLED": "true",
"FIREBASE_CRASHLYTICS_COLLECTION_ENABLED": "true",
"ANDROID_ICON_ACCENT": "#FF00FFFF",
"ANDROID_PLAY_SERVICES_TAGMANAGER_VERSION": "17.0.0",
"ANDROID_FIREBASE_ANALYTICS_VERSION": "17.2.1",
"ANDROID_FIREBASE_MESSAGING_VERSION": "20.0.0",
"ANDROID_FIREBASE_CONFIG_VERSION": "19.0.3",
"ANDROID_FIREBASE_PERF_VERSION": "19.0.1",
"ANDROID_FIREBASE_AUTH_VERSION": "19.1.0",
"ANDROID_CRASHLYTICS_VERSION": "2.10.1",
"ANDROID_CRASHLYTICS_NDK_VERSION": "2.1.1"
},
"cordova-plugin-androidx": {},
"cordova-plugin-androidx-adapter": {},
"cordova-plugin-background-geolocation": {
@ -218,11 +201,37 @@
},
"phonegap-nfc": {},
"wifiwizard2": {},
"cordova-plugin-x-socialsharing": {}
"cordova-plugin-x-socialsharing": {},
"cordova-plugin-firebasex": {
"FIREBASE_ANALYTICS_COLLECTION_ENABLED": "true",
"FIREBASE_PERFORMANCE_COLLECTION_ENABLED": "true",
"FIREBASE_CRASHLYTICS_COLLECTION_ENABLED": "true",
"ANDROID_ICON_ACCENT": "#FF00FFFF",
"ANDROID_FIREBASE_PERFORMANCE_MONITORING": "false",
"ANDROID_PLAY_SERVICES_TAGMANAGER_VERSION": "17.0.0",
"ANDROID_PLAY_SERVICES_AUTH_VERSION": "19.0.0",
"ANDROID_FIREBASE_ANALYTICS_VERSION": "19.0.0",
"ANDROID_FIREBASE_MESSAGING_VERSION": "22.0.0",
"ANDROID_FIREBASE_CONFIG_VERSION": "21.0.0",
"ANDROID_FIREBASE_PERF_VERSION": "20.0.1",
"ANDROID_FIREBASE_AUTH_VERSION": "21.0.1",
"ANDROID_FIREBASE_INAPPMESSAGING_VERSION": "20.0.0",
"ANDROID_FIREBASE_FIRESTORE_VERSION": "23.0.1",
"ANDROID_FIREBASE_FUNCTIONS_VERSION": "20.0.0",
"ANDROID_FIREBASE_IID_VERSION": "21.1.0",
"ANDROID_FIREBASE_INSTALLATIONS_VERSION": "17.0.0",
"ANDROID_FIREBASE_CRASHLYTICS_VERSION": "18.0.1",
"ANDROID_FIREBASE_CRASHLYTICS_NDK_VERSION": "18.0.1",
"ANDROID_GSON_VERSION": "2.8.7",
"ANDROID_FIREBASE_PERF_GRADLE_PLUGIN_VERSION": "1.4.0"
},
"cordova-android-support-gradle-release": {
"ANDROID_SUPPORT_VERSION": "27.+"
}
},
"platforms": [
"android",
"ios"
]
}
}
}

@ -39,6 +39,7 @@ import { Router } from '@angular/router';
import { BackgroundGeolocation } from '@ionic-native/background-geolocation/ngx';
import { NFC, Ndef } from "@ionic-native/nfc/ngx"
import { DigitalIdComponent } from '../authentication/digital-id/digital-id.component';
import { FirebaseX } from '@ionic-native/firebase-x/ngx';
@Component({
selector: 'app-home',
@ -158,7 +159,8 @@ export class HomePage implements OnInit {
private platform: Platform,
public backgroundGeolocation: BackgroundGeolocation,
public modalController: ModalController,
private nfc: NFC
private nfc: NFC,
public firebasex: FirebaseX
) {
this.events.subscribe('img-change', displayImg => {
this.userImage = this.sanitizer.bypassSecurityTrustUrl(
@ -188,6 +190,27 @@ export class HomePage implements OnInit {
}
}
testy() {
// var logMessage = 'testing';
// var stackTrace = null;
// this.firebasex.logError(logMessage, stackTrace).then( result => {
// console.log('posted successfully;');
// });
var document = {
"a_string": "foo",
"a_list": [1, 2, 3],
"an_object": {
"an_integer": 1,
}
};
var collection = "test";
this.firebasex.addDocumentToFirestoreCollection(document, collection, function(documentId){
console.log("Successfully added document with id="+documentId);
}, function(error){
console.error("Error adding document: "+error);
});
}
ionViewWillEnter() {
this.common.startLoading();
this.common.sharedService.setSharedData(true, 'loadWorkList');

@ -17,6 +17,7 @@
<div class="header"></div>
<div class="bottom"></div>
<div class="md-stepper-horizontal ">
<ion-row>
<ion-col size="4"> <div class="md-step active " [ngClass]="step >1 ? 'green' : 'orange'">
<div class="md-step-circle"><span style="content: url(/assets/imgs/check-white.svg)"></span></div>
<div class="md-step-title">{{ts.trPK('itemforsale','select-category')}}</div>
@ -25,6 +26,7 @@
<!-- <div class="md-step-bar-right" [ngClass]="step ==1 ? 'orange-border' : 'green-border'"></div> -->
</div>
</ion-col>
<ion-col size="4"> <div class="md-step" [ngClass]="step >2 ? 'green' : step ==2 ? 'orange' : 'grey'">
<div class="md-step-circle"><span *ngIf="step==1" style="content: url(/assets/imgs/check.svg)"></span>
<span *ngIf="step>2 || step==2" style="content: url(/assets/imgs/check-white.svg)">
@ -44,6 +46,7 @@
<div class="md-step-bar-left"></div>
</div></ion-col>
</ion-row>
</div>
<div class="content">
@ -77,7 +80,7 @@
<ion-col size="4">
<div class="sale-icon">
<div class="top">
<img src="/assets/imgs/itemsforsale/electronic appliances.svg">
<img src="/assets/imgs/itemsforsale/electronic_appliances.svg">
</div>
<div class="bottom-icon">
<p>Electronic Applicance</p>
@ -183,7 +186,7 @@
<div class="image-container">
<div class="uploaded">
<div class="closed">X</div>
<img src="assets/imgs/itemsforsale/fashion .svg" />
<img src="assets/imgs/itemsforsale/fashion.svg" />
</div>
</div>
@ -192,7 +195,7 @@
<div class="image-container">
<div class="uploaded">
<div class="closed">X</div>
<img src="assets/imgs/itemsforsale/fashion .svg" />
<img src="assets/imgs/itemsforsale/fashion.svg" />
</div>
</div>
@ -229,15 +232,15 @@
<div class="description-details">
<p class="orange">Used</p>
<img src="assets/imgs/itemsforsale/fashion .svg" />
<img src="assets/imgs/itemsforsale/fashion .svg" />
<img src="assets/imgs/itemsforsale/fashion.svg" />
<img src="assets/imgs/itemsforsale/fashion.svg" />
<div class="selling">
<strong>Selling for </strong> <h2>500 SAR</h2>
</div>
<div class="waring">
<img src="/assets/imgs/itemsforsale/alert.svg"> This ad will be valid for 2 week after approval
<img src="/assets/imgs/itemsforsale/alert.svg"> <label>This ad will be valid for 2 week after approval</label>
</div>
</div>

@ -10,9 +10,9 @@
border-radius: 25px;
}
.md-stepper-horizontal .md-step {
display:table-cell;
position:relative;
padding:20px 15px;
display: table-cell;
position: relative;
padding: 20px 10px;
text-align: left;
}
.md-stepper-horizontal .md-step:hover,
@ -48,7 +48,7 @@
z-index: 3;
}
.md-stepper-horizontal .md-step:last-child .md-step-circle {
margin-left:20px
margin-left:0px
}
.md-stepper-horizontal.green .md-step.active .md-step-circle {
background-color:#00AE4D;
@ -88,6 +88,7 @@ margin-left:20px
.md-stepper-horizontal .md-step .md-step-optional {
text-align: center;
color:rgba(0,0,0,.26);
margin-left:0 ;
}
.md-stepper-horizontal .md-step.orange .md-step-title, .md-stepper-horizontal .md-step.green .md-step-title {
font-weight: 600;
@ -107,13 +108,14 @@ margin-left:20px
top: 36px;
height: 2px;
background: #DDDDDD;
width: 95%;
width: 120px;
z-index: 0;
left: 25px;
}
.md-stepper-horizontal .md-step .md-step-bar-left {
margin-right: 0px;
left: 58%;
left: 40%;
}
.orange .md-step-bar-left {
background:#CC9B14 !important;
@ -154,6 +156,7 @@ font-weight: bold;
color: #ffffff !important;
padding:2px 5px 2px 5px;
border-radius: 5px;
margin-left:0 ;
}
.green .md-step-optional{
font-size: 12px;
@ -273,8 +276,15 @@ position: relative;
font-size: 10px;
}
.waring label{
font-size: 11px;
padding: 0px 10px;
display: inline-block;
position: relative;
position: absolute;
}
.waring img{
margin: 0 10px;
margin: 0px;
}
.selling h2{
display: inline-block;

@ -73,7 +73,7 @@ ion-footer{
bottom: 0;
}
.icon-footer{
margin: 6px;
position: absolute;
left: 35px;
margin: 0px;
position: relative;
left: -10px;
}

@ -85,8 +85,8 @@
</div>
</div>
<ion-row>
<div class="grid-row">
<ion-row >
<ion-col size="6" (click)="openDetails()">
<ion-card>
<ion-card-header>
@ -142,7 +142,7 @@
</ion-card>
</ion-col>
</ion-row>
</div>
</div>
<div class="my-ads" *ngIf="segment =='2'">

@ -100,6 +100,7 @@ ion-card-content p{
}
.my-ads .details-text{
font-size: 11px;
margin: 0;
}
.my-ads .yellow, .my-ads .green{
font-size: 11px;
@ -215,4 +216,7 @@ ion-card-content strong{
ion-fab-button{
height: 60px;
width: 60px;
}
.grid-row{
margin:10px;
}

@ -57,7 +57,7 @@
<ion-item lines="none" class="filed-container">
<select [(ngModel)]="secType" (change)="onSelectChange($event,2)" class="filed1"
selected="selected" placeholder="Select Sectiont" type="text" required>
<option value="" selected>Select Sectiont</option>
<option value="" selected>Select Section</option>
<option [value]="x.sectionId"
*ngFor="let x of sectionTypeList">
{{x.sectionName}} </option>

@ -54,9 +54,9 @@ export class HrRequestFormComponent implements OnInit {
public sectionDep: any;
public projectCode;
public SelectedServiceType: any;
public depType: any;
public secType: any;
public topicType: any;
public depType: any ="";
public secType: any ="";
public topicType: any ="";
indexLastObj: any;
addAttachRequest: any = [];
TransactionID: any;

@ -1,9 +1,12 @@
<app-generic-header
showBack="true"
backLink="/my-team/home"
[headerText]="'userProfile, emp-detail' | translate">
</app-generic-header>
<ion-content>
<div class="contentBg">
<div class="result-graph" >
@ -18,8 +21,10 @@
<img class="img" [src]="employee.EMPLOYEE_IMAGE ? 'data:image/png;base64,'+employee.EMPLOYEE_IMAGE : '../assets/imgs/profile.png'" alt="Team Member Image"/>
</div>
<div [ngClass]="direction == 'en' ? 'call':'call-ar' " slot="end" >
<a [ngClass]="employee.EMPLOYEE_MOBILE_NUMBER == '' ? 'disable-phone action-button-icon' : 'action-button-icon'" href="tel:{{employee.EMPLOYEE_MOBILE_NUMBER}}"></a>
<img src="../assets/imgs/call-o.svg"></div>
<a [ngClass]="employee.EMPLOYEE_MOBILE_NUMBER == '' ? 'disable-phone action-button-icon' : 'action-button-icon'" href="tel:{{employee.EMPLOYEE_MOBILE_NUMBER}}">
<img src="../assets/imgs/call-o.svg">
</a>
</div>
<!-- <a [ngClass]="employee.EMPLOYEE_MOBILE_NUMBER == '' ? 'disable-phone action-button-icon' : 'action-button-icon'" href="tel:{{employee.EMPLOYEE_MOBILE_NUMBER}}">
<img src="../assets/imgs/profile.svg">
</a> -->
@ -31,12 +36,12 @@
</div>
<div >
<ion-row style="margin-top: 11px;">
<ion-col style="border-right: 1px solid rgb(221 221 221);">
<ion-col [size]="6">
<p class="subTitle">{{ts.trPK('userProfile','role')}}</p>
<span class="Boldtext">{{employee.JOB_NAME}}</span>
</ion-col>
<ion-col>
<p class="subTitle">{{ts.trPK('userProfile','empNo')}}</p>
<ion-col [size]="6" style="border-left: 1px solid rgb(221 221 221);">
<p class="subTitle" style="line-height: 12px !important;">{{ts.trPK('userProfile','empNo')}}</p>
<span class="Boldtext">{{employee.EMPLOYEE_NUMBER}}</span>
</ion-col>
</ion-row>
@ -419,7 +424,7 @@
<div *ngIf="activeSegment === 'TeamMembers'">
<div class="MyTeamdiv">
<div class="MyTeamtext" >{{ts.trPK('myTeam','my-team-members')}}</div>
<div class="numberEmp">{{EmployeeTotal}}</div>
<div [ngClass]="direction == 'en' ? 'numberEmp':'numberEmp-ar' " >{{EmployeeTotal}}</div>
</div>
<!-- <div style="margin-top: -23px;">
<ion-row>

@ -178,8 +178,9 @@ ion-title{
min-height: 39px;
padding-right: -10px;
border-radius: 50% !important;
margin-right: 22px;
margin-left: 22px;
// margin-right: 22px;
// margin-left: 22px;
margin-left: 19px;
background-color: #269DB8;
display: flex;
}
@ -200,6 +201,7 @@ ion-title{
padding-left: 6px;
margin-right: 10px;
margin-left: 57px;
// margin-left: 14px;
display: flex;
}}
@ -213,8 +215,9 @@ ion-title{
min-height: 39px;
padding-right: -10px;
border-radius: 50% !important;
margin-right: 22px;
margin-left: 22px;
// margin-right: 22px;
// margin-left: 22px;
margin-left: 15px;
background: #414040 !important;
display: flex;
@ -232,6 +235,7 @@ ion-title{
padding-left: 6px;
margin-right: 10px;
margin-left: 57px;
// margin-left: 14px;
background: #414040 !important;
display: flex;
}}
@ -244,7 +248,7 @@ ion-title{
/* right: 15px; */
top: 0;
bottom: 0;
left: 7px;
// left: 7px;
margin: auto;
height: 18px;
display: flex;
@ -253,7 +257,7 @@ ion-title{
.imgSize{position: absolute;
top: 0;
bottom: 0;
left: 2px;
left: 2px;
margin: auto;
height: 28px;
display: flex;}}
@ -370,7 +374,7 @@ ion-title{
position: relative;
background: white;
// margin-top: 20px;
padding-bottom: 20px;
padding-bottom: 5px;
border-radius: 20px;
z-index: 1;
margin-bottom: 10px;
@ -385,7 +389,7 @@ ion-title{
position: relative;
background: white;
// margin-top: 20px;
padding-bottom: 20px;
padding-bottom: 5px;
border-radius: 20px;
z-index: 1;
margin-bottom: 10px;
@ -872,6 +876,7 @@ ion-title{
letter-spacing: -0.52px;
color: #A2A2A2;
opacity: 1;
padding-top: 3px;
}
.subTitle{
text-align: center;
@ -980,6 +985,24 @@ opacity: 1;
padding-top: 3px;
}
.numberEmp-ar{
color: white;
font-size: 12px;
font-weight: bolder;
/* padding-top: 5px; */
/* padding-right: 20px; */
margin-right: 13px;
width: 23px;
height: 23px;
border-radius: 100%;
background-color: #269DB8;
z-index: 9;
margin-top: 25px;
/* padding-left: 4px; */
text-align: center;
padding-top: 3px;
}
.MyTeamtext{
text-align: left;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
@ -998,6 +1021,7 @@ opacity: 1;
line-height: 10px;
font-size: 11px;
color: #4D4D4D;
margin-top: -13px;
}
.btnDiv{
position: relative;
@ -1008,4 +1032,6 @@ opacity: 1;
}

@ -53,7 +53,7 @@
</div>
<div class="div">
<div class="text" >{{ts.trPK('myTeam','my-team-members')}}</div>
<div class="numberEmp">{{EmployeeTotal}}</div>
<div [ngClass]="direction == 'en' ? 'numberEmp':'numberEmp-ar' ">{{EmployeeTotal}}</div>
</div>
<!-- <div>
<ion-row>

@ -303,6 +303,23 @@ ion-content {
text-align: center;
padding-top: 3px;
}
.numberEmp-ar{
color: white;
font-size: 12px;
font-weight: bolder;
/* padding-top: 5px; */
/* padding-right: 20px; */
margin-right: 13px;
width: 23px;
height: 23px;
border-radius: 100%;
background-color: #269DB8;
z-index: 9;
margin-top: 25px;
/* padding-left: 4px; */
text-align: center;
padding-top: 3px;
}
.div{
position: relative;
display: flex;

@ -10,7 +10,7 @@
<ion-content>
<div class="container-icon" *ngIf="categories.length>0">
<ion-item *ngFor="let key of categories" (click)="filterOffers(key)" [ngClass]="{'active':activeClass==key.name }">
<ion-item lines="none" *ngFor="let key of categories" (click)="filterOffers(key)" [ngClass]="{'active':activeClass==key.name }">
<ion-label>
{{key.name}}
</ion-label>

@ -12,7 +12,7 @@ ion-thumbnail img{
top: 15px;
padding: 0px;
background: #3cc353;
padding: 3px 2px 2px 3px;
padding: 3px 2px 0px 3px;
border-radius: 60%;
font-size: 12px;
color: #fff;
@ -22,6 +22,11 @@ ion-thumbnail img{
text-align: center;
z-index: 2;
}
ion-item{
border-bottom: 1px solid #ccc;
--padding-start: 0px;
margin: 0 20px 4px 20px;
}
.footer-button{
background: var(--newgreen)!important;border-radius: 10px; --background: transparent;

@ -47,7 +47,7 @@
</div>
<div class="grid-container">
<ion-row>
<ion-col size="6" *ngFor="let item of offersData" (click)="openDetails(item)">
<ion-card class="offers-discount-card">
@ -79,6 +79,7 @@
</ion-col>
</ion-row>
</div>
</div>

@ -23,15 +23,17 @@
--border-radius: 25px;
}
.filterText{
margin: 5px 15px 5px;
padding: 0 4px 10px 5px;
font-size: 16px;
font-weight: bold;
margin: 0px 10px;
}
.container-icon{
padding: 0 10px 10px;
padding: 0 5px 10px;
position: relative;
white-space: nowrap;
overflow-x: auto;
margin: 0 10px;
}
.box-icon{
@ -111,13 +113,16 @@ ion-item{
--background: #fff;
margin: 10px;
border-radius: 25px;
padding: 5px;
padding: 0px;
}
ion-item h3{
color: #000;
font-weight: bold;
font-size: 16px;
}
.grid-container{
margin: 10px;
}
.yellow{
color:#ffc107;
}
@ -167,7 +172,7 @@ ion-content{
position: relative;
}
.top img{
width: 35px;
height: 35px;
margin: 5px 5px 0px 5px;
}
@ -179,7 +184,7 @@ ion-card-content{
padding: 0 15px 0px 15px;
}
ion-card{
margin: 0px;
margin: 3px;
--background: #fff;
--border-radius: 53px;
border-radius: 10px;

@ -58,7 +58,7 @@
</strong>
</p>
<ion-row *ngIf="related" class="related-offers-container">
<ion-col size="6" *ngFor="let item of related">
<ion-col size="6" *ngFor="let item of related" (click)="openRelated(item)">
<ion-card class="related-card">
<ion-card-header>
<div class="header-img" [ngStyle]="{'background-image': 'url(' + item.Banner_Image + ')'}" ></div>

@ -1,5 +1,5 @@
.header{
height: 150px;
height: 20%;
width: 100%;
position: absolute;
@ -130,6 +130,9 @@ ion-card{
background-repeat: no-repeat;
margin-top: 5px;
}
.related-offers-container{
margin: 10px;
}
.header-img-main{
height: 170px;
width: 100%;

@ -35,8 +35,16 @@ export class OfferDetailsComponent implements OnInit {
return temporalDivElement.textContent || temporalDivElement.innerText || "";
}
share() {
this.socialSharing.share(this.details.Description, this.details.Title, this.details.Banner_Image).then((result) => {
this.socialSharing.share(this.stripHtml(this.details.Description), this.stripHtml(this.details.Title), this.details.Banner_Image).then((result) => {
console.log(result);
})
}
openRelated(item) {
this.cs.sharedService.setSharedData(item, OfferDiscountService.selected_offers);
this.cs.back();
setTimeout(() => {
this.cs.navigateForward('/offersdiscount/offer-details');
}, 200);
}
}

@ -77,7 +77,7 @@ export class AddAddressComponent implements OnInit {
selectedCountryName: any;
public effectiveDate: any;
public submitAbsObjList: any = [];
public selectedStatus: any = {};
public isUpdate: boolean;
constructor(
public modalController: ModalController,
@ -141,12 +141,15 @@ export class AddAddressComponent implements OnInit {
ngAfterViewInit() {
console.log("ngAfterViewInit");
// console.log(this.containerDiv.nativeElement);
this.selectedStatus = this.cs.sharedService.getSharedData(ProfileService.SELECTED_STATUS);
var addressEntries = this.cs.sharedService.getSharedData(ProfileService.ADRESS_ENTRIES);
if (addressEntries && addressEntries.UPDATE_BUTTON === 'Y') {
this.isUpdate = true;
let countryDetail = this.cs.sharedService.getSharedData(ProfileService.COUNTRY);
this.selectedCountryName = countryDetail.name;
this.country = countryDetail.code;
} else {
this.isUpdate = false;
}
this.getEitDffStructure();
// this.addFieldToDOM(this.buttonInput, 'btnSubmit', this.cs.presentAlert('Clicked!'), true)
@ -1606,7 +1609,7 @@ export class AddAddressComponent implements OnInit {
EITTransactionTBL: this.arrValues,
P_COUNTRY_CODE: this.country,
P_EFFECTIVE_DATE: moment(this.effectiveDate).format('DD-MMM-YYYY'),
P_ACTION: 'NEW'
P_ACTION: this.selectedStatus.data == '1' ? 'CHANGE' : this.selectedStatus.data == '2' ? 'CORRECT' : 'NEW'
};
this.profileService

@ -122,8 +122,9 @@ export class AddBasicDetailsComponent implements OnInit {
ngOnInit() {}
ngAfterViewInit() {
this.getEitDffStructure();
// this.getColumnStructure();
// this.getEitDffStructure();
this.getColumnStructure();
}
public getColumnStructure() {
@ -156,10 +157,11 @@ export class AddBasicDetailsComponent implements OnInit {
this.drawEitFields(result.GetBasicDetColsStructureList);
}
}
public handleBasicDffStructureResult(result) {
if (result.GetEITDFFStructureList != null) {
this.eitResponse = result.GetEITDFFStructureList;
this.drawEitFields(result.GetEITDFFStructureList);
if (result.GetBasicDetDffStructureList != null) {
this.eitResponse = result.GetBasicDetDffStructureList;
this.drawEitFields(result.GetBasicDetDffStructureList);
}
}

@ -7,7 +7,7 @@
<div [ngClass]="direction == 'ltr' ? 'result-graph' : 'result-graph-ar'" style="margin-top: -50px;">
<div class="user-info">
<div class="user-image-container">
<div class="user-image">
<div [ngClass]=" direction == 'ltr' ? 'user-image' : 'user-image-ar'" >
<img [ngClass]="direction == 'ltr'? 'img':'img-ar' "
[src]="personalInfo.EMPLOYEE_IMAGE ? 'data:image/png;base64,'+personalInfo.EMPLOYEE_IMAGE : '../assets/imgs/profile.png'"
alt="Team Member Image" />
@ -18,19 +18,20 @@
</button>
</div>
</div>
<div style="margin-top: 18px;">
<h1>{{personalInfo.EMPLOYEE_NAME}}</h1>
<span>{{personalInfo.EMPLOYEE_EMAIL_ADDRESS}}</span>
<div style="margin-top: 25px;">
<h1 class="name">{{personalInfo.EMPLOYEE_NAME}}</h1>
<span class="email">{{personalInfo.EMPLOYEE_EMAIL_ADDRESS}}</span>
</div>
<div>
<ion-row>
<ion-col style="border-right: 1px solid rgb(221 221 221);">
<p style="font-size: 12px; color: rgb(128, 124, 124);">{{ts.trPK('userProfile','role')}}</p>
<span class="Boldtext">{{personalInfo.JOB_NAME}}</span>
<ion-row style="margin-top: 11px;">
<ion-col [size]="6">
<p class="subTitle">{{ts.trPK('userProfile','role')}}</p>
<span class="boldText">{{personalInfo.JOB_NAME}}</span>
</ion-col>
<ion-col>
<p style="font-size: 12px; color: rgb(128, 124, 124);">{{ts.trPK('userProfile','empNo')}}</p>
<span class="Boldtext">{{personalInfo.EMPLOYEE_NUMBER}}</span>
<ion-col [size]="6" style="border-left: 1px solid rgb(221 221 221);">
<p class="subTitle" style="line-height: 8px !important;">{{ts.trPK('userProfile','empNo')}}</p>
<span class="boldText">{{personalInfo.EMPLOYEE_NUMBER}}</span>
</ion-col>
</ion-row>
</div>
@ -41,38 +42,38 @@
<div class="action-button col-button">
<img *ngIf="!personalInfoSegment" style="width: 40px;" src="../assets/imgs/profile-icons/info@2x.png">
<img *ngIf="personalInfoSegment" style="width: 40px;" src="../assets/imgs/profile-icons/info-a@2x.png">
<span style="font-size: 11px;">{{ts.trPK('general','personal-info')}}</span>
<span class="btnTitle">{{ts.trPK('general','personal-info')}}</span>
</div>
</ion-col>
<ion-col [size]="4" (click)="selectedSegment('basic')">
<div class="action-button col-button">
<img *ngIf="!basicDetailsSegment" style="width: 40px;" src="../assets/imgs/profile-icons/basic-detail@2x.png">
<img *ngIf="basicDetailsSegment" style="width: 40px;" src="../assets/imgs/profile-icons/basic-detail@21.png">
<span style="font-size: 11px;">{{ts.trPK('general','basic-details')}}</span>
<span class="btnTitle">{{ts.trPK('general','basic-details')}}</span>
</div>
</ion-col>
<ion-col [size]="4" (click)="selectedSegment('address')">
<div class="action-button col-button">
<img *ngIf="!addressSegment" style="width: 40px;" src="../assets/imgs/profile-icons/main-address@2x.png">
<img *ngIf="addressSegment" style="width: 40px;" src="../assets/imgs/profile-icons/main address-a@2x.png">
<span style="font-size: 11px;">{{ts.trPK('userProfile','address')}} </span>
<span class="btnTitle">{{ts.trPK('userProfile','address')}} </span>
</div>
</ion-col>
</ion-row>
</div>
<ion-grid [ngClass]="direction === 'ltr'? 'grid-card':'grid-card-ar' ">
<div [ngClass]=" direction == 'ltr' ? 'gridService-en' : 'gridService-ar'"
style="background: #002948; border-radius: 0px 0px 10px 10px;">
style="background: #2B353E; border-radius: 0px 0px 10px 10px;">
<ion-row>
<ion-col>
<label
style="font-size: 12px; color: white; margin: 10px 0px 0px 0px; display: block; text-align: center;font-weight: bold;">
style="font-size: 11px; color: white; margin: 10px 0px 0px 0px; display: block; text-align: center;font-family: var(--fontFamilyPoppins-SemiBold, inherit);">
{{ 'general, appreciate-service' | translate}}
</label>
</ion-col>
</ion-row>
<ion-row [ngClass]=" direction == 'ltr' ? 'service-row-en' : 'service-row-ar'">
<ion-col [ngClass]=" direction == 'ltr' ? 'columns' : 'columns-ar'">
<ion-col [size]="4" [ngClass]=" direction == 'ltr' ? 'columns' : 'columns-ar'">
<ion-grid>
<ion-row>
<ion-col class="text-years">
@ -83,7 +84,7 @@
</ion-row>
</ion-grid>
</ion-col>
<ion-col [ngClass]=" direction == 'ltr' ? 'columns' : 'columns-ar'">
<ion-col [size]="4" [ngClass]=" direction == 'ltr' ? 'columns' : 'columns-ar'">
<ion-grid>
<ion-row>
<ion-col class="text-years">
@ -94,7 +95,7 @@
</ion-row>
</ion-grid>
</ion-col>
<ion-col [ngClass]=" direction == 'ltr' ? 'columns' : 'columns-ar'">
<ion-col [size]="4" [ngClass]=" direction == 'ltr' ? 'columns' : 'columns-ar'">
<ion-grid>
<ion-row>
<ion-col class="text-years">
@ -115,28 +116,28 @@
<ion-card *ngIf="personalInfoSegment" [ngClass]="direction === 'ltr'? 'card-size-info-en': 'card-size-info-ar' ">
<ion-card-content>
<ion-label>
<h1 class="header-label-text-form">{{ts.trPK('userProfile','personal-informaion')}}</h1>
<h1 [ngClass]="direction === 'ltr'? 'Profileheader-label-text-form': 'Profileheader-label-text-form-ar' " >{{ts.trPK('userProfile','personal-informaion')}}</h1>
</ion-label>
<br>
<ion-label>
<h3 class="type-label-text-form">{{ts.trPK('userProfile','category')}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'type-label-text-form': 'type-label-text-form-ar' ">{{ts.trPK('userProfile','category')}}</h3>
</ion-label>
<h3 class="result-label-text-form">{{personalInfo.EMPLOYMENT_CATEGORY_MEANING}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'result-label-text-form': 'result-label-text-form-ar' ">{{personalInfo.EMPLOYMENT_CATEGORY_MEANING}}</h3>
<br>
<ion-label>
<h3 class="type-label-text-form">{{ts.trPK('userProfile','phone-no')}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'type-label-text-form': 'type-label-text-form-ar' ">{{ts.trPK('userProfile','phone-no')}}</h3>
</ion-label>
<h3 class="result-label-text-form">{{personalInfo.EMPLOYEE_MOBILE_NUMBER}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'result-label-text-form': 'result-label-text-form-ar' ">{{personalInfo.EMPLOYEE_MOBILE_NUMBER}}</h3>
<br>
<ion-label>
<h3 class="type-label-text-form">{{ts.trPK('userProfile','busG')}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'type-label-text-form': 'type-label-text-form-ar' ">{{ts.trPK('userProfile','busG')}}</h3>
</ion-label>
<h3 class="result-label-text-form">{{personalInfo.BUSINESS_GROUP_NAME}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'result-label-text-form': 'result-label-text-form-ar' ">{{personalInfo.BUSINESS_GROUP_NAME}}</h3>
<br>
<ion-label>
<h3 class="type-label-text-form">{{ts.trPK('userProfile','payrol')}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'type-label-text-form': 'type-label-text-form-ar' ">{{ts.trPK('userProfile','payrol')}}</h3>
</ion-label>
<h3 class="result-label-text-form">{{personalInfo.PAYROLL_NAME}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'result-label-text-form': 'result-label-text-form-ar' ">{{personalInfo.PAYROLL_NAME}}</h3>
<br>
</ion-card-content>
</ion-card>
@ -144,15 +145,15 @@
<ion-card *ngIf="basicDetailsSegment" [ngClass]="direction === 'ltr'? 'card-size-info-en': 'card-size-info-ar' ">
<ion-card-content *ngIf="!editBasic && (fullName && maritalStatus && birthDate && civilIdentityNumber)">
<ion-grid>
<ion-row>
<ion-row style="width: 113%;">
<ion-col size="10">
<ion-label>
<h1 class="header-label-text-form">{{ts.trPK('general','basic-details')}}</h1>
<h1 [ngClass]="direction === 'ltr'? 'header-label-text-form': 'header-label-text-form-ar' ">{{ts.trPK('general','basic-details')}}</h1>
</ion-label>
</ion-col>
<ion-col size="2" *ngIf="basicDetailsSubMenu && basicDetailsSubMenu.UPDATE_BUTTON === 'Y'">
<img style="width: 70%;" src="../assets/imgs/profile-icons/editing@2x.png"
<img style="width: 18px;height: 18px;" src="../assets/imgs/profile-icons/editing@2x.png"
(click)="allowEdit('basic')">
</ion-col>
<ion-col size="2" *ngIf="basicDetailsSubMenu && basicDetailsSubMenu.ADD_BUTTON === 'Y'">
@ -162,24 +163,24 @@
</ion-grid>
<br>
<ion-label>
<h3 class="type-label-text-form">{{ts.trPK('general','full-name')}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'type-label-text-form': 'type-label-text-form-ar' ">{{ts.trPK('general','full-name')}}</h3>
</ion-label>
<h3 class="result-label-text-form">{{fullName}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'result-label-text-form': 'result-label-text-form-ar' ">{{fullName}}</h3>
<br>
<ion-label>
<h3 class="type-label-text-form">{{ts.trPK('general','marital-status')}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'type-label-text-form': 'type-label-text-form-ar' ">{{ts.trPK('general','marital-status')}}</h3>
</ion-label>
<h3 class="result-label-text-form">{{maritalStatus}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'result-label-text-form': 'result-label-text-form-ar' ">{{maritalStatus}}</h3>
<br>
<ion-label>
<h3 class="type-label-text-form">{{ts.trPK('general','birth_date')}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'type-label-text-form': 'type-label-text-form-ar' ">{{ts.trPK('general','birth_date')}}</h3>
</ion-label>
<h3 class="result-label-text-form">{{birthDate}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'result-label-text-form': 'result-label-text-form-ar' ">{{birthDate}}</h3>
<br>
<ion-label>
<h3 class="type-label-text-form">{{ts.trPK('general','civil-identity-number')}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'type-label-text-form': 'type-label-text-form-ar' ">{{ts.trPK('general','civil-identity-number')}}</h3>
</ion-label>
<h3 class="result-label-text-form">{{civilIdentityNumber}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'result-label-text-form': 'result-label-text-form-ar' ">{{civilIdentityNumber}}</h3>
<br>
</ion-card-content>
</ion-card>
@ -187,16 +188,16 @@
<ion-card *ngIf="addressSegment" [ngClass]="direction === 'ltr'? 'card-size-info-en': 'card-size-info-ar' ">
<ion-card-content *ngIf="!editAddress && employeeAdress">
<ion-grid>
<ion-row>
<ion-row style="width: 113%;">
<ion-col size="10">
<ion-label>
<h1 class="header-label-text-form">{{ts.trPK('general','main-address')}}</h1>
<h1 [ngClass]="direction === 'ltr'? 'header-label-text-form': 'header-label-text-form-ar' ">{{ts.trPK('general','main-address')}}</h1>
</ion-label>
</ion-col>
<ion-col size="2" *ngIf="addressSubMenu && addressSubMenu.UPDATE_BUTTON === 'Y'" (click)="allowEdit('address')">
<img style="width: 70%;" src="../assets/imgs/profile-icons/editing@2x.png"
>
<img style="width: 18px; height: 18px;" src="../assets/imgs/profile-icons/editing@2x.png"
(click)="allowEdit('address')">
</ion-col>
<ion-col size="2" *ngIf="addressSubMenu && addressSubMenu.ADD_BUTTON === 'Y'" (click)="allowEdit('address')">
<ion-icon class="add-icon-styling" name="add"></ion-icon>
@ -205,34 +206,34 @@
</ion-grid>
<br>
<ion-label>
<h3 class="type-label-text-form">{{ts.trPK('userProfile','address')}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'type-label-text-form': 'type-label-text-form-ar' " >{{ts.trPK('userProfile','address')}}</h3>
</ion-label>
<h3 class="result-label-text-form">{{address}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'result-label-text-form': 'result-label-text-form-ar' " >{{address}}</h3>
<br>
<ion-label>
<h3 class="type-label-text-form">{{ts.trPK('userProfile','street')}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'type-label-text-form': 'type-label-text-form-ar' " >{{ts.trPK('userProfile','street')}}</h3>
</ion-label>
<h3 class="result-label-text-form">{{street}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'result-label-text-form': 'result-label-text-form-ar' ">{{street}}</h3>
<br>
<ion-label>
<h3 class="type-label-text-form">{{ts.trPK('userProfile','area')}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'type-label-text-form': 'type-label-text-form-ar' " >{{ts.trPK('userProfile','area')}}</h3>
</ion-label>
<h3 class="result-label-text-form">{{area}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'result-label-text-form': 'result-label-text-form-ar' " >{{area}}</h3>
<br>
<ion-label>
<h3 class="type-label-text-form">{{ts.trPK('userProfile','p-o-box')}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'type-label-text-form': 'type-label-text-form-ar' " >{{ts.trPK('userProfile','p-o-box')}}</h3>
</ion-label>
<h3 class="result-label-text-form">{{poBox}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'result-label-text-form': 'result-label-text-form-ar' " >{{poBox}}</h3>
<br>
<ion-label>
<h3 class="type-label-text-form">{{ts.trPK('userProfile','city')}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'type-label-text-form': 'type-label-text-form-ar' " >{{ts.trPK('userProfile','city')}}</h3>
</ion-label>
<h3 class="result-label-text-form">{{city}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'result-label-text-form': 'result-label-text-form-ar' " >{{city}}</h3>
<br>
<ion-label>
<h3 class="type-label-text-form">{{ts.trPK('userProfile','postal-code')}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'type-label-text-form': 'type-label-text-form-ar' " >{{ts.trPK('userProfile','postal-code')}}</h3>
</ion-label>
<h3 class="result-label-text-form">{{postalCode}}</h3>
<h3 [ngClass]="direction === 'ltr'? 'result-label-text-form': 'result-label-text-form-ar' " >{{postalCode}}</h3>
<br>
</ion-card-content>
</ion-card>

@ -116,7 +116,8 @@ ion-thumbnail.menu-thumb {
// font-weight: bolder;
color: white;
// letter-spacing: 1px;
font-weight: bold;
// font-weight: bold;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
}
.services {
font-size: 12px;
@ -279,14 +280,49 @@ ion-title {
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.user-image {
// position: relative;
// display: block;
// width: 30%;
// height: 100%;
// border-radius: 80px;
// margin-bottom: 371px;
position: relative;
display: block;
width: 30%;
height: 100%;
border-radius: 80px;
margin-bottom: 321px;
margin-left: 52px;
}
}
@media screen and (min-width: 1px) and (max-width: 767px) {
.user-image-ar {
position: relative;
display: block;
width: 30%;
height: 100%;
border-radius: 80px;
margin-bottom: 371px;
/* border: 1px solid #ccc; */
margin-top: -125px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.user-image-ar {
// position: relative;
// display: block;
// width: 30%;
// height: 100%;
// border-radius: 80px;
// margin-bottom: 371px;
position: relative;
display: block;
width: 30%;
height: 100%;
border-radius: 80px;
margin-bottom: 321px;
margin-right: 52px;
}}
h1 {
margin: 0;
padding: 0;
@ -977,33 +1013,70 @@ $actionBtnSize: 36px;
text-align: center;
width: 20px;
}
@media screen and (min-width: 1px) and (max-width:766px){
.grid-card {
right: 5px;
position: relative;
display: block;
z-index: 5;
width: 103%;
}
}}
@media screen and (min-width: 1px) and (max-width:766px){
.grid-card-ar {
left: 5px;
position: relative;
display: block;
z-index: 5;
width: 103%;
}
}}
@media screen and (min-width: 768px) and (max-width:1050px){
.grid-card {
right: 5px;
position: relative;
display: block;
z-index: 5;
width: 101%;
}}
@media screen and (min-width: 768px) and (max-width:1050px){
.grid-card-ar {
left: 5px;
position: relative;
display: block;
z-index: 5;
width: 101%;
}}
@media screen and (min-width: 1px) and (max-width:766px){
.changeImgBtn {
position: absolute;
left: 60%;
bottom: 230%;
}
.changeImgBtn-ar {
display: flex;
}}
@media screen and (min-width: 768px) and (max-width:1050px){
.changeImgBtn {
position: absolute;
left: 60%;
bottom: 150%;
}
left: 55%;
display: flex;
margin-bottom: 44%;
}}
@media screen and (min-width: 1px) and (max-width:766px){
.changeImgBtn-ar {
position: absolute;
left: 60%;
bottom: 150%;
display: flex;
}}
@media screen and (min-width: 768px) and (max-width:1050px){
.changeImgBtn-ar {
position: absolute;
left: 55%;
// margin-bottom: 15%;
display: flex;
margin-bottom: 44%;
}}
.menubutton {
background: #f0ecec;
min-height: 25px;
@ -1041,8 +1114,10 @@ $actionBtnSize: 36px;
}
.card-size-info-en{
width: 88%;
left: 2%;
// width: 88%;
// left: 2%;
width: 90%;
left: 3%;
}
.card-size-info-ar{
@ -1050,36 +1125,177 @@ $actionBtnSize: 36px;
right: 2%;
}
.header-label-text-form{
opacity: 1;
color: #2B353E;
font: normal normal 600 20px/30px Poppins;
// .header-label-text-form{
// opacity: 1;
// color: #2B353E;
// font: normal normal 600 20px/30px Poppins;
// letter-spacing: -0.8px;
// }
// .type-label-text-form{
// font: normal normal 600 13px/20px Poppins;
// letter-spacing: -0.52px;
// color: #A2A2A2;
// opacity: 1;
// }
// .result-label-text-form{
// font: normal normal 600 16px/25px Poppins;
// letter-spacing: -0.64px;
// color: #2B353E;
// opacity: 1;
// }
.update{
--background: #20A169; background: white; width: 100%;
}
.add{
--background: #00bcd4; background: white; width: 100%;
}
.add-icon-styling {
background-color: #191814;
width: 35px;
height: 35px;
color: white;
border-radius: 50%;
}
.name{
text-align: center;
letter-spacing: -0.84px;
color: #2B353E;
opacity: 1;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
line-height: 21px;
font-size: 21px;
}
.email{
text-align: center;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
font-size: 13px;
line-height: 6px;
letter-spacing: -0.52px;
color: #A2A2A2;
opacity: 1;
}
.subTitle{
text-align: center;
letter-spacing: -0.52px;
color: #A2A2A2;
opacity: 1;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
font-size: 13px;
line-height: 0px;
margin-bottom: 7px;
}
.boldText{
text-align: center;
letter-spacing: -0.64px;
color: #2B353E;
opacity: 1;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
font-size: 16px;
line-height: 19px;
}
.btnTitle{
text-align: center;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
line-height: 10px;
font-size: 11px;
color: #4D4D4D;
}
.Profileheader-label-text-form{
text-align: left;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
line-height: 30px;
font-size: 20px;
letter-spacing: -0.8px;
color: #2B353E;
opacity: 1;
margin-top: 12px;
margin-bottom: 2px;
}
.header-label-text-form{
text-align: left;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
line-height: 30px;
font-size: 20px;
letter-spacing: -0.8px;
color: #2B353E;
opacity: 1;
margin-top: -3px;
margin-bottom: 2px;
margin-left: -11px;}
.type-label-text-form{
font: normal normal 600 13px/20px Poppins;
text-align: left;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
line-height: 20px;
font-size: 13px;
letter-spacing: -0.52px;
color: #A2A2A2;
opacity: 1;
}
.result-label-text-form{
font: normal normal 600 16px/25px Poppins;
text-align: left;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
line-height: 20px;
font-size: 16px;
letter-spacing: -0.64px;
color: #2B353E;
opacity: 1;
}
.update{
--background: #20A169; background: white; width: 100%;
.Profileheader-label-text-form-ar{
text-align: right;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
line-height: 30px;
font-size: 20px;
letter-spacing: -0.8px;
color: #2B353E;
opacity: 1;
margin-top: 12px;
margin-bottom: 2px;
}
.add{
--background: #00bcd4; background: white; width: 100%;
.header-label-text-form-ar{
text-align: right;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
line-height: 30px;
font-size: 20px;
letter-spacing: -0.8px;
color: #2B353E;
opacity: 1;
margin-top: -3px;
margin-bottom: 2px;
margin-left: -11px;}
.type-label-text-form-ar{
text-align: right;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
line-height: 20px;
font-size: 13px;
letter-spacing: -0.52px;
color: #A2A2A2;
opacity: 1;
}
.add-icon-styling {
background-color: #191814;
width: 35px;
height: 35px;
color: white;
border-radius: 50%;
.result-label-text-form-ar{
text-align: right;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
line-height: 20px;
font-size: 16px;
letter-spacing: -0.64px;
color: #2B353E;
opacity: 1;
}

@ -306,10 +306,12 @@ export class HomeComponent implements OnInit {
modal.onDidDismiss()
.then((data) => {
console.log(data);
this.cs.sharedService.setSharedData(data.data, ProfileService.SELECTED_STATUS);
if (data.data && data.data.data == 1) {
this.cs.sharedService.setSharedData(this.addressSubMenu, ProfileService.ADRESS_ENTRIES);
this.cs.sharedService.setSharedData(this.employeeAdress, ProfileService.EMP_ADDRESS);
this.cs.sharedService.setSharedData(this.country, ProfileService.COUNTRY);
this.cs.openAddAddress();
} else if (data.data && data.data.data == 2) {
this.cs.openAddAddress();

@ -34,6 +34,7 @@ export class ProfileService {
public static ADRESS_ENTRIES = 'address-entries';
public static EMP_ADDRESS = 'emp-address';
public static COUNTRY = 'country';
public static SELECTED_STATUS = 'selected-status';
constructor(
public con: ConnectorService,
public authService: AuthenticationService

@ -1269,7 +1269,7 @@
},
"role": {
"en": "Role",
"ar": "Role"
"ar": "الدور الوظيفي"
},
"address": {
"en": "Address",

Loading…
Cancel
Save