Compare commits

..

No commits in common. "469fd0d8230f34a865d83dbcf719a72c53370b14" and "5935a91c457623e8cd3050c8285cb9fc6fd1caa5" have entirely different histories.

3 changed files with 34 additions and 61 deletions

View File

@ -88,9 +88,9 @@
[disabled]="selectedProdBSdata===undefined||selectedLine===undefined||selectedDate===undefined">Refresh</button> [disabled]="selectedProdBSdata===undefined||selectedLine===undefined||selectedDate===undefined">Refresh</button>
</div> </div>
<div class="p-col-12"> <div class="p-col-12">
<kendo-grid #grid [data]="employeeList" [pageable]="true" [sortable]="true" [reorderable]="true" [resizable]="true" [height]="450"> <kendo-grid [data]="employeeList" [pageable]="true" [sortable]="true" [reorderable]="true" [resizable]="true">
<ng-template kendoGridToolbarTemplate> <ng-template kendoGridToolbarTemplate>
<button type="button" kendoButton icon="delete" class="kt-delete"> <button type="button" kendoButton [primary]="true" icon="delete">
Remove All Remove All
</button> </button>
<kendo-grid-spacer></kendo-grid-spacer> <kendo-grid-spacer></kendo-grid-spacer>
@ -107,7 +107,7 @@
</kendo-grid-column> </kendo-grid-column>
<kendo-grid-column title="Actions" width="25%" align="middle"> <kendo-grid-column title="Actions" width="25%" align="middle">
<ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex"> <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
<button kendoButton class="kt-delete" icon="delete" style="width: fit-content;" <button kendoButton icon="delete" [primary]="true" style="width: 30%;"
(click)="onClickRemove(dataItem)">Remove</button> (click)="onClickRemove(dataItem)">Remove</button>
</ng-template> </ng-template>
</kendo-grid-column> </kendo-grid-column>
@ -124,8 +124,8 @@
<kendo-label [for]="supervisor" text=" Supervisor"></kendo-label> <kendo-label [for]="supervisor" text=" Supervisor"></kendo-label>
</div> </div>
<div class="p-col-4"> <div class="p-col-4">
<app-employee-picker (ItemSelected)="GetSelectedEmployee($event)" [setSelectedEmp]="selectedEmps" <app-employee-picker (ItemSelected)="GetSelectedEmployee($event)"
[MultiSelect]="false" (keydown)="onKeyDown($event)"></app-employee-picker> [MultiSelect]="false"></app-employee-picker>
<!-- [MultiSelect]="employeeSelection==='commonEmployee'"></app-employee-picker> --> <!-- [MultiSelect]="employeeSelection==='commonEmployee'"></app-employee-picker> -->
</div> </div>
<div class="p-col-2"></div> <div class="p-col-2"></div>

View File

@ -1,9 +1,3 @@
.label-ailgn{ .label-ailgn{
padding-top: 12px; padding-top: 12px;
} }
.k-grid {
font-size: smaller;
}
.kt-delete {
font-size: smaller;
}

View File

