add translate for header and fix the position back arrow in arabic version

arabic-version^2
enadhilal 6 years ago
parent 08c8ea71b1
commit 36c4bf322b

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

@ -1,7 +1,7 @@
<ion-header *ngIf="!accessFromOutSide"> <ion-header *ngIf="!accessFromOutSide">
<ion-toolbar class="header-toolbar"> <ion-toolbar class="header-toolbar">
<ion-buttons slot="start"> <ion-buttons slot="start">
<ion-back-button color="light" class="btnBack" ></ion-back-button> <nav-buttons [enableMenu]="false" [enableBack]="true" [navigate]="true"></nav-buttons>
</ion-buttons> </ion-buttons>
<ion-title color="light" > {{'login,verify-login' | translate}}</ion-title> <ion-title color="light" > {{'login,verify-login' | translate}}</ion-title>
</ion-toolbar> </ion-toolbar>

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

@ -62,10 +62,10 @@
<a (click)="signUp()">{{ts.trPK('login','signup')}}</a> <a (click)="signUp()">{{ts.trPK('login','signup')}}</a>
</div> </div>
<div class="gridDiv" aria-disabled="true"> <div class="gridDiv" aria-disabled="true">
<!-- <button disabled class="gridBtn" ion-button (click)="changeLanguage()" [ngClass]="{'active':this.currentLang ==1}">English</button> <button class="gridBtn" ion-button (click)="changeLanguage()" [ngClass]="{'active':this.currentLang ==1}">English</button>
<button disabled class="gridBtn arTxt" ion-button (click)="changeLanguage()" [ngClass]="{'active':this.currentLang ==2}">عربي</button> --> <button class="gridBtn arTxt" ion-button (click)="changeLanguage()" [ngClass]="{'active':this.currentLang ==2}">عربي</button>
<button disabled class="gridBtn" ion-button (click)="changeLanguage()" style="background: #dcdcdc !important;color: #ccc6c6 !important;margin: 1px;width: 49%">English</button> <!-- <button class="gridBtn" ion-button (click)="changeLanguage()" style="background: #dcdcdc !important;color: #ccc6c6 !important;margin: 1px;width: 49%">English</button>
<button disabled class="gridBtn arTxt" ion-button (click)="changeLanguage()" style="background: #dcdcdc !important;color: #ccc6c6 !important;margin: 1px;width: 49%">عربي</button> <button class="gridBtn arTxt" ion-button (click)="changeLanguage()" style="background: #dcdcdc !important;color: #ccc6c6 !important;margin: 1px;width: 49%">عربي</button> -->
</div> </div>

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

@ -1,7 +1,7 @@
<ion-header> <ion-header>
<ion-toolbar class="header-toolbar-new"> <ion-toolbar class="header-toolbar-new">
<nav-buttons [enableMenu]="true" [enableBack]="false" [navigate]="false"></nav-buttons> <nav-buttons [enableMenu]="true" [enableBack]="false" [navigate]="false"></nav-buttons>
<ion-title>DASHBOARD</ion-title> <ion-title>{{'home,dashboard' | translate}}</ion-title>
<div class="profile-image-container" (click)="openProfilePage()"> <div class="profile-image-container" (click)="openProfilePage()">
<img [src]="userImage"/> <img [src]="userImage"/>
</div> </div>
@ -27,10 +27,10 @@
<ion-row class="attendance-module" *ngIf="i == 1"> <ion-row class="attendance-module" *ngIf="i == 1">
<ion-col [size]="8"> <ion-col [size]="8">
<h3>Monthly Attendance</h3> <h3>{{'home,monthly-attendance' | translate}}</h3>
<span>View your Monthly Time Sheet</span> <span>{{'home,monthly-time-sheet-view' | translate}}</span>
<ion-button> <ion-button>
View Detail {{'home,view-detail' | translate}}
</ion-button> </ion-button>
</ion-col> </ion-col>
<ion-col [size]="4"> <ion-col [size]="4">
@ -142,7 +142,7 @@
</ion-row> --> </ion-row> -->
</ion-grid> </ion-grid>
<div class="fixed-shift-timer" *ngIf="isCheckedIn" (click)="openattentracking()"> <div class="fixed-shift-timer" *ngIf="isCheckedIn" (click)="openattentracking()">
<span class="subTitle">Time Left Today</span> <span class="subTitle"> {{'home,time-left' | translate}} </span>
<circle-progress <circle-progress
[backgroundColor]= "'#094875'" [backgroundColor]= "'#094875'"
[percent]="percent" [percent]="percent"

