Prodbonusattn Time Addition #1

Merged
chapal merged 1 commits from dev_mashfiq into devqc 2024-10-15 11:21:18 +06:00
2 changed files with 63 additions and 26 deletions
Showing only changes of commit 45283d8aa2 - Show all commits

View File

@ -1,55 +1,55 @@
<app-loading-panel></app-loading-panel> <app-loading-panel></app-loading-panel>
<div class="p-grid card"> <div class="p-grid card">
<div class="p-col-1 label-ailgn"> <div class="p-col-6 p-md-1 label-ailgn">
<label>Design Date</label> <label>Design Date</label>
</div> </div>
<div class="p-col-2"> <div class="p-col-6 p-md-2">
<kendo-datepicker [(ngModel)]="selectedSalaryDate" [format]="'dd MMMM yyyy'" <kendo-datepicker [(ngModel)]="selectedSalaryDate" [format]="'dd MMMM yyyy'"
style="width:100%"></kendo-datepicker> style="width:100%"></kendo-datepicker>
</div> </div>
<div class="p-col-1"> <div class="p-col-12 p-md-1" align="right">
<button icon="refresh" kendoButton [primary]="true" style="width:100%" (click)="Loadlayout()">Refresh</button> <button icon="refresh" kendoButton [primary]="true" style="width:fit-content" (click)="Loadlayout()">Refresh</button>
</div> </div>
<div class="p-col-1 label-ailgn" align="right"> <div class="p-col-6 p-md-1 label-ailgn">
<label>Design</label> <label>Design</label>
</div> </div>
<div class="p-col-3"> <div class="p-col-6 p-md-3">
<!-- <app-dynamic-picker [dynamicPickerView]="_departmentPicker" <!-- <app-dynamic-picker [dynamicPickerView]="_departmentPicker"
(onSelectCompleted)="SetFromDescription()"></app-dynamic-picker> --> (onSelectCompleted)="SetFromDescription()"></app-dynamic-picker> -->
<kendo-dropdownlist [data]="filteredProdBSdata" [(ngModel)]="selectedProdBSdata" [filterable]="true" <kendo-dropdownlist [data]="filteredProdBSdata" [(ngModel)]="selectedProdBSdata" [filterable]="true"
textField="design" valueField="id" style="width:95%" (filterChange)="handleFilter($event)" textField="design" valueField="id" style="width:100%" (filterChange)="handleFilter($event)"
[defaultItem]="{ design: 'Select layout no..'}" (valueChange)="loadLines($event)"> [defaultItem]="{ design: 'Select layout no..'}" (valueChange)="loadLines($event)">
</kendo-dropdownlist> </kendo-dropdownlist>
</div> </div>
<!-- <div class="p-col-2"> <!-- <div class="p-col-6 p-md-2">
</div> --> </div> -->
<div class="p-col-1 label-ailgn" align="right"> <div class="p-col-6 p-md-1 label-ailgn">
<label>Line Name</label> <label>Line Name</label>
</div> </div>
<div class="p-col-3"> <div class="p-col-6 p-md-3">
<kendo-dropdownlist [data]="productionBonusSetup.productionBonusLines" [(ngModel)]="selectedLine" <kendo-dropdownlist [data]="productionBonusSetup.productionBonusLines" [(ngModel)]="selectedLine"
textField="lineName" valueField="id" [defaultItem]="{ lineName: 'Select Line..'}" style="width:100%"> textField="lineName" valueField="id" [defaultItem]="{ lineName: 'Select Line..'}" style="width:100%">
</kendo-dropdownlist> </kendo-dropdownlist>
</div> </div>
<div class="p-col-6 label-ailgn" *ngIf="showScheduleDate"> <div class="p-col-12 p-md-3 label-ailgn" *ngIf="showScheduleDate">
<!-- <div class="p-grid"> <!-- <div class="p-grid">
<div class="p-col-3 label-ailgn"> <div class="p-col-6 p-md-3 label-ailgn">
<label>Schedule Date From</label> <label>Schedule Date From</label>
</div> </div>
<div class="p-col-4"> <div class="p-col-6 p-md-4">
<kendo-datepicker [(ngModel)]="productionBonusSetup.fromDate" [format]="'dd MMMM yyyy'" <kendo-datepicker [(ngModel)]="productionBonusSetup.fromDate" [format]="'dd MMMM yyyy'"
style="width:100%" [readonly]="true"></kendo-datepicker> style="width:100%" [readonly]="true"></kendo-datepicker>
</div> </div>
<div class="p-col-1 label-ailgn"> <div class="p-col-6 p-md-1 label-ailgn">
<label>Upto</label> <label>Upto</label>
</div> </div>
<div class="p-col-4"> <div class="p-col-6 p-md-4">
<kendo-datepicker [(ngModel)]="productionBonusSetup.toDate" [format]="'dd MMMM yyyy'" style="width:100%" <kendo-datepicker [(ngModel)]="productionBonusSetup.toDate" [format]="'dd MMMM yyyy'" style="width:100%"
[readonly]="true"></kendo-datepicker> [readonly]="true"></kendo-datepicker>
</div> </div>
<div class="p-col-12 label-ailgn"></div> <div class="p-col-6 p-md-12 label-ailgn"></div>
</div> --> </div> -->
<p style="color: red; font-style: italic;">Select Schedule Date Betweeen {{productionBonusSetup.fromDate | date: <p style="color: red; font-style: italic;">Select Schedule Date Betweeen {{productionBonusSetup.fromDate | date:
'dd MMMM yyyy'}} and 'dd MMMM yyyy'}} and
@ -58,18 +58,33 @@
</div> </div>
<!--
<div class="p-col-6 p-md-6" *ngIf="!showScheduleDate">
</div> -->
<div class="p-col-6" *ngIf="!showScheduleDate"> <div class="p-col-6 p-md-1 label-ailgn">
</div>
<div class="p-col-2 label-ailgn" align="right">
<label>Schedule Date</label> <label>Schedule Date</label>
</div> </div>
<div class="p-col-2"> <div class="p-col-6 p-md-2">
<kendo-datepicker [(ngModel)]="selectedDate" [format]="'dd MMMM yyyy'" style="width:100%"></kendo-datepicker> <kendo-datepicker [(ngModel)]="selectedDate" [format]="'dd MMMM yyyy'" style="width:100%"></kendo-datepicker>
</div> </div>
<div class="p-col-2" align="right">
<button icon="refresh" kendoButton [primary]="true" style="width:80%" (click)="onClickRefresh()" <div class="p-col-6 p-md-1 label-ailgn">
<label>In Time</label>
</div>
<div class="p-col-6 p-md-2">
<kendo-timepicker [(ngModel)]="startTime" style="width:100%"></kendo-timepicker>
</div>
<div class="p-col-6 p-md-1 label-ailgn">
<label>Out Time</label>
</div>
<div class="p-col-6 p-md-2">
<kendo-timepicker [(ngModel)]="endTime" style="width:100%"></kendo-timepicker>
</div>
<div class="p-col-12" align="right">
<button icon="refresh" kendoButton [primary]="true" style="width: fit-content" (click)="onClickRefresh()"
[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">
@ -110,8 +125,8 @@
</div> </div>
<div class="p-col-4"> <div class="p-col-4">
<app-employee-picker (ItemSelected)="GetSelectedEmployee($event)" <app-employee-picker (ItemSelected)="GetSelectedEmployee($event)"
[MultiSelect]="employeeSelection==='commonEmployee'"></app-employee-picker> [MultiSelect]="false"></app-employee-picker>
<!-- [setSelectedEmp]="_pickerSelecteEmp" [isActive]="empPickerActive" --> <!-- [MultiSelect]="employeeSelection==='commonEmployee'"></app-employee-picker> -->
</div> </div>
<div class="p-col-2"></div> <div class="p-col-2"></div>
<div class="p-col-2" align="right"> <div class="p-col-2" align="right">

View File

@ -44,6 +44,9 @@ export class ProductionBonusAttendanceComponent implements OnInit {
selectedDate: Date = new Date; selectedDate: Date = new Date;
startTime: Date;
endTime: Date;
selectedSalaryDate: Date = new Date(); selectedSalaryDate: Date = new Date();
showScheduleDate: boolean; showScheduleDate: boolean;
@ -343,8 +346,27 @@ export class ProductionBonusAttendanceComponent implements OnInit {
// ); // );
// } // }
onClickSubmit() { onClickSubmit() {
console.log(this.prodBonusAttn); // console.log(this.prodBonusAttn);
debugger; debugger;
if (this.startTime == undefined || this.endTime == undefined) {
this.notificationService.showWarning('Please Select In/Out Time');
return;
}
this.prodBonusAttn.forEach(element => {
let inTime = new Date(element.inTime);
inTime.setHours(this.startTime.getHours());
inTime.setMinutes(this.startTime.getMinutes());
inTime.setSeconds(this.startTime.getSeconds());
element.inTime = inTime;
let outTime = new Date(element.outTime);
outTime.setHours(this.endTime.getHours());
outTime.setMinutes(this.endTime.getMinutes());
outTime.setSeconds(this.endTime.getSeconds());
element.outTime = outTime;
});
const data = { const data = {
prodBonusAttn: this.prodBonusAttn, prodBonusAttn: this.prodBonusAttn,
setupId: this.productionBonusSetup.id, setupId: this.productionBonusSetup.id,