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

@ -37,7 +37,7 @@
"@ionic-native/file": "^5.18.0", "@ionic-native/file": "^5.18.0",
"@ionic-native/file-path": "^5.18.0", "@ionic-native/file-path": "^5.18.0",
"@ionic-native/fingerprint-aio": "^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/geolocation": "^5.10.0",
"@ionic-native/globalization": "^5.18.0", "@ionic-native/globalization": "^5.18.0",
"@ionic-native/health": "^5.4.0", "@ionic-native/health": "^5.4.0",
@ -82,7 +82,7 @@
"cordova-plugin-file": "^6.0.2", "cordova-plugin-file": "^6.0.2",
"cordova-plugin-filepath": "^1.5.6", "cordova-plugin-filepath": "^1.5.6",
"cordova-plugin-fingerprint-aio": "^3.0.0", "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-geolocation": "^4.0.2",
"cordova-plugin-globalization": "^1.11.0", "cordova-plugin-globalization": "^1.11.0",
"cordova-plugin-inappbrowser": "^3.1.0", "cordova-plugin-inappbrowser": "^3.1.0",
@ -172,9 +172,6 @@
"cordova-plugin-ionic-webview": { "cordova-plugin-ionic-webview": {
"ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+" "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
}, },
"cordova-android-support-gradle-release": {
"ANDROID_SUPPORT_VERSION": "27.+"
},
"cordova.plugins.diagnostic": { "cordova.plugins.diagnostic": {
"ANDROID_SUPPORT_VERSION": "28.+" "ANDROID_SUPPORT_VERSION": "28.+"
}, },
@ -197,20 +194,6 @@
"cordova-plugin-fingerprint-aio": { "cordova-plugin-fingerprint-aio": {
"FACEID_USAGE_DESCRIPTION": "User Authentication" "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": {},
"cordova-plugin-androidx-adapter": {}, "cordova-plugin-androidx-adapter": {},
"cordova-plugin-background-geolocation": { "cordova-plugin-background-geolocation": {
@ -218,11 +201,37 @@
}, },
"phonegap-nfc": {}, "phonegap-nfc": {},
"wifiwizard2": {}, "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": [ "platforms": [
"android", "android",
"ios" "ios"
] ]
} }
} }