@ -3,7 +3,7 @@
<ion-buttons slot="start"> <ion-buttons slot="start">
<nav-buttons backLink="/home"></nav-buttons> <nav-buttons backLink="/home"></nav-buttons>
</ion-buttons> </ion-buttons>
<ion-title>WORK LIST</ion-title> <ion-title>{{'home,worklist' | translate}}</ion-title>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>
@ -12,11 +12,11 @@
<div class="contentBg"> <div class="contentBg">
<div class="result-graph"> <div class="result-graph">
<div class="request-heading"> <div class="request-heading">
<span>Open Request Analysis</span> <span>{{'work-list,open-analysis' | translate}}</span>
</div> </div>
<div class="result-text-container"> <div class="result-text-container">
<h2>{{totalRequestCount}}</h2> <h2>{{totalRequestCount}}</h2>
<span>TOTAL <br> OPEN REQUEST</span> <span>{{'work-list,total' | translate}} <br>{{'work-list,open-reqest' | translate}} </span>
</div> </div>
<p-chart class="today-graph" type="doughnut" [data]="data" [options]="options"></p-chart> <p-chart class="today-graph" type="doughnut" [data]="data" [options]="options"></p-chart>
</div> </div>
@ -37,12 +37,12 @@
<ion-row class="search-container"> <ion-row class="search-container">
<ion-col style="float: left;" size=[6] *ngIf="showSearchButton" (click)="clearSearch()"> <ion-col style="float: left;" size=[6] *ngIf="showSearchButton" (click)="clearSearch()">
<span style="margin-left: 5px;">Clear Search</span> <span style="margin-left: 5px;">{{'work-list,clear-search' | translate}}</span>
<ion-icon name="close" ></ion-icon> <ion-icon name="close" ></ion-icon>
</ion-col> </ion-col>
<ion-col style="float: right;" size=[6] (click)="openSearchModal()" *ngIf="selectedFilter === 'ALL'"> <ion-col style="float: right;" size=[6] (click)="openSearchModal()" *ngIf="selectedFilter === 'ALL'">
<ion-icon name="search" ></ion-icon> <ion-icon name="search" ></ion-icon>
<span>Advanced Search</span> <span>{{'work-list,advanced-search' | translate}}</span>
</ion-col> </ion-col>
</ion-row> </ion-row>
<!-- <div class="total-result" *ngIf="isEmptyObject() && selectedFilter === 'ALL' && showSearchButton === false"> <!-- <div class="total-result" *ngIf="isEmptyObject() && selectedFilter === 'ALL' && showSearchButton === false">
@ -82,7 +82,7 @@
<div class="no-data-available" *ngIf="!isEmptyObject()"> <div class="no-data-available" *ngIf="!isEmptyObject()">
<span>No Data Available</span> <span>{{'work-list,No-data-available' | translate}}</span>
</div> </div>
</div> </div>

@ -406,7 +406,9 @@ export class HomeComponent implements OnInit {
style: false style: false
}; };
} }
this.setActive(this.ITGSegment[0].code); if(this.ITGSegment.length !=0 ){
this.setActive(this.ITGSegment[0].code);
}
}); });
} }

@ -919,6 +919,48 @@
"account-info": { "account-info": {
"en": "Would you like to login with current username?", "en": "Would you like to login with current username?",
"ar": "هل ترغب في تسجيل الدخول باسم المستخدم الحالي؟" "ar": "هل ترغب في تسجيل الدخول باسم المستخدم الحالي؟"
},
"monthly-attendance":{
"en":"Monthly Attendance",
"ar":"الحضور الشهري"
},
"monthly-time-sheet-view":{
"en":"View your Monthly Time Sheet",
"ar":"عرض حضورك الشهري لساعات العمل"
},
"view-detail":{
"en":"View Detail",
"ar":"عرض التفاصيل"
},
"time-left":{
"en":"Time Left Today",
"ar":"باقي الوقت لليوم"
}
},
"work-list":{
"open-analysis":{
"en":"Open Request Analysis",
"ar":"فتح تحليل الطلب"
},
"total":{
"en":"Total",
"ar":"المجموع"
},
"open-reqest":{
"en":"OPEN REQUEST",
"ar":"الطلبات المفتوحه"
},
"clear-search":{
"en":"Clear Search",
"ar":"مسح البحث"
},
"advanced-search":{
"en":"Advanced Search",
"ar":"بحث متقدم"
},
"No-data-available":{
"en":"No Data Available",
"ar":"لا يوجد بيانات"
} }
}, },
"userProfile": { "userProfile": {

Loading…
Cancel
Save