umar-issues^2
Fatimah.Alshammari 6 years ago
parent fa39d7119e
commit 652112de8f

@ -61,7 +61,7 @@
<div class="centerDiv signupDiv" *ngIf="isAppleStore==false">
<a>{{ts.trPK('login','signup')}}</a>
</div>
<div class="gridDiv" aria-disabled="true">
<div [ngClass]='direction == "rtl"? "gridDiv":"gridDiv-ar"' aria-disabled="true">
<button class="gridBtn" ion-button (click)="changeLanguage('2')" [ngClass]="{'active':currentLang ==2}">English</button>
<button class="gridBtn arTxt" ion-button (click)="changeLanguage('1')" [ngClass]="{'active':currentLang ==1}">عربي</button>
<!-- <button class="gridBtn" ion-button (click)="changeLanguage()" style="background: #dcdcdc !important;color: #ccc6c6 !important;margin: 1px;width: 49%">English</button>

@ -53,16 +53,80 @@ img.centerDiv {
// margin-bottom: 10px;
font-size: 14px;
:root[dir="ltr"] {
// :root[dir="ltr"] {
padding-left: 16px;
padding-right: 0;
// }
// :root[dir="rtl"] {
// padding-right: 16px;
// padding-left: 0;
// // margin-bottom: 5px;
// }
button {
font-family: var(--fontFamilyLightEN) !important;
min-width: auto;
ion-app[dir="ltr"] {
float: left;
border-radius: 2px 0px 0px 2px;
font-family: var(--fontFamilyBoldEN) !important;
color: var(--customnavy);
}
ion-app[dir="rtl"] {
float: right;
border-radius: 0px 2px 2px 0px;
color: var(--darkgray);
}
margin: 0px;
padding: 10px;
border: 1px solid var(--cusgray);
box-shadow: none;
-webkit-box-shadow:none;
-moz-box-shadow: none;
background: var(--light);
width: 50%;
}
:root[dir="rtl"] {
button.arTxt {
:root[dir="rtl"] {
float: right;
color: var(--customnavy) !important;
font-family: var(--fontFamilyIOSAR) !important;
font-weight: bold;
border-radius: 2px 0px 0px 2px !important;
}
:root[dir="ltr"] {
float: left;
color: var(--darkgray) !important;
font-family: var(--fontFamilyIOSAR) !important;
border-radius: 0px 2px 2px 0px !important;
}
}
}
.gridDiv-ar {
width: 100%;
height: 40px;
margin-top: 20px;
// margin-bottom: 10px;
font-size: 14px;
// :root[dir="ltr"] {
// padding-left: 16px;
// padding-right: 0;
// }
// :root[dir="rtl"] {
padding-right: 16px;
padding-left: 0;
// margin-bottom: 5px;
}
// }
button {
font-family: var(--fontFamilyLightEN) !important;

@ -24,6 +24,7 @@ import { PushService } from 'src/app/hmg-common/services/push/push.service';
})
export class LoginComponent implements OnInit, OnDestroy {
deviceToken1: any;
direction: string;
constructor(
public cs: CommonService,
@ -41,6 +42,7 @@ export class LoginComponent implements OnInit, OnDestroy {
public plt: Platform,
public pushService: PushService
) {
this.direction = TranslatorService.getCurrentLanguageName();
this.events.subscribe('logoutFlage', logoutFlage => {
console.log('login compont logoutFlage: ' + logoutFlage);
// tslint:disable-next-line: triple-equals
@ -184,6 +186,11 @@ export class LoginComponent implements OnInit, OnDestroy {
this.currentLang = TranslatorService.getCurrentLanguageCode();
}
this.currentLang = langNumber;
if (TranslatorService.CURRENT_LANGUAGE == TranslatorService.EN){
this.direction = 'en';
} else {
this. direction = 'ar';
}
}
public forgetPasswordPage() {
this.cs.openUserForgot();

Loading…
Cancel
Save