diff --git a/Mohem/src/app/absence/absence-confirm/absence-confirm.component.html b/Mohem/src/app/absence/absence-confirm/absence-confirm.component.html index d54f2c4e..2439bfae 100644 --- a/Mohem/src/app/absence/absence-confirm/absence-confirm.component.html +++ b/Mohem/src/app/absence/absence-confirm/absence-confirm.component.html @@ -109,7 +109,7 @@
-
+
- {{ts.trPK('absenceList','absenceList')}} + {{ts.trPK('home','leave-balance')}} @@ -55,26 +55,20 @@
-

{{totalnumber}}

+ - {{ts.trPK('absenceList','totalNumber')}} +
- +
-
+
@@ -84,13 +78,7 @@
-
+
@@ -101,13 +89,7 @@
-
+
diff --git a/Mohem/src/app/absence/home/home.component.scss b/Mohem/src/app/absence/home/home.component.scss index 670bd6c2..49b358e9 100644 --- a/Mohem/src/app/absence/home/home.component.scss +++ b/Mohem/src/app/absence/home/home.component.scss @@ -15,7 +15,7 @@ right: 8%; position: fixed; color: white; - bottom: 20%; + bottom: 5%; border-radius: 50%; z-index: 999; -webkit-box-shadow: 2px -1px 13px 0px rgba(0,0,0,0.59); @@ -137,6 +137,17 @@ // padding-top: 29px; margin-left: -70px !important; } +.today-graph-ar{ + display: block !important; + height: 196px; + width: 385px; + padding-left: 51px; + /* margin-left: -70px !important; */ + font-size: 14px; + margin-left: -48px; + margin-right: 63px; + margin-bottom: -30px; +} .headerGrid{ background-color: white !important; @@ -215,4 +226,65 @@ margin-top: -13px; left: 0; top: 0px; z-index: 1; - } \ No newline at end of file + } + .div-green{ + position: relative; + left: 82%; + bottom: 128px; + color: black; + background-color: #1FA269; + width: 13%; + height: 6px; + } + .div-green-ar{ + position: relative; + bottom: 59px; + color: black; + background-color: #1FA269; + width: 13%; + height: 6px; + right: 9px; + + } + .div-red-ar{ + position: relative; + bottom: 131px; + color: black; + background-color: #CB3232; + // background-color: #094875; + // background-color: #DDB017; + width: 13%; + height: 6px; + right: 78px; + } + .div-red{ + position: relative; + left: 59%; + bottom: 131px; + color: black; + background-color: #CB3232; + // background-color: #094875; + width: 13%; + height: 6px; + } + + .div-orng{ + position: relative; + left: 82%; + bottom: 80px; + color: black; + // background-color: #CB3232; + background-color: #DDB017; + width: 13%; + height: 6px; + } + .div-orng-ar{ + position: relative; + bottom: 139px; + color: black; + // background-color: #CB3232; + background-color: #DDB017; + width: 13%; + height: 6px; + right: 10px; + } \ No newline at end of file diff --git a/Mohem/src/app/absence/home/home.component.ts b/Mohem/src/app/absence/home/home.component.ts index 05b25d8b..1856df8d 100644 --- a/Mohem/src/app/absence/home/home.component.ts +++ b/Mohem/src/app/absence/home/home.component.ts @@ -39,6 +39,7 @@ export class HomeComponent implements OnInit { ACCRUAL_USED_ENTITLEMENT: any; ACCRUAL_YEARLY_ENTITLEMENT: any; totalnumber: any; + public direction: string; public options = { cutoutPercentage: 80, @@ -56,6 +57,7 @@ export class HomeComponent implements OnInit { public accrualService: AccrualService, public authService: AuthenticationService ) { + this.direction = TranslatorService.getCurrentDirection(); // this.userData =this.common.sharedService.getSharedData(AuthenticatedUser.SHARED_DATA,false); } @@ -107,10 +109,10 @@ export class HomeComponent implements OnInit { this.data = { // labels: ['earingTotal', 'deductionTotal'], datasets: [ - { data: [this.accrualNet,this.accrualUsed,this.accrualYearly], + { data: [this.accrualNet,this.accrualYearly,this.accrualUsed], backgroundColor: [ - '#DDB017', - '#094875', + '#1FA269', + '#DDB017', '#CB3232',], borderWidth: 2 } @@ -262,11 +264,11 @@ createAbsence() { this.data = { // labels: ['earingTotal', 'deductionTotal'], datasets: [ - { data: [this.accrualNet,this.accrualUsed,this.accrualYearly], + { data: [this.accrualNet,this.accrualYearly,this.accrualUsed], backgroundColor: [ - '#DDB017', - '#094875', - '#CB3232',], + '#1FA269', + '#DDB017', + '#CB3232',], borderWidth: 2 } ] diff --git a/Mohem/src/app/absence/submit-absence-modal/submit-absence-modal.component.html b/Mohem/src/app/absence/submit-absence-modal/submit-absence-modal.component.html index 917ed98c..7e996546 100644 --- a/Mohem/src/app/absence/submit-absence-modal/submit-absence-modal.component.html +++ b/Mohem/src/app/absence/submit-absence-modal/submit-absence-modal.component.html @@ -10,21 +10,21 @@ --> -

Confirmation

+

{{'eit,confirmation' | translate}}

- No Attachment + {{'eit,no-attachment' | translate}}
- No Note + {{'eit,no-note' | translate}}
- Are you sure you want to submit + {{'eit,submit' | translate}} {{ts.trPK('general','ok')}} diff --git a/Mohem/src/app/app.component.html b/Mohem/src/app/app.component.html index 42371b1a..a8762509 100644 --- a/Mohem/src/app/app.component.html +++ b/Mohem/src/app/app.component.html @@ -12,15 +12,19 @@
-
+

+
+
+ +
-
+

{{User_name_Emp}}