@ -39,6 +39,7 @@ import { Router } from '@angular/router';
import { BackgroundGeolocation } from '@ionic-native/background-geolocation/ngx'; import { BackgroundGeolocation } from '@ionic-native/background-geolocation/ngx';
import { NFC, Ndef } from "@ionic-native/nfc/ngx" import { NFC, Ndef } from "@ionic-native/nfc/ngx"
import { DigitalIdComponent } from '../authentication/digital-id/digital-id.component'; import { DigitalIdComponent } from '../authentication/digital-id/digital-id.component';
import { FirebaseX } from '@ionic-native/firebase-x/ngx';
@Component({ @Component({
selector: 'app-home', selector: 'app-home',
@ -158,7 +159,8 @@ export class HomePage implements OnInit {
private platform: Platform, private platform: Platform,
public backgroundGeolocation: BackgroundGeolocation, public backgroundGeolocation: BackgroundGeolocation,
public modalController: ModalController, public modalController: ModalController,
private nfc: NFC private nfc: NFC,
public firebasex: FirebaseX
) { ) {
this.events.subscribe('img-change', displayImg => { this.events.subscribe('img-change', displayImg => {
this.userImage = this.sanitizer.bypassSecurityTrustUrl( 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() { ionViewWillEnter() {
this.common.startLoading(); this.common.startLoading();
this.common.sharedService.setSharedData(true, 'loadWorkList'); this.common.sharedService.setSharedData(true, 'loadWorkList');

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

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

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

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

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

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

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

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

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

@ -53,7 +53,7 @@
</div> </div>
<div class="div"> <div class="div">
<div class="text" >{{ts.trPK('myTeam','my-team-members')}}</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>
<!-- <div> <!-- <div>
<ion-row> <ion-row>

@ -303,6 +303,23 @@ ion-content {
text-align: center; text-align: center;
padding-top: 3px; 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{ .div{
position: relative; position: relative;
display: flex; display: flex;

@ -10,7 +10,7 @@
<ion-content> <ion-content>
<div class="container-icon" *ngIf="categories.length>0"> <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> <ion-label>
{{key.name}} {{key.name}}
</ion-label> </ion-label>

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

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

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

@ -58,7 +58,7 @@
</strong> </strong>
</p> </p>
<ion-row *ngIf="related" class="related-offers-container"> <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 class="related-card">
<ion-card-header> <ion-card-header>
<div class="header-img" [ngStyle]="{'background-image': 'url(' + item.Banner_Image + ')'}" ></div> <div class="header-img" [ngStyle]="{'background-image': 'url(' + item.Banner_Image + ')'}" ></div>

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

@ -35,8 +35,16 @@ export class OfferDetailsComponent implements OnInit {
return temporalDivElement.textContent || temporalDivElement.innerText || ""; return temporalDivElement.textContent || temporalDivElement.innerText || "";
} }
share() { 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); 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; selectedCountryName: any;
public effectiveDate: any; public effectiveDate: any;
public submitAbsObjList: any = []; public submitAbsObjList: any = [];
public selectedStatus: any = {};
public isUpdate: boolean; public isUpdate: boolean;
constructor( constructor(
public modalController: ModalController, public modalController: ModalController,
@ -141,12 +141,15 @@ export class AddAddressComponent implements OnInit {
ngAfterViewInit() { ngAfterViewInit() {
console.log("ngAfterViewInit"); console.log("ngAfterViewInit");
// console.log(this.containerDiv.nativeElement); // console.log(this.containerDiv.nativeElement);
this.selectedStatus = this.cs.sharedService.getSharedData(ProfileService.SELECTED_STATUS);
var addressEntries = this.cs.sharedService.getSharedData(ProfileService.ADRESS_ENTRIES); var addressEntries = this.cs.sharedService.getSharedData(ProfileService.ADRESS_ENTRIES);
if (addressEntries && addressEntries.UPDATE_BUTTON === 'Y') { if (addressEntries && addressEntries.UPDATE_BUTTON === 'Y') {
this.isUpdate = true; this.isUpdate = true;
let countryDetail = this.cs.sharedService.getSharedData(ProfileService.COUNTRY); let countryDetail = this.cs.sharedService.getSharedData(ProfileService.COUNTRY);
this.selectedCountryName = countryDetail.name; this.selectedCountryName = countryDetail.name;
this.country = countryDetail.code; this.country = countryDetail.code;
} else {
this.isUpdate = false;
} }
this.getEitDffStructure(); this.getEitDffStructure();
// this.addFieldToDOM(this.buttonInput, 'btnSubmit', this.cs.presentAlert('Clicked!'), true) // this.addFieldToDOM(this.buttonInput, 'btnSubmit', this.cs.presentAlert('Clicked!'), true)
@ -1606,7 +1609,7 @@ export class AddAddressComponent implements OnInit {
EITTransactionTBL: this.arrValues, EITTransactionTBL: this.arrValues,
P_COUNTRY_CODE: this.country, P_COUNTRY_CODE: this.country,
P_EFFECTIVE_DATE: moment(this.effectiveDate).format('DD-MMM-YYYY'), 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 this.profileService

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

@ -7,7 +7,7 @@
<div [ngClass]="direction == 'ltr' ? 'result-graph' : 'result-graph-ar'" style="margin-top: -50px;"> <div [ngClass]="direction == 'ltr' ? 'result-graph' : 'result-graph-ar'" style="margin-top: -50px;">
<div class="user-info"> <div class="user-info">
<div class="user-image-container"> <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' " <img [ngClass]="direction == 'ltr'? 'img':'img-ar' "
[src]="personalInfo.EMPLOYEE_IMAGE ? 'data:image/png;base64,'+personalInfo.EMPLOYEE_IMAGE : '../assets/imgs/profile.png'" [src]="personalInfo.EMPLOYEE_IMAGE ? 'data:image/png;base64,'+personalInfo.EMPLOYEE_IMAGE : '../assets/imgs/profile.png'"
alt="Team Member Image" /> alt="Team Member Image" />
@ -18,19 +18,20 @@
</button> </button>
</div> </div>
</div> </div>
<div style="margin-top: 18px;">
<h1>{{personalInfo.EMPLOYEE_NAME}}</h1> <div style="margin-top: 25px;">
<span>{{personalInfo.EMPLOYEE_EMAIL_ADDRESS}}</span> <h1 class="name">{{personalInfo.EMPLOYEE_NAME}}</h1>
<span class="email">{{personalInfo.EMPLOYEE_EMAIL_ADDRESS}}</span>
</div> </div>
<div> <div>
<ion-row> <ion-row style="margin-top: 11px;">
<ion-col style="border-right: 1px solid rgb(221 221 221);"> <ion-col [size]="6">
<p style="font-size: 12px; color: rgb(128, 124, 124);">{{ts.trPK('userProfile','role')}}</p> <p class="subTitle">{{ts.trPK('userProfile','role')}}</p>
<span class="Boldtext">{{personalInfo.JOB_NAME}}</span> <span class="boldText">{{personalInfo.JOB_NAME}}</span>
</ion-col> </ion-col>
<ion-col> <ion-col [size]="6" style="border-left: 1px solid rgb(221 221 221);">
<p style="font-size: 12px; color: rgb(128, 124, 124);">{{ts.trPK('userProfile','empNo')}}</p> <p class="subTitle" style="line-height: 8px !important;">{{ts.trPK('userProfile','empNo')}}</p>
<span class="Boldtext">{{personalInfo.EMPLOYEE_NUMBER}}</span> <span class="boldText">{{personalInfo.EMPLOYEE_NUMBER}}</span>
</ion-col> </ion-col>
</ion-row> </ion-row>
</div> </div>
@ -41,38 +42,38 @@
<div class="action-button col-button"> <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@2x.png">
<img *ngIf="personalInfoSegment" style="width: 40px;" src="../assets/imgs/profile-icons/info-a@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> </div>
</ion-col> </ion-col>
<ion-col [size]="4" (click)="selectedSegment('basic')"> <ion-col [size]="4" (click)="selectedSegment('basic')">
<div class="action-button col-button"> <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@2x.png">
<img *ngIf="basicDetailsSegment" style="width: 40px;" src="../assets/imgs/profile-icons/basic-detail@21.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> </div>
</ion-col> </ion-col>
<ion-col [size]="4" (click)="selectedSegment('address')"> <ion-col [size]="4" (click)="selectedSegment('address')">
<div class="action-button col-button"> <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@2x.png">
<img *ngIf="addressSegment" style="width: 40px;" src="../assets/imgs/profile-icons/main address-a@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> </div>
</ion-col> </ion-col>
</ion-row> </ion-row>
</div> </div>
<ion-grid [ngClass]="direction === 'ltr'? 'grid-card':'grid-card-ar' "> <ion-grid [ngClass]="direction === 'ltr'? 'grid-card':'grid-card-ar' ">
<div [ngClass]=" direction == 'ltr' ? 'gridService-en' : 'gridService-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-row>
<ion-col> <ion-col>
<label <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}} {{ 'general, appreciate-service' | translate}}
</label> </label>
</ion-col> </ion-col>
</ion-row> </ion-row>
<ion-row [ngClass]=" direction == 'ltr' ? 'service-row-en' : 'service-row-ar'"> <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-grid>
<ion-row> <ion-row>
<ion-col class="text-years"> <ion-col class="text-years">
@ -83,7 +84,7 @@
</ion-row> </ion-row>
</ion-grid> </ion-grid>
</ion-col> </ion-col>
<ion-col [ngClass]=" direction == 'ltr' ? 'columns' : 'columns-ar'"> <ion-col [size]="4" [ngClass]=" direction == 'ltr' ? 'columns' : 'columns-ar'">
<ion-grid> <ion-grid>
<ion-row> <ion-row>
<ion-col class="text-years"> <ion-col class="text-years">
@ -94,7 +95,7 @@
</ion-row> </ion-row>
</ion-grid> </ion-grid>
</ion-col> </ion-col>
<ion-col [ngClass]=" direction == 'ltr' ? 'columns' : 'columns-ar'"> <ion-col [size]="4" [ngClass]=" direction == 'ltr' ? 'columns' : 'columns-ar'">
<ion-grid> <ion-grid>
<ion-row> <ion-row>
<ion-col class="text-years"> <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 *ngIf="personalInfoSegment" [ngClass]="direction === 'ltr'? 'card-size-info-en': 'card-size-info-ar' ">
<ion-card-content> <ion-card-content>
<ion-label> <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> </ion-label>
<br> <br>
<ion-label> <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> </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> <br>
<ion-label> <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> </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> <br>
<ion-label> <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> </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> <br>
<ion-label> <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> </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> <br>
</ion-card-content> </ion-card-content>
</ion-card> </ion-card>
@ -144,15 +145,15 @@
<ion-card *ngIf="basicDetailsSegment" [ngClass]="direction === 'ltr'? 'card-size-info-en': 'card-size-info-ar' "> <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-card-content *ngIf="!editBasic && (fullName && maritalStatus && birthDate && civilIdentityNumber)">
<ion-grid> <ion-grid>
<ion-row> <ion-row style="width: 113%;">
<ion-col size="10"> <ion-col size="10">
<ion-label> <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-label>
</ion-col> </ion-col>
<ion-col size="2" *ngIf="basicDetailsSubMenu && basicDetailsSubMenu.UPDATE_BUTTON === 'Y'"> <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')"> (click)="allowEdit('basic')">
</ion-col> </ion-col>
<ion-col size="2" *ngIf="basicDetailsSubMenu && basicDetailsSubMenu.ADD_BUTTON === 'Y'"> <ion-col size="2" *ngIf="basicDetailsSubMenu && basicDetailsSubMenu.ADD_BUTTON === 'Y'">
@ -162,24 +163,24 @@
</ion-grid> </ion-grid>
<br> <br>
<ion-label> <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> </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> <br>
<ion-label> <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> </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> <br>
<ion-label> <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> </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> <br>
<ion-label> <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> </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> <br>
</ion-card-content> </ion-card-content>
</ion-card> </ion-card>
@ -187,16 +188,16 @@
<ion-card *ngIf="addressSegment" [ngClass]="direction === 'ltr'? 'card-size-info-en': 'card-size-info-ar' "> <ion-card *ngIf="addressSegment" [ngClass]="direction === 'ltr'? 'card-size-info-en': 'card-size-info-ar' ">
<ion-card-content *ngIf="!editAddress && employeeAdress"> <ion-card-content *ngIf="!editAddress && employeeAdress">
<ion-grid> <ion-grid>
<ion-row> <ion-row style="width: 113%;">
<ion-col size="10"> <ion-col size="10">
<ion-label> <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-label>
</ion-col> </ion-col>
<ion-col size="2" *ngIf="addressSubMenu && addressSubMenu.UPDATE_BUTTON === 'Y'" (click)="allowEdit('address')"> <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>
<ion-col size="2" *ngIf="addressSubMenu && addressSubMenu.ADD_BUTTON === 'Y'" (click)="allowEdit('address')"> <ion-col size="2" *ngIf="addressSubMenu && addressSubMenu.ADD_BUTTON === 'Y'" (click)="allowEdit('address')">
<ion-icon class="add-icon-styling" name="add"></ion-icon> <ion-icon class="add-icon-styling" name="add"></ion-icon>
@ -205,34 +206,34 @@
</ion-grid> </ion-grid>
<br> <br>
<ion-label> <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> </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> <br>
<ion-label> <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> </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> <br>
<ion-label> <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> </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> <br>
<ion-label> <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> </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> <br>
<ion-label> <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> </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> <br>
<ion-label> <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> </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> <br>
</ion-card-content> </ion-card-content>
</ion-card> </ion-card>

@ -116,7 +116,8 @@ ion-thumbnail.menu-thumb {
// font-weight: bolder; // font-weight: bolder;
color: white; color: white;
// letter-spacing: 1px; // letter-spacing: 1px;
font-weight: bold; // font-weight: bold;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
} }
.services { .services {
font-size: 12px; font-size: 12px;
@ -279,14 +280,49 @@ ion-title {
} }
@media screen and (min-width: 768px) and (max-width: 1024px) { @media screen and (min-width: 768px) and (max-width: 1024px) {
.user-image { .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; position: relative;
display: block; display: block;
width: 30%; width: 30%;
height: 100%; height: 100%;
border-radius: 80px; 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 { h1 {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -977,33 +1013,70 @@ $actionBtnSize: 36px;
text-align: center; text-align: center;
width: 20px; width: 20px;
} }
@media screen and (min-width: 1px) and (max-width:766px){
.grid-card { .grid-card {
right: 5px; right: 5px;
position: relative; position: relative;
display: block; display: block;
z-index: 5; z-index: 5;
width: 103%; width: 103%;
} }}
@media screen and (min-width: 1px) and (max-width:766px){
.grid-card-ar { .grid-card-ar {
left: 5px; left: 5px;
position: relative; position: relative;
display: block; display: block;
z-index: 5; z-index: 5;
width: 103%; 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 { .changeImgBtn {
position: absolute; position: absolute;
left: 60%; left: 60%;
bottom: 230%; bottom: 230%;
} display: flex;
.changeImgBtn-ar { }}
@media screen and (min-width: 768px) and (max-width:1050px){
.changeImgBtn {
position: absolute; position: absolute;
left: 60%; left: 55%;
bottom: 150%; 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 { .menubutton {
background: #f0ecec; background: #f0ecec;
min-height: 25px; min-height: 25px;
@ -1041,8 +1114,10 @@ $actionBtnSize: 36px;
} }
.card-size-info-en{ .card-size-info-en{
width: 88%; // width: 88%;
left: 2%; // left: 2%;
width: 90%;
left: 3%;
} }
.card-size-info-ar{ .card-size-info-ar{
@ -1050,36 +1125,177 @@ $actionBtnSize: 36px;
right: 2%; right: 2%;
} }
.header-label-text-form{ // .header-label-text-form{
opacity: 1; // opacity: 1;
color: #2B353E; // color: #2B353E;
font: normal normal 600 20px/30px Poppins; // 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; 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{ .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; letter-spacing: -0.52px;
color: #A2A2A2; color: #A2A2A2;
opacity: 1; opacity: 1;
} }
.result-label-text-form{ .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; letter-spacing: -0.64px;
color: #2B353E; color: #2B353E;
opacity: 1; 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; .result-label-text-form-ar{
width: 35px; text-align: right;
height: 35px; font-family: var(--fontFamilyPoppins-SemiBold, inherit);
color: white; line-height: 20px;
border-radius: 50%; font-size: 16px;
letter-spacing: -0.64px;
color: #2B353E;
opacity: 1;
} }

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

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

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

Loading…
Cancel
Save