@ -1,4 +1,4 @@
import { Component, OnInit, ViewChild, AfterViewInit } from '@angular/core'; import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms'; import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { HrEmployee } from '../../_models/HREmployee/hrEmployee'; import { HrEmployee } from '../../_models/HREmployee/hrEmployee';
import { SearchEmployee } from '../../_models/Employee/searchEmployee'; import { SearchEmployee } from '../../_models/Employee/searchEmployee';
@ -19,7 +19,6 @@ import { ProdBonusAttn } from 'src/app/_models/Payroll/ProductionBonus/prodBonus
import { EnumBonusItemType, EnumProductionBonusType } from 'src/app/_models/enums'; import { EnumBonusItemType, EnumProductionBonusType } from 'src/app/_models/enums';
import { ProdBonusParameter } from 'src/app/_models/Payroll/ProductionBonus/prodBonusParameter'; import { ProdBonusParameter } from 'src/app/_models/Payroll/ProductionBonus/prodBonusParameter';
import { error } from 'console'; import { error } from 'console';
import { GridComponent } from '@progress/kendo-angular-grid';
@Component({ @Component({
@ -233,36 +232,35 @@ export class ProductionBonusAttendanceComponent implements OnInit {
} }
onClickAdd() { onClickAdd() {
// console.log(this.employeeSelection); // console.log(this.employeeSelection);
debugger;
if (this.selectedEmps === undefined) { if (this.selectedEmps === undefined) {
this.notificationService.showWarning('Please Select an Employee'); this.notificationService.showWarning('Please Select an Employee');
return; return;
} }
// if (this.employeeSelection === 'commonEmployee') { if (this.employeeSelection === 'commonEmployee') {
// if (this.selectedEmps !== null || this.selectedEmps !== undefined) { if (this.selectedEmps !== null || this.selectedEmps !== undefined) {
// // console.log(this.selectedEmps); // console.log(this.selectedEmps);
// // console.log(this.employeeList); // console.log(this.employeeList);
// // for (let i = 0; i < this.selectedEmps.length; i++) { // for (let i = 0; i < this.selectedEmps.length; i++) {
// // this.AddEmployeebyId(this.selectedEmps[i].employeeID); // this.AddEmployeebyId(this.selectedEmps[i].employeeID);
// // } // }
// for (let i = 0, isNew = true; i < this.selectedEmps.length; i++, isNew = true) { for (let i = 0, isNew = true; i < this.selectedEmps.length; i++, isNew = true) {
// for (let j = 0; j < this.employeeList.length; j++) { for (let j = 0; j < this.employeeList.length; j++) {
// if (this.selectedEmps[i].employeeID == this.employeeList[j].id) { if (this.selectedEmps[i].employeeID == this.employeeList[j].id) {
// this.notificationService.showWarning("EmployeeNo " + this.employeeList[j].employeeNo + " Already Exists"); this.notificationService.showWarning("EmployeeNo " + this.employeeList[j].employeeNo + " Already Exists");
// isNew = false; isNew = false;
// break; break;
// } }
// } }
// if (isNew) { if (isNew) {
// this.AddEmployeebyId(this.selectedEmps[i].employeeID); this.AddEmployeebyId(this.selectedEmps[i].employeeID);
// this.AddEmployeeGridData(this.selectedEmps[i].employeeID, true); this.AddEmployeeGridData(this.selectedEmps[i].employeeID, true);
// } }
// debugger; debugger;
// } }
// } }
// } }
// else { else {
let sid: number; let sid: number;
const emp = this.employeeList.find((e1) => e1.id === this.selectedEmps['employeeID']); const emp = this.employeeList.find((e1) => e1.id === this.selectedEmps['employeeID']);
const att = this.prodBonusAttn.find((e1) => e1.employeeID === this.selectedEmps['employeeID']); const att = this.prodBonusAttn.find((e1) => e1.employeeID === this.selectedEmps['employeeID']);
@ -290,7 +288,7 @@ export class ProductionBonusAttendanceComponent implements OnInit {
else { else {
this.notificationService.showWarning('Employee already exist ! Can\'t Add'); this.notificationService.showWarning('Employee already exist ! Can\'t Add');
} }
// } }
} }
AddEmployeebyId(empId: number) { AddEmployeebyId(empId: number) {
this.loadingPanelService.ShowLoadingPanel = true; this.loadingPanelService.ShowLoadingPanel = true;
@ -325,8 +323,9 @@ export class ProductionBonusAttendanceComponent implements OnInit {
isCommon: isCommonValue isCommon: isCommonValue
}; };
this.prodBonusAttn.push(newProdBonusAttn); this.prodBonusAttn.push(newProdBonusAttn);
// console.log('emplist ' + this.employeeList.length + '\n PbAttn ' + this.prodBonusAttn.length); console.log('emplist ' + this.employeeList.length + '\n PbAttn ' + this.prodBonusAttn.length);
this.selectedEmps = undefined; debugger;
} }
// GetSelectedEmployee(sremployee: SearchEmployee) { // GetSelectedEmployee(sremployee: SearchEmployee) {
// if (sremployee === undefined) { // if (sremployee === undefined) {
@ -408,24 +407,4 @@ export class ProductionBonusAttendanceComponent implements OnInit {
this.employeeList = []; this.employeeList = [];
this.selectedLine = undefined; this.selectedLine = undefined;
} }
public onKeyDown(pressedKey) {
if (pressedKey.key==="Enter") {
// this.onSave(pressedKey);
this.onClickAdd();
this.scrollToBottom();
}
}
@ViewChild('grid', { static: true })
public grid: GridComponent;
private gridScrollableElement: HTMLElement;
ngAfterViewInit() {
this.gridScrollableElement = this.grid.wrapper.nativeElement.querySelector('.k-grid-content');
}
scrollToBottom(): void {
this.gridScrollableElement.scrollTop = this.gridScrollableElement.scrollHeight;
}
} }