skeleton updated

production
Sultan Khan 7 years ago
parent c5bd2b5693
commit 9266affe07

@ -1,36 +1,81 @@
import { Component, OnInit, ViewChild, AfterViewInit } from '@angular/core';
import { Platform, Events, MenuController } from '@ionic/angular';
import { StatusBar } from '@ionic-native/status-bar/ngx';
import { TranslatorService } from './hmg-common/services/translator/translator.service';
import { CommonService } from './hmg-common/services/common/common.service';
import { AuthenticationService } from './hmg-common/services/authentication/authentication.service';
import { AuthenticatedUser } from './hmg-common/services/authentication/models/authenticated-user';
import { TabsBarComponent } from './hmg-common/ui/tabs-bar/tabs-bar.component';
import { KeyboardService } from './hmg-common/services/keyboard/keyboard.service';
import { Router, RouteConfigLoadStart, RouteConfigLoadEnd, NavigationStart, NavigationEnd, NavigationCancel } from '@angular/router';
import { LazyLoadingService } from './hmg-common/services/lazy-loading/lazy-loading.service';
import { Component, OnInit, ViewChild, AfterViewInit } from "@angular/core";
import { Platform, Events, MenuController } from "@ionic/angular";
import { TranslatorService } from "./hmg-common/services/translator/translator.service";
import { CommonService } from "./hmg-common/services/common/common.service";
import { AuthenticationService } from "./hmg-common/services/authentication/authentication.service";
import { AuthenticatedUser } from "./hmg-common/services/authentication/models/authenticated-user";
import { TabsBarComponent } from "./hmg-common/ui/tabs-bar/tabs-bar.component";
import { KeyboardService } from "./hmg-common/services/keyboard/keyboard.service";
import { LazyLoadingService } from "./hmg-common/services/lazy-loading/lazy-loading.service";
@Component({
selector: 'app-root',
styleUrls: ['./app.component.scss'],
templateUrl: 'app.component.html'
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "app.component.html"
})
export class AppComponent implements OnInit, AfterViewInit {
// rootPage:any = LoginPage;
// @ViewChild(Nav) nav: Nav;
menuList:any=[];
User_name_Emp:string="";
user_image:string="";
menuSide:string="left";
notBadge:number;
companyUrl:string="../assets/imgs/CS.png";
companyDesc:string="Powered By Cloud Solutions";
public direction = 'ltr';
ngOnInit(){
}
ngAfterViewInit(){
}
start: any = false;
menuList: any = [];
User_name_Emp: string = "";
user_image: string = "";
menuSide: string = "left";
notBadge: number;
companyUrl: string = "../assets/imgs/CS.png";
companyDesc: string = "Powered By Cloud Solutions";
public direction = "ltr";
constructor(
public translatorService: TranslatorService,
private cs: CommonService,
private lazyLoadingService: LazyLoadingService,
private platform: Platform,
private events: Events,
private keyboardService: KeyboardService,
private menu: MenuController
) {}
ngOnInit() {
this.initializeApp();
}
ngAfterViewInit() {}
initializeApp() {
this.start = false;
this.lazyLoadingService.monitorLazyLoading(15, true);
this.platform.ready().then(() => {
this.translatorService.loadResources(() => {
this.initializeDirection();
// this.statusBar.styleDefault();
this.start = true;
this.watchLanguageChangeEvents();
// this.checkIfUserLoggedInBefore();
this.keyboardService.watchKeyboard();
});
});
}
private initializeDirection() {
this.direction = TranslatorService.getCurrentDirection();
}
private watchUserLoginChangeEvents() {
this.events.subscribe(
AuthenticationService.LOGIN_EVENT,
(user: AuthenticatedUser, time: Date) => {
// if (user) {
// this.loggedInMainUser = user;
// this.loggedInUser = user;
// this.loadFamilyMembers();
// }
}
);
}
private watchLanguageChangeEvents() {
this.events.subscribe(TranslatorService.CHANGE_EVENT, () => {
this.start = false;
this.initializeDirection();
setTimeout(() => {
this.start = true;
}, 100);
});
}
}

