|
|
|
|
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;
|
|
|
|
|
public direction: string;
|
|
|
|
|
// public showText:boolean =false;
|
|
|
|
|
|
|
|
|
|
constructor(public ts: TranslatorService,
|
|
|
|
|
public cs: CommonService,
|
|
|
|
|
public DS: DashboredService,
|
|
|
|
|
public authService: AuthenticationService,
|
|
|
|
|
// 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: ['#65C399', '#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)
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
ngAfterViewInit() {
|
|
|
|
|
document.querySelector('svg .gauge.chart > text').remove();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
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';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|