dashboard update

production
Sultan Khan 7 years ago
parent dc8a66b206
commit 0bf7dbd72e

@ -4,32 +4,50 @@
<ion-split-pane>
<ion-menu [side]=" direction === 'rtl' ? 'end' : 'start'" [swipeGesture]="false" (ionWillOpen)="menuOpened(true)"
(ionWillClose)="menuOpened(false)">
<ion-content class="sidebar-menu">
<ion-content class="sidebar-menu" >
<div class="header-div">
<div class="centerDiv">
<p class="TxtPlace">{{"home.hello" | translate}}, {{User_name_Emp}}</p>
<p class="TxtPlace">{{ts.trPK('home','hello')}}, {{User_name_Emp}}</p>
<div> <img src="{{user_image}}" class="profileImg" ></div>
</div>
</div>
<!-- <ion-list>
<button class="menu-item" ion-item menuClose ion-item (click)="goToWorkListPage()" >
<img width="30" src="../assets/imgs/bell.png" item-left >
{{"home.worklist" | translate }}
<ion-badge item-end>{{notBadge}}</ion-badge>
</button>
<button class="menu-item" ion-item menuClose ion-item (click)="goToProfile()" >
<img width="30" src="../assets/imgs/username.png" item-left >
{{"userProfile.title" | translate }}
</button>
<ion-list>
<ion-item>
<ion-thumbnail slot="start" class="menu-thumb">
<img width="30" src="../assets/imgs/bell.png" item-left >
</ion-thumbnail>
<ion-label>
{{ts.trPK('home','worklist')}}
<ion-badge item-end>{{notBadge}}</ion-badge>
</ion-label>
<!-- <button class="menu-item" ion-item menuClose ion-item (click)="goToWorkListPage()" >
</button> -->
</ion-item>
<ion-item>
<ion-thumbnail slot="start" class="menu-thumb">
<img width="30" src="../assets/imgs/username.png" item-left >
</ion-thumbnail>
<ion-label>
{{ts.trPK('userProfile','title')}}
</ion-label>
</ion-item>
<ion-item>
<button class="menu-item" ion-item menuClose ion-item (click)="logout()" >
<ion-thumbnail slot="start" class="menu-thumb">
<img width="30" src="../assets/imgs/signout.png" item-left >
{{"home.logout" | translate }}
</button>
</ion-list> -->
</ion-thumbnail>
<ion-label>
{{ts.trPK('home','logout')}}
</ion-label>
</ion-item>
</ion-list>
<div class="menuFooter">

@ -172,4 +172,8 @@ button.menu-item.item.item-block.item-ios {
font-size: 12px;
color: var(--customnavy);
text-align: center;
}
ion-thumbnail.menu-thumb{
width:30px;
height:30px;
}