@ -8,21 +8,21 @@
</ion-row>
<ion-row>
<ion-col>
<P class="pageTitle text-caps">{{'login,title' | translate}}</P>
<P class="pageTitle text-caps">{{ts.trPK('login','login')}}</P>
</ion-col>
</ion-row>
</ion-grid>
<ion-item>
<img class="item-icon" src="assets/imgs/username.png" item-start />
<ion-label>{{'login,userName' | translate}}</ion-label>
<ion-label>{{ts.trPK('login','username')}}</ion-label>
<ion-input required type="text" [(ngModel)]="memberLogin.P_USER_NAME">
</ion-input>
</ion-item>
<ion-item>
<img class="item-icon" src="assets/imgs/password.png" item-start />
<ion-label>{{'login,password' | translate}}</ion-label>
<ion-label>{{ts.trPK('login','password')}}</ion-label>
<ion-input required type="password" [(ngModel)]="memberLogin.P_PASSWORD">
</ion-input>
</ion-item>
@ -31,12 +31,12 @@
<a (click)="signUp()">{{ts.trPK('login','signup')}}</a>
</div>
<div class="gridDiv">
<button class="gridBtn" ion-button (click)="changeLanguage(2)">English</button>
<button class="gridBtn arTxt" ion-button (click)="changeLanguage(1)">عربي</button>
<button class="gridBtn" ion-button (click)="changeLanguage()">English</button>
<button class="gridBtn arTxt" ion-button (click)="changeLanguage()">عربي</button>
</div>
<ion-footer>
<div class="centerDiv">
<button ion-button (click)="http_call()">{{ts.trPK('login','login')}}</button>
<ion-button (click)="http_call()">{{ts.trPK('login','login')}}</ion-button>
</div>
<br/>
<div class="centerDiv">

@ -1,77 +1,75 @@
.signupDiv {
font-size: 14px;
}
.signupDiv{
font-size: 14px;
}
.customGrid{
margin-bottom: 20px;
}
ion-item.item.item-block.item-md.item-input,
ion-item.item.item-block.item-ios.item-input{
padding: 0px;
margin-bottom: 10px;
}
ion-col.colPad.col {
padding-top: 20px;
}
ion-img{
width: 170px;
height: 170px;
background:var(--light);
.customGrid {
margin-bottom: 20px;
}
.pageTitle {
color: var(--dark);
font-size: 23px;
width: 100%;
text-align: center;
padding: 0px;
margin: 0px;
}
.TxtPlace {
margin: 0;
padding: 40px 0 10px 0;
text-align: center;
}
ion-item.item.item-block.item-md.item-input,
ion-item.item.item-block.item-ios.item-input {
padding: 0px;
margin-bottom: 10px;
}
ion-col.colPad.col {
padding-top: 20px;
}
ion-img {
width: 170px;
height: 170px;
background: var(--light);
}
.gridDiv {
width: 100%;
height: 40px;
margin-top: 20px;
// margin-bottom: 10px;
font-size: 14px;
:root[dir="ltr"] {
padding-left: 16px;
padding-right: 0;
}
.gridDiv{
width: 100%;
height: 40px;
margin-top: 20px;
// margin-bottom: 10px;
font-size: 14px;
// @include ltr(){
// padding-left: 16px;
// padding-right: 0;
// }
// @include rtl(){
// padding-right: 16px;
// padding-left: 0;
// // margin-bottom: 5px;
// }
button.gridBtn.button.button-md, button.gridBtn.button.button-ios, button.gridBtn.button.button{
font-family: var(--fontFamilyLightEN) !important;
min-width: auto;
// @include ltr(){
// float: left;
// border-radius: 2px 0px 0px 2px;
// font-family:$fontFamilyBoldEN !important;
// color:$customnavy;
// }
// @include rtl(){
// float: right;
// border-radius: 0px 2px 2px 0px ;
// color:$darkgray;
// }
margin: 0px;
padding: 0px;
border: 1px solid var(--cusgray);
box-shadow: none;
-webkit-box-shadow:none;
-moz-box-shadow: none;
background: var(--light);
width: 50%;
}
button.arTxt.button.button-md, button.arTxt.button.button-ios, button.arTxt.button.button{
// @include rtl(){
// float: right;
// color:$customnavy !important;
// font-family:$fontFamilyIOSAR !important;
// font-weight: bold;
// border-radius: 2px 0px 0px 2px !important;
// }
// @include ltr(){
// float: left;
// color:$darkgray !important;
// font-family: $fontFamilyIOSAR !important;
// border-radius: 0px 2px 2px 0px !important;
// }
}
:root[dir="rtl"] {
padding-right: 16px;
padding-left: 0;
// margin-bottom: 5px;
}
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;
}
}
}

@ -52,11 +52,15 @@ export class LoginComponent implements OnInit, OnDestroy {
this.checkIfLoggedInBefore();
// this.splash.hide();
}, 100);
console.log(this.ts);
}
ngOnDestroy(): void {
this.backClicked();
}
changeLanguage(){
this.ts.switchLanguage();
}
private checkIfLoggedInBefore() {
this.cs.startLoading();
// check if user logged in before

@ -9,6 +9,10 @@
"en": "Login",
"ar": "الدخول"
},
"username":{
"en":"Username",
"ar":"اسم المستخدم"
},
"login-type": {
"en": "Login Type",
"ar": "نوع الدخول"

Loading…
Cancel
Save