fix profile in arabic and translate

arabic-version^2
enadhilal 6 years ago
parent f82ac02174
commit 11dd7e56e4

@ -12,15 +12,19 @@
</div>
<div style="border-bottom: rgb(190, 186, 186) solid 1px;" >
<div *ngIf='direction==="ltr"' style="border-bottom: rgb(190, 186, 186) solid 1px;" >
<img class="mohemmLogo" src="../assets/imgs/menu_mohemm_logo.png" ></div>
<hr>
<div *ngIf='direction ==="rtl"' style="border-bottom: rgb(190, 186, 186) solid 1px;" >
<img class="mohemmLogo-ar" src="../assets/imgs/menu_mohemm_logo.png" ></div>
<hr>
</div>
<div class="centerDiv homeBox" (click)="openPersonalInfo()">
<div class="profileDiv">
<div [ngClass]="direction==='ltr'? 'profileDiv':'profileDiv-ar'">
<!-- <ion-img class="profileImg" src="{{user_image}}"></ion-img> -->
<img class="profileImg" [src]="user_image">
<p class="TxtPlace">{{User_name_Emp}}</p>
@ -62,7 +66,7 @@
</div> -->
<div style="border-bottom: rgb(190, 187, 187) solid 1px;" >
<button class="logout" ion-button (click)="logout();" > {{ts.trPK('home','logout')}}</button>
<button [ngClass]="direction ==='ltr'? 'logout':'logout-ar'" ion-button (click)="logout();" > {{ts.trPK('home','logout')}}</button>
</div>

@ -17,6 +17,16 @@ header
margin-top: -24px !important;
margin-bottom: 11px;
}
.mohemmLogo-ar{
max-width: 46% !important;
border: 0 !important;
margin-right: 70px !important;
margin-top: -24px !important;
margin-bottom: 11px;
}
.closeIcon{
height: 10px !important;
@ -84,6 +94,22 @@ padding: 6px 24px;
}
.logout-ar{
background-color: #22C6B3;
border: none;
color: white;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
margin-right: 95px !important;
margin-top: 15px !important;
margin-bottom: 20px !important;
border-radius: 30px;
height: 26px;
padding: 6px 24px;
}
.menuImg{
width: 105px !important;
height: 105px !important;

@ -1,7 +1,7 @@
<ion-header>
<ion-toolbar class="header-toolbar-new">
<ion-buttons slot="start">
<ion-back-button color="light" class="btnBack" defaultHref="/home"></ion-back-button>
<nav-buttons [enableMenu]="false" [enableBack]="true" [navigate]="true"></nav-buttons>
</ion-buttons>
<ion-title color="light" > {{'changePassword,changePassword' | translate}}</ion-title>
</ion-toolbar>

@ -2,8 +2,10 @@
<ion-toolbar class="header-toolbar-new">
<nav-buttons [enableMenu]="true" [enableBack]="false" [navigate]="false"></nav-buttons>
<ion-title>{{'home,dashboard' | translate}}</ion-title>
<div class="profile-image-container" (click)="openProfilePage()">
<img [src]="userImage"/>
<div slot = "start" class="profile-image-container" (click)="openProfilePage()">
</div>
<div slot="end">
<img class="profile-image" [src]="userImage"/>
</div>
</ion-toolbar>
</ion-header>

@ -9,14 +9,22 @@ ion-row {
.profile-image-container{
position: relative;
z-index: 999;
img {
width: 32px;
float: right;
margin-top: -42px;
border-radius: 20px;
height: 32px;
margin-right: 4px;
}
// img {
// width: 32px;
// float: right;
// // margin-top: -42px;
// border-radius: 20px;
// height: 32px;
// // margin-right: 4px;
// }
}
.profile-image{
width: 32px;
float: right;
// margin-top: -42px;
border-radius: 20px;
height: 32px;
// margin-right: 4px;
}
ion-title{
color: white;

@ -140,6 +140,7 @@ export class HomePage implements OnInit {
vacationRuleTitle: string;
public myTeamIcon: string;
public vacationRuleIcon: string;
direction: string;
constructor(
public ts: TranslatorService,
@ -176,6 +177,7 @@ export class HomePage implements OnInit {
}
ngOnInit() {
this.direction = TranslatorService.getCurrentLanguageName();
// this.getUserDetails();
// this.getCount();
// this.events.subscribe('getNotCount', badge => {

@ -411,6 +411,7 @@ export class HomeComponent implements OnInit {
if(this.ITGSegment.length != 0 ){
this.setActive(this.ITGSegment[0].code);
}
console.log(this.ITGSegment);
});
}

@ -1,7 +1,7 @@
<ion-content class="colorBG">
<div class="header-div">
<ion-buttons slot="start">
<ion-back-button color="light" class="btnBack" defaultHref="/home"></ion-back-button>
<nav-buttons [enableMenu]="false" [enableBack]="true" [navigate]="true"></nav-buttons>
</ion-buttons>
<p class="proTitles">{{ts.trPK('userProfile','title')}}</p>

@ -42,6 +42,9 @@ ion-label{
.profileDiv{
margin: 5px auto !important;
}
.profileDiv-ar{
margin: 16px auto !important;
}
.full-modal{
--height:100%;
--width:100%;

Loading…
Cancel
Save