Compare commits
15 Commits
master
...
emp-profil
| Author | SHA1 | Date |
|---|---|---|
Fatimah.Alshammari
|
b9e1a95601 | 7 years ago |
|
Fatimah.Alshammari
|
ab30d50808 | 7 years ago |
|
Fatimah.Alshammari
|
cb1aad91f9 | 7 years ago |
Mohamed Mekawy
|
e90be39807 | 7 years ago |
|
Mohamed Mekawy
|
a6fe8c183a | 7 years ago |
|
Mohamed Mekawy
|
213648a9ed | 7 years ago |
 umasoodch
|
fd663493e6 | 7 years ago |
|
umasoodch
|
338205b305 | 7 years ago |
|
umasoodch
|
4c5153c69d | 7 years ago |
|
umasoodch
|
9218d02195 | 7 years ago |
|
umasoodch
|
5c7a30f308 | 7 years ago |
|
Fatimah.Alshammari
|
13df9b7b75 | 7 years ago |
|
Fatimah.Alshammari
|
d5407c8f90 | 7 years ago |
ashwaq
|
7456ab6e0a | 7 years ago |
|
ashwaq
|
4bdc08b42d | 7 years ago |
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
Before Width: | Height: | Size: 5.1 KiB After Width: | Height: | Size: 8.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 4.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.3 KiB After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 36 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 45 KiB After Width: | Height: | Size: 37 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 93 KiB After Width: | Height: | Size: 72 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 128 KiB After Width: | Height: | Size: 105 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 161 KiB After Width: | Height: | Size: 142 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 44 KiB After Width: | Height: | Size: 36 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 91 KiB After Width: | Height: | Size: 68 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 122 KiB After Width: | Height: | Size: 96 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 154 KiB After Width: | Height: | Size: 137 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 175 KiB After Width: | Height: | Size: 200 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 210 KiB After Width: | Height: | Size: 132 KiB |
@ -0,0 +1,9 @@
|
||||
|
||||
|
||||
export class AttendanceTrackingList{
|
||||
public SCHEDULED_HOURS :string;
|
||||
public SPENT_HOURS : string;
|
||||
public REMAINING_HOURS : string;
|
||||
public RETURN_STATUS : string;
|
||||
public RETURN_MSG : string;
|
||||
}
|
||||
@ -0,0 +1,9 @@
|
||||
|
||||
|
||||
export class OpenMissingSwipesList{
|
||||
public OPEN_MISSING_SWIPES :number;
|
||||
public RETURN_STATUS : string;
|
||||
public RETURN_MSG : string;
|
||||
|
||||
}
|
||||
|
||||
@ -0,0 +1,4 @@
|
||||
export class OrganizationsSalariesList{
|
||||
public ORGANIZATION_NAME :string;
|
||||
public ORGANIZATIONS_SALARIES : number;
|
||||
}
|
||||
@ -0,0 +1,6 @@
|
||||
|
||||
export class PerformanceAppraisalList{
|
||||
public APPRAISAL_SCORE :string;
|
||||
public APPRAISAL_YEAR : number;
|
||||
|
||||
}
|
||||
@ -0,0 +1,8 @@
|
||||
|
||||
|
||||
import { Response } from "src/app/hmg-common/services/models/response";
|
||||
import { AttendanceTrackingList } from './AttensanceTrackingList';
|
||||
|
||||
export class AttendanceTrackingResponse extends Response{
|
||||
public GetGetAttendanceTrackingList : AttendanceTrackingList[];
|
||||
}
|
||||
@ -0,0 +1,12 @@
|
||||
import { TestBed } from '@angular/core/testing';
|
||||
|
||||
import { DashboredService } from './dashbored.service';
|
||||
|
||||
describe('DashboredService', () => {
|
||||
beforeEach(() => TestBed.configureTestingModule({}));
|
||||
|
||||
it('should be created', () => {
|
||||
const service: DashboredService = TestBed.get(DashboredService);
|
||||
expect(service).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,99 @@
|
||||
import { Injectable } from '@angular/core';
|
||||
import { AuthenticationService } from "src/app/hmg-common/services/authentication/authentication.service";
|
||||
import { ConnectorService } from "src/app/hmg-common/services/connector/connector.service";
|
||||
import { Observable } from 'rxjs';
|
||||
import { Request } from "src/app/hmg-common/services/models/request";
|
||||
import { OrganizationSalariesResponse } from './organization-salaries.response';
|
||||
import { OpenMissingSwipesResponse } from './open-missing-swipes.response';
|
||||
import { PerformanceAppraisalResponse } from './performance-appraisal.response';
|
||||
import {AttendanceTrackingResponse} from './attendance-tracking.response'
|
||||
|
||||
import {OpenPeriodDatesResponse} from '../../services/dashbored/models/openPeriodDatesResponse'
|
||||
import {GetSubordinatesLeavesRequest} from './models/GetSubordinatesLeavesRequest';
|
||||
import {GetSubordinatesLeavesResponse} from './models/GetSubordinatesLeavesResponse';
|
||||
import {GetSubordinatesAttdStatusRequest} from './models/GetSubordinatesAttdStatusRequest';
|
||||
import {GetSubordinatesAttdStatusResponse} from './models/GetSubordinatesAttdStatusResponse';
|
||||
import {GetOpenNotificationsResponse} from './models/GetOpenNotificationsResponse'
|
||||
|
||||
@Injectable({
|
||||
providedIn: 'root'
|
||||
})
|
||||
export class DashboredService {
|
||||
public static organizationSalariesUrl="Services/ERP.svc/REST/GET_ORGANIZATIONS_SALARIES"
|
||||
public static openmissingswipesUrl="Services/ERP.svc/REST/GET_OPEN_MISSING_SWIPES"
|
||||
public static performanceappraisalUrl="Services/ERP.svc/REST/GET_Performance_Appraisal"
|
||||
public static attendancetrackingUrl="Services/ERP.svc/REST/GET_Attendance_Tracking"
|
||||
|
||||
public static getOpenPeriodDates = 'Services/ERP.svc/REST/GET_OPEN_PERIOD_DATES';
|
||||
public static getOpenNotifications = 'Services/ERP.svc/REST/GET_OPEN_NOTIFICATIONS';
|
||||
public static getSubordinatesLeaves = 'Services/ERP.svc/REST/GET_SUBORDINATES_LEAVES';
|
||||
public static getSubordinatesAttStatus = 'Services/ERP.svc/REST/GET_SUBORDINATES_ATTD_STATUS';
|
||||
|
||||
constructor(
|
||||
public con: ConnectorService,
|
||||
public authService: AuthenticationService,
|
||||
) { }
|
||||
|
||||
public getOrganizationSalaries(onError ?:any ,oerrorLable ?:any):Observable<OrganizationSalariesResponse>{
|
||||
const request = new Request();
|
||||
this.authService.authenticateRequest(request);
|
||||
return this.con.post(
|
||||
DashboredService.organizationSalariesUrl,
|
||||
request,
|
||||
onError,
|
||||
oerrorLable
|
||||
);}
|
||||
|
||||
public getOpenMissingSwipes(onError ?:any ,oerrorLable ?:any):Observable<OpenMissingSwipesResponse>{
|
||||
const request = new Request();
|
||||
this.authService.authenticateRequest(request);
|
||||
return this.con.post(
|
||||
DashboredService.openmissingswipesUrl,
|
||||
request,
|
||||
onError,
|
||||
oerrorLable
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
public getPerformanceAppraisal(onError ?:any ,oerrorLable ?:any):Observable<PerformanceAppraisalResponse>{
|
||||
const request = new Request();
|
||||
this.authService.authenticateRequest(request);
|
||||
return this.con.post(
|
||||
DashboredService.performanceappraisalUrl,
|
||||
request,
|
||||
onError,
|
||||
oerrorLable
|
||||
);
|
||||
}
|
||||
public getAttendanceTracking(onError ?:any ,oerrorLable ?:any):Observable<AttendanceTrackingResponse>{
|
||||
const request = new Request();
|
||||
this.authService.authenticateRequest(request);
|
||||
return this.con.post(
|
||||
DashboredService.attendancetrackingUrl,
|
||||
request,
|
||||
onError,
|
||||
oerrorLable
|
||||
);
|
||||
}
|
||||
public getOpenPeriodDates( onError?: any, errorLabel?: string): Observable<OpenPeriodDatesResponse> {
|
||||
const request = new Request();
|
||||
this.authService.authenticateRequest(request);
|
||||
return this.con.post(DashboredService.getOpenPeriodDates, request, onError, errorLabel);
|
||||
}
|
||||
public getOpenNotifications( onError?: any, errorLabel?: string): Observable<GetOpenNotificationsResponse> {
|
||||
const request = new Request();
|
||||
this.authService.authenticateRequest(request);
|
||||
return this.con.post(DashboredService.getOpenNotifications, request, onError, errorLabel);
|
||||
}
|
||||
public getSubordinatesLeaves( req:GetSubordinatesLeavesRequest,onError?: any, errorLabel?: string): Observable<GetSubordinatesLeavesResponse> {
|
||||
this.authService.authenticateRequest(req);
|
||||
return this.con.post(DashboredService.getSubordinatesLeaves, req, onError, errorLabel);
|
||||
}
|
||||
public getSubordinatesAttStatus( req:GetSubordinatesAttdStatusRequest, onError?: any, errorLabel?: string): Observable<GetSubordinatesAttdStatusResponse> {
|
||||
this.authService.authenticateRequest(req);
|
||||
return this.con.post(DashboredService.getSubordinatesAttStatus, req, onError, errorLabel);
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
@ -0,0 +1,11 @@
|
||||
export class GetOpenNotificationsList
|
||||
|
||||
{
|
||||
public ITEM_TYPE: number;
|
||||
|
||||
public ITEM_TYPE_DISPLAY_NAME:number;
|
||||
|
||||
public OPEN_NTF_NUMBER:number;
|
||||
|
||||
|
||||
}
|
||||
@ -0,0 +1,7 @@
|
||||
import { GetOpenNotificationsList } from './GetOpenNotificationsList';
|
||||
import { Response } from '../../../services/models/response'
|
||||
|
||||
|
||||
export class GetOpenNotificationsResponse extends Response {
|
||||
public GetOpenNotificationsList: GetOpenNotificationsList [];
|
||||
}
|
||||
@ -0,0 +1,16 @@
|
||||
export class GetSubordinatesAttdStatusList
|
||||
|
||||
{
|
||||
public NUMBER_OF_EMPLOYEES: number;
|
||||
|
||||
public LATE_IN:number;
|
||||
|
||||
public EARLY_OUT:number;
|
||||
|
||||
public ON_TIME:number;
|
||||
|
||||
public ABSENCE:number;
|
||||
|
||||
|
||||
|
||||
}
|
||||
@ -0,0 +1,7 @@
|
||||
import { Request } from '../../../services/models/request'
|
||||
|
||||
export class GetSubordinatesAttdStatusRequest extends Request{
|
||||
//public static SHARED_DATA = '';
|
||||
public P_SCHEDULE_DATE_FROM :any;
|
||||
public P_SCHEDULE_DATE_TO :any;
|
||||
}
|
||||
@ -0,0 +1,7 @@
|
||||
import { GetSubordinatesAttdStatusList } from './GetSubordinatesAttdStatusList';
|
||||
import { Response } from '../../../services/models/response'
|
||||
|
||||
|
||||
export class GetSubordinatesAttdStatusResponse extends Response {
|
||||
public GetSubordinatesAttdStatusList: GetSubordinatesAttdStatusList [];
|
||||
}
|
||||
@ -0,0 +1,35 @@
|
||||
export class GetSubordinatesLeavesList
|
||||
|
||||
{
|
||||
public LVL: number;
|
||||
|
||||
public EMPLOYEE_NUMBER:String;
|
||||
|
||||
public EMPLOYEE_NAME:String;
|
||||
|
||||
public ORGANIZATION_ID:number;
|
||||
|
||||
public ORGANIZATION_NAME:String
|
||||
|
||||
public SUPERVISOR_NUMBER:String;
|
||||
|
||||
public SUPERVISOR_NAME:String;
|
||||
|
||||
public SUPERVISOR_ORGANIZATION_ID:number;
|
||||
|
||||
public SUPERVISOR_ORGANIZATION_NAME:String;
|
||||
|
||||
public EVENT_DATE:any;//DATE;
|
||||
|
||||
public LEAVE_TYPE:String;
|
||||
|
||||
public DATE_START:any;//DATE;
|
||||
|
||||
public DATE_END:any;//DATE;
|
||||
|
||||
public ABSENCE_ATTENDANCE_TYPE_NAME:String;
|
||||
|
||||
public CALENDAR_ENTRY_DESC:String;
|
||||
|
||||
public STATUS:String;
|
||||
}
|
||||
@ -0,0 +1,8 @@
|
||||
import { Request } from '../../../services/models/request'
|
||||
|
||||
export class GetSubordinatesLeavesRequest extends Request{
|
||||
//public static SHARED_DATA = '';
|
||||
public P_DATE_FROM :any;
|
||||
public P_DATE_TO :any;
|
||||
|
||||
}
|
||||
@ -0,0 +1,7 @@
|
||||
import { GetSubordinatesLeavesList } from './GetSubordinatesLeavesList';
|
||||
import { Response } from '../../../services/models/response'
|
||||
|
||||
|
||||
export class GetSubordinatesLeavesResponse extends Response {
|
||||
public GetSubordinatesLeavesList: GetSubordinatesLeavesList [];
|
||||
}
|
||||
@ -0,0 +1,7 @@
|
||||
export class OpenPeriodDatesList {
|
||||
public P_CLOSING_PERIOD_DATE: any;
|
||||
public P_PERIOD_END_DATE: any;
|
||||
public P_PERIOD_START_DATE: any;
|
||||
public P_RETURN_MSG: string;
|
||||
public P_RETURN_STATUS: string;
|
||||
}
|
||||
@ -0,0 +1,7 @@
|
||||
import { OpenPeriodDatesList } from './openPeriodDatesList';
|
||||
import { Response } from '../../../services/models/response'
|
||||
|
||||
|
||||
export class OpenPeriodDatesResponse extends Response {
|
||||
public openPeriodDatesList: OpenPeriodDatesList [];
|
||||
}
|
||||
@ -0,0 +1,8 @@
|
||||
|
||||
|
||||
import { Response } from "src/app/hmg-common/services/models/response";
|
||||
import { OpenMissingSwipesList } from './OpenMissingSwipesList';
|
||||
|
||||
export class OpenMissingSwipesResponse extends Response{
|
||||
public GetGetOpenMissingSwipesList : OpenMissingSwipesList[];
|
||||
}
|
||||
@ -0,0 +1,6 @@
|
||||
import { Response } from "src/app/hmg-common/services/models/response";
|
||||
import { OrganizationsSalariesList } from './OrganizationsSalariesList';
|
||||
|
||||
export class OrganizationSalariesResponse extends Response{
|
||||
public GetGetOrganizationsSalariesList : OrganizationsSalariesList[];
|
||||
}
|
||||
@ -0,0 +1,11 @@
|
||||
|
||||
|
||||
|
||||
import { Response } from "src/app/hmg-common/services/models/response";
|
||||
import { PerformanceAppraisalList } from './PerformanceAppraisalList';
|
||||
|
||||
export class PerformanceAppraisalResponse extends Response{
|
||||
public GetPerformanceAppraisalList :PerformanceAppraisalList[];
|
||||
public static PERFORMANCE_DATA = "PERFORMANCE_DATA"
|
||||
|
||||
}
|
||||
@ -0,0 +1,77 @@
|
||||
<ion-content class="colorBG">
|
||||
<div class="header-div">
|
||||
<ion-buttons slot="start">
|
||||
<ion-back-button color="light" class="btnBack" defaultHref="/home"></ion-back-button>
|
||||
</ion-buttons>
|
||||
<p class="proTitles">{{ts.trPK('userProfile','title')}}</p>
|
||||
|
||||
<div>
|
||||
|
||||
|
||||
<div class="centerDiv homeBox" (click)="openPersonalInfo()">
|
||||
<!-- <div class="profileDiv"> -->
|
||||
<img class="profileImg" [src]="user_image">
|
||||
</div>
|
||||
|
||||
<!-- <ion-img class="profileImg" [src]="imageSrc"></ion-img> -->
|
||||
<div *ngIf="personalInfo">
|
||||
<p class="empName">{{User_name_Emp}}</p>
|
||||
<p class="empJob"> {{User_Job_name}}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<ion-grid *ngIf="personalInfo">
|
||||
<div class="gridService">
|
||||
<ion-row>
|
||||
<ion-col class="columns">
|
||||
<label class="service">{{personalInfo.SERVICE_YEARS}}</label>
|
||||
<br> <label class="services">YEARS</label>
|
||||
</ion-col>
|
||||
<ion-col class="columns">
|
||||
<label class="service">{{personalInfo.SERVICE_MONTHS}}</label>
|
||||
<br> <label class="services">MONTHS</label>
|
||||
</ion-col>
|
||||
<ion-col class="columns">
|
||||
<label class="service">{{personalInfo.SERVICE_DAYS}}</label>
|
||||
<br> <label class="services">DAYS</label>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
|
||||
</div>
|
||||
</ion-grid>
|
||||
|
||||
|
||||
<div class="list">
|
||||
<ion-list class="list-ios">
|
||||
<div class="p">
|
||||
<p>Years of Services</p>
|
||||
</div>
|
||||
|
||||
<ion-item class="itemline" (click)="openEditprofile()">
|
||||
<ion-thumbnail slot="start" class="menu-thumb">
|
||||
<img style= "height: 22px !important;" src="../assets/imgs/profile_icon.png" item-left>
|
||||
</ion-thumbnail>
|
||||
|
||||
<ion-label class="profile">
|
||||
{{ts.trPK('userProfile','edit-profile')}}
|
||||
</ion-label>
|
||||
<ion-icon style= "width: 20px; height: 22px !important;" name="arrow-forward" item-right></ion-icon>
|
||||
</ion-item>
|
||||
|
||||
<ion-item class="itemlins" (click)="openPerormance()">
|
||||
<ion-thumbnail slot="start" class="menu-thumb">
|
||||
<ion-icon style= "width: 23px; height: 24px !important;" name="speedometer" item-left></ion-icon>
|
||||
|
||||
</ion-thumbnail>
|
||||
<ion-label class="profile">
|
||||
{{ts.trPK('userProfile','performance-evaluation')}}
|
||||
</ion-label>
|
||||
<ion-icon style= "width: 20px; height: 22px !important;" name="arrow-forward" item-right></ion-icon>
|
||||
</ion-item>
|
||||
|
||||
</ion-list>
|
||||
</div>
|
||||
</ion-content>
|
||||
@ -0,0 +1,153 @@
|
||||
|
||||
|
||||
.list-ios {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
background: var(--ion-item-background,var(--ion-background-color,#fff));
|
||||
}
|
||||
|
||||
.colorBG{
|
||||
--background: #f0efef;
|
||||
}
|
||||
.header-div{
|
||||
text-transform: capitalize;
|
||||
background: #22C6B3;
|
||||
display: block;
|
||||
position: relative;
|
||||
height: 160px;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
|
||||
.profileImg{
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
display: -webkit-inline-box;
|
||||
display: inline-flex;
|
||||
overflow: hidden;
|
||||
/* background: transparent; */
|
||||
border-radius: 78% !important;
|
||||
position: relative;
|
||||
top: 34px;
|
||||
// background: white;
|
||||
background: transparent;
|
||||
margin-left: -3px;
|
||||
|
||||
}
|
||||
|
||||
.proTitles {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
font-weight: bolder;
|
||||
color: white;
|
||||
margin-top: -33px;
|
||||
}
|
||||
|
||||
.Text {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
font-weight: bolder;
|
||||
color: black;
|
||||
font-size: 16px;
|
||||
margin-top: 34px;
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
ion-thumbnail.menu-thumb{
|
||||
width:20px;
|
||||
height:20px;
|
||||
// margin-top: 5px !important;
|
||||
}
|
||||
|
||||
.profile{
|
||||
color: black !important;
|
||||
// font-weight: bolder !important;
|
||||
|
||||
}
|
||||
|
||||
.gridService{
|
||||
|
||||
// background-color: #094875;
|
||||
margin-top: 87px;
|
||||
border-radius: 10px;
|
||||
margin-bottom: -49px;
|
||||
margin-left: 14px;
|
||||
margin-right: 14px;
|
||||
|
||||
}
|
||||
.columns{
|
||||
margin: 10px;
|
||||
background: #094875;
|
||||
border-radius: 27px;
|
||||
padding-left: 30px;
|
||||
padding-right: 6px;
|
||||
padding-top: 19px;
|
||||
padding-bottom: 26px;
|
||||
}
|
||||
|
||||
|
||||
.service{
|
||||
font-size: 28px;
|
||||
// font-weight: bolder;
|
||||
color: white;
|
||||
letter-spacing: 1px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.services{
|
||||
|
||||
font-size: 12px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.list{
|
||||
margin-left: 14px;
|
||||
margin-right: 14px;
|
||||
border-radius: 10px;
|
||||
background: white;
|
||||
border: solid #bebbbb !important;
|
||||
padding: 2px;
|
||||
}
|
||||
.p{
|
||||
color: black !important;
|
||||
font-size: medium;
|
||||
text-align: center;
|
||||
border-bottom: rgb(190, 187, 187) solid 1px;
|
||||
}
|
||||
.itemline{
|
||||
border-bottom: rgb(190, 187, 187) solid 1px;
|
||||
}
|
||||
.itemlins{
|
||||
border-bottom: rgb(190, 187, 187) solid 1px;
|
||||
margin-bottom: 209px;
|
||||
|
||||
|
||||
}
|
||||
.empName {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
font-weight: bolder;
|
||||
color: black;
|
||||
font-size: 16px;
|
||||
margin-top: 38px;
|
||||
|
||||
}
|
||||
.empJob{
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
color: black;
|
||||
font-size: 16px;
|
||||
margin-top: 4px;
|
||||
|
||||
}
|
||||
|
||||
@ -0,0 +1,27 @@
|
||||
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { EditProfileComponent } from './edit-profile.component';
|
||||
|
||||
describe('EditProfileComponent', () => {
|
||||
let component: EditProfileComponent;
|
||||
let fixture: ComponentFixture<EditProfileComponent>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ EditProfileComponent ],
|
||||
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
||||
})
|
||||
.compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(EditProfileComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,112 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { Platform, Events, MenuController } from "@ionic/angular";
|
||||
import { CommonService } from "src/app/hmg-common/services/common/common.service";
|
||||
import { TranslatorService } from "src/app/hmg-common/services/translator/translator.service";
|
||||
import { AuthenticationService } from "src/app/hmg-common/services/authentication/authentication.service";
|
||||
import { AuthenticatedUser } from "src/app/hmg-common/services/authentication/models/authenticated-user";
|
||||
import { PerformanceAppraisalResponse } from 'src/app/hmg-common/services/dashbored/performance-appraisal.response';
|
||||
import { DashboredService } from 'src/app/hmg-common/services/dashbored/dashbored.service';
|
||||
import { SharedDataService } from 'src/app/hmg-common/services/shared-data-service/shared-data.service';
|
||||
// import { DomSanitizer } from '@angular/platform-browser';
|
||||
|
||||
|
||||
@Component({
|
||||
selector: 'app-edit-profile',
|
||||
templateUrl: './edit-profile.component.html',
|
||||
styleUrls: ['./edit-profile.component.scss'],
|
||||
})
|
||||
export class EditProfileComponent implements OnInit {
|
||||
|
||||
|
||||
User_name_Emp: string = "";
|
||||
User_Job_name: string;
|
||||
|
||||
private menu: MenuController;
|
||||
setImage:any;
|
||||
// imageSrc: any = "../assets/imgs/profile.png";
|
||||
user_image: any = "../assets/imgs/profile.png";
|
||||
personalInfo: any;
|
||||
appraisalArr :any =[];
|
||||
public performanceData: any=[];
|
||||
public static PERFORMANCE_DATA = 'perAppData';
|
||||
|
||||
constructor(
|
||||
public ts: TranslatorService,
|
||||
public cs: CommonService,
|
||||
public authService: AuthenticationService,
|
||||
public DS :DashboredService,
|
||||
public sharedData: SharedDataService
|
||||
// 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);
|
||||
|
||||
// });
|
||||
|
||||
|
||||
}
|
||||
|
||||
ngOnInit() {
|
||||
this.getProfile();
|
||||
}
|
||||
|
||||
getProfile() {
|
||||
console.log("getProfile");
|
||||
this.authService
|
||||
.loadAuthenticatedUser()
|
||||
.subscribe((user: AuthenticatedUser) => {
|
||||
if (user) {
|
||||
this.personalInfo = user;
|
||||
this.User_name_Emp=this.personalInfo.EMPLOYEE_NAME;
|
||||
this.User_Job_name=this.personalInfo.JOB_NAME;
|
||||
this.user_image = user.EMPLOYEE_IMAGE
|
||||
? "data:image/png;base64," + user.EMPLOYEE_IMAGE
|
||||
: "../assets/imgs/profile.png";
|
||||
console.log("name: "+ this.personalInfo.EMPLOYEE_NAME);
|
||||
console.log("user name: "+ user.EMPLOYEE_NAME);
|
||||
console.log("name: "+ this.personalInfo.JOB_NAME);
|
||||
console.log("job name: "+ user.JOB_NAME);
|
||||
|
||||
|
||||
}});
|
||||
}
|
||||
|
||||
openEditprofile(){
|
||||
this.cs.openProfile();
|
||||
}
|
||||
|
||||
openPerormance(){
|
||||
this.showPerformanceAppraisal();
|
||||
|
||||
}
|
||||
|
||||
showPerformanceAppraisal(){
|
||||
this.DS.getPerformanceAppraisal(()=>{
|
||||
this.showPerformanceAppraisal();
|
||||
}).subscribe((result: PerformanceAppraisalResponse) => {
|
||||
this.handlePerformanceAppraisalResult(result);
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
private handlePerformanceAppraisalResult(result){
|
||||
if (this.cs.validResponse(result)) {
|
||||
if (this.cs.hasData(result.GetPerformanceAppraisalList)) {
|
||||
this.appraisalArr =result.GetPerformanceAppraisalList;
|
||||
this.performanceData=[];
|
||||
|
||||
for(let i=0;i<this.appraisalArr.length;i++){
|
||||
this.performanceData.push({name:this.appraisalArr[i].APPRAISAL_YEAR,value :this.appraisalArr[i].APPRAISAL_SCORE});
|
||||
}
|
||||
console.log("PerformanceAppraisalResponse");
|
||||
this.sharedData.setSharedData(this.performanceData, PerformanceAppraisalResponse.PERFORMANCE_DATA);
|
||||
//localStorage.setItem("performanceData", this.performanceData)
|
||||
this.cs.openPerformanceevaluation();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,111 +1,168 @@
|
||||
<ion-header>
|
||||
<!-- <ion-header>
|
||||
|
||||
<div class="profileHead">
|
||||
<ion-toolbar class="header-toolbar">
|
||||
<ion-buttons slot="start">
|
||||
<ion-back-button color="light" class="btnBack" defaultHref="/home"></ion-back-button>
|
||||
</ion-buttons>
|
||||
<ion-title color="light" > {{ts.trPK('userProfile','title')}}</ion-title>
|
||||
</ion-toolbar>
|
||||
</ion-header>
|
||||
|
||||
|
||||
<ion-content>
|
||||
<ion-card *ngIf="personalInfo">
|
||||
|
||||
<ion-card-header class="boxHdr">
|
||||
<div class="hrTitle">{{personalInfo.EMPLOYEE_NAME}}</div>
|
||||
</ion-card-header>
|
||||
<ion-card-content>
|
||||
<div>
|
||||
<div class="centerDiv profileDiv">
|
||||
<!-- <p class="TxtPlace boldTxt">{{User_name_Emp}}</p> -->
|
||||
<ion-img class="profileImg" [src]="imageSrc"></ion-img>
|
||||
</div>
|
||||
<ion-grid class="profile-grid">
|
||||
<div>
|
||||
<ion-row>
|
||||
<ion-col class="colBold" size="5">
|
||||
<label> {{ts.trPK('userProfile','empNo')}}</label>
|
||||
</ion-col>
|
||||
<ion-col size="7">
|
||||
<label>{{personalInfo.EMPLOYEE_NUMBER}}</label>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col class="colBold" size="5">
|
||||
<label>{{ts.trPK('userProfile','busG')}}</label>
|
||||
</ion-col>
|
||||
<ion-col size="7">
|
||||
<label>{{personalInfo.BUSINESS_GROUP_NAME}}</label>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col class="colBold" size="5">
|
||||
<label>{{ts.trPK('userProfile','job')}}</label>
|
||||
</ion-col>
|
||||
<ion-col size="7">
|
||||
<label>{{personalInfo.JOB_NAME}}</label>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col class="colBold" size="5">
|
||||
<label>{{ts.trPK('userProfile','locName')}}</label>
|
||||
</ion-col>
|
||||
<ion-col size="7">
|
||||
<label>{{personalInfo.LOCATION_NAME}}</label>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col class="colBold" size="5">
|
||||
<label>{{ts.trPK('userProfile','payrol')}}</label>
|
||||
</ion-col>
|
||||
<ion-col size="7">
|
||||
<label>{{personalInfo.PAYROLL_NAME}}</label>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col class="colBold" size="5">
|
||||
<label>{{ts.trPK('userProfile','orgEmail')}}</label>
|
||||
</ion-col>
|
||||
<ion-col size="7">
|
||||
<label>{{personalInfo.EMPLOYEE_EMAIL_ADDRESS}}</label>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col class="colBold" size="5">
|
||||
<label>{{ts.trPK('userProfile','orgName')}} </label>
|
||||
</ion-col>
|
||||
<ion-col size="7">
|
||||
<label>{{personalInfo.ORGANIZATION_NAME}}</label>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col class="colBold" size="5">
|
||||
<label>{{ts.trPK('userProfile','position')}}</label>
|
||||
</ion-col>
|
||||
<ion-col size="7">
|
||||
<label>{{personalInfo.POSITION_NAME}}</label>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col class="colBold" size="5">
|
||||
<label>{{ts.trPK('userProfile','grade')}} </label>
|
||||
</ion-col>
|
||||
<ion-col size="7">
|
||||
<label>{{personalInfo.GRADE_NAME}}</label>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col class="colBold" size="5">
|
||||
<label>{{ts.trPK('userProfile','category')}}</label>
|
||||
</ion-col>
|
||||
<ion-col size="7">
|
||||
<label>{{personalInfo.EMPLOYMENT_CATEGORY_MEANING}}</label>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
</div>
|
||||
</ion-grid>
|
||||
</div>
|
||||
</ion-card-content>
|
||||
</ion-card>
|
||||
</ion-content>
|
||||
</div>
|
||||
</ion-header> -->
|
||||
|
||||
|
||||
<ion-content class="colorBG">
|
||||
<div class="header-div">
|
||||
<ion-buttons slot="start">
|
||||
<ion-back-button color="light" class="btnBack" defaultHref="/home"></ion-back-button>
|
||||
</ion-buttons>
|
||||
<p class="proTitles">{{ts.trPK('userProfile','title')}}</p>
|
||||
|
||||
<!-- <div class="centerDiv profileDiv"> -->
|
||||
<div class="centerDiv homeBox">
|
||||
<div class="centerDiv homeBox" (click)="openPersonalInfo()">
|
||||
<!-- <div class="profileDiv"> -->
|
||||
<img class="profileImg" [src]="imageSrc">
|
||||
</div>
|
||||
<!-- <ion-img class="profileImg" [src]="imageSrc"></ion-img> -->
|
||||
<!-- <div class="Text">{{personalInfo.EMPLOYEE_NAME}}</div> -->
|
||||
<div *ngIf="personalInfo">
|
||||
<p class="Text">{{personalInfo.EMPLOYEE_NAME}}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="changeImgBtn">
|
||||
<button ion-button icon-only menuToggle class="menubutton" (click)="ChangeImage()">
|
||||
<ion-icon (click)="ChangeImage();" class="changeIcon" name="md-create"></ion-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div> <!-- end header-div -->
|
||||
|
||||
|
||||
<div>
|
||||
|
||||
<!-- <ion-card *ngIf="personalInfo"> -->
|
||||
|
||||
<!-- <ion-card-header class="boxHdr">
|
||||
<div class="hrTitle">{{personalInfo.EMPLOYEE_NAME}}</div>
|
||||
</ion-card-header> -->
|
||||
<!-- <ion-card-content> -->
|
||||
<div *ngIf="personalInfo">
|
||||
|
||||
<ion-grid>
|
||||
<div class="profileGrid">
|
||||
<ion-row style="border-bottom: rgb(190, 187, 187) solid 1px;">
|
||||
<ion-col class="line">
|
||||
<ion-row>
|
||||
<label class="lebl">
|
||||
{{ts.trPK('userProfile','empNo')}}</label></ion-row>
|
||||
<ion-row > <label
|
||||
class="rowBolds">{{personalInfo.EMPLOYEE_NUMBER}}</label> </ion-row>
|
||||
</ion-col>
|
||||
<ion-col>
|
||||
<ion-row> <label class="lebl">{{ts.trPK('userProfile','category')}}</label>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<label class="rowBolds">{{personalInfo.EMPLOYMENT_CATEGORY_MEANING}}</label> </ion-row>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row style="border-bottom: rgb(190, 187, 187) solid 1px;">
|
||||
<ion-col>
|
||||
<ion-row>
|
||||
<label class="lebl">{{ts.trPK('userProfile','address')}}</label>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<label class="rowBolds"></label>
|
||||
</ion-row>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row style="border-bottom: rgb(190, 187, 187) solid 1px;">
|
||||
<ion-col>
|
||||
<ion-row>
|
||||
<label class="lebl">{{ts.trPK('general','mobile')}}</label>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<label class="rowBolds">{{personalInfo.EMPLOYEE_MOBILE_NUMBER}}</label>
|
||||
</ion-row>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row style="border-bottom: rgb(190, 187, 187) solid 1px;">
|
||||
<ion-col>
|
||||
<ion-row>
|
||||
<label class="lebl">{{ts.trPK('userProfile','busG')}}</label>
|
||||
</ion-row>
|
||||
<ion-row> <label class="rowBolds">{{personalInfo.BUSINESS_GROUP_NAME}}</label>
|
||||
</ion-row>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
|
||||
<ion-row style="border-bottom: rgb(190, 187, 187) solid 1px;">
|
||||
<ion-col>
|
||||
<ion-row>
|
||||
<label class="lebl">{{ts.trPK('userProfile','job')}}</label>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<label class="rowBolds">{{personalInfo.JOB_NAME}}</label>
|
||||
</ion-row>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row style="border-bottom: rgb(190, 187, 187) solid 1px;">
|
||||
<ion-col>
|
||||
<ion-row>
|
||||
<label class="lebl">{{ts.trPK('userProfile','payrol')}}</label>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<label class="rowBolds">{{personalInfo.PAYROLL_NAME}}</label>
|
||||
</ion-row>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
|
||||
<ion-row style="border-bottom: rgb(190, 187, 187) solid 1px;">
|
||||
<ion-col>
|
||||
<ion-row>
|
||||
<label class="lebl">{{ts.trPK('userProfile','orgEmail')}}</label>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<label class="rowBolds">{{personalInfo.EMPLOYEE_EMAIL_ADDRESS}}</label>
|
||||
</ion-row>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row style="border-bottom: rgb(190, 187, 187) solid 1px;">
|
||||
<ion-col>
|
||||
<ion-row>
|
||||
<label class="lebl">{{ts.trPK('userProfile','position')}}</label>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<label class="rowBolds">{{personalInfo.POSITION_NAME}}</label>
|
||||
</ion-row>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<ion-row>
|
||||
<label class="lebl">{{ts.trPK('userProfile','grade')}} </label>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<label class="rowBolds">{{personalInfo.GRADE_NAME}}</label>
|
||||
</ion-row>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
</div>
|
||||
</ion-grid>
|
||||
</div>
|
||||
<!-- </ion-card-content> -->
|
||||
<!-- </ion-card> -->
|
||||
</div>
|
||||
</ion-content>
|
||||
@ -1,3 +1,132 @@
|
||||
ion-col.colBold, ion-col.colBold > label{
|
||||
font-weight:bold;
|
||||
}
|
||||
}
|
||||
|
||||
.colorBG{
|
||||
--background: #f0efef;
|
||||
}
|
||||
.header-div{
|
||||
text-transform: capitalize;
|
||||
background: #22C6B3;
|
||||
display: block;
|
||||
position: relative;
|
||||
height: 160px;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
// .profileCont{
|
||||
// background-color: #d9d7d7 !important;
|
||||
|
||||
|
||||
.menubutton{
|
||||
white-space: normal;
|
||||
color: var(--light);
|
||||
text-transform: capitalize;
|
||||
min-height: 39px;
|
||||
background: #f0ecec;
|
||||
font-size: 2rem;
|
||||
position: absolute;
|
||||
width: 35px !important;
|
||||
height: 19px;
|
||||
box-shadow: 3px 0px 7px 0px #c5c2c2;
|
||||
border-radius: 50%;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.changeIcon{
|
||||
/* background: #c1c1c1; */
|
||||
width: 21px;
|
||||
/* height: 26px; */
|
||||
border-radius: 50% !important;
|
||||
position: relative;
|
||||
color: #7f8c8d;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.changeImgBtn{
|
||||
position: absolute;
|
||||
top: 80%;
|
||||
left: 65%;
|
||||
}
|
||||
.profileImg{
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
display: -webkit-inline-box;
|
||||
display: inline-flex;
|
||||
overflow: hidden;
|
||||
// background: transparent;
|
||||
border-radius: 69% !important;
|
||||
position: relative;
|
||||
top: 34px;
|
||||
// background: white;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.Text {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
font-weight: bolder;
|
||||
color: black;
|
||||
font-size: 16px;
|
||||
margin-top: 34px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.line{
|
||||
|
||||
padding-top: 0px !important;
|
||||
/* margin-bottom: 0px; */
|
||||
/* margin: 0px; */
|
||||
border-right: 1px #c5c2c2 solid !important;
|
||||
line-height: 10px !important;
|
||||
|
||||
}
|
||||
.proTitles {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
font-weight: bolder;
|
||||
color: white;
|
||||
margin-top: -33px;
|
||||
}
|
||||
|
||||
|
||||
.profileGrid{
|
||||
border: #bebbbb solid 1px;
|
||||
border-radius: 9px;
|
||||
padding: 0px;
|
||||
margin-top: 54px;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
color: black;
|
||||
// font-weight: bold;
|
||||
background: white;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.lebl{
|
||||
|
||||
color: black;
|
||||
font-size: 14px !important;
|
||||
font-weight: bold !important;
|
||||
padding-top: 9px;
|
||||
padding-left: 5px;
|
||||
|
||||
}
|
||||
.rowBolds{
|
||||
color: black !important;
|
||||
font-size: 14px !important;
|
||||
/* padding: 6px !important; */
|
||||
padding-bottom: 9px;
|
||||
padding-left: 5px;
|
||||
padding-top: 4px;
|
||||
|
||||
}
|
||||
@ -0,0 +1,77 @@
|
||||
<ion-content class="colorBG">
|
||||
<div class="header-div">
|
||||
<ion-buttons slot="start">
|
||||
<ion-back-button color="light" class="btnBack" defaultHref="/home"></ion-back-button>
|
||||
</ion-buttons>
|
||||
<p class="proTitles">{{ts.trPK('userProfile','performance')}}</p>
|
||||
|
||||
<div class="profilediv" (click)="openPersonalInfo()">
|
||||
<img class="profileImg" [src]="user_image">
|
||||
</div>
|
||||
<!-- <ion-img class="profileImg" [src]="imageSrc"></ion-img> -->
|
||||
|
||||
|
||||
|
||||
<ion-grid>
|
||||
<div class="grid">
|
||||
<ion-row>
|
||||
<p class="Text">Performance Evaluation</p>
|
||||
|
||||
<div class="gauge">
|
||||
|
||||
|
||||
<ngx-charts-gauge [view]="view" [scheme]="colorScheme" [results]="performanceData" [min]="0" [max]="100"
|
||||
[angleSpan]="240" [startAngle]="-120" [bigSegments]="5"
|
||||
[smallSegments]="10" (select)="onSelect($event)">
|
||||
</ngx-charts-gauge>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</ion-row>
|
||||
</div>
|
||||
|
||||
<!-- <div>
|
||||
<div *ngFor="let data of performanceData">
|
||||
<ion-row class="gridvalue">
|
||||
<ion-col >
|
||||
<div class="performancecolor" [style.background]="data.color"></div>
|
||||
<br>
|
||||
<label class="label"> Your Performance In </label>
|
||||
<label class="labelvalue"> {{data.value}} </label>
|
||||
<label class="label"> {{data.name}} </label>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- class="gridvalue" -->
|
||||
<!-- ///// -->
|
||||
|
||||
<div>
|
||||
<div *ngIf="performanceData">
|
||||
<div >
|
||||
<ion-row >
|
||||
<ion-col *ngFor="let data of performanceData ;let i = index" [ngClass]="length % 2 != 0 && i == length - 1 ? 'rightgrid' : 'leftgrid'" >
|
||||
<div class="performancecolor" [style.background]="data.color"></div>
|
||||
<br>
|
||||
<label class="label"> Your Performance In </label>
|
||||
<label class="label"> {{data.name}} </label>
|
||||
<br>
|
||||
<label class="labelvalue"> {{data.value}} </label>
|
||||
<label class="percentage"> %</label>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</ion-grid>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</ion-content>
|
||||
@ -0,0 +1,144 @@
|
||||
|
||||
|
||||
|
||||
.colorBG{
|
||||
--background: #f0efef;
|
||||
}
|
||||
.header-div{
|
||||
text-transform: capitalize;
|
||||
background: #22C6B3;
|
||||
display: block;
|
||||
position: relative;
|
||||
height: 160px;
|
||||
margin-bottom: 60px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.btnBack{
|
||||
background: var(--customnavy);
|
||||
white-space: normal;
|
||||
color: var(--light);
|
||||
text-transform: capitalize;
|
||||
min-height: 45px;
|
||||
margin-top: -8px !important;
|
||||
}
|
||||
|
||||
.profilediv{
|
||||
|
||||
margin-left: 337px;
|
||||
}
|
||||
.profileImg{
|
||||
width: 25px;
|
||||
height: 24px;
|
||||
/* display: -webkit-inline-box; */
|
||||
/* display: inline-flex; */
|
||||
overflow: hidden;
|
||||
background: transparent;
|
||||
border-radius: 90% !important;
|
||||
position: relative;
|
||||
top: -22px;
|
||||
// margin-left: 337px;
|
||||
|
||||
}
|
||||
|
||||
.proTitles {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
font-weight: bolder;
|
||||
color: white;
|
||||
margin-top: -33px;
|
||||
}
|
||||
|
||||
.grid{
|
||||
|
||||
background-color: #f9f9f9;
|
||||
margin-top: 9px;
|
||||
margin-bottom: 7px !important;
|
||||
border-radius: 21px;
|
||||
margin-bottom: 26px;
|
||||
margin-left: 14px;
|
||||
margin-right: 14px;
|
||||
padding-bottom: 1px;
|
||||
border: solid #d7d4d4 !important;
|
||||
|
||||
}
|
||||
.Text {
|
||||
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-left: 74px;
|
||||
}
|
||||
|
||||
.leftgrid{
|
||||
margin-left: 10px;
|
||||
background: white;
|
||||
border: solid #d7d4d4;
|
||||
margin: 7px;
|
||||
border-radius: 24px;
|
||||
width: 30% !important;
|
||||
padding-bottom: 9px;
|
||||
padding-top: 11px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.rightgrid{
|
||||
margin-left: 10px;
|
||||
background: white;
|
||||
border: solid #d7d4d4;
|
||||
// margin: 7px;
|
||||
border-radius: 24px;
|
||||
width: 30% !important;
|
||||
padding-bottom: 9px;
|
||||
padding-top: 11px;
|
||||
padding-left: 10px;
|
||||
margin-right: 189px;
|
||||
|
||||
}
|
||||
|
||||
.performancecolor{
|
||||
border: solid #bebbbb 1px !important;
|
||||
border-radius: 13px;
|
||||
margin-top: 0px !important;
|
||||
height: 10px;
|
||||
padding-right: 8px !important;
|
||||
width: 65px;
|
||||
margin-bottom: -10px;
|
||||
|
||||
}
|
||||
|
||||
.label{
|
||||
|
||||
font-size: 13px !important;
|
||||
margin-top: -7px !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
|
||||
.labelvalue{
|
||||
font-size: 28px !important;
|
||||
font-weight: bold !important;
|
||||
margin-top: 7px !important;
|
||||
margin-left: 72px !important;
|
||||
}
|
||||
|
||||
.percentage{
|
||||
font-size: 15px !important;
|
||||
margin-top: 15px !important;
|
||||
|
||||
}
|
||||
|
||||
.gauge{
|
||||
transform: translate(-24px, -65px);
|
||||
margin-bottom: -187px;
|
||||
margin-top: -20px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
@ -0,0 +1,27 @@
|
||||
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { PerformanceEvaluationComponent } from './performance-evaluation.component';
|
||||
|
||||
describe('PerformanceEvaluationComponent', () => {
|
||||
let component: PerformanceEvaluationComponent;
|
||||
let fixture: ComponentFixture<PerformanceEvaluationComponent>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ PerformanceEvaluationComponent ],
|
||||
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
||||
})
|
||||
.compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(PerformanceEvaluationComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,88 @@
|
||||
import { Component, OnInit, NgModule } from '@angular/core';
|
||||
import { Platform, Events, MenuController } from "@ionic/angular";
|
||||
import { CommonService } from "src/app/hmg-common/services/common/common.service";
|
||||
import { TranslatorService } from "src/app/hmg-common/services/translator/translator.service";
|
||||
import { AuthenticationService } from "src/app/hmg-common/services/authentication/authentication.service";
|
||||
import { DashboredService } from 'src/app/hmg-common/services/dashbored/dashbored.service';
|
||||
import { PerformanceAppraisalResponse } from 'src/app/hmg-common/services/dashbored/performance-appraisal.response';
|
||||
// import { DomSanitizer } from '@angular/platform-browser';
|
||||
// import {NgxGaugeModule} from 'ngx-gauge';
|
||||
import { AuthenticatedUser } from "src/app/hmg-common/services/authentication/models/authenticated-user";
|
||||
|
||||
|
||||
|
||||
@Component({
|
||||
selector: 'app-performance-evaluation',
|
||||
templateUrl: './performance-evaluation.component.html',
|
||||
styleUrls: ['./performance-evaluation.component.scss'],
|
||||
})
|
||||
export class PerformanceEvaluationComponent implements OnInit {
|
||||
personalInfo: any;
|
||||
user_image: any = "../assets/imgs/profile.png";
|
||||
setImage:any;
|
||||
view: any = [380, 450];
|
||||
public performanceData: any=[];
|
||||
public length;
|
||||
|
||||
|
||||
constructor( public ts: TranslatorService,
|
||||
public cs: CommonService,
|
||||
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);
|
||||
|
||||
// });
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
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;
|
||||
|
||||
for(let i=0;i<this.performanceData.length;i++){
|
||||
this.performanceData[i].color =this.colorScheme.domain[i];
|
||||
console.log( i+" : "+this.performanceData[i].name)
|
||||
|
||||
}
|
||||
console.log( this.performanceData[0].color)
|
||||
}
|
||||
|
||||
|
||||
|
||||
getProfile() {
|
||||
console.log("getProfile");
|
||||
this.authService
|
||||
.loadAuthenticatedUser()
|
||||
.subscribe((user: AuthenticatedUser) => {
|
||||
if (user) {
|
||||
this.personalInfo = user;
|
||||
this.user_image = user.EMPLOYEE_IMAGE
|
||||
? "data:image/png;base64," + user.EMPLOYEE_IMAGE
|
||||
: "../assets/imgs/profile.png";
|
||||
|
||||
|
||||
}});
|
||||
}
|
||||
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 726 B |
Binary file not shown.
|
After Width: | Height: | Size: 464 B |
Binary file not shown.
|
After Width: | Height: | Size: 599 B |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 569 B |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,6 @@
|
||||
-----BEGIN PRIVATE KEY-----
|
||||
MIGTAgEAMBMGByqGSM49AgEGCCqGSM49AwEHBHkwdwIBAQQgpFHLFUMeYsa60Ljq
|
||||
iLNjrd5vW54LWW29shqYplVrbJGgCgYIKoZIzj0DAQehRANCAATtOB42ERmP9URQ
|
||||
ERKOSOsNs84YYhYOYgJWzEl8vawi4mUI2MaliCdXkTxzqChTWuPw2YN4n1ebAclM
|
||||
GEIcObMj
|
||||
-----END PRIVATE KEY-----
|
||||
Binary file not shown.
@ -0,0 +1,36 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
|
||||
<plist version="1.0">
|
||||
<dict>
|
||||
<key>CLIENT_ID</key>
|
||||
<string>448880075189-tcgggmh2ua9tsmdr97c1ttcgrmf5kg5m.apps.googleusercontent.com</string>
|
||||
<key>REVERSED_CLIENT_ID</key>
|
||||
<string>com.googleusercontent.apps.448880075189-tcgggmh2ua9tsmdr97c1ttcgrmf5kg5m</string>
|
||||
<key>API_KEY</key>
|
||||
<string>AIzaSyB--KUTUYVpcdxpETCEsdhKs5cV3QawW7Q</string>
|
||||
<key>GCM_SENDER_ID</key>
|
||||
<string>448880075189</string>
|
||||
<key>PLIST_VERSION</key>
|
||||
<string>1</string>
|
||||
<key>BUNDLE_ID</key>
|
||||
<string>com.cloudsolutions.alhabibmohemm</string>
|
||||
<key>PROJECT_ID</key>
|
||||
<string>al-habib-mohemm</string>
|
||||
<key>STORAGE_BUCKET</key>
|
||||
<string>al-habib-mohemm.appspot.com</string>
|
||||
<key>IS_ADS_ENABLED</key>
|
||||
<false></false>
|
||||
<key>IS_ANALYTICS_ENABLED</key>
|
||||
<false></false>
|
||||
<key>IS_APPINVITE_ENABLED</key>
|
||||
<true></true>
|
||||
<key>IS_GCM_ENABLED</key>
|
||||
<true></true>
|
||||
<key>IS_SIGNIN_ENABLED</key>
|
||||
<true></true>
|
||||
<key>GOOGLE_APP_ID</key>
|
||||
<string>1:448880075189:ios:c6fd2b86fe7b388088b9fc</string>
|
||||
<key>DATABASE_URL</key>
|
||||
<string>https://al-habib-mohemm.firebaseio.com</string>
|
||||
</dict>
|
||||
</plist>
|
||||
@ -0,0 +1,47 @@
|
||||
{
|
||||
"project_info": {
|
||||
"project_number": "448880075189",
|
||||
"firebase_url": "https://al-habib-mohemm.firebaseio.com",
|
||||
"project_id": "al-habib-mohemm",
|
||||
"storage_bucket": "al-habib-mohemm.appspot.com"
|
||||
},
|
||||
"client": [
|
||||
{
|
||||
"client_info": {
|
||||
"mobilesdk_app_id": "1:448880075189:android:5bb4821d515a826d88b9fc",
|
||||
"android_client_info": {
|
||||
"package_name": "com.cloudsolutions.alhabibmohemm"
|
||||
}
|
||||
},
|
||||
"oauth_client": [
|
||||
{
|
||||
"client_id": "448880075189-49hc2l78pr9hsmr9p3k7j411r40diej8.apps.googleusercontent.com",
|
||||
"client_type": 3
|
||||
}
|
||||
],
|
||||
"api_key": [
|
||||
{
|
||||
"current_key": "AIzaSyC8nrli7eyuRNow8nF-QHvDMOxqUkj6fEw"
|
||||
}
|
||||
],
|
||||
"services": {
|
||||
"appinvite_service": {
|
||||
"other_platform_oauth_client": [
|
||||
{
|
||||
"client_id": "448880075189-49hc2l78pr9hsmr9p3k7j411r40diej8.apps.googleusercontent.com",
|
||||
"client_type": 3
|
||||
},
|
||||
{
|
||||
"client_id": "448880075189-tcgggmh2ua9tsmdr97c1ttcgrmf5kg5m.apps.googleusercontent.com",
|
||||
"client_type": 2,
|
||||
"ios_info": {
|
||||
"bundle_id": "com.cloudsolutions.alhabibmohemm"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
"configuration_version": "1"
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,6 @@
|
||||
-----BEGIN PRIVATE KEY-----
|
||||
MIGTAgEAMBMGByqGSM49AgEGCCqGSM49AwEHBHkwdwIBAQQg+oBl9YdOiMRXfQZe
|
||||
nIe6tR1tojoOvvcohNJmJtH+SsagCgYIKoZIzj0DAQehRANCAATDY9E82MAgMI/g
|
||||
bKF1t4zLHJ1Yt9uoOnedNYsfyZLhh3l3ZyXRj02uDXz04AsNbNFjkLJXPc4xY9ad
|
||||
+A4rY70x
|
||||
-----END PRIVATE KEY-----
|
||||
@ -0,0 +1,36 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
|
||||
<plist version="1.0">
|
||||
<dict>
|
||||
<key>CLIENT_ID</key>
|
||||
<string>679409052782-3teqf8vdh9e1suvnhddj3pgmna7vg5rt.apps.googleusercontent.com</string>
|
||||
<key>REVERSED_CLIENT_ID</key>
|
||||
<string>com.googleusercontent.apps.679409052782-3teqf8vdh9e1suvnhddj3pgmna7vg5rt</string>
|
||||
<key>API_KEY</key>
|
||||
<string>AIzaSyCjMjhbeS7qilBoP4SH0t3SgkkHryf34JA</string>
|
||||
<key>GCM_SENDER_ID</key>
|
||||
<string>679409052782</string>
|
||||
<key>PLIST_VERSION</key>
|
||||
<string>1</string>
|
||||
<key>BUNDLE_ID</key>
|
||||
<string>com.cloudsolutions.mohemm</string>
|
||||
<key>PROJECT_ID</key>
|
||||
<string>mohemm-dce93</string>
|
||||
<key>STORAGE_BUCKET</key>
|
||||
<string>mohemm-dce93.appspot.com</string>
|
||||
<key>IS_ADS_ENABLED</key>
|
||||
<false></false>
|
||||
<key>IS_ANALYTICS_ENABLED</key>
|
||||
<false></false>
|
||||
<key>IS_APPINVITE_ENABLED</key>
|
||||
<true></true>
|
||||
<key>IS_GCM_ENABLED</key>
|
||||
<true></true>
|
||||
<key>IS_SIGNIN_ENABLED</key>
|
||||
<true></true>
|
||||
<key>GOOGLE_APP_ID</key>
|
||||
<string>1:679409052782:ios:ace07cf8ba043b48a78a7f</string>
|
||||
<key>DATABASE_URL</key>
|
||||
<string>https://mohemm-dce93.firebaseio.com</string>
|
||||
</dict>
|
||||
</plist>
|
||||
@ -0,0 +1,47 @@
|
||||
{
|
||||
"project_info": {
|
||||
"project_number": "679409052782",
|
||||
"firebase_url": "https://mohemm-dce93.firebaseio.com",
|
||||
"project_id": "mohemm-dce93",
|
||||
"storage_bucket": "mohemm-dce93.appspot.com"
|
||||
},
|
||||
"client": [
|
||||
{
|
||||
"client_info": {
|
||||
"mobilesdk_app_id": "1:679409052782:android:dba155ac0859d7fea78a7f",
|
||||
"android_client_info": {
|
||||
"package_name": "hmg.cloudSolutions.mohem"
|
||||
}
|
||||
},
|
||||
"oauth_client": [
|
||||
{
|
||||
"client_id": "679409052782-mtd6d8rjltucnm9uatn6g7et08sm6lbv.apps.googleusercontent.com",
|
||||
"client_type": 3
|
||||
}
|
||||
],
|
||||
"api_key": [
|
||||
{
|
||||
"current_key": "AIzaSyDgWjuSBIKGghWxYg_KGBRIZTi-O_UA8mU"
|
||||
}
|
||||
],
|
||||
"services": {
|
||||
"appinvite_service": {
|
||||
"other_platform_oauth_client": [
|
||||
{
|
||||
"client_id": "679409052782-mtd6d8rjltucnm9uatn6g7et08sm6lbv.apps.googleusercontent.com",
|
||||
"client_type": 3
|
||||
},
|
||||
{
|
||||
"client_id": "679409052782-3teqf8vdh9e1suvnhddj3pgmna7vg5rt.apps.googleusercontent.com",
|
||||
"client_type": 2,
|
||||
"ios_info": {
|
||||
"bundle_id": "com.cloudsolutions.mohemm"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
"configuration_version": "1"
|
||||
}
|
||||
@ -0,0 +1,17 @@
|
||||
-----BEGIN CERTIFICATE REQUEST-----
|
||||
MIICoTCCAYkCAQAwXDEzMDEGCSqGSIb3DQEJARYkQ2hvdWRocnkuTWFzb29kQGNs
|
||||
b3Vkc29sdXRpb24tc2EuY29tMRgwFgYDVQQDDA9DaG91ZGhyeSBNYXNvb2QxCzAJ
|
||||
BgNVBAYTAlNBMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEApkQA87EF
|
||||
GiHTVqx7SWD+3qaVSHTFrTCro9DJZ5na/WGsF06xfoZJT/S5jFW5DlWHWsJak/vx
|
||||
BqsuH3VGTEneoEiWc+Zyh6Lb6SvgDmfee2MB+k8E6dHE4Z5Z7aiBXSTjIjKcWEjj
|
||||
41++FVihddY+p9723WFhcEWcA2Nq2p9KSZlKZNqui5xU/16z6RW7YSu0ylBUE8+g
|
||||
E5GLzRgALzoSNT5OedXqdIoR9k1Jds2ep+DKqjl35hKOX215b3tzfyamPK2i1UHB
|
||||
eaYBXnObkyJe4EIcqlTM8Eeo23yxsHYyRrJmJDDm4GaXRXrQ2193XpLHNlq88no5
|
||||
wgI+yYsb7zvwowIDAQABoAAwDQYJKoZIhvcNAQELBQADggEBAIQsZ1fP8XImSQ+L
|
||||
TvR4mT98DI5Ld/xLnw/LXRNJrZVtxMjdUwwcMhvxbfGX4Ji4wpttkzbkr86Jyh+U
|
||||
dbfVqHKLIGo8xjYl4uCcjYIqnY2hBduv+/aWWoFAJ9w5tv8Oo/3hasF97zQi+vZh
|
||||
Uzqdp/8IWb8/QGE2HRqKbSUMKBeUzDmyQTnM7QeS5kuT5MQZjDnFLV2v3Sxa383L
|
||||
9jFqNQjS7b1mcVJ4/HsW7yUYoDZ8C90fUp2zs5k4SFad8MG4J1IsoshXuBgBvcFg
|
||||
haDt0P+hh6QVk9yf4zGgcbU7501ya5T5MgZ8moxnlklf3mqGUCK2IU8PBc2IquyG
|
||||
2PrSkpI=
|
||||
-----END CERTIFICATE REQUEST-----
|
||||
Loading…
Reference in New Issue