import { Component, ViewEncapsulation, Inject } from '@angular/core'; import { Observable } from 'rxjs'; import { GridDataResult } from '@progress/kendo-angular-grid'; import { process, State } from '@progress/kendo-data-query'; import { map } from 'rxjs/operators'; import { SelectItem } from 'primeng/api'; import { MonthlyWorkPlan } from '../../_models/Attendance/monthlyWorkPlan'; import { AttendanceServices } from '../../_services/attendance/attendance.service'; import { HRMNotificationService } from '../../app.notification.service'; import { DataTransferService } from '../../data.transfer.service'; import { UntilityHandlerService } from '../../utility.hanldler.service'; import { BasicService } from '../../_services/Basic/basic.service'; import { Router } from '@angular/router'; import { AppWindowPopUp } from '../../app.windowPopup.service'; @Component({ selector: 'app-roster-calendar-view', templateUrl: './roster-calendar-view.component.html', //styleUrls: ['../../../assets/kendo-grid/grid.css'], encapsulation: ViewEncapsulation.None }) export class RosterCalendarViewComponent { public _MonthlyworkPLans: MonthlyWorkPlan[]; public _selectedDate: Date; public _tableData:any; constructor(public attnService: AttendanceServices, public datatransferservice: DataTransferService, public utilityHandlerService: UntilityHandlerService, public notificationService: HRMNotificationService, public basicService: BasicService, public router: Router) { } public ngOnInit(): void { } Searh() { this.attnService.RefreshMonthlyWorkplan(this._selectedDate).subscribe( (x) => { this._MonthlyworkPLans = x; }, (x) => { }, () => { if (this._MonthlyworkPLans != undefined) { this.attnService.GetRosterTable(this._MonthlyworkPLans).subscribe( (resc) => { this._tableData = resc; }, (resc) => { }, () => { }); } }); } }