@@ -62,7 +66,7 @@
-->
- +
diff --git a/Mohem/src/app/app.component.scss b/Mohem/src/app/app.component.scss index e2901722..5b3cf302 100644 --- a/Mohem/src/app/app.component.scss +++ b/Mohem/src/app/app.component.scss @@ -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; diff --git a/Mohem/src/app/attendance/models/attendanceSwipe.Request.ts b/Mohem/src/app/attendance/models/attendanceSwipe.Request.ts new file mode 100644 index 00000000..b08ad177 --- /dev/null +++ b/Mohem/src/app/attendance/models/attendanceSwipe.Request.ts @@ -0,0 +1,25 @@ +import { Request } from 'src/app/hmg-common/services/models/request'; + +export class attendanceSwipeScannerRequest extends Request{ + public static SHARED_DATA = 'attendanceSwipeScanner-request'; + public P_USER_NAME:string; + public P_PASSWORD: string; + public UserName: string; + public CompanyID:number; + public BranchID: number; + public UID:string; + public Latitude:number; + public Longitude:number; + public QRValue: string; + public MemberID:number; + public EmployeeID: number; + public IPAdress: string; + public UserID: string; +} + + + + + + + diff --git a/Mohem/src/app/attendance/services/attendance.service.ts b/Mohem/src/app/attendance/services/attendance.service.ts index e69de29b..b987954a 100644 --- a/Mohem/src/app/attendance/services/attendance.service.ts +++ b/Mohem/src/app/attendance/services/attendance.service.ts @@ -0,0 +1,20 @@ +import { Injectable } from "@angular/core"; +import { Observable } from "rxjs"; +import { ConnectorService } from "src/app/hmg-common/services/connector/connector.service"; +import { AuthenticationService } from "src/app/hmg-common/services/authentication/authentication.service"; +import { attendanceSwipeScannerRequest } from '../models/attendanceSwipe.Request'; +@Injectable({ + providedIn: "root" +}) +export class AttendanceService { + public AttendanceSwipeURL : string ='Services/SWP.svc/REST/AuthenticateAndSwipeUser'; + constructor( + public con: ConnectorService, + public authService: AuthenticationService + ) {} + public attendanceSwipeScanner(attendanceSwipeScanner: attendanceSwipeScannerRequest, onError?: any, errorLabel?: string): Observable { + const request = attendanceSwipeScanner; + this.authService.authenticateRequest(request); + return this.con.post(this.AttendanceSwipeURL,request,onError,errorLabel); + } +} diff --git a/Mohem/src/app/authentication/change-password/change-password.component.html b/Mohem/src/app/authentication/change-password/change-password.component.html index 29eb0d85..939e66ba 100644 --- a/Mohem/src/app/authentication/change-password/change-password.component.html +++ b/Mohem/src/app/authentication/change-password/change-password.component.html @@ -1,7 +1,7 @@ - + {{'changePassword,changePassword' | translate}} diff --git a/Mohem/src/app/authentication/check-user/check-user.component.html b/Mohem/src/app/authentication/check-user/check-user.component.html index 766c4349..ba3aec50 100644 --- a/Mohem/src/app/authentication/check-user/check-user.component.html +++ b/Mohem/src/app/authentication/check-user/check-user.component.html @@ -1,7 +1,7 @@ - + {{'login,forgot-password' | translate}} diff --git a/Mohem/src/app/authentication/confirm-login/confirm-login.component.html b/Mohem/src/app/authentication/confirm-login/confirm-login.component.html index 5ab6a2b0..0e57adf1 100644 --- a/Mohem/src/app/authentication/confirm-login/confirm-login.component.html +++ b/Mohem/src/app/authentication/confirm-login/confirm-login.component.html @@ -1,7 +1,7 @@ - + {{'login,verify-login' | translate}} diff --git a/Mohem/src/app/authentication/forgot/forgot.component.html b/Mohem/src/app/authentication/forgot/forgot.component.html index 1e052198..f363261d 100644 --- a/Mohem/src/app/authentication/forgot/forgot.component.html +++ b/Mohem/src/app/authentication/forgot/forgot.component.html @@ -1,7 +1,7 @@ - + {{'login,forgot-password' | translate}} diff --git a/Mohem/src/app/authentication/login/login.component.html b/Mohem/src/app/authentication/login/login.component.html index da7aec7e..2dd41792 100644 --- a/Mohem/src/app/authentication/login/login.component.html +++ b/Mohem/src/app/authentication/login/login.component.html @@ -62,10 +62,10 @@ {{ts.trPK('login','signup')}}
- - - + + +
diff --git a/Mohem/src/app/authentication/sms-page/sms-page.page.html b/Mohem/src/app/authentication/sms-page/sms-page.page.html index f2811d6a..0f83c9d6 100644 --- a/Mohem/src/app/authentication/sms-page/sms-page.page.html +++ b/Mohem/src/app/authentication/sms-page/sms-page.page.html @@ -1,7 +1,7 @@ - + {{'verificationcode,verificationcode' | translate}} diff --git a/Mohem/src/app/eit/add-eit/add-eit.component.scss b/Mohem/src/app/eit/add-eit/add-eit.component.scss index 08f5fd5c..22988b18 100644 --- a/Mohem/src/app/eit/add-eit/add-eit.component.scss +++ b/Mohem/src/app/eit/add-eit/add-eit.component.scss @@ -23,6 +23,7 @@ ion-label { padding-left: 10px; } + .header-toolbar-new{ --background: #22c6b3; } diff --git a/Mohem/src/app/eit/confirm-add-eit/confirm-add-eit.component.html b/Mohem/src/app/eit/confirm-add-eit/confirm-add-eit.component.html index aa9cf636..a1a18349 100644 --- a/Mohem/src/app/eit/confirm-add-eit/confirm-add-eit.component.html +++ b/Mohem/src/app/eit/confirm-add-eit/confirm-add-eit.component.html @@ -104,7 +104,7 @@
-
+
+ {{headerTitle}} - {{headerTitle}} + -
+
@@ -26,7 +27,7 @@
- +
@@ -38,7 +39,7 @@
- +
@@ -54,7 +55,7 @@
-
+


@@ -62,7 +63,7 @@
-
+


@@ -71,7 +72,7 @@
-
+


@@ -131,7 +132,7 @@
- + @@ -220,11 +221,11 @@
- + - +
diff --git a/Mohem/src/app/eit/eit-list/eit-list.component.scss b/Mohem/src/app/eit/eit-list/eit-list.component.scss index c2b03032..2dfdf5be 100644 --- a/Mohem/src/app/eit/eit-list/eit-list.component.scss +++ b/Mohem/src/app/eit/eit-list/eit-list.component.scss @@ -63,17 +63,28 @@ h4 { .addClass{ background-color: #094875; - width: 80px; - height: 80px; - right: 8%; - position: fixed; - color: white; - bottom: 20%; - border-radius: 50%; - z-index: 999; - -webkit-box-shadow: 2px -1px 13px 0px rgba(0,0,0,0.59); - -moz-box-shadow: 2px -1px 13px 0px rgba(0,0,0,0.59); - box-shadow: 2px -1px 13px 0px rgba(0,0,0,0.59); + width: 80px; + height: 80px; + right: 8%; + position: fixed; + color: white; + bottom: 5%; + border-radius: 50%; + z-index: 999; + -webkit-box-shadow: 2px -1px 13px 0px rgba(0,0,0,0.59); + -moz-box-shadow: 2px -1px 13px 0px rgba(0,0,0,0.59); + box-shadow: 2px -1px 13px 0px rgba(0,0,0,0.59); +} + +.contentEit:before { + position: absolute; +content: ""; +// background: #22c6b3; +height: 140px; +width: 100%; +left: 0; +top: 0px; +z-index: 1; } .hrClass{ @@ -160,6 +171,11 @@ z-index: 1; margin-left: 7px !important; margin-right: 42px; } + .green-label-ar{ + font-size: 15px !important; + margin-left: 7px !important; + margin-right: 15px; + } .blue-label{ font-size: 15px !important; margin-left: 7px !important; @@ -170,6 +186,11 @@ z-index: 1; margin-left: 7px !important; margin-right: -26px; } + .light-label-ar{ + font-size: 15px !important; + margin-right: 7px !important; + margin-left: -26px; + } .light-dote{ background-color: #3CB9D5; @@ -241,6 +262,16 @@ z-index: 1; margin-left: -17px; margin-right: 5px; } + + .adult-dote-ar{ + background-color: #3CB9D5; + width: 15px; + height: 15px; + border-radius: 50% !important; + display: inline-block; + margin-right: 0px; + margin-left: 5px; + } .child-dote{ background-color: #22C6B3; @@ -251,6 +282,15 @@ z-index: 1; margin-left: -17px; margin-right: 5px; } + .child-dote-ar{ + background-color: #22C6B3; + width: 15px; + height: 15px; + border-radius: 50% !important; + display: inline-block; + margin-right: 1px; + margin-left: 5px; + } .infants-dote{ background-color: #1FA269; width: 15px; @@ -261,4 +301,14 @@ z-index: 1; margin-right: 5px; // margin-bottom: 6px; } - \ No newline at end of file + + .infants-dote-ar{ + background-color: #1FA269; + width: 15px; + height: 15px; + border-radius: 50% !important; + display: inline-block; + margin-right: 1px; + margin-left: 5px; + } + diff --git a/Mohem/src/app/eit/eit-list/eit-list.component.ts b/Mohem/src/app/eit/eit-list/eit-list.component.ts index cf6bbe83..92e41259 100644 --- a/Mohem/src/app/eit/eit-list/eit-list.component.ts +++ b/Mohem/src/app/eit/eit-list/eit-list.component.ts @@ -52,10 +52,12 @@ export class EitListComponent implements OnInit { gaugeType = "full"; accrualBalancesList: any; common: any; + direction: string; // gaugeValue = 11.200; // gaugeLabel = ""; constructor(private cs: CommonService, private EITService: EitService, private ts: TranslatorService, private modalCtrl: ModalController) { + this.direction = TranslatorService.getCurrentLanguageName() this.selMenu = this.cs.sharedService.getSharedData(MenuResponse.SHARED_DATA, false); this.selEmp = this.cs.sharedService.getSharedData(MenuResponse.SHARED_SEL_EMP, false); this.respID = this.cs.sharedService.getSharedData(MenuResponse.SHARED_SEL_RESP_ID, false); diff --git a/Mohem/src/app/eit/home/home.component.html b/Mohem/src/app/eit/home/home.component.html index 28c4956e..7591dd7e 100644 --- a/Mohem/src/app/eit/home/home.component.html +++ b/Mohem/src/app/eit/home/home.component.html @@ -2,6 +2,7 @@ {{headerTitle}} + @@ -24,7 +25,7 @@ {{menuItem.PROMPT}} - + @@ -36,7 +37,7 @@  {{subPage.PROMPT}} - + diff --git a/Mohem/src/app/eit/home/home.component.scss b/Mohem/src/app/eit/home/home.component.scss index cc7f2852..ccda4466 100644 --- a/Mohem/src/app/eit/home/home.component.scss +++ b/Mohem/src/app/eit/home/home.component.scss @@ -66,3 +66,17 @@ ion-icon::before { // border-bottom: 1px solid #dedede; // } + +.span-arrow-en{ + float: right; + font-size: 25px; + color: grey; + transform: rotate(0deg); +} + +.span-arrow-ar{ + float: left; + font-size: 25px; + color: grey; + transform: rotate(180deg); +} diff --git a/Mohem/src/app/eit/home/home.component.ts b/Mohem/src/app/eit/home/home.component.ts index 2f250a21..a4ae5018 100644 --- a/Mohem/src/app/eit/home/home.component.ts +++ b/Mohem/src/app/eit/home/home.component.ts @@ -16,9 +16,11 @@ export class HomeComponent implements OnInit { selMenu: MenuResponse = new MenuResponse(); // Selected Side Menu selectedMenu: any; + direction: string; pageType :string; constructor(private cs: CommonService, private ts: TranslatorService) { + this.direction = TranslatorService.getCurrentLanguageName() this.menu = this.cs.sharedService.getSharedData('menuEntries', false); this.pageType = this.cs.sharedService.getSharedData('homemenuentries', false); this.selMenu = this.cs.sharedService.getSharedData(MenuResponse.SHARED_DATA, false); diff --git a/Mohem/src/app/eit/submit-eit-modal/submit-eit-modal.component.html b/Mohem/src/app/eit/submit-eit-modal/submit-eit-modal.component.html index 2a19db89..4bbf7b6b 100644 --- a/Mohem/src/app/eit/submit-eit-modal/submit-eit-modal.component.html +++ b/Mohem/src/app/eit/submit-eit-modal/submit-eit-modal.component.html @@ -10,21 +10,21 @@ --> -

Confirmation

+

{{'eit,confirmation' | translate}}

- No Attachment + {{'eit,no-attachment' | translate}}
- No Note + {{'eit,no-note' | translate}}
- Are you sure you want to submit + {{'eit,submit' | translate}} {{ts.trPK('general','ok')}} diff --git a/Mohem/src/app/hmg-common/ui/card-filter/card-filter.component.html b/Mohem/src/app/hmg-common/ui/card-filter/card-filter.component.html index 3865efe3..94ab6876 100644 --- a/Mohem/src/app/hmg-common/ui/card-filter/card-filter.component.html +++ b/Mohem/src/app/hmg-common/ui/card-filter/card-filter.component.html @@ -3,3 +3,5 @@ {{value}} {{text}}
+ + diff --git a/Mohem/src/app/hmg-common/ui/circle-calendar/date-info-modal/date-info-modal.component.html b/Mohem/src/app/hmg-common/ui/circle-calendar/date-info-modal/date-info-modal.component.html index 4d57dbb9..a33eed5b 100644 --- a/Mohem/src/app/hmg-common/ui/circle-calendar/date-info-modal/date-info-modal.component.html +++ b/Mohem/src/app/hmg-common/ui/circle-calendar/date-info-modal/date-info-modal.component.html @@ -8,9 +8,9 @@

{{percentage}}

- Completed



+ {{ts.trPK('attendance','completed')}}



- +
@@ -35,7 +35,9 @@ - + + +

{{shiftTime}}

{{ts.trPK('attendance-tracking','shift-time')}}

@@ -50,7 +52,7 @@
- +

{{startDate}}

{{ts.trPK('attendance-tracking','check-in')}}

@@ -65,13 +67,12 @@
- +

{{lateIn}}

{{ts.trPK('attendance-tracking','late-in')}}

-

{{excess}}

@@ -79,7 +80,7 @@
- +

{{shortage}}

{{ts.trPK('attendance-tracking','shortage')}}

diff --git a/Mohem/src/app/hmg-common/ui/circle-calendar/date-info-modal/date-info-modal.component.scss b/Mohem/src/app/hmg-common/ui/circle-calendar/date-info-modal/date-info-modal.component.scss index dc54a457..ca98d91b 100644 --- a/Mohem/src/app/hmg-common/ui/circle-calendar/date-info-modal/date-info-modal.component.scss +++ b/Mohem/src/app/hmg-common/ui/circle-calendar/date-info-modal/date-info-modal.component.scss @@ -23,12 +23,57 @@ } } +.result-text-container-ar { + padding: 0; + margin: 0; + position: absolute; + left: 38%; + top: 67%; + display: block; + text-align: center; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + + h2 { + + font-size: 25px; + + // font-family: WorkSans-Bold; + font-weight: bold; + + margin: 0 auto; + + line-height: 36px; + + } + + span { + + width: 125px; + + display: block; + + margin: 0 auto; + + font-size: 12px; + + font-family: workSans-Regular; + color: rgb(163, 163, 163) !important; + } +} .today-graph{ display: block; height: 127px; width: 270px; margin-left: -60px; } +.today-graph-ar{ + display: block; + height: 127px; + width: 270px; + /* margin-left: -61px; */ + margin-right: -18px; +} .amountlabel{ color: black !important; font-weight: bold !important; @@ -54,10 +99,13 @@ height: 360px !important; } .liftcol{ - // padding-top: 1px !important; - // padding-bottom: 1px !important; border-right: 1px solid rgb(163, 163, 163) !important; } + .liftcol-ar{ + + border-left: 1px solid rgb(163, 163, 163) !important; + } + .rightcol{ @@ -74,6 +122,12 @@ height: 360px !important; border-radius: 10px; margin-bottom:10px; } + .div-ar{ + border: 1px solid #a3a3a3 !important; + border-radius: 9px; + width: 264%; + margin-right: -302px; + } .p0{ margin-bottom: -13px !important; color: black !important; @@ -114,8 +168,23 @@ height: 360px !important; display: block; width: 100%; } - .p4{ - margin-bottom: 56px !important; + + .p2-ar{ font-weight: bold !important; + font-size: 17px !important; + margin-bottom: 43px !important; + margin-top: 0px !important; + color: black !important; + font-weight: bold !important; + margin-right: 33px; + } + .p3-ar{ /* margin-bottom: -72px !important; */ + color: black !important; + font-weight: bold !important; + font-size: 19px; + margin-top: -43px; + margin-right: 27px; + } + .p4{ margin-bottom: 56px !important; margin-top: -26px !important; color: black !important; } @@ -137,4 +206,19 @@ height: 360px !important; .slider-container { padding-bottom: 20px; - } \ No newline at end of file + } + .col{ + border-bottom: 1px solid rgb(204, 204, 204); + border-right: 1px solid rgb(204, 204, 204); + flex: 0 0 calc(calc(6 / var(--ion-grid-columns, 12)) * 100%); + width: calc(calc(6 / var(--ion-grid-columns, 12)) * 100%); + max-width: calc(calc(6 / var(--ion-grid-columns, 12)) * 100%); + } + .col-ar{ + border-bottom: 1px solid rgb(204, 204, 204); + border-left: 1px solid rgb(204, 204, 204); + flex: 0 0 calc(calc(6 / var(--ion-grid-columns, 12)) * 100%); + width: calc(calc(6 / var(--ion-grid-columns, 12)) * 100%); + max-width: calc(calc(6 / var(--ion-grid-columns, 12)) * 100%); + } + diff --git a/Mohem/src/app/hmg-common/ui/circle-calendar/date-info-modal/date-info-modal.component.ts b/Mohem/src/app/hmg-common/ui/circle-calendar/date-info-modal/date-info-modal.component.ts index 1cc15754..f40342f9 100644 --- a/Mohem/src/app/hmg-common/ui/circle-calendar/date-info-modal/date-info-modal.component.ts +++ b/Mohem/src/app/hmg-common/ui/circle-calendar/date-info-modal/date-info-modal.component.ts @@ -36,7 +36,7 @@ export class DateInfoModalComponent implements OnInit { nameMonth: any; nameDay: any; public weekDaysEn = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']; - + public direction: string; public options = { cutoutPercentage: 85, tooltips: { enabled: false }, @@ -52,7 +52,9 @@ export class DateInfoModalComponent implements OnInit { public modalController: ModalController, public navParams: NavParams, public ts: TranslatorService - ) { } + ) { + this.direction = TranslatorService.getCurrentDirection(); + } ngOnInit() { console.log(this.TODAYDATE); diff --git a/Mohem/src/app/hmg-common/ui/services-button/services-button.component.html b/Mohem/src/app/hmg-common/ui/services-button/services-button.component.html index cd667c87..3bb77db7 100644 --- a/Mohem/src/app/hmg-common/ui/services-button/services-button.component.html +++ b/Mohem/src/app/hmg-common/ui/services-button/services-button.component.html @@ -1,7 +1,11 @@
- - + + + + + +

{{title}}

diff --git a/Mohem/src/app/hmg-common/ui/services-button/services-button.component.ts b/Mohem/src/app/hmg-common/ui/services-button/services-button.component.ts index bdc3b3b1..5b1d9f4c 100644 --- a/Mohem/src/app/hmg-common/ui/services-button/services-button.component.ts +++ b/Mohem/src/app/hmg-common/ui/services-button/services-button.component.ts @@ -17,6 +17,9 @@ export class ServicesButtonComponent implements OnInit { @Input() disabled = false; public direction: string; public style: any; + + public myTeamIcon="assets/icon/new-design/leave_balance.png"; + public vacationRuleIcon="assets/icon/new-design/vacation_rules_icon.png" constructor( public ts: TranslatorService ) {} diff --git a/Mohem/src/app/home/home.page.html b/Mohem/src/app/home/home.page.html index 28c51af5..dcb05139 100644 --- a/Mohem/src/app/home/home.page.html +++ b/Mohem/src/app/home/home.page.html @@ -1,9 +1,11 @@ - DASHBOARD -
- + {{'home,dashboard' | translate}} +
+
+
+
@@ -27,10 +29,10 @@ -

Monthly Attendance

- View your Monthly Time Sheet - - View Detail +

{{'home,monthly-attendance' | translate}}

+ {{'home,monthly-time-sheet-view' | translate}} + + {{'home,view-detail' | translate}}
@@ -52,8 +54,8 @@ + [title]="vacationRuleTitle" + > @@ -61,7 +63,7 @@
- Time Left Today + {{'home,time-left' | translate}} { + // this.notBadge = badge; + // }); + this.myTeamTitle= this.ts.trPK('myTeam','myTeam-header'); + this.vacationRuleTitle = this.ts.trPK('vacation-rule','vacationRule'); + // this.myTeamIcon="assets/icon/new-design/leave_balance.png"; + // this.vacationRuleIcon="assets/icon/new-design/vacation_rules_icon.png" this.common.startLoading(); this.menu.enable(true); // this.getUserDetails(); @@ -609,6 +624,7 @@ getSubordinatesAttStatus() { } openPage(subMenu) { + console.log(subMenu); let selMenu: MenuResponse = new MenuResponse(); selMenu = this.common.sharedService.getSharedData( MenuResponse.SHARED_DATA, diff --git a/Mohem/src/app/my-team/home/home.component.html b/Mohem/src/app/my-team/home/home.component.html index 76a56be7..73b200a7 100644 --- a/Mohem/src/app/my-team/home/home.component.html +++ b/Mohem/src/app/my-team/home/home.component.html @@ -1,9 +1,10 @@ + {{ts.trPK('myTeam','myTeam-header')}} - + + - {{ts.trPK('myTeam','myTeam-header')}} @@ -57,7 +58,7 @@
- Clear Search + {{ts.trPK('work-list','clear-search')}} diff --git a/Mohem/src/app/my-team/home/home.component.scss b/Mohem/src/app/my-team/home/home.component.scss index 650979e9..e9b398a2 100644 --- a/Mohem/src/app/my-team/home/home.component.scss +++ b/Mohem/src/app/my-team/home/home.component.scss @@ -3,13 +3,14 @@ ion-title{ position: absolute; top: 0; text-align: center; - left: 15%; - right: 15%; + left: 4%; + right: 4%; font-size: 0.42cm; font-weight: bold; height: 100%; } + .contentBg{ padding: 0px 20px; } diff --git a/Mohem/src/app/notification/home/home.component.html b/Mohem/src/app/notification/home/home.component.html index d831c9f5..f7ddcbba 100644 --- a/Mohem/src/app/notification/home/home.component.html +++ b/Mohem/src/app/notification/home/home.component.html @@ -3,7 +3,7 @@ - WORK LIST + {{ts.trPK('home','worklist')}} @@ -11,15 +11,15 @@
- Open Request Analysis + {{ts.trPK('work-list','open-analysis')}}
- {{newWorkListResponse.length + ITGCount}} of + {{newWorkListResponse.length + ITGCount}} {{ts.trPK('work-list','of')}} {{newWorkListResponse.length}} of

{{totalRequestCount}}

{{newWorkListResponse[0].NO_OF_ROWS + ITGCount}}

{{newWorkListResponse[0].NO_OF_ROWS}}

- TOTAL
OPEN REQUEST
+ {{ts.trPK('work-list','total')}}
{{ts.trPK('work-list','open-reqest')}}
@@ -41,16 +41,16 @@ - Clear Search + {{ts.trPK('work-list','clear-search')}} - Advanced Search + {{ts.trPK('work-list','advanced-search')}} - + @@ -63,29 +63,43 @@
-
+
- {{formattedData.date}} + {{formattedData.date}}

{{workList.SUBJECT}}

-
-
-
- {{segmentInfo.ModifiedDate |date}} -
-

{{segmentInfo.Title}}

+
+
+ +
+ +
+ {{segmentInfo.ModifiedDate |date}} +
+

{{segmentInfo.Title}}

+
+
+ +
+
+ {{data.ModifiedDate | date}} +
+

{{data.Title}}

+
+
+
+
+ {{ts.trPK('work-list','No-data-available')}} +
-
- No Data Available -
-
+ + - diff --git a/Mohem/src/app/notification/home/home.component.scss b/Mohem/src/app/notification/home/home.component.scss index 9c0e235d..a8b8716b 100644 --- a/Mohem/src/app/notification/home/home.component.scss +++ b/Mohem/src/app/notification/home/home.component.scss @@ -1,421 +1,459 @@ +.bar-stable { + background-color: var(--cusgray) !important; + } + .tabs{ + background-color: var(--cusgray) !important; + } + .icon-size-lg { + font-size: 40px; + } + + /*Timeline*/ + + .pos-absolute-right { + position: absolute; + right: 8px; + } + + .timelineMain { + position: relative; + margin: 15px 0 0 0; + } + + .timelineMain:before { + + content: ''; + position: absolute; + top: 0; + bottom: 0; + width: 1.5%; + height: 99%; + background: #e4e4e4; + z-index: 1; + /* margin-left: -10px; */ + /* z-index: 1; */ + } + + .timelineMain .timelineMain-thumb { + + border-radius: 500px; + width: 50px; + z-index: 2; + position: absolute; + // :root[dir="ltr"]{ + // left: 37px; + // } + // :root[dir="rtl"]{ + // right: 37px; + // } + width: 50px; + float: right; + top: 0px; + } + + .timelineMain .timelineMain-thumb.timelineMain-icon { + height: 50px; + // text-align: center; + // color: white; + // border: 5px solid #CBD0D3; + transform: scale(0.3); + } + - .bar-stable { - background-color: var(--cusgray) !important; - } - .tabs{ - background-color: var(--cusgray) !important; - } - .icon-size-lg { - font-size: 40px; - } - - /*Timeline*/ - - .pos-absolute-right { - position: absolute; - right: 8px; - } - - .timelineMain { - position: relative; - margin: 15px 0 0 0; - } - - .timelineMain:before { - - content: ''; - position: absolute; - top: 0; - bottom: 0; - width: 1.5%; - height: 99%; - background: #e4e4e4; - z-index: 1; - /* margin-left: -10px; */ - /* z-index: 1; */ - } - - .timelineMain .timelineMain-thumb { - - border-radius: 500px; - width: 50px; - z-index: 2; + + .timelineMain .timelineMain-item { + width: 50px; + + } + + .timelineMain .timelineMain-stats { + position: relative; + font-size: 12px; + color: var(--darkgray); + + } + + + .divider-title { + background: #e4e4e4; + padding: 5px 15px; + } + + + .color-red { + color: var(--danger) !important; + } + + .bg-color-dot { + // background-color: #ff3b30 !important; + background: var(--primary); + background: -moz-linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%); + background: -webkit-linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%); + background: linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%); + + + } + +.notification-list{ +background: none; +ion-item{ + // margin-top: 5px; + // margin-bottom: 5px; + + background-color: transparent; + .item-date{ + width: 100%; + font-size: 16px; + font-weight: bold; + + text-align: start; + padding: 0; + margin: 0; + position: absolute; + left: 0; + top: 12%; + } + ion-label , [item-end]{ + + white-space: normal; + font-size: 14px; + padding-top: 15%; // :root[dir="ltr"]{ - // left: 37px; + // margin-left: 10px; // } // :root[dir="rtl"]{ - // right: 37px; + // margin-right: 10px; // } - width: 50px; - float: right; - top: 0px; - } - - .timelineMain .timelineMain-thumb.timelineMain-icon { - height: 50px; - // text-align: center; - // color: white; - // border: 5px solid #CBD0D3; - transform: scale(0.3); - } - - - - .timelineMain .timelineMain-item { - width: 50px; - - } - - .timelineMain .timelineMain-stats { - position: relative; - font-size: 12px; - color: var(--darkgray); - - } - - - .divider-title { - background: #e4e4e4; - padding: 5px 15px; - } - - - .color-red { - color: var(--danger) !important; - } - - .bg-color-dot { - // background-color: #ff3b30 !important; - background: var(--primary); - background: -moz-linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%); - background: -webkit-linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%); - background: linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%); - - - } - -.notification-list{ - background: none; - ion-item{ - // margin-top: 5px; - // margin-bottom: 5px; - - background-color: transparent; - .item-date{ - width: 100%; - font-size: 16px; - font-weight: bold; - - text-align: start; - padding: 0; - margin: 0; - - position: absolute; - left: 0; - top: 12%; - } - ion-label , [item-end]{ - white-space: normal; - font-size: 14px; - padding-top: 15%; - // :root[dir="ltr"]{ - // margin-left: 10px; - // } - // :root[dir="rtl"]{ - // margin-right: 10px; - // } - - } - } + +} } .input-wrapper { - --flex:none; +--flex:none; } ion-input ,ion-datetime{ - border-bottom: #dedede 1px solid; +border-bottom: #dedede 1px solid; } .left { - --background: #f0efef; - .timelineMain:before{ - left: 21px; +--background: #f0efef; +.timelineMain:before{ +left: 21px; +} +.notification-list ion-item{ + padding-left: 3px; + margin-left: -12%; +} +.timelineMain-thumb{ + left: 9%; + top: 30%; +} + +} +.right { + --background: #f0efef; +.timelineMain:before{ + right: 62px; } .notification-list ion-item{ - padding-left: 3px; - margin-left: -12%; + padding-right: 3px; } .timelineMain-thumb{ - left: 9%; - top: 30%; + right: 37px; } - -} -.right { - --background: #f0efef; - .timelineMain:before{ - right: 62px; - } - .notification-list ion-item{ - padding-right: 3px; - } - .timelineMain-thumb{ - right: 37px; - } } .menuList{ - margin-left: -40px; - height: 160%; - padding-top: 370%; - } - .colorBG{ - --background: #f0efef; - } +margin-left: -40px; +height: 160%; +padding-top: 370%; +} +.colorBG{ +--background: #f0efef; +} .menuListCol{ - padding-left: 50px; - margin-left: -33px; +padding-left: 50px; +margin-left: -33px; } .menuListItem{ - padding-top: 9%; - margin: -20%; - padding-left: 13%; +padding-top: 9%; +margin: -20%; +padding-left: 13%; } .menuListBtn{ - width: 100%; - background: white; - --background: white; +width: 100%; +background: white; +--background: white; } .activeTabMenu{ - --background: #ff726f; +--background: #ff726f; } .notifincationList{ - margin-left: 5%; - margin-top: 6%; +margin-left: 5%; +margin-top: 6%; } .itemListNotification{ - padding-bottom: 18px; +padding-bottom: 18px; } .footerSearchBtn{ - padding: 0px !important; - background: #f0efef !important; +padding: 0px !important; +background: #f0efef !important; } .viewAndSearch{ - margin-bottom: 13px; +margin-bottom: 13px; } .toSearchBtn{ - margin-top: 4%; +margin-top: 4%; } .emptyItem{ - white-space: normal; - padding-left: 10%; +white-space: normal; +padding-left: 10%; } ///////////////////////////////////////////NEW DESIGN///////////////////////////////////// .profile-image-container{ - position: relative; - z-index: 999; - img { - width: 32px; - float: right; - border-radius: 20px; - height: 32px; - margin-right: 10px; - } +position: relative; +z-index: 999; +img { + width: 32px; + float: right; + border-radius: 20px; + height: 32px; + margin-right: 10px; +} } ion-title{ - color: white; - position: absolute; - top: 0; - text-align: center; - left: 15%; - right: 15%; - font-size: 0.42cm; - font-weight: bold; - height: 100%; +color: white; +position: absolute; +top: 0; +text-align: center; +left: 15%; +right: 15%; +font-size: 0.42cm; +font-weight: bold; +height: 100%; } .contentBg:before { - position: absolute; - content: ""; - background: #22c6b3; - height: 140px; - width: 100%; - left: 0; - top: 0px; - z-index: 1; +position: absolute; +content: ""; +background: #22c6b3; +height: 140px; +width: 100%; +left: 0; +top: 0px; +z-index: 1; } ion-content { - --ion-background-color: whitesmoke; +--ion-background-color: whitesmoke; } .request-heading { - span { - text-align: center; - display: block; - padding-top: 8px; - font-family: workSans-Regular; - } +span { + text-align: center; + display: block; + padding-top: 8px; + font-family: workSans-Regular; +} } .result-graph { - position: relative; - background: white; - margin-right: 20px; - margin-left: 20px; - margin-top: 20px; - padding-bottom: 20px; - border-radius: 20px; - z-index: 1; - } - .result-text-container { - padding: 0; - margin: 0; - position: absolute; - left: 50%; - top: 50%; +position: relative; +background: white; +margin-right: 20px; +margin-left: 20px; +margin-top: 20px; +padding-bottom: 20px; +border-radius: 20px; +z-index: 1; +} +.result-text-container { +padding: 0; +margin: 0; +position: absolute; +left: 50%; +top: 50%; +display: block; +text-align: center; +transform: translate(-50%, -50%); +h2 { + font-size: 38px; + font-family: WorkSans-Bold; + margin: 0 auto; + line-height: 36px; +} +span { + width: 125px; display: block; - text-align: center; - transform: translate(-50%, -50%); - h2 { - font-size: 38px; - font-family: WorkSans-Bold; - margin: 0 auto; - line-height: 36px; - } - span { - width: 125px; - display: block; - margin: 0 auto; - font-size: 12px; - font-family: workSans-Regular; - } - } - .today-graph { - width: 100%; - max-height: 4cm; - } + margin: 0 auto; + font-size: 12px; + font-family: workSans-Regular; +} +} +.today-graph { +width: 100%; +max-height: 4cm; +} - .swiper-container { - margin: 0 !important; - width: 100% !important; - } +.swiper-container { +margin: 0 !important; +width: 100% !important; +} .filters-row { - margin-top: 10px; - margin-left: 20px; +margin-top: 10px; +margin-left: 20px; } .work-list-container { +position: relative; +padding-left: 60px; +clear: both; +min-height: 200px; +margin-bottom: 80px; +padding-top: 15px; +} +.work-list-container:before{ +content: ""; +position: absolute; +height: 100%; +width: 4px; +left: 30px; +top: 15px; +background-color: #dddddd; +} +.work-list-container-ar { position: relative; padding-left: 60px; clear: both; min-height: 200px; margin-bottom: 80px; padding-top: 15px; -} -.work-list-container:before{ + } + .work-list-container-ar:before{ content: ""; position: absolute; height: 100%; width: 4px; left: 30px; top: 15px; + right: 6px; background-color: #dddddd; -} + } .search-container{ - margin-top: 15px; - display: block; - padding: 0 20px; - position: relative; - z-index: 99; - ion-col{ - background: white; - border-radius: 12px; - padding-right: 10px; - flex: none; - ion-icon{ - margin-right: 3px; - font-size: 14px; - margin-left: 3px; - vertical-align: middle; - } - span{ - font-size: 12px; - vertical-align: middle; - } +margin-top: 15px; +display: block; +padding: 0 20px; +position: relative; +z-index: 99; +ion-col{ + background: white; + border-radius: 12px; + padding-right: 10px; + flex: none; + ion-icon{ + margin-right: 3px; + font-size: 14px; + margin-left: 3px; + vertical-align: middle; + } + span{ + font-size: 12px; + vertical-align: middle; } } +} .date-span { - position: relative; - display: block; - margin-bottom: 10px; +position: relative; +display: block; +margin-bottom: 10px; } .date-span:before{ - content: ""; - position: absolute; - left: -35px; - border-radius: 50%; - width: 15px; - height: 15px; - background-color: #38c9b3; - top: 1px; +content: ""; +position: absolute; +left: -35px; +border-radius: 50%; +width: 15px; +height: 15px; +background-color: #38c9b3; +top: 1px; } -.date-data{ - background-color: white; - padding: 1px; - border-radius: 20px; - font-family: WorkSans-Regular; - padding-left: 15px; - margin-right: 20px; - margin-bottom: 15px; - p{ - font-size: 14px; + +.date-span-ar{ + position: relative; + display: block; + margin-bottom: 10px; + /* margin-top: 10px; */ + margin-right: 30px; + } + .date-span-ar:before{ + content: ""; + position: absolute; + right: -29px; + border-radius: 50%; + width: 15px; + height: 15px; + background-color: #38c9b3; + top: 1px; } + + + +.date-data{ +background-color: white; +padding: 1px; +border-radius: 20px; +font-family: WorkSans-Regular; +padding-left: 15px; +margin-right: 20px; +margin-bottom: 15px; +p{ + font-size: 14px; +} } .no-data-available { - background: white; - font-family: WorkSans-Regular; - padding: 30px; - position: absolute; - left: 85px; - top: 50px; +background: white; +font-family: WorkSans-Regular; +padding: 30px; +position: absolute; +left: 85px; +top: 50px; } .disable-filter { - pointer-events: none; - opacity: .3; +pointer-events: none; +opacity: .3; } .total-result { - margin-top: 55px; - padding-left: 20px; - color: #888; - font-size: 15px; +margin-top: 55px; +padding-left: 20px; +color: #888; +font-size: 15px; } .text-span{ - font-size: 14px; - color: #888; - background-color: white; - width: 93%; - height: 30px; - border: 1px solid; - border-radius: 15px; +font-size: 14px; +color: #888; +background-color: white; +width: 93%; +height: 30px; +border: 1px solid; +border-radius: 15px; } .text-span-active{ - font-size: 14px; - color: #888; - background-color:#22c6b3; - width: 93%; - height: 30px; - border: 1px solid; - border-radius: 15px; +font-size: 14px; +color: #888; +background-color:#22c6b3; +width: 93%; +height: 30px; +border: 1px solid; +border-radius: 15px; } .slideCss{ - width: 200px !important; -} +width: 200px !important; +} \ No newline at end of file diff --git a/Mohem/src/app/notification/home/home.component.ts b/Mohem/src/app/notification/home/home.component.ts index 950128f7..91d0f40a 100644 --- a/Mohem/src/app/notification/home/home.component.ts +++ b/Mohem/src/app/notification/home/home.component.ts @@ -23,6 +23,8 @@ export class HomeComponent implements OnInit { public static ALL_REQUEST = 'all_request'; public static NOTIFICATION_DATA = 'notification_data'; public static NOTIFICATION_ARR = 'notification_arr'; + public static NAMES_ALL_iTEMS = 'names-all-items'; + public static IS_ALL_NAME = 'is_all_names'; @ViewChild(IonInfiniteScroll) infiniteScroll: IonInfiniteScroll; private WorkListObj: WorkListRequest; WorkListResObj: any; @@ -47,12 +49,14 @@ export class HomeComponent implements OnInit { public noData = false; public isITG = false; public isSearch = false; - public direction = 'ltr'; + // public direction = 'ltr'; + public direction: string; public ITGCount = 0; - public ITGSegment: {name: string, code: any, data: any, style: boolean} [] = []; + public ITGSegment: { name: string, code: any, data: any, style: boolean, names?: any }[] = []; public ITGAllItem: any = []; public selectedITGToActive = false; public ITGItem: any = []; + public ITGAllItems: any = []; public activeSegment: any; public currentActiveIndex = 0; @@ -80,17 +84,17 @@ export class HomeComponent implements OnInit { }; public data = { datasets: [ - { - data: [0, 0, 0, 0, 0], - backgroundColor: [ - '#18a169', - '#38c9b3', - '#114475', - '#3cb9d5', - '#cc3232' - ], - borderWidth: 5 - }] + { + data: [0, 0, 0, 0, 0], + backgroundColor: [ + '#18a169', + '#38c9b3', + '#114475', + '#3cb9d5', + '#cc3232' + ], + borderWidth: 5 + }] }; public filters = [ { @@ -165,17 +169,14 @@ export class HomeComponent implements OnInit { this.WorkListObj.P_PAGE_LIMIT = 50; } - - - ionViewDidEnter() { - console.log("ionViewDidEnter"); - - - // this.direction = TranslatorService.getCurrentDirection(); - this.worklistNotifications = this.common.sharedService.getSharedData('worklistNotifications', false); + console.log('ionViewDidEnter'); + // this.direction = TranslatorService.getCurrentDirection(); + this.worklistNotifications = this.common.sharedService.getSharedData('worklistNotifications', false); } ngOnInit() { + this.direction = TranslatorService.getCurrentLanguageName(); + this.worklistNotifications = this.common.sharedService.getSharedData('worklistNotifications', false); this.common.startLoading(); this.openNotificationsDashboard(); @@ -243,15 +244,15 @@ export class HomeComponent implements OnInit { disableFilters() { for (const filter of this.filters) { if (filter.key === this.itemType) { - filter.disable = false; - filter.active = true; - this.selectedFilter = filter.name; + filter.disable = false; + filter.active = true; + this.selectedFilter = filter.name; } else if (this.itemType === '') { filter.disable = false; filter.active = false; } else { - filter.disable = true; - filter.active = false; + filter.disable = true; + filter.active = false; } } if (this.itemType === '') { @@ -475,54 +476,66 @@ export class HomeComponent implements OnInit { } doInfinite(infiniteScroll) { - if (!this.isReachEnd && this.selectedFilter !== 'ITG') { - this.WorklistService.getWorkList(this.WorkListObj).subscribe((result) => { - if (this.common.validResponse(result)) { - this.handleWorkListResult(result.GetWorkList); - } - }); - } else { - if (this.infiniteScroll) { - this.infiniteScroll.complete(); + if (!this.isReachEnd && this.selectedFilter !== 'ITG') { + this.WorklistService.getWorkList(this.WorkListObj).subscribe((result) => { + if (this.common.validResponse(result)) { + this.handleWorkListResult(result.GetWorkList); } + }); + } else { + if (this.infiniteScroll) { + this.infiniteScroll.complete(); } + } } Count() { - this.workListService.getITGCount('', '', this.isPostNoLoad) - .subscribe((result: any) => { - for (let i = 0; i < result.RequestType.length; i++) { - this.ITGSegment[i] = { - name: result.RequestType[i].RequestTypeName, - code: result.RequestType[i].RequestTypeCode, - data: result.RequestType[i].RequestDetails, - style: false - }; - } - this.setActive(this.ITGSegment[0].code); - }); + const datas = []; + const names = []; + this.ITGSegment[0] = { + name: 'All', + code: 'All', + data: null, + style: false + }; + this.workListService.getITGCount() + .subscribe((result: any) => { + for (let i = 1; i < result.RequestType.length; i++) { + this.ITGSegment[i] = { + name: result.RequestType[i].RequestTypeName, + code: result.RequestType[i].RequestTypeCode, + data: result.RequestType[i].RequestDetails, + style: false + }; + datas[i] = result.RequestType[i].RequestDetails; + names[i] = result.RequestType[i].RequestTypeCode; + } + this.ITGSegment[0].data = datas; + this.ITGSegment[0].names = names; + this.setActive(this.ITGSegment[0].code); + }); } Details() { - this.workListService.getITGDetails('', '', this.isPostNoLoad) - .subscribe((result: any) => { - this.ITGCount = result.TotalCount; - this.totalRequestCount = this.totalRequestCount + result.TotalCount; - this.filters[5].value = result.TotalCount; - }); + this.workListService.getITGDetails() + .subscribe((result: any) => { + this.totalRequestCount = this.totalRequestCount + result.TotalCount; + this.filters[5].value = result.TotalCount; + }); } ITGNotification() { - this.isAll = false; - this.isPR = false; - this.isPO = false; - this.isMR = false; - this.isHR = false; - this.isITG = true; + // this.Details(); + this.isAll = false; + this.isPR = false; + this.isPO = false; + this.isMR = false; + this.isHR = false; + this.isITG = true; } searchBtn() { - this.isSearch = !this.isSearch; + this.isSearch = !this.isSearch; } setActive(selectedSegment) { @@ -539,13 +552,38 @@ export class HomeComponent implements OnInit { this.ITGSegment[i].style = false; } } + console.log(this.ITGSegment); } - openITG(segmentInfo) { + openITG(segmentInfo, name?) { + if (name) { + this.common.sharedService.setSharedData(name, HomeComponent.REQUSET_NAME); + this.common.sharedService.setSharedData(this.ITGSegment, HomeComponent.NAMES_ALL_iTEMS); + this.common.sharedService.setSharedData(true, HomeComponent.IS_ALL_NAME); + } else { + this.common.sharedService.setSharedData(this.activeSegment, HomeComponent.REQUSET_NAME); + this.common.sharedService.setSharedData(false, HomeComponent.IS_ALL_NAME); + } this.common.sharedService.setSharedData(segmentInfo, HomeComponent.REQUSET_INFO); - this.common.sharedService.setSharedData(this.activeSegment, HomeComponent.REQUSET_NAME); this.common.sharedService.setSharedData(this.ITGItem, HomeComponent.ALL_REQUEST); this.common.openWorklistITGPage(); } + + openITGAll(id, item) { + let count = 0; + let ITEM: any; + let NAME: any; + for (let i = 1; i < this.ITGSegment.length; i++) { + // tslint:disable-next-line: prefer-for-of + for (let j = 0; j < this.ITGSegment[i].data.length; j++) { + if (this.ITGSegment[i].data[j].ID === id && this.ITGSegment[i].data[j].ItemID === item) { + ITEM = this.ITGSegment[i].data[j]; + NAME = this.ITGSegment[i].code; + count++; + } + } + } + this.openITG(ITEM, NAME); + } } diff --git a/Mohem/src/app/notification/work-list-main-itg/work-list-main-itg.component.html b/Mohem/src/app/notification/work-list-main-itg/work-list-main-itg.component.html index fa90523a..41f21f98 100644 --- a/Mohem/src/app/notification/work-list-main-itg/work-list-main-itg.component.html +++ b/Mohem/src/app/notification/work-list-main-itg/work-list-main-itg.component.html @@ -75,7 +75,7 @@
+ [class]="direction == 'en'? 'timeline-thumb-en timeline-icon': 'timeline-thumb-ar timeline-icon'">

{{approvalInfo.Action}}

diff --git a/Mohem/src/app/notification/work-list-main-itg/work-list-main-itg.component.ts b/Mohem/src/app/notification/work-list-main-itg/work-list-main-itg.component.ts index 96518745..189a7245 100644 --- a/Mohem/src/app/notification/work-list-main-itg/work-list-main-itg.component.ts +++ b/Mohem/src/app/notification/work-list-main-itg/work-list-main-itg.component.ts @@ -26,6 +26,8 @@ export class WorkListMainItgComponent implements OnInit { public request_info: any; public request_name: any; public all_request: any; + public all_request_names: any; + public is_all_items_sents: any; public request = new itgRequest(); public activeSegment: any = "info"; public request_details: any; @@ -49,6 +51,8 @@ export class WorkListMainItgComponent implements OnInit { public ExchangeServerSelected: any; public ExchangeServerDBSelected: any; public actionBTN: { name: string, image: string, isAvailable: boolean }[] = []; + index2: number; + direction: string; constructor( public common: CommonService, public ts: TranslatorService, @@ -56,9 +60,12 @@ export class WorkListMainItgComponent implements OnInit { public modalCtrl: ModalController) { } ngOnInit() { + this.direction = TranslatorService.getCurrentLanguageName() this.request_info = this.common.sharedService.getSharedData(HomeComponent.REQUSET_INFO); this.request_name = this.common.sharedService.getSharedData(HomeComponent.REQUSET_NAME); this.all_request = this.common.sharedService.getSharedData(HomeComponent.ALL_REQUEST); + this.all_request_names = this.common.sharedService.getSharedData(HomeComponent.NAMES_ALL_iTEMS); + this.is_all_items_sents = this.common.sharedService.getSharedData(HomeComponent.IS_ALL_NAME); this.all_request = this.all_request[0]; this.changeITGForm(this.request_info, this.request_name); } @@ -76,10 +83,9 @@ export class WorkListMainItgComponent implements OnInit { this.workListService.getITGFormDetails(this.request).subscribe((result: any) => { this.request_details = result.ITGRequest; this.grantInfo = result.ITGRequest.GrantFields; - let count = 0; for (let i = 0; i < result.ITGRequest.FieldGoups.length; i++) { this.segmentsArray[i] = { name: result.ITGRequest.FieldGoups[i].Title, number: i }; - this.segmentData[i] = { name: result.ITGRequest.FieldGoups[i].Title, data: result.ITGRequest.FieldGoups[i].Fields} + this.segmentData[i] = { name: result.ITGRequest.FieldGoups[i].Title, data: result.ITGRequest.FieldGoups[i].Fields } } this.segmentsArray[this.segmentsArray.length] = { name: 'Approval Level', number: this.segmentsArray.length } this.workList = this.request_details.WFHistory; @@ -87,7 +93,9 @@ export class WorkListMainItgComponent implements OnInit { this.activeSegment = this.segmentsArray[0].name; for (let i = 0; i < this.options.length; i++) { this.imageURL(this.options[i].Action); - this.actionBTN[i] = { name: this.options[i].Action, image: this.imageURL(this.options[i].Action), isAvailable: this.options[i].IsAvailable } + this.actionBTN[i] = { + name: this.options[i].Action, image: this.imageURL(this.options[i].Action), isAvailable: this.options[i].IsAvailable + }; } if (this.grantInfo) { @@ -134,20 +142,44 @@ export class WorkListMainItgComponent implements OnInit { } skip() { - for (let i = 0; i < this.all_request.length; i++) { // search for the request that clicked on all request - if (this.request_info.ID == this.all_request[i].ID) { // check if the ID for the request is found. - this.index = i + 1; - if (this.index !== this.all_request.length) { // check if its last one to redirecte to home otherwise to next request. - this.clearDataArray(); - this.changeITGForm(this.all_request[this.index], this.request_name); - break; + if (this.is_all_items_sents) { + for (let i = 1; i < this.all_request_names.length; i++) { + for (let j = 0; j < this.all_request_names[i].data.length; j++) { + if (this.request_info.ID === this.all_request_names[i].data[j].ID + && this.request_info.ItemID === this.all_request_names[i].data[j].ItemID) { + this.index2 = j + 1; + this.index = i + 1; + if (this.all_request_names[i].data.length !== this.index2) {// if there is another request with same type + this.clearDataArray(); + this.changeITGForm(this.all_request_names[i].data[this.index2], this.all_request_names[i].code); + return false; + } else if (this.index !== this.all_request_names.length) { // if there is another deffernet type. + this.clearDataArray(); + this.changeITGForm(this.all_request_names[this.index].data[j], this.all_request_names[this.index].code); + return false; + } + } else if (this.index === this.all_request_names.length) { //if its the end request redirecte to worklist home + this.common.openNotificationPage(); + return false; + } + } + } + } else { + for (let i = 0; i < this.all_request.length; i++) { // search for the request that clicked on all request + if (this.request_info.ID == this.all_request[i].ID) { // check if the ID for the request is found. + this.index = i + 1; + if (this.index !== this.all_request.length) { // check if its last one to redirecte to home otherwise to next request. + this.clearDataArray(); + this.changeITGForm(this.all_request[this.index], this.request_name); + break + } else { + this.common.openNotificationPage(); + break + } } else { this.common.openNotificationPage(); - break; + break } - } else { - this.common.openNotificationPage(); - break; } } } diff --git a/Mohem/src/app/notification/worklist-advanced-search/worklist-advanced-search.component.html b/Mohem/src/app/notification/worklist-advanced-search/worklist-advanced-search.component.html index 9319d83d..63dd8f94 100644 --- a/Mohem/src/app/notification/worklist-advanced-search/worklist-advanced-search.component.html +++ b/Mohem/src/app/notification/worklist-advanced-search/worklist-advanced-search.component.html @@ -1,6 +1,6 @@
-

Advanced Search

+

{{ts.trPK('general','sadvanced-search')}}

@@ -46,8 +46,8 @@
- Item Type - {{ts.trPK('vacation-rule','itemType')}} + HR PO @@ -57,7 +57,7 @@
- SEARCH + {{ts.trPK('searchForReplacment','search')}}
diff --git a/Mohem/src/app/notification/worklist-main-mr/worklist-main-mr.component.html b/Mohem/src/app/notification/worklist-main-mr/worklist-main-mr.component.html index b1175b4f..bc353e33 100644 --- a/Mohem/src/app/notification/worklist-main-mr/worklist-main-mr.component.html +++ b/Mohem/src/app/notification/worklist-main-mr/worklist-main-mr.component.html @@ -456,7 +456,7 @@
--> -
+
diff --git a/Mohem/src/app/notification/worklist-main-mr/worklist-main-mr.component.ts b/Mohem/src/app/notification/worklist-main-mr/worklist-main-mr.component.ts index f6a26e04..17fdaffe 100644 --- a/Mohem/src/app/notification/worklist-main-mr/worklist-main-mr.component.ts +++ b/Mohem/src/app/notification/worklist-main-mr/worklist-main-mr.component.ts @@ -99,6 +99,7 @@ export class WorklistMainMRComponent implements OnInit { approveDis: boolean = false; rejectDis: boolean = false; requestDis: boolean = false; + direction: string; @@ -113,7 +114,7 @@ export class WorklistMainMRComponent implements OnInit { private modalCtrl: ModalController, public worklistService: WorklistService ) { - + this.direction = TranslatorService.getCurrentLanguageName() //this.getPassNotificationDetails = this.common.sharedService.getSharedData('passNotificationInfo'); this.WorkListActionHistoryObj = new WorkListActionHistoryRequest(); this.WorkListActionHistoryObj.P_PAGE_NUM = this.P_PAGE_NUM; diff --git a/Mohem/src/app/notification/worklist-main-po/worklist-main-po.component.html b/Mohem/src/app/notification/worklist-main-po/worklist-main-po.component.html index 09677388..0daad28e 100644 --- a/Mohem/src/app/notification/worklist-main-po/worklist-main-po.component.html +++ b/Mohem/src/app/notification/worklist-main-po/worklist-main-po.component.html @@ -594,7 +594,7 @@
--> -
+
diff --git a/Mohem/src/app/notification/worklist-main-po/worklist-main-po.component.ts b/Mohem/src/app/notification/worklist-main-po/worklist-main-po.component.ts index 17440190..c09b1ab0 100644 --- a/Mohem/src/app/notification/worklist-main-po/worklist-main-po.component.ts +++ b/Mohem/src/app/notification/worklist-main-po/worklist-main-po.component.ts @@ -115,6 +115,7 @@ export class WorklistMainPoComponent implements OnInit { approveDis: boolean = false; rejectDis: boolean = false; requestDis: boolean = false; + direction: string; constructor( @@ -128,6 +129,7 @@ export class WorklistMainPoComponent implements OnInit { private modalCtrl: ModalController, public worklistService: WorklistService, ) { + this.direction = TranslatorService.getCurrentLanguageName() this.WorkListActionHistoryObj = new WorkListActionHistoryRequest(); this.WorkListActionHistoryObj.P_PAGE_NUM = this.P_PAGE_NUM; this.WorkListActionHistoryObj.P_PAGE_LIMIT = this.P_PAGE_LIMIT; diff --git a/Mohem/src/app/notification/worklist-main-pr/worklist-main-pr.component.html b/Mohem/src/app/notification/worklist-main-pr/worklist-main-pr.component.html index bcec9dc7..9d065530 100644 --- a/Mohem/src/app/notification/worklist-main-pr/worklist-main-pr.component.html +++ b/Mohem/src/app/notification/worklist-main-pr/worklist-main-pr.component.html @@ -307,7 +307,7 @@
--> -
+
-
+
{{currentMonth}}

-->
- + + + + + + + +

{{ (showPaySlip.PAYSLIP_CHOICE)?.substring(15,23) }}

+
+ + + +
@@ -78,7 +91,7 @@ [value]="gaugeValue" [label]="gaugeLabel"> --> -
+
-
+

{{GetSummaryOfPaymentList.TOTAL_PAY_AMOUNT}}

@@ -98,12 +111,7 @@
-
+
@@ -113,12 +121,7 @@
-
+
@@ -138,9 +141,9 @@ -
{{ts.trPK('payslip','summary-payment')}}
- -
+ +
+
{{ts.trPK('payslip','summary-payment')}}
@@ -201,8 +204,8 @@
-
{{ts.trPK('payslip','earnings')}}
+
{{ts.trPK('payslip','earnings')}}
@@ -224,8 +227,8 @@
-
{{ts.trPK('payslip','deductions')}}
+
{{ts.trPK('payslip','deductions')}}
@@ -247,14 +250,9 @@
- - + +
{{ts.trPK('payslip','payment-information')}}
@@ -314,4 +312,5 @@
+
\ No newline at end of file diff --git a/Mohem/src/app/payslip/home/home.component.scss b/Mohem/src/app/payslip/home/home.component.scss index 11086df0..2436b969 100644 --- a/Mohem/src/app/payslip/home/home.component.scss +++ b/Mohem/src/app/payslip/home/home.component.scss @@ -117,6 +117,15 @@ --background: transparent !important; + } + .activeArrow-ar{ + height: 26px; + width: 26px; + color: white; + background: transparent !important; + --background: transparent !important; + margin-right: 25px; + } .slidbtn{ background: transparent; @@ -131,12 +140,27 @@ background: transparent !important; --background: transparent !important; } + .disabledArrow-ar{ + height: 26px; + width: 26px; + color: #908d8d; + background: transparent !important; + --background: transparent !important; + margin-right: 3px; + margin-left: -124px; + } .result-graph{ font-size: 14px; margin-left: -48px; margin-right: 3px; } + + .result-graph-ar{ + font-size: 14px; + margin-right: -48px; + margin-left: 3px; + } .headerGrid{ background-color: white !important; border: 1px solid #cac8c8 !important; @@ -150,6 +174,37 @@ padding-right: 21px; } + + .result-text-container-ar { + padding: 0; + margin: 0; + position: absolute; + left: 54%; + top: 50%; + display: block; + text-align: center; + transform: translate(-50%, -50%); + + h2 { + + font-size: 25px; + font-family: WorkSans-Bold; + margin: 0 auto; + line-height: 36px; + + } + + span { + + width: 125px; + display: block; + margin: 0 auto; + font-size: 15px; + font-family: workSans-Regular; + } + } + + .result-text-container { padding: 0; margin: 0; @@ -267,4 +322,36 @@ margin-top: -13px; margin-left: 58px; margin-bottom: 12px; padding-right: 5px; +} +.div-green{ + position: relative; + left: 77%; + bottom: 117px; + color: black; + background-color: #22c6b3; + width: 20%; height: 6px; +} +.div-green-ar{ + position: relative; + // left: 77%; + bottom: 117px; + color: black; + background-color: #22c6b3; + width: 20%; height: 6px; +} +.div-blue{ + position: relative; + left: 77%; + bottom: 67px; + color: black; + background-color: #094875; + width: 20%; height: 6px; +} +.div-blue-ar{ + position: relative; + // left: 77%; + bottom: 67px; + color: black; + background-color: #094875; + width: 20%; height: 6px; } \ No newline at end of file diff --git a/Mohem/src/app/payslip/home/home.component.ts b/Mohem/src/app/payslip/home/home.component.ts index 8f826d99..b43a3bc6 100644 --- a/Mohem/src/app/payslip/home/home.component.ts +++ b/Mohem/src/app/payslip/home/home.component.ts @@ -42,6 +42,7 @@ export class HomeComponent implements OnInit { sliderOne: any; payslipIndex :any; data:any; + public direction: string; @ViewChild('slides') slides: IonSlides; @ViewChild('slideWithNav') slideWithNav: IonSlides; @ViewChild('chart') chart: UIChart; @@ -57,6 +58,7 @@ export class HomeComponent implements OnInit { tooltips: { enabled: false }, legend: { display: false }}; gaugeType = "full"; + // gaugeValue = 11.200; // gaugeLabel = ""; @@ -70,10 +72,13 @@ export class HomeComponent implements OnInit { public cs: CommonService, - ) {} + ) { + this.direction = TranslatorService.getCurrentDirection(); + } ngOnInit() { + this.direction = TranslatorService.getCurrentLanguageName() // this.selEmp = this.common.sharedService.getSharedData( // MenuResponse.SHARED_SEL_EMP, // false diff --git a/Mohem/src/app/profile/edit-profile/edit-profile.component.html b/Mohem/src/app/profile/edit-profile/edit-profile.component.html index 9163ba2a..47abf5dd 100644 --- a/Mohem/src/app/profile/edit-profile/edit-profile.component.html +++ b/Mohem/src/app/profile/edit-profile/edit-profile.component.html @@ -1,7 +1,7 @@
- +

{{ts.trPK('userProfile','title')}}

@@ -26,16 +26,16 @@
- -
+ +
- -
+ +
- -
+ +
@@ -47,7 +47,7 @@
-

Years of Services

+

{{ts.trPK('userProfile','Years of Services')}}

@@ -58,7 +58,7 @@ {{ts.trPK('userProfile','edit-profile')}} - + @@ -69,7 +69,7 @@ {{ts.trPK('userProfile','performance-evaluation')}} - +
diff --git a/Mohem/src/app/profile/edit-profile/edit-profile.component.scss b/Mohem/src/app/profile/edit-profile/edit-profile.component.scss index 651acf4b..2fa4ab18 100644 --- a/Mohem/src/app/profile/edit-profile/edit-profile.component.scss +++ b/Mohem/src/app/profile/edit-profile/edit-profile.component.scss @@ -106,6 +106,18 @@ font-size: 12px; color: white; } + .service-ar{ + font-size: 28px; + color: white; + letter-spacing: 1px; + font-weight: bold; + margin-right: 26px; + } + .services-ar{ + font-size: 14px; + color: white; + margin-right: 25px; + } .list{ margin-left: 14px; @@ -150,4 +162,14 @@ margin-top: 4px; } - \ No newline at end of file + .arrow{ + width: 20px; + height: 22px !important; + } + .arrow-ar{ + float: left; + font-size: 25px; + color: grey; + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + } \ No newline at end of file diff --git a/Mohem/src/app/profile/edit-profile/edit-profile.component.ts b/Mohem/src/app/profile/edit-profile/edit-profile.component.ts index 61b0d210..e57431f8 100644 --- a/Mohem/src/app/profile/edit-profile/edit-profile.component.ts +++ b/Mohem/src/app/profile/edit-profile/edit-profile.component.ts @@ -21,7 +21,7 @@ export class EditProfileComponent implements OnInit { User_name_Emp: string = ""; User_Job_name: string; - + public direction: string; private menu: MenuController; setImage:any; // imageSrc: any = "../assets/imgs/profile.png"; @@ -44,6 +44,7 @@ export class EditProfileComponent implements OnInit { ) { + this.direction = TranslatorService.getCurrentDirection(); this.events.subscribe("img-change", displayImg => { console.log("app compont: "+displayImg); this.user_image = this.sanitizer.bypassSecurityTrustUrl("data:Image/*;base64,"+displayImg); @@ -107,7 +108,7 @@ private handlePerformanceAppraisalResult(result){ this.performanceData=[]; for(let i=0;i --> + + + {{ts.trPK('userProfile','title')}} + + + + +
- +
@@ -32,7 +40,7 @@
-
+
diff --git a/Mohem/src/app/profile/home/home.component.scss b/Mohem/src/app/profile/home/home.component.scss index 4be2aac3..c508d39d 100644 --- a/Mohem/src/app/profile/home/home.component.scss +++ b/Mohem/src/app/profile/home/home.component.scss @@ -50,6 +50,11 @@ ion-col.colBold, ion-col.colBold > label{ top: 80%; left: 65%; } + .changeImgBtn-ar{ + position: absolute; + top: 80%; + left: 74%; + } .profileImg{ width: 160px; height: 160px; diff --git a/Mohem/src/app/profile/home/home.component.ts b/Mohem/src/app/profile/home/home.component.ts index 25192f94..6b1903bb 100644 --- a/Mohem/src/app/profile/home/home.component.ts +++ b/Mohem/src/app/profile/home/home.component.ts @@ -14,6 +14,7 @@ export class HomeComponent implements OnInit { personalInfo: any; setImage:any; imageSrc: any = "../assets/imgs/profile.png"; + public direction: string; // user_image: any = "../assets/imgs/profile.png"; constructor( public ts: TranslatorService, @@ -24,7 +25,7 @@ export class HomeComponent implements OnInit { ) { - + this.direction = TranslatorService.getCurrentDirection(); this.events.subscribe("img-change", displayImg => { // alert("1 - profile home : "+displayImg); //this.user_image = "data:image/png;base64"+displayImg; diff --git a/Mohem/src/app/profile/performance-evaluation/performance-evaluation.component.html b/Mohem/src/app/profile/performance-evaluation/performance-evaluation.component.html index 3d11570b..16e9298b 100644 --- a/Mohem/src/app/profile/performance-evaluation/performance-evaluation.component.html +++ b/Mohem/src/app/profile/performance-evaluation/performance-evaluation.component.html @@ -1,12 +1,22 @@ + + + + {{ts.trPK('userProfile','performance')}} + + + + + +
- +
- +
@@ -15,12 +25,12 @@
-

Performance Evaluation

- -
+

{{ts.trPK('userProfile','performance-evaluation')}}

+
- + @@ -55,11 +65,11 @@

- - + +
- - + +
diff --git a/Mohem/src/app/profile/performance-evaluation/performance-evaluation.component.scss b/Mohem/src/app/profile/performance-evaluation/performance-evaluation.component.scss index aee2712f..03f9c6c2 100644 --- a/Mohem/src/app/profile/performance-evaluation/performance-evaluation.component.scss +++ b/Mohem/src/app/profile/performance-evaluation/performance-evaluation.component.scss @@ -76,6 +76,19 @@ text-align: center; margin-left: 74px; } + .Text-ar{ + margin: 0; + padding: 0; + text-align: center; + font-weight: bolder; + color: black; + font-size: 16px; + margin-top: 5px; + margin-bottom: 10px; + text-align: center; + + margin-right: 131px; + } .leftgrid{ margin-left: 10px; @@ -120,19 +133,37 @@ margin-top: -7px !important; font-weight: bold !important; } +.label-ar{ + font-size: 15px !important; + margin-top: -7px !important; + font-weight: bold !important; +} .labelvalue{ - font-size: 28px !important; + font-size: 25px !important; font-weight: bold !important; margin-top: 7px !important; - margin-left: 72px !important; + margin-left: 90px !important; + +} +.labelvalue-ar{ + + font-size: 24px !important; + font-weight: bold !important; + /* margin-top: 7px !important; */ + margin-right: 19px !important; } + .percentage{ - font-size: 15px !important; + font-size: 19px !important; margin-top: 15px !important; } +.percentage-ar{ + font-size: 19px !important; + margin-right: -54px; +} .gauge{ transform: translate(-24px, -65px); @@ -140,5 +171,11 @@ margin-top: -20px; } +.gauge-ar{ + transform: translate(-24px, -65px); + margin-bottom: -187px; + margin-top: -20px; + margin-right: -56px; +} diff --git a/Mohem/src/app/profile/performance-evaluation/performance-evaluation.component.ts b/Mohem/src/app/profile/performance-evaluation/performance-evaluation.component.ts index efc55d7b..9c0807ed 100644 --- a/Mohem/src/app/profile/performance-evaluation/performance-evaluation.component.ts +++ b/Mohem/src/app/profile/performance-evaluation/performance-evaluation.component.ts @@ -19,56 +19,61 @@ import { AuthenticatedUser } from "src/app/hmg-common/services/authentication/mo export class PerformanceEvaluationComponent implements OnInit { personalInfo: any; user_image: any = "../assets/imgs/profile.png"; - setImage:any; + setImage: any; view: any = [380, 450]; - public performanceData: any=[]; + public performanceData: any = []; public length; + public direction: string; + // public showText:boolean =false; - - constructor( public ts: TranslatorService, + constructor(public ts: TranslatorService, public cs: CommonService, - public DS :DashboredService, + public DS: DashboredService, public authService: AuthenticationService, - // private events: Events, - // private sanitizer: DomSanitizer, - - ) { - - // this.events.subscribe("img-change", displayImg => { - // console.log("app compont: "+displayImg); - // this.user_image = this.sanitizer.bypassSecurityTrustUrl("data:Image/*;base64,"+displayImg); - - // }); - - - } + // private events: Events, + // private sanitizer: DomSanitizer, + + ) { + this.direction = TranslatorService.getCurrentDirection(); + // this.events.subscribe("img-change", displayImg => { + // console.log("app compont: "+displayImg); + // this.user_image = this.sanitizer.bypassSecurityTrustUrl("data:Image/*;base64,"+displayImg); + // }); + + + } + + + colorScheme = { + domain: ['#22C6B3', '#094875', '#3CB9D5', '#1FA269', '#0D155E'] + }; - colorScheme = { - domain: ['#22C6B3', '#094875','#3CB9D5','#1FA269','#0D155E'] - }; - ngOnInit() { + this.getProfile(); - + this.performanceData = this.cs.sharedService.getSharedData( PerformanceAppraisalResponse.PERFORMANCE_DATA, true ); console.log(this.performanceData.length); - //i % 2 == 0 - this.length=this.performanceData.length; + //i % 2 == 0 + this.length = this.performanceData.length; - for(let i=0;i text").remove(); + } getProfile() { console.log("getProfile"); @@ -78,11 +83,12 @@ export class PerformanceEvaluationComponent implements OnInit { if (user) { this.personalInfo = user; this.user_image = user.EMPLOYEE_IMAGE - ? "data:image/png;base64," + user.EMPLOYEE_IMAGE - : "../assets/imgs/profile.png"; - + ? "data:image/png;base64," + user.EMPLOYEE_IMAGE + : "../assets/imgs/profile.png"; + + + } + }); + } - }}); -} - } diff --git a/Mohem/src/app/profile/profile-image/profile-image.component.html b/Mohem/src/app/profile/profile-image/profile-image.component.html index 04bfb165..22e79717 100644 --- a/Mohem/src/app/profile/profile-image/profile-image.component.html +++ b/Mohem/src/app/profile/profile-image/profile-image.component.html @@ -1,9 +1,11 @@ - + + {{ts.trPK('userProfile','changepicture')}} - + + - {{ts.trPK('userProfile','changepicture')}} +