@ -27,7 +27,7 @@ export class AppComponent implements OnInit, AfterViewInit {
companyDesc: string = "Powered By Cloud Solutions";
public direction = "ltr";
constructor(
public translatorService: TranslatorService,
public ts: TranslatorService,
private cs: CommonService,
private lazyLoadingService: LazyLoadingService,
private platform: Platform,
@ -43,7 +43,7 @@ export class AppComponent implements OnInit, AfterViewInit {
this.start = false;
this.lazyLoadingService.monitorLazyLoading(15, true);
this.platform.ready().then(() => {
this.translatorService.loadResources(() => {
this.ts.loadResources(() => {
this.initializeDirection();
// this.statusBar.styleDefault();
this.start = true;

@ -12,14 +12,14 @@
<ion-badge id="homeBadgeBtn" item-end>{{notBadge}}</ion-badge>
</button>
<div class="centerDiv" (click)="openPersonalInfo()">
<p class="TxtPlace">{{"userData.hello" | translate}}, {{User_name_Emp}}</p>
<p class="TxtPlace">{{ts.trPK('home','hello')}}, {{User_name_Emp}}, {{User_name_Emp}}</p>
<div class="profileDiv"><ion-img class="profileImg" src="{{user_image}}"></ion-img></div>
</div>
</div>
<div>
<div>
<p class="dash-header text-caps">{{"userData.dashboard" | translate}}</p>
<p class="dash-header text-caps">{{ts.trPK('home','dashboard')}}, {{User_name_Emp}}</p>
</div>
<div>
<ion-grid class="cus-grid">
@ -33,26 +33,26 @@
<ion-col size="6" class="col-grid">
<button ion-button block class="serviceItem" (click)="attendance()">
<ion-img class="serviceItemImg" src="../assets/imgs/attend.png"></ion-img>
<p>{{"attendance.attendance" | translate}}</p>
<p>{{ts.trPK('attendance','attendance')}}</p>
</button>
</ion-col>
<ion-col size="6" class="col-grid">
<button ion-button block class="serviceItem" (click)="Vaction_Rule()">
<ion-img class="serviceItemImg" src="../assets/imgs/vacationrule.png"></ion-img>
<p>{{"vacationRule.vacationRule" | translate}}</p>
<p>{{ts.trPK('vacationRule','vacationRule')}}</p>
</button>
</ion-col>
<ion-col size="6" class="col-grid">
<button ion-button block class="serviceItem" (click)="accrualBalance()">
<ion-img class="serviceItemImg" src="../assets/imgs/accu.png"></ion-img>
<p>{{"absenceList.accrualBalances" | translate}}</p>
<p>{{ts.trPK('absenceList','accrualBalances')}}</p>
</button>
</ion-col>
<ion-col size="6" class="col-grid">
<button ion-button block class="serviceItem" (click)="Change_password()">
<ion-img class="serviceItemImg" src="../assets/imgs/changepass.png"></ion-img>
<p>{{"changePassword.changePassword" | translate}}</p>
<p>{{ts.trPK('changePassword','changePassword')}}</p>
</button>
</ion-col>
</ion-row>

@ -90,20 +90,6 @@
"ar":"تحقق مرة واحدة كلمة المرور"
}
},
"changePassword":{
"newPassword":{
"en":"New Password",
"ar":"كلمة المرور الجديدة"
},
"confirmPassword":{
"en":"Confirm Password",
"ar":"تأكيد كلمة المرور"
},
"passwordchanged":{
"en":"Your password changed successfully",
"ar":"تم تغيير كلمة المرور الخاصة بك بنجاح"
}
},
"verificationcode":
{
"verificationcode":{
@ -688,32 +674,231 @@
"home": {
"dashboard":{
"en":"My Dashboard",
"ar":""
"ar": "الرئيسية"
},
"hello": {
"en":"Hello",
"ar":""
"ar":"مرحبا"
},
"logout": {
"en":"Logout",
"ar":""
"ar":"تسجيل الخروج"
},
"worklist":{
"en":"Work List",
"ar":""
"ar":"قائمة العمل"
},
"possitionAlert":{
"en":"The app could not access your location. Make sure that the location service is enabled from your device settings",
"ar":""
"ar":"تعذر على التطبيق الوصول إلى موقعك. تأكد من تفعيل خدمة الموقع من إعدادات جهازك"
},
"swipeAlertSuccess":{
"en":"Your swipe done successfully",
"ar":""
"ar":"تم تسجيل الدخول بنجاح"
},
"swipeAlertFailed":{
"en":"your swipe Failed, please try again...",
"ar":""
"ar":"حدث خطاء في تسجيل الدخول فضلاً اعد المحاولة"
}
},
"userProfile": {
"title":
{
"en": "My Profile",
"ar":"معلوماتي"
},
"empNo": {
"en": "Employee Number",
"ar":"الرقم الوظيفي"
},
"busG":{
"en": "Business Group",
"ar":"مجموعة العمل"
},
"job":{
"en": "Job",
"ar":"الوظيفة"
},
"locName":{
"en": "Location Name",
"ar": "اسم الموقع"
},
"payrol": {
"en":"Payroll",
"ar":"كشف الرواتب"
},
"orgEmail": {
"en":"Organization Email Address",
"ar":"البريد الإلكتروني للمنشأة"
},
"name":{
"en": "Emplyee Name",
"ar":"اسم الموظف "
},
"orgName": {
"en":"Organization Name",
"ar":"اسم المنشأة"
},
"position": {
"en":"Position",
"ar":"منصب"
},
"grade":{
"en": "Grade",
"ar":"الدرجة"
},
"category": {
"en":"Category",
"ar":"الفئة"
}
},
"changePassword": {
"successChange":{
"en": "Password Changed successfully",
"ar":"تم تغيير كلمة المرور بنجاح"
},
"currentPassword": {
"en":"Current Password",
"ar": "تغيير كلمة المرور"
},
"confirmPassword": {
"en":"Confirm Password",
"ar":""
},
"newPassword": {
"en":"New Password",
"ar":""
},
"changePassword": {
"en":"Change Password",
"ar":""
},
"codeNumber": {
"en":"verification code",
"ar":""
},
"emptyNewPassword": {
"en":"Please fill New Password field",
"ar":""
},
"emptyOldPassword": {
"en":"Please fill Old Password field",
"ar":""
},
"emptyConfirmPassword": {
"en":"Please fill Confirm Password field",
"ar":""
}
},
"attendance":
{
"attendance":{
"ar":"الحضور",
"en":"Attendance"
}
},
"vacationRule": {
"vacationRule":{
"en": "Vacation Rule",
"ar":"قواعد الإجازات"
},
"ruleName": {
"en": "Rule Name",
"ar": "اسم القاعدة"
},
"itemType": {
"en": "Item Type",
"ar": "نوع العنصر"
},
"notification": {
"en": "Notification",
"ar":"إشعار"
},
"status":{
"en": "Status",
"ar": "حالة"
},
"createRule": {
"en": "Create Rule",
"ar":"إنشاء قاعدة"
},
"ruleInfo":{
"en": "Rule Information",
"ar":"معلومات القاعدة"
},
"deleteVR":{
"en": "Are you sure you want to delete this rule?",
"ar":"هل تريد فعلا حذف هذه القاعدة؟"
},
"tip":{
"en": "<p>You can <span class=\"boldTxtNav\">EDIT</span> or <span class=\"boldTxtNav\">DELETE</span> your current rules or <span class=\"boldTxtNav\">CREATE RULE</span></p>",
"ar":"<p>يمكنك <span class=\"boldTxtNav\">تعديل</span> أو <span class=\"boldTxtNav\">حذف</span> القواعد الحالية أو <span class=\"boldTxtNav\">إنشاء قاعدة</span> جديدة</p>"
}
},
"absenceList": {
"absenceList":{
"en": "Absence list",
"ar": "قائمة الإجازات"
},
"accrualBalances":{
"en": "Accrual Balances",
"ar": "رصيد حساب المستحقات"
},
"createAbsence":{
"en": "Create Absence",
"ar":"إنشاء إجازة"
},
"startDate": {
"en":"Start Date",
"ar":"تاريخ البداية"
},
"endDate":{
"en": "End Date",
"ar":"تاريخ النهاية"
},
"absenceType":{
"en": "Absence Type",
"ar":"نوع الإجازة"
},
"absenceCategory": {
"en":"Absence Category",
"ar":"فئة الإجازة"
},
"days": {
"en":"Days",
"ar":"أيام"
},
"hours": {
"en":"Hours",
"ar":"ساعات"
},
"approvalStatus": {
"en":"Approval Status",
"ar":"حالة الموافقة"
},
"absenceStatus": {
"en":"Absence Status",
"ar":"حالة الإجازة"
},
"createAbs":{
"en": "Create Absence",
"ar":"إضافة"
},
"attach":{
"en":"Attachments",
"ar":"المرفقات"
},
"absHeader":{
"en":"Absence Details",
"ar":"معلومات الإجازة"
},
"attachList":{
"en":"Attachment List",
"ar":"قائمة المرفقات"
}
}
}
Loading…
Cancel
Save