\r\n
\r\n","import { Component, OnInit, ChangeDetectionStrategy, ChangeDetectorRef, ViewChild, ElementRef, OnDestroy } from '@angular/core';\r\nimport { Router, NavigationStart, NavigationEnd, Event as RouterEvent } from '@angular/router';\r\nimport { Title } from '@angular/platform-browser';\r\n\r\nimport { LayoutStore } from '../layout.store';\r\n\r\nimport { RoutingService } from '../../services/routing.service';\r\nimport { SidebarRightService } from '../sidebar-right/sidebar-right.service';\r\nimport { HeaderService } from '../header/header.service';\r\nimport { FooterService } from '../footer/footer.service';\r\n\r\nimport { removeSubscriptions } from '../../helpers';\r\n\r\n@Component({\r\n selector: 'mk-layout-content',\r\n templateUrl: './content.component.html',\r\n styleUrls: ['./content.component.css'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class ContentComponent implements OnInit, OnDestroy {\r\n public description: string;\r\n public header: string;\r\n public heightStyle: number;\r\n public sidebarLeftHeight: number;\r\n public windowInnerHeight: number;\r\n\r\n private layout: string;\r\n private titleTag: string;\r\n private navigationEnd: boolean;\r\n private subscriptions = [];\r\n\r\n @ViewChild('contentInnerElement') private contentInnerElement: ElementRef;\r\n\r\n /**\r\n * @method constructor\r\n * @param layoutStore\r\n * @param routingService\r\n * @param titleService\r\n * @param elementRef\r\n * @param changeDetectorRef\r\n * @param sidebarRightService\r\n * @param headerService\r\n * @param footerService\r\n * @param router\r\n */\r\n constructor(\r\n private layoutStore: LayoutStore,\r\n private routingService: RoutingService,\r\n private titleService: Title,\r\n private elementRef: ElementRef,\r\n private changeDetectorRef: ChangeDetectorRef,\r\n private sidebarRightService: SidebarRightService,\r\n private headerService: HeaderService,\r\n private footerService: FooterService,\r\n private router: Router\r\n ) {}\r\n\r\n /**\r\n * @method ngOnInit\r\n */\r\n ngOnInit() {\r\n this.titleTag = this.titleService.getTitle();\r\n\r\n this.subscriptions.push(this.routingService.onChange.subscribe((value: any) => {\r\n if (value && value[value.length - 1]) {\r\n this.titleService.setTitle(this.getTitle(value[value.length - 1].data['title']));\r\n this.header = value[value.length - 1].data['title'];\r\n this.description = value[value.length - 1].data['description'];\r\n }\r\n this.changeDetectorRef.markForCheck();\r\n }));\r\n\r\n this.subscriptions.push(this.router.events.subscribe((routeEvent: RouterEvent) => {\r\n if (routeEvent instanceof NavigationStart) {\r\n this.navigationEnd = false;\r\n }\r\n if (routeEvent instanceof NavigationEnd) {\r\n this.navigationEnd = true;\r\n this.setContentMinHeight();\r\n }\r\n }));\r\n\r\n this.subscriptions.push(this.layoutStore.sidebarLeftElementHeight.subscribe((value: number) => {\r\n this.sidebarLeftHeight = value;\r\n this.setContentMinHeight();\r\n }));\r\n\r\n this.subscriptions.push(this.layoutStore.layout.subscribe((value: string) => {\r\n this.layout = value;\r\n this.setContentMinHeight();\r\n }));\r\n\r\n this.subscriptions.push(this.layoutStore.windowInnerHeight.subscribe((value: number) => {\r\n this.windowInnerHeight = value;\r\n this.setContentMinHeight();\r\n }));\r\n this.heightStyle = this.windowInnerHeight;\r\n }\r\n\r\n /**\r\n * @method ngOnDestroy\r\n */\r\n ngOnDestroy() {\r\n this.subscriptions = removeSubscriptions(this.subscriptions);\r\n }\r\n\r\n /**\r\n * [scrollHeight description]\r\n * @method scrollHeight\r\n * @return [description]\r\n */\r\n public get scrollHeight(): number {\r\n return this.contentInnerElement.nativeElement.scrollHeight;\r\n }\r\n\r\n /**\r\n * [getTitle description]\r\n * @method getTitle\r\n * @param title [description]\r\n * @return [description]\r\n */\r\n private getTitle(title: string): string {\r\n return title ? `${title} - ${this.titleTag}` : this.titleTag;\r\n }\r\n\r\n /**\r\n * [setMinHeight description]\r\n * @method setMinHeight\r\n */\r\n private setContentMinHeight(): void {\r\n if (this.navigationEnd) {\r\n let heightStyle;\r\n\r\n const headerFooterOffsetHeight = this.headerService.offsetHeight + this.footerService.offsetHeight;\r\n\r\n if (this.layout === 'fixed') {\r\n heightStyle = this.windowInnerHeight - this.footerService.offsetHeight;\r\n } else {\r\n const sidebarRight =\r\n this.sidebarRightService.scrollHeight ?\r\n this.sidebarRightService.scrollHeight - this.headerService.offsetHeight : 0;\r\n\r\n heightStyle = Math.max(\r\n this.windowInnerHeight - headerFooterOffsetHeight,\r\n this.sidebarLeftHeight - this.headerService.offsetHeight,\r\n sidebarRight\r\n );\r\n }\r\n\r\n if (heightStyle && heightStyle !== this.heightStyle) {\r\n if (this.scrollHeight > heightStyle) {\r\n heightStyle = null;\r\n }\r\n this.heightStyle = heightStyle;\r\n this.changeDetectorRef.detectChanges();\r\n }\r\n }\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { RouterModule } from '@angular/router';\r\n\r\nimport { BreadcrumbsModule } from '../../breadcrumbs/breadcrumbs.module';\r\nimport { ContentComponent } from './content.component';\r\n\r\n@NgModule({\r\n imports: [CommonModule, RouterModule, BreadcrumbsModule],\r\n exports: [ContentComponent],\r\n declarations: [ContentComponent]\r\n})\r\nexport class ContentModule {}\r\n","\r\n \r\n \r\n \r\n \r\n
\r\n\r\n {{header}}\r\n {{description}}\r\n
\r\n\r\n
\r\n","import { Component, OnInit, Renderer2, ElementRef, NgZone, OnDestroy } from '@angular/core';\r\n\r\nimport { throttle, removeSubscriptions, removeListeners } from '../../helpers';\r\nimport { LayoutStore } from '../layout.store';\r\nimport { WrapperService } from './wrapper.service';\r\n\r\n@Component({\r\n selector: 'mk-layout-wrapper',\r\n templateUrl: './wrapper.component.html',\r\n styleUrls: ['./wrapper.component.css']\r\n})\r\nexport class WrapperComponent implements OnInit, OnDestroy {\r\n private skin: string;\r\n private listeners = [];\r\n private subscriptions = [];\r\n\r\n public classes: string;\r\n\r\n constructor(\r\n private elementRef: ElementRef,\r\n private renderer2: Renderer2,\r\n private layoutStore: LayoutStore,\r\n private wrapperService: WrapperService,\r\n private ngZone: NgZone\r\n ) {}\r\n\r\n /**\r\n * [ngOnInit description]\r\n * @method ngOnInit\r\n */\r\n ngOnInit() {\r\n this.layoutStore.setWindowInnerHeight(window.innerHeight);\r\n this.layoutStore.setWindowInnerWidth(window.innerWidth);\r\n\r\n this.wrapperService.wrapperElementRef = this.elementRef;\r\n\r\n this.subscriptions.push(this.layoutStore.wrapperClasses.subscribe((value: string) => {\r\n this.classes = value ? value : null;\r\n }));\r\n\r\n this.ngZone.runOutsideAngular(() => {\r\n this.listeners.push(this.renderer2.listen('window', 'resize', throttle(() => {\r\n this.layoutStore.setWindowInnerHeight(window.innerHeight);\r\n this.layoutStore.setWindowInnerWidth(window.innerWidth);\r\n }, 250)));\r\n });\r\n\r\n this.subscriptions.push(this.layoutStore.layout.subscribe((value: string) => {\r\n value === 'fixed' ? this.renderer2.addClass(this.elementRef.nativeElement, 'fixed') :\r\n this.renderer2.removeClass(this.elementRef.nativeElement, 'fixed');\r\n value === 'boxed' ? this.renderer2.addClass(this.elementRef.nativeElement, 'layout-boxed') :\r\n this.renderer2.removeClass(this.elementRef.nativeElement, 'layout-boxed');\r\n }));\r\n\r\n this.subscriptions.push(this.layoutStore.skin.subscribe((value: string) => {\r\n if (value) {\r\n if (this.skin && this.skin !== value) {\r\n this.renderer2.removeClass(this.elementRef.nativeElement, `skin-${this.skin}`);\r\n }\r\n this.skin = value;\r\n this.renderer2.addClass(this.elementRef.nativeElement, `skin-${this.skin}`);\r\n }\r\n }));\r\n }\r\n\r\n /**\r\n * @method ngOnDestroy\r\n */\r\n ngOnDestroy() {\r\n this.subscriptions = removeSubscriptions(this.subscriptions);\r\n this.listeners = removeListeners(this.listeners);\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { WrapperComponent } from './wrapper.component';\r\n\r\n@NgModule({\r\n imports: [CommonModule],\r\n exports: [WrapperComponent],\r\n declarations: [WrapperComponent]\r\n})\r\nexport class WrapperModule {}\r\n","import { Injectable, ElementRef } from '@angular/core';\r\n\r\n@Injectable()\r\nexport class WrapperService {\r\n public wrapperElementRef: ElementRef;\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { ActivatedRouteSnapshot, Event as RouterEvent, NavigationEnd, PRIMARY_OUTLET, Router } from '@angular/router';\r\n\r\nimport { BehaviorSubject } from 'rxjs';\r\n\r\n/*\r\n *\r\n */\r\nexport interface Path {\r\n data: Object;\r\n params: Object;\r\n url: string;\r\n}\r\n\r\n/*\r\n *\r\n */\r\nexport interface Paths extends Array\r\n
\r\n","import {\r\n AfterContentInit,\r\n AfterViewInit,\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n ContentChild,\r\n ContentChildren,\r\n EventEmitter,\r\n Input,\r\n NgZone,\r\n OnChanges,\r\n OnDestroy,\r\n OnInit,\r\n Output,\r\n QueryList,\r\n Renderer2,\r\n SimpleChange,\r\n TemplateRef,\r\n ViewChild,\r\n ViewChildren\r\n} from '@angular/core';\r\n\r\nimport { TabToggleDirective } from './tabs.directive';\r\n\r\nimport { removeListeners, removeSubscriptions } from '../helpers';\r\n\r\n// @TODO Vertical tabs\r\n\r\n/*\r\n *\r\n */\r\n@Component({\r\n selector: 'mk-tab-header',\r\n template: '- \r\n
- \r\n \r\n {{tab.header}}\r\n
\r\n \r\n \r\n {{tab.header}}\r\n \r\n\r\n \r\n - \r\n {{header}}\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\nLoading....
\r\n\r\n
\r\n\r\n\r\n
\r\n\r\n Leave Approvals
\r\n\r\n
\r\n \r\n\r\n \r\n {{financialYearText}} \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n \r\n \r\n \r\n
\r\n- \r\n
- \r\n My Approvals\r\n \r\n
- \r\n My Requests\r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n ![](\"{{userImage(Approval)}}\"\r\n)
\r\n {{Approval.submitedBy}}\r\n \r\n\r\n \r\n {{ Approval.employeeName }} {{ Approval.empCode }}\r\n \r\n \r\n {{ Approval.employeeName }} {{ Approval.empCode }}\r\n \r\n \r\n \r\n\r\n \r\n \r\n {{ dateformat(Approval.createdDate) }}\r\n \r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n {{Approval.leaveStartDate | date}} - {{Approval.leaveEndDate | date}}\r\n \r\n \r\n \r\n \r\n {{ Approval.totalDays }} {{ Approval.dayHoursTaken }}\r\n \r\n \r\n\r\n \r\n \r\n {{ dateformat(request.updatedDate)\r\n }}\r\n - \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {{Approval.leaveTypeName}}
\r\nApprover
\r\nInformer
\r\n\r\n ![](\"../assets/img/Logo/Pending.gif\" "\\"Pending\\"")
\r\n
\r\n \r\n \r\n ![](\"../assets/img/Logo/Submitted.png\" "\\"Submitted\\"")
\r\n
\r\n \r\n \r\n ![](\"../assets/img/Logo/cancel.jpg\" "\\"Cancelled\\"")
\r\n
\r\n \r\n \r\n ![](\"../assets/img/Logo/Approve1.png\" "\\"Approved\\"")
\r\n
\r\n \r\n \r\n ![](\"../assets/img/Logo/Reject1.png\" "\\"Rejected\\"")
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n {{Approval.submitedBy}}\r\n \r\n \r\n {{ Approval.employeeName }} {{ Approval.empCode }}\r\n \r\n\r\n \r\n {{ Approval.employeeName }} {{ Approval.empCode }}\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n {{ dateformat(Approval.createdDate) }}\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n {{ Approval.totalDays }} {{ Approval.dayHoursTaken }}\r\n \r\n \r\n\r\n \r\n \r\n {{ dateformat(request.updatedDate)\r\n }}\r\n - \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n Approval Timeline
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n ![\"User](\"./../../../assets/img/avatar5.png\")
\r\n \r\n \r\n {{ leaveDetails.empCode }}\r\n - \r\n {{ leaveDetails.employeeName }}\r\n \r\n\r\n 's request has been sent for approval\r\n {{\r\n leaveDetails.createdDate | date:'medium' }}\r\n
\r\n \r\n \r\n \r\n {{ leaveDetails.empCode }}\r\n - \r\n {{ leaveDetails.employeeName }}\r\n \r\n\r\n 's request has been sent for approval\r\n {{\r\n leaveDetails.createdDate | date:'medium' }}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n - \r\n
- \r\n \r\n\r\n\r\n \r\n \r\n\r\n
\r\n {{leaveApproval.status}}\r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n\r\n\r\n\r\n\r\n
\r\n\r\n \r\n\r\n \r\n \r\n![\"User](\"./../../../assets/img/avatar5.png\"\r\n)
\r\n \r\n \r\n \r\n\r\n \r\n {{\r\n leaveApproval.approverEmpCode }}\r\n - \r\n {{ leaveApproval.approverName }}\r\n \r\n\r\n\r\n Approver\r\n\r\n\r\n Informer\r\n\r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n\r\n \r\n Approver\r\n authority\r\n - \r\n {{leaveApproval.approverGroupName}}\r\n \r\n \r\n\r\n\r\n\r\n \r\n\r\n\r\n\r\n![](\"/assets/img/Logo/44.png\"\r\n)
\r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n \r\n\r\n\r\n This field is mandatory\r\n\r\n\r\n \r\n \r\n \r\n\r\n\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n This field is mandatory\r\n
\r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n
\r\n\r\n \r\n {{ leaveApproval.comment\r\n }}\r\n
\r\n \r\n
\r\n \r\n {{ leaveDetails.postApprovalComment\r\n }}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n \r\n
\r\n - \r\n
- \r\n
\r\n
\r\n\r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n\r\n\r\n\r\n Name - {{name}}\r\n\r\nApprover authority - Admin\r\nApprover\r\n \r\n
\r\n
\r\n\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {{ compOffDetails.empCode }}\r\n - \r\n {{ compOffDetails.employeeName }}\r\n \r\n 's request has been sent for approval\r\n {{\r\n compOffDetails.createdDate | date:'medium' }}\r\n
\r\n \r\n \r\n \r\n {{ compOffDetails.empCode }}\r\n - \r\n {{ compOffDetails.employeeName }}\r\n \r\n 's request has been sent for approval\r\n {{\r\n compOffDetails.createdDate | date:'medium' }}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n \r\n \r\n \r\n
\r\n - \r\n\r\n
- \r\n \r\n\r\n \r\n\r\n
\r\n {{compoffApproval.status}}\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n\r\n\r\n \r\n\r\n
\r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n {{\r\n compoffApproval.approverEmpCode }}\r\n - \r\n {{ compoffApproval.approverName }}\r\n \r\n\r\n\r\n\r\n Approver\r\n\r\n\r\n Informer\r\n\r\n\r\n\r\n \r\n\r\n\r\n \r\n Approver authority\r\n - \r\n {{compoffApproval.approverGroupName}}\r\n \r\n \r\n\r\n\r\n\r\n \r\n\r\n\r\n \r\n\r\n\r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n\r\n This field is mandatory\r\n\r\n\r\n \r\n \r\n \r\n\r\n\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n This field is mandatory\r\n
\r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n
\r\n\r\n \r\n {{ compoffApproval.comment\r\n }}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n \r\n
\r\n - \r\n
- \r\n
\r\n
\r\n\r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n\r\n\r\n\r\n Name - {{name}}\r\n\r\nApprover authority - Admin\r\nApprover\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n","import {\r\n Component, OnInit, QueryList,\r\n ViewChildren,\r\n Directive,\r\n Input,\r\n Output,\r\n EventEmitter,\r\n ElementRef, ViewChild\r\n} from '@angular/core';\r\nimport { LeaveService } from \"../leave.service\";\r\nimport { FormGroup, FormBuilder, Validators,FormControl } from \"@angular/forms\";\r\nimport { AuthService } from \"src/app/services/auth.service\";\r\nimport { BsDatepickerConfig } from \"ngx-bootstrap/datepicker\";\r\nimport { CommonService } from \"src/app/common.service\";\r\nimport { Permission } from 'src/app/permission-keyword';\r\nimport { environment } from \"src/app/environment\";\r\nimport { Router,ActivatedRoute } from '@angular/router';\r\nimport { GridComponent } from '@syncfusion/ej2-angular-grids';\r\nimport { DatePipe } from '@angular/common';\r\nimport { ToasterService } from '../../expense/toaster/toaster.service';\r\nimport { ExpenseHttpService } from 'src/app/services/expense/expense-http.service';\r\nimport { TextSearchColorSettings } from '@syncfusion/ej2-angular-pdfviewer';\r\nimport { isBuffer } from 'lodash';\r\nimport { ElementSchemaRegistry } from '@angular/compiler';\r\n\r\n\r\ninterface RequestsApprovalsSorting {\r\n requestId: any;\r\n empCode: any;\r\n employeeName: any;\r\n status: any;\r\n createdDate: any;\r\n requestType: string;\r\n}\r\n\r\ninterface RequestsApprovals {\r\n isSelected: boolean;\r\n requestId: any;\r\n empCode: any;\r\n employeeName: any;\r\n statusId: any;\r\n status: any;\r\n createdDate: any;\r\n requestType: string;\r\n isCurrentWorkflow: boolean;\r\n}\r\n\r\ninterface LeavesDetails {\r\n leaveId: any;\r\n employeeId: any;\r\n empCode: string;\r\n empName: string;\r\n leaveTypeId: any;\r\n leaveTypeName: string;\r\n type: string;\r\n dayHoursTaken: string;\r\n leaveStartDate: any;\r\n leaveEndDate: any;\r\n totalDays: any;\r\n leaveReason: string;\r\n statusId: any;\r\n status: string;\r\n financialYearId: any;\r\n financialYear: string;\r\n createdBy: any;\r\n createdDate: any;\r\n updatedBy: any;\r\n updatedDate: any;\r\n filePaths: any;\r\n}\r\ninterface LeavesApprovalDetails {\r\n leaveApprovalId: any;\r\n leaveId: any;\r\n employeeId: any;\r\n empCode: string;\r\n empName: string;\r\n statusId: any;\r\n status: string;\r\n comment: string;\r\n approvedBy: any;\r\n approvedDate: any;\r\n approverGroup: any;\r\n isCurrentWorkflow: boolean;\r\n approverEmpId: any;\r\n approverEmpCode: string;\r\n approverEmail: string;\r\n approverName: string;\r\n approverGroupName:string\r\n type:number\r\n}\r\ninterface CompOffApprovalDetails {\r\n approvalId: any;\r\n compOffId: any;\r\n employeeId: any;\r\n empCode: string;\r\n empName: string;\r\n statusId: any;\r\n status: string;\r\n comment: string;\r\n approvedBy: any;\r\n approvedDate: any;\r\n approverGroup: any;\r\n isCurrentWorkflow: boolean;\r\n approverEmpId: any;\r\n approverEmpCode: string;\r\n approverEmail: string;\r\n approverName: string;\r\n approverGroupName:string\r\n type:number\r\n\r\n\r\n}\r\n\r\nexport type SortColumn = keyof RequestsApprovalsSorting | \"\";\r\nexport type SortDirection = \"asc\" | \"desc\" | \"\";\r\nconst rotate: { [key: string]: SortDirection } = {\r\n asc: \"desc\",\r\n desc: \"\",\r\n \"\": \"asc\",\r\n};\r\nconst compare = (v1: string, v2: string) => (v1 < v2 ? -1 : v1 > v2 ? 1 : 0);\r\nexport interface SortEvent {\r\n column: SortColumn;\r\n direction: SortDirection;\r\n}\r\n\r\n@Directive({\r\n // tslint:disable-next-line: directive-selector\r\n selector: \"th[sortable]\",\r\n // tslint:disable-next-line: use-host-property-decorator\r\n host: {\r\n \"[class.asc]\": 'direction === \"asc\"',\r\n \"[class.desc]\": 'direction === \"desc\"',\r\n \"(click)\": \"rotate()\",\r\n },\r\n})\r\n\r\n// tslint:disable-next-line: directive-class-suffix\r\nexport class NgbdSortableHeader { \r\n @Input() sortable: SortColumn = \"\";\r\n @Input() direction: SortDirection = \"\";\r\n @Output() sort = new EventEmitter\r\n \r\n
\r\n\r\n // \r\n //
\r\n // \r\n // \r\n // \r\n //
\r\n // \r\n // \r\n // \r\n //
\r\n // \r\n // \r\n // \r\n //
\r\n \r\n this.total=this.myApprovalsList.length\r\n this.pending=this.myApprovalsList.filter(x=>x.status==\"Pending\")\r\n this.rejected=this.myApprovalsList.filter(x=>x.status==\"Rejected\")\r\n this.approved=this.myApprovalsList.filter(x=>x.status==\"Approved\")\r\n this.CancelledLength=this.myApprovalsList.filter(x=>x.status==\"Cancelled\")\r\n this.pendingLength=this.pending.length\r\n this.CancelledLength = this.CancelledLength.length\r\n this.rejectLength=this.rejected.length\r\n this.approvedLength=this.approved.length\r\n this.myApprovalsListLength = this.myApprovalsList.length;\r\n },\r\n error => {\r\n this.userLoader = false;\r\n this.myRequestsList = [];\r\n console.log(error);\r\n });\r\n }\r\nactive:any=1\r\n getFilterVaLue(val){// Created By S Filter Lists by legends for approvals\r\n debugger\r\n if(val===1)\r\n {\r\n this.active=1\r\n this.myApprovalsList=this.totalApprovalList\r\n }\r\n else if(val===2)\r\n {\r\n this.active=2\r\n\r\n this.pending=this.totalApprovalList.filter(x=>x.status==\"Pending\")\r\n this.myApprovalsList=[]\r\n this.myApprovalsList=this.pending\r\n }\r\n else if(val===3)\r\n {\r\n this.active=3\r\n\r\n this.myApprovalsList=[]\r\n this.myApprovalsList = this.totalApprovalList.filter(x=>x.status==\"Approved\")\r\n\r\n }\r\n else if(val===4)\r\n {\r\n this.active=4\r\n\r\n this.myApprovalsList=[]\r\n this.myApprovalsList=this.totalApprovalList.filter(x=>x.status==\"Rejected\")\r\n\r\n }\r\n else if(val===5)\r\n {\r\n this.active=5\r\n\r\n this.myApprovalsList=[]\r\n this.myApprovalsList=this.totalApprovalList.filter(x=>x.status==\"Cancelled\")\r\n\r\n }\r\n else{\r\n\r\n }\r\n\r\n\r\n }\r\n\r\n getFilterVaLueReq(val)// Created By S Filter Lists by legends for My Requests\r\n {\r\n if(val===1)\r\n {\r\n this.active=1\r\n this.myRequestsList=this.totalmyRequestsList\r\n }\r\n else if(val===2)\r\n {\r\n this.active=2\r\n this.myRequestsList=[]\r\n this.myRequestsList=this.totalmyRequestsList.filter(x=>x.status==\"Pending\")\r\n }\r\n else if(val===3)\r\n {\r\n this.active=3\r\n this.myRequestsList=[]\r\n this.myRequestsList= this.totalmyRequestsList.filter(x=>x.status==\"Approved\")\r\n\r\n }\r\n else if(val===4)\r\n {\r\n this.active=4\r\n this.myRequestsList=[]\r\n this.myRequestsList=this.totalmyRequestsList.filter(x=>x.status==\"Rejected\")\r\n\r\n }\r\n else if(val===5)\r\n {\r\n this.active=5\r\n this.myRequestsList=[]\r\n this.myRequestsList=this.totalmyRequestsList.filter(x=>x.status==\"Cancelled\")\r\n\r\n }\r\n else{\r\n\r\n }\r\n }\r\n\r\n pendingReqLength:any=0\r\n rejectReqLength:any=0\r\n mycancelledLeaves:any\r\n mycancelledLeaveslength:any = 0\r\n approvedReqLength:any=0\r\n totalmyRequestsList:any=[]\r\n getMyRequestsList() {// Created By S Get My Requests\r\n let loggedUserId = this.loggedUserId;\r\n let _filterStatusId = this.myRequestsFilterStatusId;\r\n let _requestType = this.myRequestsFilterRequestType;\r\n\r\n this.parms = {\r\n PageNo: 1,\r\n NoOfRecords: 100000,\r\n UserId: loggedUserId,\r\n statusType: _filterStatusId,\r\n requestType: _requestType,\r\n FinancialYearId: this.currentFinancialYearId,\r\n CmpCode:this.CmpCode,\r\n };\r\n this.userLoader = true;\r\n this._leaveSer.getAllMyLeavesCompOffRequests(this.parms).subscribe((res) => {\r\n this.chkAllRequests = false;\r\n this.userLoader = false;\r\n this.myRequestsList = res[\"data\"].table;\r\n this.totalmyRequestsList=this.myRequestsList\r\n console.log(this.myRequestsList,'myrequestlist')\r\n this.myRequestsListLength = this.myRequestsList.length;\r\n\r\n this.pending=this.myRequestsList.filter(x=>x.status==\"Pending\")\r\n this.pendingReqLength=this.pending.length\r\n\r\n this.rejected=this.myRequestsList.filter(x=>x.status==\"Rejected\")\r\n this.rejectReqLength=this.rejected.length\r\n\r\n this.approved=this.myRequestsList.filter(x=>x.status==\"Approved\")\r\n this.approvedReqLength=this.approved.length\r\n\r\n this.mycancelledLeaves=this.myRequestsList.filter(x=>x.status==\"Cancelled\")\r\n this.mycancelledLeaveslength=this.mycancelledLeaves.length\r\n \r\n },\r\n error => {\r\n this.userLoader = false;\r\n this.myRequestsList = [];\r\n console.log(error);\r\n });\r\n }\r\n\r\n // Filters\r\n filterRequestTypeChange(_filterRequestType, _type) {// Created By S Update Request type\r\n if (_type === 1) {\r\n this.myApprovalsFilterRequestType = _filterRequestType;\r\n this.getMyApprovalsList();\r\n } else if (_type === 2) {\r\n this.myRequestsFilterRequestType = _filterRequestType;\r\n this.getMyRequestsList();\r\n }\r\n }\r\n filterStatusChange(_filterStatusId, _type) {// Created By S Update Status Type\r\n if (_type === 1) {\r\n this.myApprovalsFilterStatusId = _filterStatusId;\r\n this.getMyApprovalsList();\r\n } else if (_type === 2) {\r\n this.myRequestsFilterStatusId = _filterStatusId;\r\n this.getMyRequestsList();\r\n }\r\n }\r\n\r\n getEmployeesListForSelect () {// Created By S Get all employees list\r\n this._leaveSer.getEmployeesListForSelect(this.loggedUserId,this.CmpCode).subscribe((res) => {\r\n // For Employee Select List\r\n this.EmployeeList = this._commonSer.SetDDlDropdown(res[\"data\"].table, 'userId', 'employeeCodeName');\r\n // const selectedEmp = this.EmployeeList.find(x => x.id.toString() === this.loggedUserId.toString());\r\n // if (selectedEmp !== undefined) {\r\n // setTimeout(() => {\r\n // this.ddlSelection(selectedEmp, 'Employee', undefined, undefined);\r\n // }, 300);\r\n // }\r\n },\r\n error => {\r\n this.EmployeeList = [];\r\n console.log(error);\r\n });\r\n }\r\n ddlSelection(value: any, placeHolder: any) { // Created By S On Employee field update\r\n try {\r\n switch (placeHolder) {\r\n case 'Employee':\r\n this.ActiveEmployee = [];\r\n this.ActiveEmployee.push(value);\r\n this.ddlEmployeeUserId = value.id;\r\n\r\n this.getMyApprovalsList();\r\n break;\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n removed(placeHolder: any) {// Created By S On Remove Employee\r\n try {\r\n switch (placeHolder) {\r\n case 'Employee':\r\n this.ActiveEmployee = [];\r\n this.ddlEmployeeUserId = null;\r\n\r\n this.getMyApprovalsList();\r\n break;\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n onSortMyApprovals({ column, direction }: SortEvent) {// Created By S Sorting Approval Requests\r\n // resetting other headers\r\n this.headers.forEach((header) => {\r\n if (header.sortable !== column) {\r\n header.direction = \"\";\r\n }\r\n });\r\n\r\n // sorting MyApprovalsList\r\n if (direction === \"\" || column === \"\") {\r\n this.myApprovalsList = this.myApprovalsList;\r\n } else {\r\n this.myApprovalsList = [...this.myApprovalsList].sort((a, b) => {\r\n const res = compare(`${a[column]}`, `${b[column]}`);\r\n return direction === \"asc\" ? res : -res;\r\n });\r\n }\r\n }\r\n getLeaveDetails(requid){// Created By S Get Leave Detauls by Id\r\n debugger;\r\n this._leaveSer.getLeaveDetails(requid,this.CmpCode).subscribe((res) => {\r\n this.userLoader = false;\r\n if (res[\"data\"].table.length > 0) {\r\n this.leaveDetails = res[\"data\"].table[0];\r\n console.log(this.leaveDetails,'leaveDetail'); \r\n } \r\n })\r\n }\r\n // get myApprovalsList(): RequestsApprovals[] {\r\n // return this.myApprovalsListTemp.map((request, i) => ({\r\n // id: i + 1,\r\n // ...request,\r\n // })).slice(\r\n // (this.myApprovalsPage - 1) * this.myApprovalsPageSize,\r\n // (this.myApprovalsPage - 1) * this.myApprovalsPageSize + this.myApprovalsPageSize\r\n // );\r\n // }\r\n\r\n\r\n \r\n getRequestDetails(requestId, requestType) {// Created By S Get Request Details based on Request Type\r\n debugger\r\n this.leaveDetails = null;\r\n this.compOffDetails = null;\r\n this.leaveApprovalList = [];\r\n this.compOffApprovalList = [];\r\n this.isLeaveReasonTextboxEmpty = false;\r\n\r\n this.currentRequestType = \"\";\r\n this.requestApprovalComment = \"\";\r\n this.userLoader = true;\r\n if (requestType === \"Leave\") {\r\n this.currentRequestType = \"Leave\";\r\n this._leaveSer.getLeaveDetails(requestId,this.CmpCode).subscribe((res) => {\r\n this.userLoader = false;\r\n if (res[\"data\"].table.length > 0) {\r\n this.leaveDetails = res[\"data\"].table[0];\r\n console.log(this.leaveDetails);\r\n\r\n this._commonSer.OpenModalHandler(\"requestDetailsModal\");\r\n this.getLeaveApprovalDetails(requestId);\r\n } else {\r\n //Show not found message\r\n }\r\n },\r\n error => {\r\n this.userLoader = false;\r\n this.currentRequestType = \"\";\r\n this.leaveDetails = null;\r\n console.log(error);\r\n });\r\n } else if (requestType === \"Compensatory Off\") {\r\n this.currentRequestType = \"Compensatory Off\";\r\n this._leaveSer.getCompOffDetails(requestId,this.CmpCode).subscribe((res) => {\r\n this.userLoader = false;\r\n if (res[\"data\"].table.length > 0) {\r\n this.compOffDetails = res[\"data\"].table[0];\r\n console.clear();\r\n console.log(this.compOffDetails);\r\n this._commonSer.OpenModalHandler(\"requestDetailsModal\");\r\n this.getCompOffApprovalDetails(requestId);\r\n } else {\r\n //Show not found message\r\n }\r\n },\r\n error => {\r\n this.userLoader = false;\r\n this.currentRequestType = \"\";\r\n this.compOffDetails = null;\r\n console.log(error);\r\n });\r\n }\r\n }\r\n onlyUnique(value, index, self) {// Created By S \r\n return self.indexOf(value) === index;\r\n }\r\n \r\n disbutton:boolean=true\r\n loginUserList:any=[]\r\n withoutLoginUserList:any\r\n checkList:boolean=false\r\n listArray:any\r\n getLeaveApprovalDetails(leaveId) {// Created By S Get Leave Approval Details\r\n this.leaveApprovalList = [];\r\n this.disbutton=true\r\n this._leaveSer.getLeaveApprovalDetails(leaveId,this.CmpCode).subscribe((res) => {\r\n debugger;\r\n this.leaveApprovalList = res[\"data\"].table;\r\n this.checkList=false\r\n this.loginUserList=[]\r\n this.withoutLoginUserList=[]\r\n this.listArray=[]\r\n this.compOffApprovalList = [];\r\n this.approvalgGrouplistSix =[]\r\n this.approvalgGrouplistTen=[]\r\n for(var i=0;i\r\n // ![](\"/assets/img/Logo/male.png\"){kind=logo}
\r\n if (item.userImage == '' || item.userImage == undefined || item.userImage == null) {\r\n // this.recieptIMg = `${environment.siteUrl}` + \"Uploads/Icon/UploadIcons.png\";\r\n if (item.genders == \"Female\") {\r\n this.recieptIMg = \"/assets/img/Logo/female.png\"\r\n\r\n }\r\n else {\r\n this.recieptIMg = \"/assets/img/Logo/male.png\"\r\n\r\n }\r\n }\r\n else {\r\n this.recieptIMg = `${environment.siteUrl}` + item.userImage;\r\n }\r\n return this.recieptIMg\r\n\r\n }\r\n \r\n\r\n OnPagingHide( value:any) {// Created By S\r\n if(value==1){\r\n \r\n var reqt = document.getElementById(\"Reqt\");\r\n var appr = document.getElementById(\"Appr\");\r\n \r\n if (reqt.style.display === \"none\") {\r\n reqt.style.display = \"\";\r\n appr.style.display = \"none\";\r\n }\r\n }\r\n else{\r\n \r\n var reqt = document.getElementById(\"Reqt\");\r\n var appr = document.getElementById(\"Appr\");\r\n \r\n if (appr.style.display === \"none\") {\r\n reqt.style.display = \"none\";\r\n appr.style.display = \"\";\r\n }\r\n }\r\n \r\n \r\n \r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { BoxModule } from 'angular-admin-lte';\r\nimport { SelectModule } from 'ng2-select';\r\nimport { CoreModule } from 'src/app/core/core.module';\r\nimport { ReactiveFormsModule, FormsModule } from '@angular/forms';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\r\nimport { TabsModule as MkTabsModule } from 'angular-admin-lte';\r\nimport { TimepickerModule, BsDatepickerModule } from 'ngx-bootstrap';\r\nimport { ApprovalComponent, NgbdSortableHeader } from './approval.component';\r\nimport { GridAllModule, PagerModule } from '@syncfusion/ej2-angular-grids';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n FormsModule,\r\n BoxModule, SelectModule,\r\n MkTabsModule,\r\n BoxModule,\r\n CoreModule,\r\n SelectModule,\r\n ReactiveFormsModule,\r\n NgbModule,\r\n TimepickerModule.forRoot(),\r\n BsDatepickerModule.forRoot(),\r\n GridAllModule,\r\n PagerModule,\r\n ],\r\n declarations: [ApprovalComponent, NgbdSortableHeader]\r\n})\r\nexport class ApprovalModule { }\r\n","\r\n\r\n \r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n Client Holiday List
\r\n\r\n\r\n \r\n \r\n ![](\"../assets/img/Logo/20.png\")
\r\n\r\n \r\n \r\n\r\n
\r\n \r\n\r\n \r\n \r\n\r\n\r\n \r\n \r\n
\r\n \r\n\r\n\r\n\r\n \r\n\r\n\r\n \r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n {{dateformat(holiday.holidayStartDate)}}\r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n {{dateformat(holiday.holidayEndDate)}}\r\n \r\n\r\n \r\n \r\n\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n\r\n\r\n\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n","import { DatePipe } from \"@angular/common\";\r\nimport { UserService } from \"src/app/user/user.service\";\r\nimport { Component, OnInit,Input, ViewChild, ElementRef } from \"@angular/core\";\r\nimport { LeaveService } from \"../leave.service\";\r\nimport {\r\n FormGroup,\r\n FormBuilder,\r\n Validators,\r\n FormControl,\r\n} from \"@angular/forms\";\r\nimport { AuthService } from \"src/app/services/auth.service\";\r\nimport { BsDatepickerConfig } from \"ngx-bootstrap/datepicker\";\r\nimport { CommonService } from \"src/app/common.service\";\r\nimport { Permission } from \"src/app/permission-keyword\";\r\nimport * as _ from \"lodash\";\r\nimport { ToasterService } from '../../expense/toaster/toaster.service';\r\nimport { clientholidayService } from \"./clientholiday.service\";\r\nimport { GridComponent,Column, ExcelExportProperties } from \"@syncfusion/ej2-angular-grids\";\r\nimport { ExpenseHttpService } from \"src/app/services/expense/expense-http.service\";\r\nimport { UploaderComponent } from \"@syncfusion/ej2-angular-inputs\";\r\n\r\n\r\nclass ClientholidayCalendarDates {\r\n ClientholidayId: number;\r\n ClientholidayDate: Date;\r\n DayType: string;\r\n}\r\n\r\n@Component({\r\n selector: \"app-Clientholiday\",\r\n templateUrl: \"./Clientholiday.component.html\",\r\n styleUrls: [\"./Clientholiday.component.css\"],\r\n})\r\nexport class ClientholidayComponent implements OnInit {\r\n @Input() usertypestrings: any;\r\n @ViewChild(\"FileName\") FileName: ElementRef;\r\n myRequestsListLength: any;\r\n myRequestsPage = 1;\r\n myRequestsPageSize = 10;\r\n holidays = [];\r\n locations: any;\r\n selectedLocation: any;\r\n currentUser: any;\r\n @ViewChild('file') public uploadObj: UploaderComponent;\r\n holidayForm: FormGroup;\r\n searchString;\r\n collectionSize = 0;\r\n isEdit = false;\r\n maxDate1:any;\r\n minDBDate:any;\r\n checkDate:any;\r\n today:any;\r\n startDate: any;\r\n endDate: any;\r\n DateFormat:any\r\n showSuccess: boolean;\r\n showMessage: any;\r\n submitted: any;\r\n confirmBox: boolean;\r\n CheckJson: any;\r\n isstartdate:any;\r\n HolidayTypesVal = [];\r\n HolidayCalendarDatesList: ClientholidayCalendarDates[];\r\n\r\n holidayList: any;\r\n tempholidayList: any;\r\n userLoader: Boolean = false;\r\n filterHoliday = \"\";\r\n page: 1;\r\n pageSize: 4;\r\n showHoliday:any;\r\n\r\n gapi: any;\r\n auth2: any;\r\n Name: any;\r\n show: any;\r\n\r\n flterShowData = false;\r\n\r\n UserId: any;\r\n CmpCode:any;\r\n @ViewChild('overviewgrid')\r\n public gridInstance: GridComponent;\r\n public filter: Object;\r\n public filterSettings: Object;\r\n public selectionSettings: Object;\r\n public height: string = '240px';\r\n public fields: Object = { text: 'text', value: 'value' };\r\n public item: number[] = [1, 2, 3, 4, 5];\r\n //GoogleAuth\r\n GoogleAuth: any; // Google Auth object.\r\n filterPeriod: number;\r\n navigationText: any;\r\n filterStartDate: Date;\r\n filterEndDate: Date;\r\n minDate: any;\r\n maxDate: any;\r\n filterLocationId: any;\r\n LocationList: any[];\r\n ddlLocationList: any[];\r\n ActiveLocations = [];\r\n monthNamesList = [\r\n \"Jan\",\r\n \"Feb\",\r\n \"Mar\",\r\n \"Apr\",\r\n \"May\",\r\n \"Jun\",\r\n \"Jul\",\r\n \"Aug\",\r\n \"Sep\",\r\n \"Oct\",\r\n \"Nov\",\r\n \"Dec\",\r\n ];\r\n public clientHolidayField: Object = { text: 'name', value: 'id' };\r\n public servicestatustext: string = 'Select Period';\r\n FilterPeriodList = [\r\n {\r\n id: 1,\r\n name: 'Yesterday',\r\n },\r\n {\r\n id: 2,\r\n name: 'Today',\r\n },\r\n {\r\n id: 3,\r\n name: 'Last Week',\r\n },\r\n {\r\n id: 4,\r\n name: 'This Week',\r\n },\r\n {\r\n id: 5,\r\n name: 'Last Month',\r\n },\r\n {\r\n id: 6,\r\n name: 'This Month',\r\n },\r\n {\r\n id: 7,\r\n name: 'Last Year',\r\n },\r\n {\r\n id: 8,\r\n name: 'This Year',\r\n },\r\n {\r\n id: 9,\r\n name: 'Custom',\r\n }\r\n ];\r\n\r\n // Validation Message\r\n requiredHolidayName: String = null;\r\n requiredHolidayDate: String = null;\r\n\r\n st: number;\r\n\r\n @ViewChild(\"loginRef\") loginElement: ElementRef;\r\n // Http: any;\r\n\r\n constructor(\r\n private _leaveSer: LeaveService,\r\n private _holidaysServ: clientholidayService,\r\n private _fb: FormBuilder,\r\n private _authSer: AuthService,\r\n private _commonSer: CommonService,\r\n private _userService: UserService,\r\n private _bsDatepickerConfig: BsDatepickerConfig,\r\n private auth: AuthService,\r\n private commonService: CommonService,\r\n private datePipe: DatePipe,\r\n private Http: ExpenseHttpService,\r\n private toaster: ToasterService\r\n\r\n ) {\r\n this.CmpCode = this.auth.getcompanyCode();\r\n }\r\n\r\n currentDate = new Date();\r\n roleId:any;\r\n UserType:any;\r\n todayDate:any;\r\n \r\n ngOnInit() {\r\n //this.todayDate=this.datePipe.transform(new Date(), 'yyyy-MM-dd');\r\n this.UserId = this.auth.getUserId();\r\n this.CmpCode = this.auth.getcompanyCode();\r\n let userType = this.auth.getUserType();\r\n let roleId = this.auth.getRoleId();\r\n this.roleId = roleId;\r\n if (roleId === '1') {\r\n this.UserType = 1;\r\n } else if (roleId === '2' || roleId === '3' || roleId === '10') {\r\n this.UserType = 2;\r\n } else if (roleId === '30') {\r\n this.UserType = 3;\r\n } else if (roleId === '40') {\r\n this.UserType = 4;\r\n }\r\n this.filterSettings = { type: \"Menu\" };\r\n this.filter = { type: \"CheckBox\" };\r\n // this.stTime = performance.now();\r\n this.selectionSettings = { persistSelection: true, type: \"Multiple\", checkboxOnly: true };\r\n\r\n this.CmpCode = this.auth.getcompanyCode();\r\n this.googleSDK();\r\n this.DateFormat= this._authSer.getdateFormat();\r\n // Set default filter\r\n this.filterPeriod = 8;\r\n let currentDate = new Date();\r\n this.filterStartDate = new Date(currentDate.getFullYear() + \"-01-01 00:00:00\");\r\n this.filterEndDate = new Date(currentDate.getFullYear() + \"-12-31 00:00:00\");\r\n\r\n this.holidayForm = new FormGroup({\r\n holidayName: new FormControl(\"\", Validators.required),\r\n holidayDate: new FormControl(\"\", Validators.required),\r\n isRestrictedHoliday: new FormControl(\"\"),\r\n locations: new FormControl(\"\"),\r\n locationsParm: new FormControl(\"\"),\r\n Description: new FormControl(\"\"),\r\n DaysReminder: new FormControl(\"\"),\r\n notifyEmployees: new FormControl(\"\"),\r\n reprocessLeave: new FormControl(\"\"),\r\n createdBy: new FormControl(\"\"),\r\n Id: new FormControl(\"\"),\r\n holidayType: new FormControl(\"\"),\r\n endDate: new FormControl(\"\"),\r\n holidayDatesList: new FormControl(\"\"),\r\n });\r\n\r\n this.auth.currentUser.subscribe((x) => {\r\n this.currentUser = x;\r\n this.UserId = this.currentUser.userId;\r\n });\r\n this.getAllLocations();\r\n if (this.usertypestrings == \"salesperson\") {\r\n this.UserType = 3;\r\n // this.UserChange('', this.UserType);\r\n }\r\n }\r\n\r\n ImportFileExcel: any;\r\n ImportFileExcelName: any;\r\n onFileChangeImg(event){\r\n let IsCheckSize = event.target.files[0].size;\r\n if(IsCheckSize > 2097152){\r\n this.toaster.show(\"success\", 'Please Select a file smaller than 2MB');\r\n }else {\r\n this.ImportFileExcel = event.target.files[0];\r\n this.ImportFileExcelName = event.target.files[0].name;\r\n };\r\n }\r\n\r\n errorData = []\r\n SaveImportExcelData() {\r\n if (this.ImportFileExcel !== undefined) {\r\n let fd = new FormData();\r\n fd.append(\"file\", this.ImportFileExcel);\r\n fd.append(\"Cmpcode\", this.CmpCode);\r\n fd.append(\"userid\", this.UserId);\r\n fd.append(\"excelFileName\", \"ClientHolidays\");\r\n this.Http.ImportExcelFiles(fd).then((res) => {\r\n if (res.success === true) {\r\n this.toaster.show(\"success\", \"Records Imported Successfully\");\r\n this.errorData = []\r\n this.uploadObj.clearAll();\r\n this.ngOnInit();\r\n this._commonSer.CloseModalHandler('exampleModal3'); \r\n } else {\r\n this.errorData = res?.data?.split(\"*\");\r\n this.errorData[0] = \"Please Resolve the Below Errors\"\r\n this.ImportFileExcel = undefined;\r\n this.uploadObj.clearAll();\r\n this.toaster.show(\"warning\", \"Incorrect Records\");\r\n }\r\n },(error) => {\r\n this.toaster.show(\"warning\", \"Uh oh, Something went wrong!\");\r\n });\r\n } else {\r\n this.toaster.show(\"error\", \"Uh oh, Something went wrong!\");\r\n }\r\n }\r\n \r\n\r\n public pageSettings = { pageCount: 3 };\r\n @ViewChild('overviewgrid') public Grid: GridComponent;\r\n load() {\r\n const rowHeight: number = this.Grid.getRowHeight(); // height of the each row\r\n const gridHeight: any = this.Grid.height; // grid height\r\n const pageSize: number = this.Grid.pageSettings.pageSize; // initial page size\r\n const pageResize: any = (gridHeight - (pageSize * rowHeight)) / rowHeight; // new page size is obtained here\r\n this.Grid.pageSettings.pageSize = pageSize + Math.round(pageResize);\r\n }\r\n\r\n logText(i: number) {\r\n this.st = i;\r\n }\r\n\r\n //DateFormat='MM/dd/yyyy';\r\n \r\n \r\n \r\n dateformat(datas:string){\r\n return this._authSer.Dateformat(datas);\r\n // if (this.DateFormat=='1')\r\n // {\r\n // return this.datePipe.transform(datas, 'MM/dd/yyyy')\r\n \r\n // }\r\n // if(this.DateFormat=='2')\r\n // {\r\n // return this.datePipe.transform(datas, 'dd/MM/yyyy')\r\n // }\r\n // if(this.DateFormat== '3')\r\n // {\r\n // return this.datePipe.transform(datas, 'yyyy/MM/dd')\r\n // }\r\n }\r\n\r\n prepareLoginButton() {\r\n this.auth2.attachClickHandler(\r\n this.loginElement.nativeElement,\r\n {},\r\n (googleUser) => {\r\n let profile = googleUser.getBasicProfile();\r\n console.log(googleUser);\r\n let a = googleUser.getAuthResponse().access_token;\r\n let params = {\r\n UserId: this.UserId,\r\n AccessToken: googleUser.getAuthResponse().access_token,\r\n SyncType: this.st,\r\n };\r\n this._commonSer\r\n .CRG_PostAPI(\"Admin/SyncWithGoogleCalendar\", params)\r\n .subscribe((res) => {});\r\n },\r\n (error) => {\r\n alert(JSON.stringify(error, undefined, 2));\r\n }\r\n );\r\n }\r\n\r\n googleSDK() {\r\n window[\"googleSDKLoaded\"] = () => {\r\n window[\"gapi\"].load(\"auth2\", () => {\r\n this.auth2 = window[\"gapi\"].auth2.init({\r\n client_id:\r\n \"467170952999-rae30kmckqs7a4j4u7mk1dduu6p9a97b.apps.googleusercontent.com\",\r\n cookie_policy: \"single_host_origin\",\r\n scope:\r\n \"https://www.googleapis.com/auth/calendar.readonly https://www.googleapis.com/auth/calendar https://www.googleapis.com/auth/calendar.events.readonly https://www.googleapis.com/auth/calendar.events\",\r\n });\r\n\r\n this.prepareLoginButton();\r\n });\r\n };\r\n\r\n (function (d, s, id) {\r\n var js,\r\n fjs = d.getElementsByTagName(s)[0];\r\n if (d.getElementById(id)) {\r\n \r\n return;\r\n }\r\n js = d.createElement(s);\r\n js.id = id;\r\n js.src = \"https://apis.google.com/js/platform.js?onload=googleSDKLoaded\";\r\n fjs.parentNode.insertBefore(js, fjs);\r\n })(document, \"script\", \"google-jssdk\");\r\n }\r\n\r\n getAllLocations() {\r\n this._userService.getAllLocationsForSelect(this.CmpCode).subscribe((res: any) => {\r\n if (res.success) {\r\n this.locations = [];\r\n this.locations = _.map(res.data.table, (tableObj) => {\r\n return { id: tableObj.locationId, text: tableObj.locationName };\r\n });\r\n this.getAllHolidays();\r\n (this.gridInstance.columns[4] as Column).visible = true;\r\n }\r\n });\r\n this.getAllLocationList();\r\n }\r\n selectedHoliday = [];\r\n\r\n holidayTypes = [\"Full Day\", \"First Half\", \"Second Half\"];\r\n\r\n getAllHolidays() {\r\n this.Http.getHolidayList(this.CmpCode).then((res: any) => {\r\n this.holidays=res.data.table;\r\n\r\n });\r\n // let par = {\r\n // PageNo: 1,\r\n // NoOfRecords: 10000,\r\n // SortType: \"desc\", //'asc',\r\n // FieldName: \"CreatedDate\",\r\n // CmpCode:this.CmpCode\r\n // };\r\n // this.commonService\r\n // .CRG_PostAPI(\"Holiday/GetAllHoliday\", par)\r\n // .subscribe((res) => {\r\n // const response = JSON.parse(JSON.parse(res[\"_body\"]).data);\r\n // for (var j = 0; j < response.length; j++) {\r\n // if (response[j].LocationIds) {\r\n // var locationId = response[j].LocationIds.split(\",\");\r\n // let name = [];\r\n // for (var i = 0; i < locationId.length; i++) {\r\n // if (this.locations.some((c) => c.id == locationId[i])) {\r\n // name.push(_.find(this.locations, (e) => e.id == locationId[i]));\r\n // }\r\n // }\r\n // response[j].LocationName = name.map((c) => c.text).join();\r\n // }\r\n // }\r\n // this.holidays = response;\r\n // this.myRequestsListLength = this.holidays.length;\r\n // });\r\n }\r\n\r\n /************************** SAVE Holiday *********************************/\r\n \r\n onHolidayNameChanged() {\r\n this.requiredHolidayName = null;\r\n if (this.holidayForm.controls.holidayName.value == null || \r\n this.holidayForm.controls.holidayName.value == undefined ||\r\n this.holidayForm.controls.holidayName.value == \"\") {\r\n this.requiredHolidayName = \"Name is required.\";\r\n }\r\n }\r\n projectDocumentForm:any=[];\r\n validationError:any;\r\n saveHoliday() {\r\n this.holidayForm.value;\r\n this.holidayForm.value;\r\n // if (this.projectDocumentForm.documentName === undefined || this.projectDocumentForm.remarks === undefined || this.projectDocumentForm.startdate === undefined ||this.projectDocumentForm.enddate === undefined) {\r\n // return;\r\n // }\r\ndebugger;\r\nif(this.projectDocumentForm.enddates==null || this.projectDocumentForm.enddates==undefined ||this.projectDocumentForm.enddates==\"\") \r\n{\r\nthis.validationError=\"please enter the Date\"\r\n}\r\nelse{\r\ndebugger;\r\n\r\n}\r\n\r\n if(this.holidayForm.value.Id ==0 || this.holidayForm.value.Id ==null)\r\n {\r\n var params = {\r\n\r\n CmpCode: this.CmpCode,\r\n HolidayId:0,\r\n HolidayTitle:this.holidayForm.value.holidayName,\r\n Description:this.holidayForm.value.Description,\r\n Locations:this.holidayForm.value.locations,\r\n //DateJson:'',\r\n DaysReminder:this.holidayForm.value.DaysReminder,\r\n //NotifyEmployees:true,\r\n ReprocessLeave:this.holidayForm.value.reprocessLeave,\r\n HolidayStartDate:this.projectDocumentForm.startdates,\r\n HolidayEndDate:this.projectDocumentForm.enddates,\r\n //FinancialYearId:0,\r\n CreatedBy:this.UserId,\r\n //CreatedDate:null,\r\n //UpdatedBy:,\r\n // UpdatedDate:new Date(),\r\n //IsDeleted:false,\r\n IsRestricted:this.holidayForm.value.isRestrictedHoliday,\r\n }\r\n \r\n }\r\n else{\r\n params = {\r\n CmpCode: this.CmpCode,\r\n HolidayId:this.holidayForm.value.Id,\r\n HolidayTitle:this.holidayForm.value.holidayName,\r\n Description:this.holidayForm.value.Description,\r\n Locations:this.holidayForm.value.locations,\r\n //DateJson:'',\r\n DaysReminder:this.holidayForm.value.DaysReminder,\r\n //NotifyEmployees:true,\r\n ReprocessLeave:this.holidayForm.value.reprocessLeave,\r\n // HolidayStartDate:this.projectDocumentForm.startdates,\r\n // HolidayEndDate:this.projectDocumentForm.enddates,\r\n HolidayStartDate:this.projectDocumentForm.startdate,\r\n HolidayEndDate:this.projectDocumentForm.enddate,\r\n //FinancialYearId:0,\r\n CreatedBy:this.UserId,\r\n //CreatedDate:null,\r\n //UpdatedBy:,\r\n // UpdatedDate:new Date(),\r\n //IsDeleted:false,\r\n IsRestricted:this.holidayForm.value.isRestrictedHoliday,\r\n }\r\n \r\n }\r\n \r\n this.Http.saveClientHoliday(params).then((res: any) => {\r\n //this.Loader=false;\r\n this._commonSer.CloseModalHandler(\"MessageModel\");\r\n this.holidayForm.reset();\r\n this.projectDocumentForm.enddates=\"\";\r\n this.projectDocumentForm.startdates=\"\";\r\n this.showSuccess = true;\r\n this.toaster.show('success', res.data);\r\n $(\"#closemodel\").trigger(\"click\");\r\n // this.closeModel('addmaster');\r\n this.getAllHolidays();\r\n });\r\n\r\n\r\n\r\n }\r\n assignSelectedDate:any;\r\n IsDateMinMaxAssign(projectDocumentForm){\r\n debugger;\r\n this.assignSelectedDate = projectDocumentForm.enddate;\r\n }\r\n\r\n IsAssigndateChange(projectDocumentForm){\r\n projectDocumentForm.enddate = this.assignSelectedDate;\r\n }\r\n IsDateMinMaxAssignstart(projectDocumentForm){\r\n debugger;\r\n this.assignSelectedDate = projectDocumentForm.startdate;\r\n }\r\n\r\n IsAssigndateChangestart(projectDocumentForm){\r\n projectDocumentForm.startdate = this.assignSelectedDate;\r\n }\r\n IsDateMinMaxAssignstartsetenddate(projectDocumentForm)\r\n {\r\n debugger;\r\n projectDocumentForm.enddate=projectDocumentForm.startdate\r\n }\r\n IsAssigndateChangestartsetenddate(projectDocumentForm)\r\n {\r\n debugger;\r\n projectDocumentForm.enddates=projectDocumentForm.startdates\r\n // this.minDBDate=projectDocumentForm.enddates;\r\n this.minDBDate = this.datePipe.transform(projectDocumentForm.enddates, 'yyyy-MM-dd');\r\n\r\n }\r\n\r\n /************************** Edit Holiday *********************************/\r\n\r\n \r\n editHoliday(holiday) {\r\n debugger\r\nthis.showHoliday=\"Edit\"\r\n this.isstartdate=1;\r\n this.checkDate=this.datePipe.transform(holiday.holidayStartDate, 'yyyy-MM-dd')\r\n this.today=this.datePipe.transform(new Date(), 'yyyy-MM-dd')\r\n \r\nvar d1 = Date.parse(this.checkDate);\r\nvar d2 = Date.parse(this.today);\r\nif(d1\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\nLoading....
\r\n\r\n
\r\n\r\n\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n Compensatory Off Requests
\r\n\r\n
\r\n\r\n \r\n \r\n {{financialYearText}} \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n - \r\n
- Total : {{totallength}} \r\n
- \r\n Pending : {{pendingLength}} \r\n
- Approved : {{approvedLength}} \r\n
- Rejected: {{rejectedLength}} \r\n\r\n
\r\n \r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n ![](\"{{userImage(data)}}\")
\r\n {{ data.employeeName}}\r\n \r\n\r\n \r\n {{ data.empCode }}\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n\r\n \r\n\r\n\r\n\r\n\r\n \r\n \r\n {{dateformat(data.workedDate)}}\r\n \r\n \r\n\r\n \r\n\r\n\r\n \r\n\r\n \r\n \r\n \r\n Full Day\r\n Half Day\r\n Quarter Day\r\n {{ country.duration }}\r\n \r\n \r\n {{ country.duration }}\r\n \r\n {{ country.unitText }}\r\n \r\n \r\n \r\n\r\n \r\n \r\n {{dateformat(data.expiryDate)}}\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n {{dateformat(country.createdDate)}}\r\n \r\n \r\n \r\n\r\n \r\n\r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n\r\n \r\n\r\n\r\n \r\n \r\n\r\n\r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n\r\n","import { Component, OnInit,QueryList,ChangeDetectionStrategy,\r\n ViewChildren,\r\n Directive,\r\n Input,\r\n Output,\r\n EventEmitter,\r\n ViewChild, } from '@angular/core';\r\nimport { LeaveService } from \"./../leave.service\";\r\nimport { FormGroup, FormBuilder, Validators } from \"@angular/forms\";\r\nimport { AuthService } from \"src/app/services/auth.service\";\r\nimport { BsDatepickerConfig } from \"ngx-bootstrap/datepicker\";\r\nimport { CommonService } from \"src/app/common.service\";\r\nimport { DatePipe } from '@angular/common';\r\nimport { DatePickerComponent } from '@syncfusion/ej2-angular-calendars';\r\nimport { state } from '@angular/animations';\r\nimport { environment } from \"src/app/environment\";\r\nimport { ToasterService } from '../../expense/toaster/toaster.service';\r\nimport { GridComponent ,Column, ExcelExportProperties} from '@syncfusion/ej2-angular-grids';\r\n\r\n\r\n\r\n\r\ninterface Country {\r\n empCode?: any;\r\n WorkedDate: any;\r\n ExpiryDate: any;\r\n duration: number;\r\n status: string;\r\n createdDate: string;\r\n}\r\n\r\nexport type SortColumn = keyof Country | \"\";\r\nexport type SortDirection = \"asc\" | \"desc\" | \"\";\r\nconst rotate: { [key: string]: SortDirection } = {\r\n asc: \"desc\",\r\n desc: \"\",\r\n \"\": \"asc\",\r\n};\r\nconst compare = (v1: string, v2: string) => (v1 < v2 ? -1 : v1 > v2 ? 1 : 0);\r\n\r\nexport interface SortEvent {\r\n column: SortColumn;\r\n direction: SortDirection;\r\n}\r\n\r\n@Directive({\r\n selector: \"th[sortable]\",\r\n host: {\r\n \"[class.asc]\": 'direction === \"asc\"',\r\n \"[class.desc]\": 'direction === \"desc\"',\r\n \"(click)\": \"rotate()\",\r\n },\r\n})\r\nexport class NgbdSortableHeader {\r\n @Input() sortable: SortColumn = \"\";\r\n @Input() direction: SortDirection = \"\";\r\n @Output() sort = new EventEmitter\r\n \r\n
\r\n\r\n if (item.userImage == '' || item.userImage == undefined || item.userImage == null) {\r\n // this.recieptIMg = `${environment.siteUrl}` + \"Uploads/Icon/UploadIcons.png\";\r\n if (item.genders == \"Female\") {\r\n this.recieptIMg = \"/assets/img/Logo/female.png\"\r\n\r\n }\r\n else {\r\n this.recieptIMg = \"/assets/img/Logo/male.png\"\r\n\r\n }\r\n }\r\n else {\r\n this.recieptIMg = `${environment.siteUrl}` + item.userImage;\r\n }\r\n return this.recieptIMg\r\n\r\n }\r\n approvedLength:any=0\r\n rejectedLength:any=0\r\n pendingLength:any=0\r\n totallength:any=0\r\n checkLength:any=[]\r\n active:any=0\r\n getlistbylegend(val)// Created By K Filters by legends\r\n {\r\n if(val==0)\r\n {\r\n this.active=0\r\n this.COUNTRIES=this.totalData\r\n }\r\n else\r\n if(val==1)\r\n {\r\n this.active=1\r\n this.COUNTRIES=[]\r\n this.COUNTRIES=this.totalData.filter(x=>x.status==\"Pending\")\r\n }\r\n else if(val==2)\r\n {\r\n this.active=2\r\n\r\n this.COUNTRIES=[]\r\n this.COUNTRIES=this.totalData.filter(x=>x.status==\"Approved\")\r\n\r\n }\r\n else if(val==3)\r\n {\r\n this.active=3\r\n\r\n this.COUNTRIES=[]\r\n this.COUNTRIES=this.totalData.filter(x=>x.status==\"Rejected\")\r\n\r\n \r\n }\r\ndebugger\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { BoxModule } from 'angular-admin-lte';\r\nimport { SelectModule } from 'ng2-select';\r\nimport { CoreModule } from 'src/app/core/core.module';\r\nimport { ReactiveFormsModule, FormsModule } from '@angular/forms';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\r\nimport { TabsModule as MkTabsModule } from 'angular-admin-lte';\r\nimport { TimepickerModule, BsDatepickerModule } from 'ngx-bootstrap';\r\nimport { CompOffComponent, NgbdSortableHeader } from './comp-off.component';\r\nimport { GridAllModule, PagerModule } from '@syncfusion/ej2-angular-grids';\r\nimport { DropDownListModule } from '@syncfusion/ej2-angular-dropdowns';\r\nimport { DatePickerModule } from '@syncfusion/ej2-angular-calendars';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n FormsModule,\r\n BoxModule, SelectModule,\r\n MkTabsModule,\r\n BoxModule,\r\n CoreModule,\r\n SelectModule,\r\n GridAllModule,\r\n PagerModule,\r\n ReactiveFormsModule,\r\n NgbModule,\r\n DropDownListModule,\r\n DatePickerModule,\r\n TimepickerModule.forRoot(),\r\n BsDatepickerModule.forRoot()\r\n ],\r\n declarations: [CompOffComponent, NgbdSortableHeader]\r\n})\r\nexport class CompoffModule { }\r\n","\r\n\r\n \r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n Holiday List
\r\n\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n\r\n \r\n\r\n\r\n
\r\n \r\n\r\n \r\n \r\n\r\n\r\n \r\n\r\n\r\n\r\n \r\n
\r\n\r\n\r\n \r\n \r\n
\r\n\r\n\r\n\r\n \r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n \r\n \r\n\r\n\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n {{dateformat(holiday.HolidayStartDate)}}\r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n\r\n\r\n\r\n\r\n
\r\n \r\n {{holiday.LocationName}}\r\n
\r\n \r\n All Locations\r\n
\r\n \r\n {{data.Description}}\r\n
\r\n \r\n No Description Provided\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n","import { DatePipe } from \"@angular/common\";\r\nimport { map } from \"rxjs/operators\";\r\nimport { UserService } from \"src/app/user/user.service\";\r\nimport { Component, OnInit, ViewChild, ElementRef } from \"@angular/core\";\r\nimport { LeaveService } from \"../leave.service\";\r\nimport {\r\n FormGroup,\r\n FormBuilder,\r\n Validators,\r\n FormControl,\r\n} from \"@angular/forms\";\r\nimport { AuthService } from \"src/app/services/auth.service\";\r\nimport { BsDatepickerConfig } from \"ngx-bootstrap/datepicker\";\r\nimport { CommonService } from \"src/app/common.service\";\r\nimport { Permission } from \"src/app/permission-keyword\";\r\nimport * as _ from \"lodash\";\r\nimport { ToasterService } from '../../expense/toaster/toaster.service';\r\nimport { HolidaysService } from \"./holidays.service\";\r\nimport { GridComponent,Column, ExcelExportProperties } from \"@syncfusion/ej2-angular-grids\";\r\nimport { ExpenseHttpService } from \"src/app/services/expense/expense-http.service\";\r\nimport { UploaderComponent } from \"@syncfusion/ej2-angular-inputs\";\r\n\r\n\r\nclass HolidayCalendarDates {\r\n HolidayId: number;\r\n HolidayDate: Date;\r\n DayType: string;\r\n}\r\n\r\n@Component({\r\n selector: \"app-holidays\",\r\n templateUrl: \"./holidays.component.html\",\r\n styleUrls: [\"./holidays.component.css\"],\r\n})\r\nexport class HolidaysComponent implements OnInit {\r\n myRequestsListLength: any;\r\n myRequestsPage = 1;\r\n myRequestsPageSize = 10;\r\n holidays = [];\r\n locations: any;\r\n selectedLocation: any;\r\n currentUser: any;\r\n holidayForm: FormGroup;\r\n searchString;\r\n collectionSize = 0;\r\n startDate: any;\r\n endDate: any;\r\n DateFormat:any\r\n showSuccess: boolean;\r\n showMessage: any;\r\n submitted: any;\r\n confirmBox: boolean;\r\n CheckJson: any;\r\n HolidayTypesVal = [];\r\n HolidayCalendarDatesList: HolidayCalendarDates[];\r\n\r\n holidayList: any;\r\n tempholidayList: any;\r\n userLoader: Boolean = false;\r\n filterHoliday = \"\";\r\n page: 1;\r\n pageSize: 4;\r\n\r\n gapi: any;\r\n auth2: any;\r\n Name: any;\r\n show: any;\r\n EditPermission: boolean;\r\n DeletePermission: boolean;\r\n ViewPermission: boolean;\r\n EditAllPermission: boolean;\r\n AddPermission: boolean;\r\n flterShowData = false;\r\n CurrentUser:any\r\n UserId: any;\r\n CmpCode:any;\r\n public filter: Object;\r\n public filterSettings: Object;\r\n public selectionSettings: Object;\r\n public height: string = '240px';\r\n public fields: Object = { text: 'text', value: 'value' };\r\n public item: number[] = [1, 2, 3, 4, 5];\r\n @ViewChild('overviewgrid')\r\n public gridInstance: GridComponent;\r\n //GoogleAuth\r\n GoogleAuth: any; // Google Auth object.\r\n filterPeriod: number;\r\n navigationText: any;\r\n filterStartDate: Date;\r\n filterEndDate: Date;\r\n minDate: any;\r\n maxDate: any;\r\n filterLocationId: any;\r\n LocationList: any[];\r\n ddlLocationList: any[];\r\n ActiveLocations = [];\r\n monthNamesList = [\r\n \"Jan\",\r\n \"Feb\",\r\n \"Mar\",\r\n \"Apr\",\r\n \"May\",\r\n \"Jun\",\r\n \"Jul\",\r\n \"Aug\",\r\n \"Sep\",\r\n \"Oct\",\r\n \"Nov\",\r\n \"Dec\",\r\n ];\r\n\r\n // Validation Message\r\n requiredHolidayName: String = null;\r\n requiredHolidayDate: String = null;\r\n\r\n st: number;\r\n LocalDataPermission: any;\r\n\r\n @ViewChild(\"loginRef\") loginElement: ElementRef;\r\n // Http: any;\r\n\r\n constructor(\r\n private _holidaysServ: HolidaysService,\r\n private _authSer: AuthService,\r\n private _commonSer: CommonService,\r\n private _userService: UserService,\r\n private auth: AuthService,\r\n private commonService: CommonService,\r\n private datePipe: DatePipe,\r\n private Http: ExpenseHttpService,\r\n private toaster: ToasterService\r\n\r\n ) {\r\n debugger\r\n this.CmpCode = this.auth.getcompanyCode();\r\n this.auth.IsPermissions('Change Requests');\r\n this.LocalDataPermission = this.auth.LocalDataPermission;\r\n if (this.LocalDataPermission === '' || this.LocalDataPermission === null || this.LocalDataPermission === undefined) {\r\n this.LocalDataPermission[0].addPermission = 0;\r\n this.LocalDataPermission[0].editPermission = 0;\r\n this.LocalDataPermission[0].viewpermission = 0;\r\n this.LocalDataPermission[0].deletePermission = 0;\r\n }\r\n\r\n // this.auth.currentUser.subscribe(x => this.CurrentUser = x);\r\n this.ViewPermission = this.LocalDataPermission[0]?.viewpermission;\r\n this.AddPermission = this.LocalDataPermission[0]?.addPermission;\r\n this.EditPermission = this.LocalDataPermission[0]?.editPermission;\r\n this.DeletePermission = this.LocalDataPermission[0]?.deletePermission;\r\n\r\n }\r\n viwerrole:any;\r\n roleIds:any;\r\n btndisableimport: boolean = true;\r\n btndisableexport: boolean = true;\r\n currentDate = new Date();\r\n ngOnInit() {\r\n this.roleIds = this.auth.getRoleId();\r\n this.viwerrole=this.roleIds\r\n if (this.roleIds == \"1\") {\r\n\r\n }\r\n if (this.roleIds == \"2\") {\r\n this.btndisableimport = false;\r\n }\r\n if (this.roleIds == \"3\" || this.viwerrole==\"11\") {\r\n this.btndisableimport = false;\r\n this.btndisableexport = false;\r\n }\r\n this.filterSettings = { type: \"Menu\" };\r\n this.filter = { type: \"CheckBox\" };\r\n // this.stTime = performance.now();\r\n this.selectionSettings = { persistSelection: true, type: \"Multiple\", checkboxOnly: true };\r\n\r\n this.CmpCode = this.auth.getcompanyCode();\r\n // this.googleSDK();\r\n this.DateFormat= this._authSer.getdateFormat();\r\n // Set default filter\r\n this.filterPeriod = 8;\r\n let currentDate = new Date();\r\n this.filterStartDate = new Date(currentDate.getFullYear() + \"-01-01 00:00:00\");\r\n this.filterEndDate = new Date(currentDate.getFullYear() + \"-12-31 00:00:00\");\r\n\r\n this.holidayForm = new FormGroup({\r\n holidayName: new FormControl(\"\", Validators.required),\r\n holidayDate: new FormControl(\"\", Validators.required),\r\n isRestrictedHoliday: new FormControl(\"\"),\r\n locations: new FormControl(\"\"),\r\n locationsParm: new FormControl(\"\"),\r\n Description: new FormControl(\"\"),\r\n DaysReminder: new FormControl(\"\"),\r\n notifyEmployees: new FormControl(\"\"),\r\n reprocessLeave: new FormControl(\"\"),\r\n createdBy: new FormControl(\"\"),\r\n CmpCode: new FormControl(\"\"),\r\n Id: new FormControl(\"\"),\r\n holidayType: new FormControl(\"\"),\r\n endDate: new FormControl(\"\"),\r\n holidayDatesList: new FormControl(\"\"),\r\n });\r\n\r\n this.auth.currentUser.subscribe((x) => {\r\n this.currentUser = x;\r\n this.UserId = this.currentUser.userId;\r\n });\r\n this.getAllLocations();\r\n }\r\n\r\n ImportFileExcel: any;\r\n ImportFileExcelName: any;\r\n onFileChangeImg(event){\r\n let IsCheckSize = event.target.files[0].size;\r\n if(IsCheckSize > 2097152){\r\n this.toaster.show(\"success\", 'Please Select a file smaller than 2MB');\r\n }else {\r\n this.ImportFileExcel = event.target.files[0];\r\n this.ImportFileExcelName = event.target.files[0].name;\r\n };\r\n }\r\n ImportFileData: any;\r\n importError = false;\r\n ImportFile() {\r\n try {\r\n this.importError = false;\r\n this.ImportFileData = undefined;\r\n \r\n } catch (ex) {\r\n\r\n }\r\n }\r\n handleFileInput(event) {\r\n let IsCheckSize = event.target.files[0].size;\r\n if(IsCheckSize > 2097152){\r\n this.toaster.show(\"success\", 'Please Select a file smaller than 2MB');\r\n }else {\r\n this.ImportFileData = event.target.files[0];\r\n $('#importFile').val('');\r\n };\r\n }\r\n UploadFileBtn() {\r\n $('#importFile').click();\r\n }\r\n errorData = [] ;\r\n @ViewChild('file') public uploadObj: UploaderComponent;\r\n SaveImportExcelData() {\r\n if (this.ImportFileExcel !== undefined) {\r\n let fd = new FormData();\r\n fd.append(\"file\", this.ImportFileExcel);\r\n fd.append(\"Cmpcode\", this.CmpCode);\r\n fd.append(\"userid\", this.UserId);\r\n fd.append(\"excelFileName\", \"organizationholidays\");\r\n this.Http.ImportExcelFiles(fd).then((res) => {\r\n if (res.success === true) {\r\n this.toaster.show(\"success\", \"Records Imported Successfully\");\r\n this.errorData = []\r\n this.uploadObj.clearAll();\r\n this.ngOnInit();\r\n this.commonService.CloseModalHandler('exampleModal3'); \r\n } else {\r\n this.errorData = res?.data?.split(\"*\");\r\n this.errorData[0] = \"Please Resolve the Below Errors\"\r\n this.ImportFileExcel = undefined;\r\n this.uploadObj.clearAll();\r\n this.toaster.show(\"warning\", \"Incorrect Records\");\r\n this.ngOnInit();\r\n }\r\n },(error) => {\r\n this.toaster.show(\"warning\", \"Uh oh, Something went wrong!\");\r\n });\r\n } else {\r\n this.toaster.show(\"error\", \"Please Select a file\");\r\n }\r\n }\r\n \r\n\r\n public pageSettings = { pageCount: 3 };\r\n @ViewChild('overviewgrid') public Grid: GridComponent;\r\n load() {\r\n const rowHeight: number = this.Grid.getRowHeight(); // height of the each row\r\n const gridHeight: any = this.Grid.height; // grid height\r\n const pageSize: number = this.Grid.pageSettings.pageSize; // initial page size\r\n const pageResize: any = (gridHeight - (pageSize * rowHeight)) / rowHeight; // new page size is obtained here\r\n this.Grid.pageSettings.pageSize = pageSize + Math.round(pageResize);\r\n }\r\n\r\n logText(i: number) {\r\n this.st = i;\r\n }\r\n\r\n //DateFormat='MM/dd/yyyy';\r\n \r\n \r\n \r\n dateformat(datas:string){\r\n return this._authSer.Dateformat(datas);\r\n // if (this.DateFormat=='1')\r\n // {\r\n // return this.datePipe.transform(datas, 'MM/dd/yyyy')\r\n \r\n // }\r\n // if(this.DateFormat=='2')\r\n // {\r\n // return this.datePipe.transform(datas, 'dd/MM/yyyy')\r\n // }\r\n // if(this.DateFormat== '3')\r\n // {\r\n // return this.datePipe.transform(datas, 'yyyy/MM/dd')\r\n // }\r\n }\r\n\r\n prepareLoginButton() {\r\n this.auth2.attachClickHandler(\r\n this.loginElement.nativeElement,\r\n {},\r\n (googleUser) => {\r\n let profile = googleUser.getBasicProfile();\r\n console.log(googleUser);\r\n let a = googleUser.getAuthResponse().access_token;\r\n let params = {\r\n UserId: this.UserId,\r\n AccessToken: googleUser.getAuthResponse().access_token,\r\n SyncType: this.st,\r\n };\r\n this._commonSer\r\n .CRG_PostAPI(\"Admin/SyncWithGoogleCalendar\", params)\r\n .subscribe((res) => {});\r\n },\r\n (error) => {\r\n alert(JSON.stringify(error, undefined, 2));\r\n }\r\n );\r\n }\r\n\r\n googleSDK() {\r\n window[\"googleSDKLoaded\"] = () => {\r\n window[\"gapi\"].load(\"auth2\", () => {\r\n this.auth2 = window[\"gapi\"].auth2.init({\r\n client_id:\r\n \"467170952999-rae30kmckqs7a4j4u7mk1dduu6p9a97b.apps.googleusercontent.com\",\r\n cookie_policy: \"single_host_origin\",\r\n scope:\r\n \"https://www.googleapis.com/auth/calendar.readonly https://www.googleapis.com/auth/calendar https://www.googleapis.com/auth/calendar.events.readonly https://www.googleapis.com/auth/calendar.events\",\r\n });\r\n\r\n this.prepareLoginButton();\r\n });\r\n };\r\n\r\n (function (d, s, id) {\r\n var js,\r\n fjs = d.getElementsByTagName(s)[0];\r\n if (d.getElementById(id)) {\r\n \r\n return;\r\n }\r\n js = d.createElement(s);\r\n js.id = id;\r\n js.src = \"https://apis.google.com/js/platform.js?onload=googleSDKLoaded\";\r\n fjs.parentNode.insertBefore(js, fjs);\r\n })(document, \"script\", \"google-jssdk\");\r\n }\r\n\r\n getAllLocations() {\r\n this._userService.getAllLocationsForSelect(this.CmpCode).subscribe((res: any) => {\r\n if (res.success) {\r\n this.locations = [];\r\n this.locations = _.map(res.data.table, (tableObj) => {\r\n return { id: tableObj.locationId, text: tableObj.locationName };\r\n });\r\n this.getAllHolidays();\r\n }\r\n });\r\n this.getAllLocationList();\r\n }\r\n selectedHoliday = [];\r\n\r\n holidayTypes = [\"Full Day\", \"First Half\", \"Second Half\"];\r\n\r\n getAllHolidays() {\r\n let par = {\r\n PageNo: 1,\r\n NoOfRecords: 10000,\r\n SortType: \"desc\", //'asc',\r\n FieldName: \"CreatedDate\",\r\n CmpCode:this.CmpCode\r\n };\r\n this.commonService\r\n .CRG_PostAPI(\"Holiday/GetAllHoliday\", par)\r\n .subscribe((res) => {\r\n const response = JSON.parse(JSON.parse(res[\"_body\"]).data);\r\n for (var j = 0; j < response.length; j++) {\r\n if (response[j].LocationIds) {\r\n var locationId = response[j].LocationIds.split(\",\");\r\n let name = [];\r\n for (var i = 0; i < locationId.length; i++) {\r\n if (this.locations.some((c) => c.id == locationId[i])) {\r\n name.push(_.find(this.locations, (e) => e.id == locationId[i]));\r\n }\r\n }\r\n response[j].LocationName = name.map((c) => c.text).join();\r\n }\r\n }\r\n this.holidays = response;\r\n this.myRequestsListLength = this.holidays.length;\r\n });\r\n }\r\n\r\n /************************** SAVE Holiday *********************************/\r\n onHolidayNameChanged() {\r\n this.requiredHolidayName = null;\r\n if (this.holidayForm.controls.holidayName.value == null || \r\n this.holidayForm.controls.holidayName.value == undefined ||\r\n this.holidayForm.controls.holidayName.value == \"\") {\r\n this.requiredHolidayName = \"Name is required.\";\r\n }\r\n }\r\n\r\n saveHoliday() {\r\n debugger;\r\n\r\n this.requiredHolidayName = null;\r\n this.requiredHolidayDate = null;\r\n\r\n console.clear();\r\n console.log(this.holidayForm);\r\n\r\n let isFormValid = true;\r\n if (this.holidayForm.controls.holidayName.value == null ||\r\n this.holidayForm.controls.holidayName.value == undefined ||\r\n this.holidayForm.controls.holidayName.value == \"\") {\r\n this.requiredHolidayName = \"Name is required.\";\r\n isFormValid = false;\r\n }\r\n\r\n if (this.holidayForm.controls.holidayDate.value == null ||\r\n this.holidayForm.controls.holidayDate.value == undefined ||\r\n this.holidayForm.controls.holidayDate.value == \"\") {\r\n this.requiredHolidayDate = \"Date is required.\";\r\n isFormValid = false;\r\n }\r\n\r\n if (this.holidayForm.controls.endDate.value == null ||\r\n this.holidayForm.controls.endDate.value == undefined ||\r\n this.holidayForm.controls.endDate.value == \"\") {\r\n this.requiredHolidayDate = \"Date is required.\";\r\n isFormValid = false;\r\n }\r\n\r\n //if (this.holidayForm.status === \"VALID\") {\r\n if (isFormValid === true) {\r\n if (!this.isEdit) {\r\n this.holidayForm.get(\"createdBy\").setValue(this.currentUser.userId);\r\n // this.holidayForm.controls[\"CmpCode\"].patchValue(this.CmpCode)\r\n }\r\n\r\n if (this.holidayForm.value.locationsParm != null && this.holidayForm.value.locationsParm != undefined) {\r\n this.holidayForm.value.locations = Array.prototype.map\r\n .call(this.holidayForm.value.locationsParm, (s) => s.id)\r\n .toString();\r\n }\r\n\r\n this.holidayForm.value.holidayType = this.HolidayCalendarDatesList[0].DayType;\r\n let vm = this;\r\n\r\n this.HolidayCalendarDatesList.forEach(function (part, index) {\r\n this[index].HolidayDate = vm\r\n .getFormattedDate(this[index].HolidayDate)\r\n .toDateString();\r\n }, this.HolidayCalendarDatesList); // use arr as this\r\n\r\n this.holidayForm.value.holidayDatesList = this.HolidayCalendarDatesList;\r\n\r\n let parms = {\r\n HolidayId:\r\n this.holidayForm.value.Id == null ? 0 : this.holidayForm.value.Id,\r\n HolidayTitle: this.holidayForm.value.holidayName,\r\n HolidayStartDate: this.getFormattedDate(\r\n this.holidayForm.value.holidayDate\r\n ).toDateString(),\r\n HolidayEndDate: this.getFormattedDate(\r\n this.holidayForm.value.endDate\r\n ).toDateString(),\r\n IsRestricted: this.holidayForm.value.isRestrictedHoliday,\r\n Locations: this.holidayForm.value.locations,\r\n DateJson: JSON.stringify(this.holidayForm.value.holidayDatesList),\r\n Description: this.holidayForm.value.Description,\r\n DaysReminder: this.holidayForm.value.DaysReminder,\r\n NotifyEmployees: this.holidayForm.value.notifyEmployees,\r\n ReprocessLeave: this.holidayForm.value.reprocessLeave,\r\n createdBy: this.holidayForm.value.createdBy,\r\n CmpCode: this.CmpCode,\r\n CreatedDate: this.holidayForm.value.CreatedDate,\r\n UpdatedDate: this.holidayForm.value.UpdatedDate,\r\n };\r\n\r\n this._holidaysServ.saveHoliday(parms).subscribe(\r\n (response) => {\r\n this.submitted = false;\r\n if (response.success == true) {\r\n this._commonSer.CloseModalHandler(\"MessageModel\");\r\n this.holidayForm.reset();\r\n this.showSuccess = true;\r\n this.showMessage = response.data;\r\n // this._commonSer.OpenModalHandler(\"MessageModel\");\r\n this.commonService.CloseModalHandler(\"addHoliday\");\r\n this.toaster.show(\"success\", this.showMessage);\r\n // this.closeModel('addmaster');\r\n } else {\r\n this.showSuccess = false;\r\n this.showMessage = response.data;\r\n this._commonSer.OpenModalHandler(\"MessageModel\");\r\n }\r\n\r\n this.getAllHolidays();\r\n },\r\n (error) => {\r\n this.showSuccess = false;\r\n this.showWarning = false;\r\n this.showMessage = \"Uh oh, Something went wrong !\";\r\n this._commonSer.OpenModalHandler(\"MessageModel\");\r\n }\r\n );\r\n }\r\n }\r\n\r\n /************************** Edit Holiday *********************************/\r\n\r\n isEdit = false;\r\n editHoliday(holiday) {\r\n this.holidayForm.reset();\r\n this.holidayForm.enable();\r\n var vm = this;\r\n this.holidayForm.patchValue({\r\n Id: holiday.HolidayId,\r\n holidayName: holiday.HolidayTitle,\r\n holidayDate: vm.getFormattedDate(holiday.HolidayStartDate),\r\n endDate: vm.getFormattedDate(holiday.HolidayEndDate),\r\n isRestrictedHoliday: holiday.IsRestricted,\r\n locations: holiday.LocationIds,\r\n Description: holiday.Description,\r\n DaysReminder: holiday.DaysReminder,\r\n notifyEmployees: holiday.NotifyEmployee,\r\n reprocessLeave: holiday.IsReprocess,\r\n });\r\n this.selectedLocation = [];\r\n if (holiday.LocationIds) {\r\n var val = holiday.LocationIds.split(\",\");\r\n for (var x = 0; x < val.length; x++) {\r\n this.selectedLocation.push(\r\n _.find(this.locations, (location) => location.id == val[x])\r\n );\r\n }\r\n\r\n this.selectedLocation = this.selectedLocation.filter(function (element) {\r\n return element !== undefined;\r\n });\r\n this.holidayForm.value.locationsParm = this.selectedLocation;\r\n }\r\n\r\n this.HolidayTypesVal = [];\r\n this.CheckJson = JSON.parse(holiday.DateJson);\r\n for (var i in this.CheckJson) {\r\n this.HolidayTypesVal.push(this.CheckJson[i].DayType);\r\n }\r\n\r\n let leaveStartDate1 = this.getFormattedDate(holiday.HolidayStartDate);\r\n let leaveEndDate1 = this.getFormattedDate(holiday.HolidayEndDate);\r\n\r\n if (leaveStartDate1 != null && leaveEndDate1 != null) {\r\n this.HolidayCalendarDatesList = [];\r\n let arrayDatesList1 = this.getDates(leaveStartDate1, leaveEndDate1);\r\n for (let i = 0; i < arrayDatesList1.length; i++) {\r\n let newData = new HolidayCalendarDates();\r\n newData.HolidayDate = arrayDatesList1[i];\r\n newData.DayType = this.HolidayTypesVal[i];\r\n this.HolidayCalendarDatesList.push(newData);\r\n }\r\n }\r\n\r\n this.commonService.OpenModalHandler(\"addHoliday\");\r\n this.holidayForm.enable();\r\n\r\n this.getAllHolidays();\r\n this.isView = false;\r\n this.isEdit = true;\r\n\r\n //this.holidayForm.get('locationsParm').markAsDirty();\r\n //this.holidayForm.markAsDirty();\r\n //this.holidayForm.valid = true;\r\n \r\n setTimeout(() => {\r\n //this.holidayForm.markAsTouched();\r\n //this.holidayForm.markAsDirty();\r\n\r\n //this.holidayForm.updateValueAndValidity();\r\n\r\n // this.holidayForm.get('locationsParm').setErrors(null);\r\n // this.holidayForm.get('locationsParm').markAsTouched();\r\n // this.holidayForm.get('locationsParm').markAsDirty();\r\n //console.log(this.holidayForm);\r\n }, 300);\r\n }\r\n /************************** View Holiday *********************************/\r\n\r\n isView = false;\r\n viewHoliday(holiday) {\r\n this.holidayForm.patchValue({\r\n Id: holiday.HolidayId,\r\n holidayName: holiday.HolidayTitle,\r\n holidayDate: new Date(holiday.HolidayStartDate),\r\n endDate: new Date(holiday.HolidayEndDate),\r\n isRestrictedHoliday: holiday.IsRestricted,\r\n locations: holiday.LocationIds,\r\n Description: holiday.Description,\r\n DaysReminder: holiday.DaysReminder,\r\n notifyEmployees: holiday.NotifyEmployee,\r\n reprocessLeave: holiday.IsReprocess,\r\n createdBy: holiday.CreatedBy,\r\n });\r\n\r\n this.selectedLocation = [];\r\n if (holiday.LocationIds) {\r\n var val = holiday.LocationIds.split(\",\");\r\n for (var x = 0; x < val.length; x++) {\r\n this.selectedLocation.push(\r\n _.find(this.locations, (location) => location.id == val[x])\r\n );\r\n }\r\n\r\n this.selectedLocation = this.selectedLocation.filter(function (element) {\r\n return element !== undefined;\r\n });\r\n }\r\n\r\n this.HolidayTypesVal = [];\r\n this.CheckJson = JSON.parse(holiday.DateJson);\r\n for (var i in this.CheckJson) {\r\n this.HolidayTypesVal.push(this.CheckJson[i].DayType);\r\n }\r\n\r\n let leaveStartDate1 = this.getFormattedDate(holiday.HolidayStartDate);\r\n let leaveEndDate1 = this.getFormattedDate(holiday.HolidayEndDate); // new Date(this.endDate);\r\n\r\n if (leaveStartDate1 != null && leaveEndDate1 != null) {\r\n this.HolidayCalendarDatesList = [];\r\n let arrayDatesList1 = this.getDates(leaveStartDate1, leaveEndDate1);\r\n for (let i = 0; i < arrayDatesList1.length; i++) {\r\n let newData = new HolidayCalendarDates();\r\n newData.HolidayDate = arrayDatesList1[i];\r\n newData.DayType = this.HolidayTypesVal[i];\r\n this.HolidayCalendarDatesList.push(newData);\r\n }\r\n }\r\n\r\n this.commonService.OpenModalHandler(\"addHoliday\");\r\n this.holidayForm.disable();\r\n this.isView = true;\r\n }\r\n\r\n /************************** New Holiday *********************************/\r\n\r\n newHoliday() {\r\n debugger;\r\n this.holidayForm.enable();\r\n this.holidayForm.reset();\r\n this.isEdit = false;\r\n this.isView = false;\r\n this.HolidayCalendarDatesList = [];\r\n this._commonSer.OpenModalHandler(\"addHoliday\");\r\n }\r\n\r\n\r\n /************************** Delete Holiday *********************************/\r\n\r\n showWarning: Boolean = false;\r\n deleteId = 0;\r\n IsDelete: Boolean = false;\r\n deleteHoliday(holiday) {\r\n this.deleteId = holiday.HolidayId;\r\n this.showSuccess = false;\r\n this.showWarning = false;\r\n this.IsDelete = true;\r\n this.confirmBox = true;\r\n this.isView = false;\r\n this.showMessage = \"Are you sure, you want to delete this record?\";\r\n this._commonSer.OpenModalHandler(\"MessageModel\");\r\n }\r\n\r\n ConfirmDeleteAction() {\r\n try {\r\n this._commonSer.CloseModalHandler(\"MessageModel\");\r\n this._holidaysServ.deleteHoliday(this.deleteId).subscribe((res) => {\r\n this.getAllHolidays();\r\n this.showMessage = res.message;\r\n this.IsDelete = false;\r\n this.deleteId = 0;\r\n this.confirmBox = false;\r\n this.showWarning = false;\r\n\r\n if (res.success == true) {\r\n //this.showSuccess = true;\r\n this.toaster.show(\"success\", \"Record Deleted Successfully\");\r\n } else {\r\n this.showSuccess = false;\r\n }\r\n\r\n //this._commonSer.OpenModalHandler(\"MessageModel\");\r\n });\r\n } catch (ex) {\r\n console.log(ex);\r\n this.getAllHolidays();\r\n }\r\n }\r\n\r\n getCSharpFormattedDate(val: any) {\r\n if (val === null || val === \"\") {\r\n return null;\r\n }\r\n const date = new Date(val);\r\n const year = date.getFullYear();\r\n const month = date.getMonth() + 1;\r\n const day = date.getDate();\r\n return month + \"-\" + day + \"-\" + year;\r\n }\r\n\r\n setNavigationText() {\r\n let vm = this;\r\n vm.navigationText = \"\";\r\n\r\n let startDateString =\r\n vm.filterStartDate.getDate() +\r\n \" \" +\r\n vm.monthNamesList[vm.filterStartDate.getMonth()] +\r\n \" \" +\r\n vm.filterStartDate.getFullYear() +\r\n \"\";\r\n let endDateString =\r\n vm.filterEndDate.getDate() +\r\n \" \" +\r\n vm.monthNamesList[vm.filterEndDate.getMonth()] +\r\n \" \" +\r\n vm.filterEndDate.getFullYear() +\r\n \"\";\r\n\r\n vm.navigationText = startDateString + \" - \" + endDateString;\r\n }\r\n getAllLocationList() {\r\n let parms = {\r\n Condition: \"\",\r\n FieldName: \"CreatedDate\",\r\n NoOfRecords: 10000,\r\n PageNo: 1,\r\n SortType: \"desc\",\r\n CmpCode:this.CmpCode,\r\n };\r\n this._holidaysServ.getlocationlist(parms).subscribe(\r\n (res) => {\r\n this.LocationList = res[\"data\"].table;\r\n this.ddlLocationList = this._commonSer.SetDDlDropdown(\r\n res[\"data\"].table,\r\n \"locationId\",\r\n \"locationName\"\r\n );\r\n },\r\n (error) => {\r\n this.userLoader = false;\r\n console.log(error);\r\n }\r\n );\r\n }\r\n getAllFilterHolidays() {\r\n this.userLoader = true;\r\n let parms = {\r\n //Period: this.filterPeriod,\r\n StartDate: this.getFormattedDate(this.filterStartDate).toDateString(),\r\n EndDate: this.getFormattedDate(this.filterEndDate).toDateString(),\r\n LocationIds:\r\n this.filterLocationId !== undefined ? this.filterLocationId : null,\r\n //FilterLocation: this.filterLocationId !== undefined ? this.filterLocationId : null,\r\n // UserId: this.currentUserId\r\n };\r\n\r\n this.commonService\r\n .CRG_PostAPI(\"Holiday/GetAllHoliday\", parms)\r\n .subscribe((res) => {\r\n const response = JSON.parse(JSON.parse(res[\"_body\"]).data);\r\n for (var j = 0; j < response.length; j++) {\r\n if (response[j].LocationIds) {\r\n var locationId = response[j].LocationIds.split(\",\");\r\n let name = [];\r\n for (var i = 0; i < locationId.length; i++) {\r\n if (this.locations.some((c) => c.id == locationId[i])) {\r\n name.push(_.find(this.locations, (e) => e.id == locationId[i]));\r\n }\r\n }\r\n response[j].LocationName = name.map((c) => c.text).join();\r\n }\r\n }\r\n this.holidays = response;\r\n this.myRequestsListLength = this.holidays.length;\r\n });\r\n }\r\n\r\n filterShow() {\r\n // this.getDepartmentList();\r\n // this.getAllDesigationList();\r\n //this.getAllLocationList();\r\n this.flterShowData = true;\r\n }\r\n closeFilter() {\r\n this.flterShowData = false;\r\n }\r\n processFilters() {\r\n this.flterShowData = false;\r\n this.setNavigationText();\r\n this.getAllFilterHolidays();\r\n //this.getUserAvailabilityReport();\r\n }\r\n ddlSelection(value: any, placeHolder: any) {\r\n try {\r\n // \r\n switch (placeHolder) {\r\n case \"Location\":\r\n this.ActiveLocations = [];\r\n this.ActiveLocations.push(value);\r\n this.filterLocationId = value.id;\r\n break;\r\n }\r\n } catch (ex) {\r\n console.log(ex);\r\n }\r\n }\r\n removeFilterDropdownValue(value, _type) {\r\n try {\r\n // \r\n switch (_type) {\r\n case \"Location\":\r\n this.ActiveLocations = [];\r\n this.filterLocationId = null;\r\n break;\r\n }\r\n } catch (ex) {\r\n console.log(ex);\r\n }\r\n }\r\n\r\n resetFilters() {\r\n this.ActiveLocations = [];\r\n this.filterLocationId = null;\r\n\r\n this.filterPeriod = 6;\r\n let currentDate = new Date();\r\n this.filterStartDate = new Date(\r\n currentDate.getFullYear(),\r\n currentDate.getMonth(),\r\n 1\r\n );\r\n this.filterEndDate = new Date(\r\n currentDate.getFullYear(),\r\n currentDate.getMonth() + 1,\r\n 0\r\n );\r\n\r\n this.setNavigationText();\r\n this.getAllHolidays();\r\n }\r\n onChangeFilterPeriod(e) {\r\n let _period = e.srcElement.value;\r\n let currentDate = new Date();\r\n\r\n if (_period == 1) {\r\n // Yesterday\r\n currentDate.setDate(currentDate.getDate() - 1);\r\n this.filterStartDate = currentDate;\r\n this.filterEndDate = currentDate;\r\n } else if (_period == 2) {\r\n // Today\r\n this.filterStartDate = currentDate;\r\n this.filterEndDate = currentDate;\r\n } else if (_period == 3) {\r\n // Last Week\r\n let first = currentDate.getDate() - currentDate.getDay() - 7;\r\n let last = first + 6;\r\n\r\n this.filterStartDate = new Date(currentDate.setDate(first));\r\n this.filterEndDate = new Date(currentDate.setDate(last));\r\n } else if (_period == 4) {\r\n // This Week\r\n let first = currentDate.getDate() - currentDate.getDay();\r\n let last = first + 6;\r\n\r\n this.filterStartDate = new Date(currentDate.setDate(first));\r\n this.filterEndDate = new Date(currentDate.setDate(last));\r\n } else if (_period == 5) {\r\n // Last Month\r\n currentDate.setMonth(currentDate.getMonth() - 1);\r\n this.filterStartDate = new Date(\r\n currentDate.getFullYear(),\r\n currentDate.getMonth(),\r\n 1\r\n );\r\n this.filterEndDate = new Date(\r\n currentDate.getFullYear(),\r\n currentDate.getMonth() + 1,\r\n 0\r\n );\r\n } else if (_period == 6) {\r\n // This Month\r\n this.filterStartDate = new Date(\r\n currentDate.getFullYear(),\r\n currentDate.getMonth(),\r\n 1\r\n );\r\n this.filterEndDate = new Date(\r\n currentDate.getFullYear(),\r\n currentDate.getMonth() + 1,\r\n 0\r\n );\r\n } else if (_period == 7) {\r\n // Last Year\r\n this.filterStartDate = new Date(\r\n currentDate.getFullYear() - 1,\r\n currentDate.getMonth() - currentDate.getMonth(),\r\n 1\r\n );\r\n this.filterEndDate = new Date(\r\n currentDate.getFullYear() - 1,\r\n currentDate.getMonth() - currentDate.getMonth() + 12,\r\n 0\r\n );\r\n } else if (_period == 8) {\r\n // This Year\r\n this.filterStartDate = new Date(\r\n currentDate.getFullYear(),\r\n currentDate.getMonth() - currentDate.getMonth(),\r\n 1\r\n );\r\n this.filterEndDate = new Date(\r\n currentDate.getFullYear(),\r\n currentDate.getMonth() - currentDate.getMonth() + 12,\r\n 0\r\n );\r\n } else if (_period == 9) {\r\n // Custom\r\n this.filterStartDate = new Date(\r\n currentDate.getFullYear(),\r\n currentDate.getMonth(),\r\n 1\r\n );\r\n this.filterEndDate = new Date(\r\n currentDate.getFullYear(),\r\n currentDate.getMonth() + 1,\r\n 0\r\n );\r\n }\r\n\r\n this.setNavigationText();\r\n }\r\n\r\n Search() {\r\n //this.holidayList = this.tempholidayList;\r\n if (this.filterHoliday) {\r\n let filteredList = Object.assign([], this.holidays).filter(\r\n (hil) =>\r\n hil.HolidayTitle.toLowerCase().indexOf(\r\n this.filterHoliday.toLowerCase()\r\n ) > -1\r\n );\r\n this.holidays = filteredList;\r\n } else this.getAllHolidays();\r\n }\r\n\r\n endDateInvalid = false;\r\n endDateInvalidMessage = \"\";\r\n validateEndDate() {\r\n let res = this.datePipe.transform(\r\n this.holidayForm.value.holidayDate,\r\n \"dd-MM-yyyy\"\r\n );\r\n\r\n let endDate = this.datePipe.transform(\r\n this.holidayForm.value.endDate,\r\n \"dd-MM-yyyy\"\r\n );\r\n\r\n if (endDate < res) {\r\n // this.holidayForm.controls['endDate'].hasError()\r\n\r\n this.endDateInvalid = true;\r\n this.endDateInvalidMessage = \"End date should be valid.\";\r\n return false;\r\n } else {\r\n this.endDateInvalid = false;\r\n return true;\r\n }\r\n }\r\n\r\n datepickerStartDate(event) {\r\n debugger\r\n this.startDate = event.value;\r\n this.calculateDays();\r\n this.requiredHolidayDate = null;\r\n if (this.startDate == null ||\r\n this.startDate == undefined ||\r\n this.holidayForm.controls.holidayDate.value == \"\") {\r\n this.requiredHolidayDate = \"Date is required.\";\r\n }\r\n }\r\n NewHolidayCalendarDatesList = [ {text: \"Full Day\", id: 1},\r\n {text: \"1st Half\", id: 2},\r\n {text: \"2nd Half\", id: 3} ]\r\n\r\n \r\n NewHolidayCalendarDatesListfield = {value: \"id\", text: \"text\"}\r\n datepickerEndDate(event) {\r\n debugger\r\n this.endDate = event.value;\r\n this.calculateDays();\r\n this.requiredHolidayDate = null;\r\n if (this.endDate == null ||\r\n this.endDate == undefined ||\r\n this.endDate == \"\") {\r\n this.requiredHolidayDate = \"Date is required.\";\r\n }\r\n }\r\n getFormattedDate(val: any) {\r\n if (val === null) {\r\n return null;\r\n }\r\n const date = new Date(val);\r\n const year = date.getFullYear();\r\n const month = date.getMonth();\r\n const day = date.getDate();\r\n return new Date(year, month, day);\r\n }\r\n calculateDays() {\r\n let vw = this;\r\n let leaveStartDate = this.getFormattedDate(this.startDate);\r\n let leaveEndDate = this.getFormattedDate(this.endDate); // new Date(this.endDate);\r\n\r\n if (leaveStartDate != null && leaveEndDate != null) {\r\n this.HolidayCalendarDatesList = [];\r\n let arrayDatesList = this.getDates(leaveStartDate, leaveEndDate);\r\n for (let i = 0; i < arrayDatesList.length; i++) {\r\n let newData = new HolidayCalendarDates();\r\n newData.HolidayDate = arrayDatesList[i];\r\n newData.DayType = \"1\";\r\n vw.HolidayCalendarDatesList.push(newData);\r\n }\r\n }\r\n }\r\n\r\n getDates(startDate, stopDate) {\r\n let dateArray = new Array();\r\n let currentDate = startDate;\r\n while (currentDate <= stopDate) {\r\n dateArray.push(this.getFormattedDate(currentDate));\r\n currentDate.setDate(currentDate.getDate() + 1);\r\n }\r\n return dateArray;\r\n }\r\n\r\n setDayTypeValue(e, i) {\r\n let _value = e.value;\r\n this.HolidayCalendarDatesList[i].DayType = _value;\r\n this.holidayForm.get(\"holidayType\").setValue(_value);\r\n }\r\n\r\n resetForm() {\r\n const target = \"#exampleModalfilter\";\r\n $(target).hide(\"slow\");\r\n \r\n this.filterEndDate= null;\r\n this.filterStartDate= null;\r\n this.filterPeriod=null;\r\n }\r\n export(): void {\r\n debugger\r\n const excelExportProperties: ExcelExportProperties = {\r\n fileName: 'Holiday_List.xlsx'\r\n };\r\n (this.gridInstance.columns[1] as Column).visible = false;\r\n this.gridInstance.excelExport(excelExportProperties);\r\n }\r\n printList(printData) {\r\n let printContents = document.getElementById(printData).innerHTML;\r\n let originalContents = document.body.innerHTML;\r\n document.body.innerHTML = printContents;\r\n window.print();\r\n document.body.innerHTML = originalContents;\r\n location.reload();\r\n }\r\n exportTableToCSV(filename) {\r\n var csv = [];\r\n var rows = document.getElementById(\"tableData\").querySelectorAll(\"table tr\");\r\n for (var i = 0; i < rows.length; i++) {\r\n var row = [], cols = rows[i].querySelectorAll(\"td, th\");\r\n for (var j = 0; j < cols.length; j++)\r\n row.push(cols[j].textContent);\r\n csv.push(row.join(\",\"));\r\n }\r\n\r\n // Download CSV file\r\n this.downloadCSV(csv.join(\"\\n\"), filename);\r\n }\r\n downloadCSV(csv, filename) {\r\n var csvFile;\r\n var downloadLink;\r\n\r\n // CSV file\r\n csvFile = new Blob([csv], { type: \"text/csv\" });\r\n\r\n // Download link\r\n downloadLink = document.createElement(\"a\");\r\n\r\n // File name\r\n downloadLink.download = filename;\r\n\r\n // Create a link to the file\r\n downloadLink.href = window.URL.createObjectURL(csvFile);\r\n\r\n // Hide download link\r\n downloadLink.style.display = \"none\";\r\n\r\n // Add the link to DOM\r\n document.body.appendChild(downloadLink);\r\n\r\n // Click download link\r\n downloadLink.click();\r\n }\r\n}","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SelectModule } from 'ng2-select';\r\nimport { HolidaysComponent } from './holidays.component';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { BoxModule } from 'angular-admin-lte';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\r\nimport { TimepickerModule, BsDatepickerModule } from 'ngx-bootstrap';\r\nimport { DynamicFormModule } from 'src/app/dynamic-form/dynamic-form.module';\r\nimport { CommonUtilModule } from '../../../services/common.module';\r\nimport { GridAllModule, PagerModule } from '@syncfusion/ej2-angular-grids';\r\nimport { UploaderModule } from '@syncfusion/ej2-angular-inputs';\r\nimport { DatePickerModule } from '@syncfusion/ej2-angular-calendars';\r\nimport { DropDownListModule } from '@syncfusion/ej2-angular-dropdowns';\r\n\r\n@NgModule({\r\n imports: [\r\n FormsModule,\r\n CommonModule,\r\n NgbModule,\r\n BoxModule, SelectModule,\r\n GridAllModule,\r\n PagerModule,\r\n UploaderModule,\r\n DatePickerModule,\r\n DropDownListModule,\r\n DynamicFormModule, ReactiveFormsModule,\r\n TimepickerModule.forRoot(),\r\n BsDatepickerModule.forRoot(),CommonUtilModule,\r\n \r\n ],\r\n declarations: [HolidaysComponent]\r\n})\r\nexport class HolidaysModule {\r\n\r\n}\r\n","import { Injectable } from \"@angular/core\";\r\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { Observable } from \"rxjs\";\r\nimport { environment } from \"src/app/environment\";\r\nimport { map } from \"rxjs/operators\";\r\nimport { AuthService } from \"src/app/services/auth.service\";\r\n\r\n@Injectable({\r\n providedIn: \"root\",\r\n})\r\nexport class HolidaysService {\r\n constructor(private http: HttpClient, private authService: AuthService) {}\r\n\r\n\r\nsaveHoliday(parms): Observable\r\n \r\n
\r\n\r\n
\r\n\r\n\r\n \r\n
\r\nLoading....
\r\n\r\n
\r\n\r\n \r\n
\r\n Daily Report
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n
\r\n \r\n \r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ data.empCode }}- \r\n {{ data.employeeName }}\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n ![](\"../assets/img/Logo/cross-icon.png\" "\\"Cancelled\\"")
\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n\r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n
\r\n \r\n\r\n 0\">\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n - \r\n
- \r\n \r\n\r\n\r\n\r\n\r\n {{ item[0] }}\r\n\r\n\r\n \r\n\r\n \r\n
| \r\n No data available\r\n | \r\n
\r\n
","import { Component, OnInit, ViewChildren, QueryList, ViewChild } from '@angular/core';\r\nimport { LeaveService } from \"../../leave.service\";\r\nimport { CommonService } from \"src/app/common.service\";\r\nimport { AuthService } from \"src/app/services/auth.service\";\r\nimport { BsDatepickerConfig } from \"ngx-bootstrap\";\r\nimport { environment } from \"src/app/environment\";\r\nimport { DepartmentService } from \"src/app/+layout/department/department.service\";\r\nimport { DesignationService } from \"src/app/+layout/designation/designation.service\";\r\nimport { LocationService } from \"src/app/+layout/location/location.service\";\r\nimport { SelectComponent } from \"ng2-select/ng2-select\";\r\nimport * as Highcharts from 'highcharts';\r\nimport { GridComponent,ExcelExportProperties, Column } from \"@syncfusion/ej2-angular-grids\";\r\ndeclare let html2canvas: any;\r\n//import jsPDF from 'jspdf';\r\n\r\n@Component({\r\n selector: 'app-daily-report',\r\n templateUrl: './daily-report.component.html',\r\n styleUrls: ['./daily-report.component.css']\r\n})\r\nexport class DailyReportComponent implements OnInit {\r\n CmpCode:any;\r\n datePickerConfiq: Partial\r\n \r\n
\r\n\r\n if (item.userImage == '' || item.userImage == undefined || item.userImage == null) {\r\n // this.recieptIMg = `${environment.siteUrl}` + \"Uploads/Icon/UploadIcons.png\";\r\n if (item.genders == \"Female\") {\r\n this.recieptIMg = \"/assets/img/Logo/female.png\"\r\n \r\n }\r\n else {\r\n this.recieptIMg = \"/assets/img/Logo/male.png\"\r\n \r\n }\r\n }\r\n else {\r\n this.recieptIMg = `${environment.siteUrl}` + item.userImage;\r\n }\r\n return this.recieptIMg\r\n \r\n }\r\n export(): void {\r\n debugger\r\n const excelExportProperties: ExcelExportProperties = {\r\n fileName: 'daily-report.xlsx'\r\n };\r\n // this.UpdateForExport();\r\n //this.getLocationList();\r\n (this.Grid.columns[0] as Column).visible = true;\r\n this.Grid.excelExport(excelExportProperties);\r\n }\r\n\r\n printList(printData) {\r\n debugger\r\n let printContents = document.getElementById(printData).innerHTML;\r\n let originalContents = document.body.innerHTML;\r\n document.body.innerHTML = printContents;\r\n window.print();\r\n document.body.innerHTML = originalContents;\r\n location.reload();\r\n }\r\n\r\n exportTableToCSV() {\r\n debugger\r\n const excelExportProperties: ExcelExportProperties = {\r\n fileName: 'daily-report.csv'\r\n };\r\n (this.Grid.columns[0] as Column).visible = true;\r\n this.Grid.csvExport(excelExportProperties);\r\n setTimeout(() => {\r\n (this.Grid.columns[0] as Column).visible = false;\r\n }, 2000);\r\n\r\n}\r\n\r\n // Export\r\n table0:any=[];\r\n table1:any=[];\r\n mergetable:any=[];\r\n ExportExcel() {\r\n debugger\r\n this.userLoader = true;\r\n let parms = {\r\n Date: this.getCSharpFormattedDate(this.filterDate),\r\n FilterLeaveType: this.filterLeaveTypeId !== undefined ? this.filterLeaveTypeId : null,\r\n FilterDepartment: this.filterDepartmentId !== undefined ? this.filterDepartmentId : null,\r\n FilterDesignation: this.filterDesignationId !== undefined ? this.filterDesignationId : null,\r\n FilterLocation: this.filterLocationId !== undefined ? this.filterLocationId : null,\r\n FilterUserStatus: this.filterUserStatus !== undefined ? this.filterUserStatus : null,\r\n UserId: this.currentUserId,\r\n CmpCode:this.CmpCode\r\n };\r\n this._leaveService.getDailyReport_Excel(parms).subscribe((res) => {\r\n let exportData = res[\"data\"];\r\n this.table0=exportData.table1;\r\n this.table1=exportData.table2;\r\n this.mergetable= this.table1.concat(this.table0)\r\n \r\n this.userLoader = false;\r\n this._commonSer.exportAsExcelFile(this.mergetable, 'Daily Report');\r\n }, error => {\r\n this.userLoader = false;\r\n console.log(error);\r\n });\r\n }\r\n\r\n downloadChart(_type) {\r\n let vm = this;\r\n this.IsShowMenu = false;\r\n html2canvas(document.querySelector(\"#dvChart\")).then(canvas => {\r\n let contentType = \"image/png\";\r\n let fileName = \"Daily_Report\";\r\n if (_type == 1) {\r\n contentType = \"image/png\";\r\n } else if (_type == 2) {\r\n contentType = \"image/jpeg\";\r\n } else if (_type == 3) {\r\n contentType = \"application/pdf\";\r\n }\r\n\r\n /// document.body.appendChild(canvas);\r\n this.capturedImage = canvas.toDataURL(\"image/jpeg\", 1.0);\r\n //console.log(\"canvas.toDataURL() -->\" + this.capturedImage);\r\n // this will contain something like (note the ellipses for brevity), console.log cuts it off \r\n // \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAa0AAAB3CAYAAACwhB/KAAAXr0lEQVR4Xu2dCdiNZf7HP/ZQkpQtaUxDjYYoTSYlURMhGlmKa...\"\r\n\r\n canvas.toBlob(function (blobData) {\r\n console.clear();\r\n console.log(blobData);\r\n // just pass blob to something expecting a blob\r\n // somfunc(blob);\r\n\r\n // Same as canvas.toDataURL(), just longer way to do it.\r\n // let reader = new FileReader();\r\n // debugger;\r\n // reader.readAsDataURL(blob);\r\n // reader.onloadend = function () {\r\n // let base64data = reader.result;\r\n // //console.log(\"Base64--> \" + base64data);\r\n\r\n // const blobData = vm.convertBase64ToBlobData(base64data.toString(), 'image/png', 512);\r\n\r\n // if (window.navigator && window.navigator.msSaveOrOpenBlob) { //IE\r\n // window.navigator.msSaveOrOpenBlob(blobData, fileName);\r\n // } else { // chrome\r\n // const blob = new Blob([blobData], { type: contentType });\r\n // const url = window.URL.createObjectURL(blob);\r\n // // window.open(url);\r\n // const link = document.createElement('a');\r\n // link.href = url;\r\n // link.download = fileName;\r\n // link.click();\r\n // }\r\n // };\r\n\r\n if (_type == 3) {\r\n vm.userLoader = true;\r\n // let pdf = new jsPDF();\r\n // pdf.addImage(vm.capturedImage, 'JPEG', 0, 0);\r\n // pdf.save(\"download.pdf\");\r\n\r\n let reader = new FileReader();\r\n reader.readAsDataURL(blobData);\r\n reader.onloadend = function () {\r\n let base64data = reader.result;\r\n let params = {\r\n base64Data: base64data,\r\n fileName: 'Daily Report'\r\n };\r\n // vm._leaveService.getReportPDFFromBase64(params).subscribe((res) => {\r\n // vm.userLoader = false;\r\n // let url = URL.createObjectURL(res);\r\n // let a = document.createElement(\"a\");\r\n // a.href = url;\r\n // a.download = \"Daily Report.pdf\";\r\n // a.click();\r\n // }, error => {\r\n // vm.userLoader = false;\r\n // console.log(error);\r\n // });\r\n\r\n try {\r\n vm._leaveService.getReportPDFFromBase64(params)\r\n .subscribe((res) => {\r\n vm.userLoader = false;\r\n let url = URL.createObjectURL(res);\r\n let a = document.createElement(\"a\");\r\n a.href = url;\r\n a.download = \"Daily Report.pdf\";\r\n a.click();\r\n });\r\n } catch (ex) {\r\n vm.userLoader = false;\r\n console.log(ex);\r\n }\r\n };\r\n } else {\r\n if (window.navigator && window.navigator.msSaveOrOpenBlob) { //IE\r\n window.navigator.msSaveOrOpenBlob(blobData, fileName);\r\n } else { // chrome\r\n const blob = new Blob([blobData], { type: contentType });\r\n const url = window.URL.createObjectURL(blob);\r\n // window.open(url);\r\n const link = document.createElement('a');\r\n link.href = url;\r\n link.download = fileName;\r\n link.click();\r\n }\r\n }\r\n });\r\n this.IsShowMenu = true;\r\n });\r\n }\r\n\r\n // convertBase64ToBlobData(base64Data: string, contentType: string = 'image/png', sliceSize = 512) {\r\n // const byteCharacters = atob(base64Data);\r\n // const byteArrays = [];\r\n\r\n // for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) {\r\n // const slice = byteCharacters.slice(offset, offset + sliceSize);\r\n\r\n // const byteNumbers = new Array(slice.length);\r\n // for (let i = 0; i < slice.length; i++) {\r\n // byteNumbers[i] = slice.charCodeAt(i);\r\n // }\r\n\r\n // const byteArray = new Uint8Array(byteNumbers);\r\n\r\n // byteArrays.push(byteArray);\r\n // }\r\n\r\n // const blob = new Blob(byteArrays, { type: contentType });\r\n // return blob;\r\n // }\r\n}\r\n","\r\n
\r\n\r\n\r\n \r\n
\r\nLoading....
\r\n\r\n
\r\n \r\n
\r\n\r\n Leave Balance Report
\r\n\r\n \r\n \r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n Day\r\n Hour\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
","import { Component, OnInit, ViewChildren,ViewChild, QueryList } from '@angular/core';\r\nimport { LeaveService } from \"../../leave.service\";\r\nimport { CommonService } from \"src/app/common.service\";\r\nimport { AuthService } from \"src/app/services/auth.service\";\r\nimport { BsDatepickerConfig } from \"ngx-bootstrap\";\r\nimport { DepartmentService } from \"src/app/+layout/department/department.service\";\r\nimport { DesignationService } from \"src/app/+layout/designation/designation.service\";\r\nimport { LocationService } from \"src/app/+layout/location/location.service\";\r\nimport { SelectComponent } from \"ng2-select/ng2-select\";\r\nimport { GridComponent ,Column, ExcelExportProperties, dataReady} from '@syncfusion/ej2-angular-grids';\r\nimport { ColumnModel, ResizeService,QueryCellInfoEventArgs } from '@syncfusion/ej2-angular-grids';\r\nimport { objectEach } from 'highcharts';\r\nimport { environment } from 'src/app/environment';\r\n\r\n@Component({\r\n selector: 'app-leave-balance-report',\r\n templateUrl: './leave-balance-report.component.html',\r\n styleUrls: ['./leave-balance-report.component.css']\r\n})\r\nexport class LeaveBalanceReportComponent implements OnInit {\r\n datePickerConfiq: Partial\r\n \r\n
\r\n\r\n
\r\n\r\n\r\n \r\n
\r\nLoading....
\r\n\r\n\r\n
\r\n \r\n
\r\n\r\n Leave Taken Report
\r\n\r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n Day\r\n Hour\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
","import { Component, OnInit, ViewChildren,ViewChild, QueryList, } from '@angular/core';\r\nimport { LeaveService } from \"../../leave.service\";\r\nimport { CommonService } from \"src/app/common.service\";\r\nimport { AuthService } from \"src/app/services/auth.service\";\r\nimport { BsDatepickerConfig } from \"ngx-bootstrap\";\r\nimport { DepartmentService } from \"src/app/+layout/department/department.service\";\r\nimport { DesignationService } from \"src/app/+layout/designation/designation.service\";\r\nimport { LocationService } from \"src/app/+layout/location/location.service\";\r\nimport { SelectComponent } from \"ng2-select/ng2-select\";\r\nimport { GridComponent,ExcelExportProperties, Column } from \"@syncfusion/ej2-angular-grids\";\r\nimport { FilterSettingsModel, IFilter } from '@syncfusion/ej2-angular-grids';\r\nimport { environment } from 'src/app/environment';\r\n\r\n\r\n@Component({\r\n selector: 'app-leave-taken-report',\r\n templateUrl: './leave-taken-report.component.html',\r\n styleUrls: ['./leave-taken-report.component.css']\r\n})\r\nexport class LeaveTakenReportComponent implements OnInit {\r\n datePickerConfiq: Partial\r\n \r\n
\r\n\r\n
\r\n\r\n\r\n \r\n
\r\nLoading....
\r\n\r\n
\r\n \r\n \r\n
\r\n User Availability Report
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{data.employeeName}}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n
\r\n | \r\n \r\n {{ item.leaveTypeName }}\r\n \r\n | \r\n
\r\n
","import { Component, OnInit, ViewChildren, ViewChild, QueryList, } from '@angular/core';\r\nimport { LeaveService } from \"../../leave.service\";\r\nimport { CommonService } from \"src/app/common.service\";\r\nimport { AuthService } from \"src/app/services/auth.service\";\r\nimport { UserService } from \"src/app/user/user.service\";\r\nimport { BsDatepickerConfig } from \"ngx-bootstrap\";\r\nimport { DepartmentService } from \"src/app/+layout/department/department.service\";\r\nimport { DesignationService } from \"src/app/+layout/designation/designation.service\";\r\nimport { LocationService } from \"src/app/+layout/location/location.service\";\r\nimport { SelectComponent } from \"ng2-select/ng2-select\";\r\nimport { GridComponent, SaveEventArgs, Column, ExcelExportProperties } from '@syncfusion/ej2-angular-grids';\r\nimport { ColumnModel, ResizeService, QueryCellInfoEventArgs } from '@syncfusion/ej2-angular-grids';\r\nimport { environment } from 'src/app/environment';\r\nimport { data } from 'jquery';\r\nimport { Tooltip } from '@syncfusion/ej2-popups';\r\n\r\n\r\n@Component({\r\n selector: 'app-user-availability-report',\r\n templateUrl: './user-availability-report.component.html',\r\n styleUrls: ['./user-availability-report.component.css']\r\n})\r\nexport class UserAvailabilityReportComponent implements OnInit {\r\n\r\n datePickerConfiq: Partial\r\n \r\n
\r\n\r\n //if(data.e)\r\n if (item.userImage == '' || item.userImage == undefined || item.userImage == null) {\r\n // this.recieptIMg = `${environment.siteUrl}` + \"Uploads/Icon/UploadIcons.png\";\r\n if (item.genders == \"Female\") {\r\n this.recieptIMg = \"/assets/img/Logo/female.png\"\r\n }\r\n else {\r\n this.recieptIMg = \"/assets/img/Logo/male.png\"\r\n }\r\n }\r\n else {\r\n this.recieptIMg = `${environment.siteUrl}` + item.userImage;\r\n }\r\n return this.recieptIMg\r\n }\r\n\r\n}\r\n","\r\n
\r\n\r\n\r\n \r\n
\r\nLoading....
\r\n\r\n
\r\n \r\n
\r\n\r\n\r\n\r\n User Report
\r\n\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n\r\n \r\n\r\n\r\n \r\n \r\n
\r\n\r\n\r\n Day\r\n Hour\r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n {{ data.leaveTypeName }}\r\n \r\n\r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n\r\n \r\n\r\n \r\n\r\n\r\n\r\n\r\n \r\n \r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit, ViewChild } from '@angular/core';\r\nimport { LeaveService } from \"../../leave.service\";\r\nimport { CommonService } from \"src/app/common.service\";\r\nimport { AuthService } from \"src/app/services/auth.service\";\r\nimport { UserService } from \"src/app/user/user.service\";\r\nimport { BsDatepickerConfig } from \"ngx-bootstrap\";\r\nimport * as Highcharts from 'highcharts';\r\ndeclare let html2canvas: any;\r\nimport { GridComponent ,Column, ExcelExportProperties} from '@syncfusion/ej2-angular-grids';\r\nimport { ColumnModel, ResizeService, QueryCellInfoEventArgs } from '@syncfusion/ej2-angular-grids';\r\n\r\n\r\n@Component({\r\n selector: 'app-user-report',\r\n templateUrl: './user-report.component.html',\r\n styleUrls: ['./user-report.component.css']\r\n})\r\n\r\nexport class UserReportComponent implements OnInit {\r\n\r\n reportList: any[];\r\n emplyeeFields: any;\r\n userreport: any;\r\n getVal(): any[] {\r\n return this.catogries;\r\n }\r\n getMap(): any[] {\r\n return this.datagraph;\r\n }\r\n\r\n title = 'myHighchart';\r\n data = [{\r\n name: 'Balance',\r\n data: []\r\n }];\r\n\r\nhighcharts = Highcharts;\r\nchartOptions = { \r\nchart: {\r\n type: \"column\"\r\n},\r\n\r\ntitle: {\r\n text: \"User Report\"\r\n},\r\nxAxis:{\r\n categories:[]\r\n},\r\nyAxis: { \r\n title:{\r\n text:\"Leave Type\"\r\n } \r\n},\r\nseries: this.data\r\n};\r\n\r\n\r\n\r\n\r\n datePickerConfiq: Partial\r\n \r\n
\r\n\r\n
\r\n\r\n \r\n
\r\nLoading....
\r\n\r\n
\r\n\r\n
\r\n\r\n Leave Dashboard
\r\n\r\n
\r\n\r\n \r\n\r\n\r\n \r\n \r\n {{financialYearText}} \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n \r\n
\r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n
\r\n\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {{ leavetype.leaveTypeName }}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n ![\"LeaveIcon\"](\"{{)
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n Available
\r\n {{leavetype.availableLeaves}}
\r\n \r\n
\r\n Booked
\r\n {{leavetype.takenLeaves}}\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n Used
\r\n {{ leavetype.usedleave }}
\r\n \r\n
\r\n Planned
\r\n {{ leavetype.planedleave }}
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n\r\n
\r\n \r\n\r\n
\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{dateformat(holidayList.HolidayStartDate)}}\r\n \r\n \r\n \r\n \r\n {{holidayList.day}}\r\n \r\n \r\n\r\n \r\n \r\n {{ holidayList.HolidayTitle }}\r\n \r\n \r\n \r\n \r\n {{ holidayList.holidaytype }}\r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ![](\"{{userImage(country)}}\")
\r\n {{ country.employeeName}}\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n {{ dateformat(country.leaveStartDate) }} -\r\n {{ dateformat(country.leaveEndDate) }}\r\n \r\n \r\n\r\n \r\n \r\n {{ country.totalDays }} {{country.dayHoursTaken}}\r\n \r\n \r\n\r\n \r\n \r\n {{ dateformat(country.createdDate) }}\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n","import {\r\n Component,\r\n OnInit,\r\n QueryList,\r\n ViewChildren,\r\n Directive,\r\n Input,\r\n Output,\r\n EventEmitter,\r\n ViewChild,\r\n ElementRef,\r\n\r\n} from \"@angular/core\";\r\nimport { LeaveService } from \"./leave.service\";\r\nimport { FormGroup, FormBuilder, Validators } from \"@angular/forms\";\r\nimport { AuthService } from \"src/app/services/auth.service\";\r\nimport { BsDatepickerConfig } from \"ngx-bootstrap/datepicker\";\r\nimport { CommonService } from \"src/app/common.service\";\r\nimport { environment } from \"src/app/environment\";\r\nimport { interval, Subscription } from 'rxjs';\r\nimport { DatePipe } from '@angular/common';\r\nimport * as moment from 'moment';\r\nimport { GridComponent } from \"@syncfusion/ej2-angular-grids\";\r\nimport { ExpenseHttpService } from \"src/app/services/expense/expense-http.service\";\r\nimport { ToasterService } from \"../expense/toaster/toaster.service\";\r\n\r\n\r\ninterface Country {\r\n empCode?: any;\r\n leaveTypeName: string;\r\n leaveStartDate: string;\r\n leaveEndDate: string;\r\n totalDays: any;\r\n status: string;\r\n createdDate: string;\r\n type: string;\r\n}\r\nclass LeaveTypeData {\r\n LeaveTypeId: number;\r\n LeaveTypeName: string;\r\n LType: number;\r\n TypeText: string;\r\n Unit: number;\r\n UnitText: string;\r\n IsDurationFullDay: boolean;\r\n IsDurationHalfDay: boolean;\r\n IsDurationQuarterDay: boolean;\r\n EnableFileUploadOption: boolean;\r\n OnAppliedLeavePeriodExceeds: number;\r\n OnweekendBetweenLeaveCountAfter: number;\r\n OnCanCountAsLeaveInWeekendBetweenLeave: number;\r\n}\r\nclass LeaveCalendarDates {\r\n LeaveTypeId: number;\r\n LeaveDate: string;\r\n DayType: string;\r\n Type: string;\r\n Time: string;\r\n Hours: string;\r\n IsWeekEnd: Boolean;\r\n}\r\n\r\nexport type SortColumn = keyof Country | \"\";\r\nexport type SortDirection = \"asc\" | \"desc\" | \"\";\r\nconst rotate: { [key: string]: SortDirection } = {\r\n asc: \"desc\",\r\n desc: \"\",\r\n \"\": \"asc\",\r\n};\r\nconst compare = (v1: string, v2: string) => (v1 < v2 ? -1 : v1 > v2 ? 1 : 0);\r\n\r\nexport interface SortEvent {\r\n column: SortColumn;\r\n direction: SortDirection;\r\n}\r\n\r\n@Directive({\r\n selector: \"th[sortable]\",\r\n host: {\r\n \"[class.asc]\": 'direction === \"asc\"',\r\n \"[class.desc]\": 'direction === \"desc\"',\r\n \"(click)\": \"rotate()\",\r\n },\r\n})\r\nexport class NgbdSortableHeaders {\r\n @Input() sortable: SortColumn = \"\";\r\n @Input() direction: SortDirection = \"\";\r\n @Output() sort = new EventEmitter\r\n \r\n
\r\n\r\n if (item.userImage == '' || item.userImage == undefined || item.userImage == null) {\r\n // this.recieptIMg = `${environment.siteUrl}` + \"Uploads/Icon/UploadIcons.png\";\r\n if (item.genders == \"Female\") {\r\n this.recieptIMg = \"/assets/img/Logo/female.png\"\r\n\r\n }\r\n else {\r\n this.recieptIMg = \"/assets/img/Logo/male.png\"\r\n\r\n }\r\n }\r\n else {\r\n this.recieptIMg = `${environment.siteUrl}` + item.userImage;\r\n }\r\n return this.recieptIMg\r\n\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SelectModule } from 'ng2-select';\r\nimport { LeaveRoutingModule } from './leave-routing.module';\r\nimport { LeaveComponent, NgbdSortableHeaders } from './leave.component';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { BoxModule } from 'angular-admin-lte';\r\nimport { DynamicFormModule } from 'src/app/dynamic-form/dynamic-form.module';\r\nimport { CoreModule } from 'src/app/core/core.module';\r\nimport { TabsModule as MkTabsModule } from 'angular-admin-lte';\r\nimport { InputTextRoutingModule } from 'src/app/+form/input-text/input-text-routing.module';\r\nimport { InputGroupModule, InputTextModule as mkInputTextModule } from 'angular-admin-lte';\r\nimport { InputTextModule } from \"./../../+form/input-text/input-text.module\";\r\nimport { BsDatepickerModule } from 'ngx-bootstrap';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\r\nimport { DropDownListModule } from '@syncfusion/ej2-angular-dropdowns';\r\nimport { DatePickerModule } from '@syncfusion/ej2-angular-calendars';\r\nimport { NgbdSortableHeader } from './sortable.directive';\r\n\r\nimport { TimepickerModule } from 'ngx-bootstrap/timepicker';\r\nimport { ApprovalModule } from \"./approval/approval.module\";\r\nimport { SettingModule } from \"./setting/setting.module\";\r\nimport { CompoffModule } from \"./comp-off/comp-off.module\";\r\nimport { HolidaysModule } from './holidays/holidays.module';\r\nimport { LeaveReportModule } from './leave-report/leave-report.module';\r\nimport { GridAllModule, PagerModule } from '@syncfusion/ej2-angular-grids';\r\n\r\n\r\n@NgModule({\r\n imports: [\r\n FormsModule,\r\n CommonModule,\r\n LeaveRoutingModule,\r\n BoxModule, SelectModule,\r\n DynamicFormModule,\r\n MkTabsModule,\r\n BoxModule,\r\n CoreModule,\r\n SelectModule,\r\n ReactiveFormsModule,\r\n NgbModule,\r\n ApprovalModule,\r\n SettingModule,\r\n LeaveReportModule,\r\n CompoffModule,\r\n HolidaysModule,\r\n GridAllModule,\r\n PagerModule,\r\n DropDownListModule,\r\n DatePickerModule,\r\n \r\n TimepickerModule.forRoot(),\r\n BsDatepickerModule.forRoot(),\r\n ],\r\n declarations: [LeaveComponent, NgbdSortableHeader, NgbdSortableHeaders],\r\n exports:[NgbdSortableHeader]\r\n})\r\nexport class LeaveModule {\r\n}\r\n","import { Injectable, PipeTransform } from \"@angular/core\";\r\nimport { environment } from \"src/app/environment\";\r\nimport { map, pluck } from \"rxjs/operators\";\r\nimport { HttpClient, HttpHeaders } from \"@angular/common/http\";\r\nimport { Observable, BehaviorSubject, Subject, of } from \"rxjs\";\r\nimport { LeaveTypeModel } from \"./leave-model/leave-type\";\r\nimport { AuthService } from \"src/app/services/auth.service\";\r\nimport { param } from \"jquery\";\r\n\r\n@Injectable({\r\n providedIn: \"root\"\r\n})\r\nexport class LeaveService {\r\n constructor(private http: HttpClient, private authService: AuthService) {}\r\n\r\n getAllLeavetype(CmpCode): Observable\r\n
\r\n\r\n\r\n \r\n
\r\nLoading....
\r\n\r\n\r\n
\r\n\r\n\r\n\r\n
\r\n Approval Settings
\r\n\r\n
\r\n - \r\n
- Total : {{myapprovalsListLength}} \r\n
- Active : {{ActiveLength}} \r\n
- In- Active : {{InActiveLength}} \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n\r\n
\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ getServiceText(item.serviceId) }}\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n\r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n 0\">\r\n \r\n\r\n \r\n 0\">\r\n \r\n\r\n \r\n 0\">\r\n \r\n\r\n \r\n 0\">\r\n \r\n\r\n \r\n 0\">\r\n \r\n\r\n \r\n 0\">\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n System Options\r\n
\r\n \r\n \r\n \r\n {{ BCC_SystemOptions_Selected[i].text }}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Users\r\n
\r\n \r\n \r\n \r\n {{ BCC_Users_Selected[i].text }}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Roles\r\n
\r\n \r\n \r\n \r\n {{ BCC_Roles_Selected[i].text }}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Departments\r\n
\r\n \r\n \r\n \r\n {{ BCC_Departments_Selected[i].text }}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Groups\r\n
\r\n \r\n \r\n \r\n {{ BCC_Groups_Selected[i].text }}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Locations\r\n
\r\n \r\n \r\n \r\n {{ BCC_Locations_Selected[i].text }}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n - \r\n
- System Options \r\n
- Users \r\n
- Roles \r\n
- Departments \r\n
- Groups \r\n
- Locations \r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n Edit Template\r\n
\r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {{predefinedTextSelected}}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n","import { Component, OnInit, ViewChildren, QueryList, ViewChild } from '@angular/core';\r\nimport { CommonService } from \"src/app/common.service\";\r\nimport { AuthService } from \"src/app/services/auth.service\";\r\nimport { DepartmentService } from \"src/app/+layout/department/department.service\";\r\nimport { DesignationService } from \"src/app/+layout/designation/designation.service\";\r\nimport { LocationService } from \"src/app/+layout/location/location.service\";\r\nimport { SelectComponent } from \"ng2-select/ng2-select\";\r\nimport { LeaveService } from \"../../leave.service\";\r\n//import { CKEditorComponent } from '@ckeditor/ckeditor5-angular';\r\nimport { Permission } from 'src/app/permission-keyword';\r\nimport { ExpenseHttpService } from 'src/app/services/expense/expense-http.service';\r\nimport { GridComponent } from '@syncfusion/ej2-angular-grids';\r\nimport { ToasterService } from 'src/app/+layout/expense/toaster/toaster.service';\r\nimport { JobbandService } from \"src/app/+layout/jobband/jobband.service\";\r\n\r\n\r\n@Component({\r\n selector: 'app-approval-setting',\r\n templateUrl: './approval-setting.component.html',\r\n styleUrls: ['./approval-setting.component.css']\r\n})\r\nexport class ApprovalSettingComponent implements OnInit {\r\n\r\n //public Editor = CKEditorComponent;\r\n\r\n public showMessage: string;\r\n public showSuccess: Boolean;\r\n IsDelete: boolean;\r\n deleteId: any;\r\n\r\n userLoader: boolean;\r\n currentUserId: any;\r\n\r\n viewMode: Boolean;\r\n editMode: Boolean;\r\n\r\n filterServiceId: any;\r\n filterSearchText: any;\r\n\r\n approvalsList: any[];\r\n myapprovalsListLength: any;\r\n InActiveLength: any;\r\n ActiveLength: any;\r\n myApprovalsPage = 1;\r\n myApprovalsPageSize = 10;\r\n myApprovalsListLength = 0;\r\n\r\n approvalSettingsData: any;\r\n\r\n isSetCriteriaForm: Boolean = false;\r\n isSetApprovalForm: Boolean = false;\r\n isConfigureEmailTemplate: Boolean = false;\r\n\r\n emailTemplatesList: any[];\r\n\r\n // For User Dropdownlist\r\n serviceList: any[];\r\n ddlServiceList: any[];\r\n\r\n RoleList: any[];\r\n ddlRoleList: any[];\r\n\r\n DepartmentList: any[];\r\n ddlDepartmentList: any[];\r\n\r\n DesignationList: any[];\r\n ddlDesignationList: any[];\r\n\r\n LocationList: any[];\r\n ddlLocationList: any[];\r\n\r\n EmployeeList: any[];\r\n ddlEmployeeList: any[];\r\n\r\n projectList: any[];\r\n ddlProjectList: any[];\r\n\r\n JobBandList: any[];\r\n ddlJobBandList: any[];\r\n\r\n LeaveTypeList: any[];\r\n ddlLeaveTypeList: any[];\r\n\r\n EmployeeTypeList: any[];\r\n CriteriaListfield = {id:\"id\", text:\"txt\" }\r\n CriteriaList = [\r\n {id:\"==\", txt: \"Equal\"},\r\n {id:\"===\", txt: \"Strictly Equal\"},\r\n {id:\"!=\", txt: \"Not Equal\"},\r\n {id:\"!==\", txt: \"Strictly Not Equal\"},\r\n {id:\">\", txt: \"Greater-than\"},\r\n {id:\"<\", txt: \"Less-than\"},\r\n {id:\">=\", txt: \"Greater-than Or Equal\"},\r\n {id:\"<=\", txt: \"Less-than Equal\"},\r\n ]\r\n\r\n EqualTofield1 = {id:\"name\", text:\"name\" }\r\n EqualTo1 = []\r\n\r\n EqualTofield2 = {id:\"designationName\", text:\"designationName\" }\r\n EqualTo2 = []\r\n\r\n EqualTofield3 = {id:\"departmentName\", text:\"departmentName\" } \r\n EqualTo3 = []\r\n\r\n EqualTofield4 = {id:\"locationName\", text:\"locationName\" }\r\n EqualTo4 = []\r\n\r\n EqualTofield5\r\n EqualTo5 = []\r\n\r\n EqualTofield6 \r\n EqualTo6 = []\r\n\r\n EqualTofield7\r\n EqualTo7 = []\r\n\r\n EqualTofield11 = {id:\"leaveTypeName\", text:\"leaveTypeName\" }\r\n EqualTo11 = []\r\n\r\n EqualTofield12 \r\n EqualTo12 = []\r\n\r\n EqualTofield13 \r\n EqualTo13 = []\r\n\r\n EqualTofield41 = {id:\"projectName\", text:\"projectName\" }\r\n EqualTo41 = []\r\n\r\n EqualTofield42 = {id:\"id\", text:\"txt\" }\r\n EqualTo42 = []\r\n\r\n EqualTofield44\r\n EqualTo44 = []\r\n\r\n EqualTofield32 = {id:\"projectName\", text:\"projectName\" }\r\n EqualTo32 = []\r\n\r\n EqualTofield33\r\n EqualTo33 = []\r\n\r\n EqualTofield21\r\n EqualTo21 = []\r\n\r\n EqualTofield23 = {id:\"name\", text:\"name\" }\r\n EqualTo23 = []\r\n\r\n EqualTofield24 = {id:\"designationName\", text:\"designationName\" }\r\n EqualTo24 = []\r\n\r\n EqualTofield25 = {id:\"departmentName\", text:\"departmentName\" }\r\n EqualTo25 = []\r\n\r\n EqualTofield26 = {id:\"locationName\", text:\"locationName\" }\r\n EqualTo26 = []\r\n\r\n EqualTofield27 = {id:\"bandName\", text:\"bandName\" }\r\n EqualTo27 = []\r\n\r\n EqualTofield28 = {id:\"id\", text:\"txt\" }\r\n EqualTo28 = []\r\n\r\n EqualTofield29 = {id:\"id\", text:\"txt\" }\r\n EqualTo29 = []\r\n\r\n EqualTofield30 = {id:\"firstname\", text:\"firstname\" }\r\n EqualTo30 = []\r\n\r\n // this.EqualTofield2 = undefined\r\n // this.EqualTo2 = undefined\r\n // this.EqualTofield3 = undefined\r\n // this.EqualTo3 = undefined\r\n // this.EqualTofield4 = undefined\r\n // this.EqualTo4= undefined\r\n // this.EqualTofield5= undefined\r\n // this.EqualTo5= undefined\r\n // this.EqualTofield6 = undefined\r\n // this.EqualTo6= undefined\r\n // this.EqualTofield7= undefined\r\n // this.EqualTo7= undefined\r\n // this.EqualTofield11 = undefined\r\n // this.EqualTo11= undefined\r\n // this.EqualTofield12 = undefined\r\n // this.EqualTo12= undefined\r\n // this.EqualTofield13 = undefined\r\n // this.EqualTo13= undefined\r\n // this.EqualTofield41= undefined\r\n // this.EqualTo41= undefined\r\n // this.EqualTofield42 = undefined\r\n // this.EqualTo4= undefined\r\n // this.EqualTofield44= undefined\r\n // this.EqualTo44= undefined\r\n // this.EqualTofield32 = undefined\r\n // this.EqualTo32= undefined\r\n // this.EqualTofield33= undefined\r\n // this.EqualTo33= undefined\r\n // this.EqualTofield21= undefined\r\n // this.EqualTo21= undefined\r\n // this.EqualTofield23= undefined\r\n // this.EqualTo23= undefined\r\n // this.EqualTofield24= undefined\r\n // this.EqualTo24= undefined\r\n // this.EqualTofield25 = undefined\r\n // this.EqualTo25= undefined\r\n // this.EqualTofield26= undefined\r\n // this.EqualTo26= undefined\r\n // this.EqualTofield27= undefined\r\n // this.EqualTo27= undefined\r\n // this.EqualTofield28= undefined\r\n // this.EqualTo28= undefined\r\n // this.EqualTofield29 = undefined\r\n // this.EqualTo29= undefined\r\n // this.EqualTofield30= undefined\r\n // this.EqualTo30= undefined\r\n\r\n ddlEmployeeTypeList: any[];\r\n\r\n GenderList: any[];\r\n ddlGenderList: any[];\r\n\r\n ReportingToList: any[];\r\n ddlReportingToList: any[];\r\n\r\n GroupList: any[];\r\n ddlGroupList: any[];\r\n\r\n criteriaTypeActiveDropdownsList: Boolean[];\r\n ApprovalsStepList: any[];\r\n ProductHeader:any[]=[{name:\"Reporting\",id:1},{name:\"Department Head of Login User\",id:2},{name:\"Approver based on Role\",id:3},{name:\"Department Head\",id:4},{name:\"Department Members\",id:5},\r\n {name:\"Project Managers\",id:6}]\r\n\r\n // Email\r\n emailToDDLActive: Boolean = false;\r\n emailCCDDLActive: Boolean = false;\r\n emailBCCDDLActive: Boolean = false;\r\n\r\n mailTemplateType: Number = 2;\r\n emailTemplateId: any;\r\n\r\n emailTemplateBody: '';\r\n emailTemplatesPredefinedTextList: any[];\r\n predefinedTextSelected: any;\r\n isEditModeEmailTemplate: Boolean = false;\r\n //editror config\r\n editorConfig = {\r\n editable: true,\r\n spellcheck: false,\r\n height: '10rem',\r\n minHeight: '5rem',\r\n placeholder: 'Email content',\r\n translate: 'no',\r\n \"toolbar\": [\r\n [\"bold\", \"italic\", \"underline\", \"strikeThrough\", \"superscript\", \"subscript\"]\r\n ]\r\n };\r\n\r\n // To\r\n To_SystemOptions: any[];\r\n To_Users: any[];\r\n To_Roles: any[];\r\n To_Departments: any[];\r\n To_Groups: any[];\r\n To_Locations: any[];\r\n\r\n To_SystemOptions_Selected: any[];\r\n To_Users_Selected: any[];\r\n To_Roles_Selected: any[];\r\n To_Departments_Selected: any[];\r\n To_Groups_Selected: any[];\r\n To_Locations_Selected: any[];\r\n\r\n // CC\r\n CC_SystemOptions: any[];\r\n CC_Users: any[];\r\n CC_Roles: any[];\r\n CC_Departments: any[];\r\n CC_Groups: any[];\r\n CC_Locations: any[];\r\n\r\n CC_SystemOptions_Selected: any[];\r\n CC_Users_Selected: any[];\r\n CC_Roles_Selected: any[];\r\n CC_Departments_Selected: any[];\r\n CC_Groups_Selected: any[];\r\n CC_Locations_Selected: any[];\r\n\r\n // BCC\r\n BCC_SystemOptions: any[];\r\n BCC_Users: any[];\r\n BCC_Roles: any[];\r\n BCC_Departments: any[];\r\n BCC_Groups: any[];\r\n BCC_Locations: any[];\r\n\r\n BCC_SystemOptions_Selected: any[];\r\n BCC_Users_Selected: any[];\r\n BCC_Roles_Selected: any[];\r\n BCC_Departments_Selected: any[];\r\n BCC_Groups_Selected: any[];\r\n BCC_Locations_Selected: any[];\r\n\r\n @ViewChildren(SelectComponent) selectElements: QueryList\r\n \r\n
\r\n\r\n
\r\n\r\n\r\n \r\n
\r\nLoading....
\r\n\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n Customize Leave Balance
\r\n\r\n
\r\n 0\">\r\n
\r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
","import { Component, OnInit, ViewChildren,ViewChild, QueryList } from '@angular/core';\r\nimport { AuthService } from 'src/app/services/auth.service';\r\nimport { LeaveService } from '../../leave.service';\r\nimport { CommonService } from 'src/app/common.service';\r\nimport { FormBuilder } from '@angular/forms';\r\nimport { Permission } from 'src/app/permission-keyword';\r\nimport { BsDatepickerConfig } from \"ngx-bootstrap\";\r\nimport { DepartmentService } from \"src/app/+layout/department/department.service\";\r\nimport { DesignationService } from \"src/app/+layout/designation/designation.service\";\r\nimport { LocationService } from \"src/app/+layout/location/location.service\";\r\nimport { SelectComponent } from \"ng2-select/ng2-select\";\r\nimport { environment } from 'src/app/environment';\r\nimport { GridComponent ,Column, ExcelExportProperties} from '@syncfusion/ej2-angular-grids';\r\nimport { ColumnModel, ResizeService,QueryCellInfoEventArgs } from '@syncfusion/ej2-angular-grids';\r\n\r\n\r\n\r\n@Component({\r\n selector: 'app-customize-leave-balance',\r\n templateUrl: './customize-leave-balance.component.html',\r\n styleUrls: ['./customize-leave-balance.component.css']\r\n})\r\nexport class CustomizeLeaveBalanceComponent implements OnInit {\r\n datePickerConfiq: Partial\r\n \r\n
\r\n\r\n if (item.userImage == '' || item.userImage == undefined || item.userImage == null) {\r\n // this.recieptIMg = `${environment.siteUrl}` + \"Uploads/Icon/UploadIcons.png\";\r\n if (item.genders == \"Female\") {\r\n this.recieptIMg = \"/assets/img/Logo/female.png\"\r\n\r\n }\r\n else {\r\n this.recieptIMg = \"/assets/img/Logo/male.png\"\r\n\r\n }\r\n }\r\n else {\r\n this.recieptIMg = `${environment.siteUrl}` + item.userImage;\r\n }\r\n return this.recieptIMg\r\n\r\n }\r\n}\r\n","\r\n
\r\n\r\n \r\n
\r\nLoading....
\r\n\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n\r\n \r\n Customize Leave Balance
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n
","import { Component, OnInit } from '@angular/core';\r\nimport { AuthService } from 'src/app/services/auth.service';\r\nimport { LeaveService } from '../../../leave.service';\r\nimport { CommonService } from 'src/app/common.service';\r\nimport { FormBuilder, FormGroup, FormArray, FormControl } from '@angular/forms';\r\nimport { ToasterService } from \"src/app/+layout/expense/toaster/toaster.service\";\r\n\r\n@Component({\r\n selector: 'app-update-leave-balance',\r\n templateUrl: './update-leave-balance.component.html',\r\n styleUrls: ['./update-leave-balance.component.css']\r\n})\r\nexport class UpdateLeaveBalanceComponent implements OnInit {\r\n currentUserId: any;\r\n bsValue = new Date();\r\n ddlEmployeeUserId: any;\r\n getLeaveBalcanceByEmplyeList: any;\r\n public LeaveTypeList: FormArray;\r\n EmployeeList = [];\r\n ActiveEmployee = [];\r\n todatlEmployeeList: any;\r\n employeName: any;\r\n employeCode: any;\r\n userLoader: boolean;\r\n updateLeaveBalanceForm: FormGroup;\r\n showSuccess: boolean;\r\n showMessage: any;\r\n myRequestsListLength: any;\r\n myRequestsPage = 1;\r\n myRequestsPageSize = 10;\r\n getFormDataBalnce = [];\r\n showLeaveTypeName: any;\r\n CmpCode:any;\r\n leaveNewList: any;\r\n constructor(\r\n private _authSer: AuthService,\r\n private _leaveSer: LeaveService,\r\n private _commonSer: CommonService,\r\n private _fb: FormBuilder,\r\n private toasterService:ToasterService\r\n ) { this.CmpCode = this._authSer.getcompanyCode();}\r\n\r\n ngOnInit() {\r\n this.CmpCode = this._authSer.getcompanyCode();\r\n this._authSer.currentUser.subscribe((res) => {\r\n this.currentUserId = res.userId;\r\n // this.applyLeaveSelectedUserId = res.userId;\r\n \r\n this.ddlEmployeeUserId = res.userId;\r\n });\r\n\r\n this.updateLeaveBalanceForm = this._fb.group({\r\n EmployeeId: [],\r\n LeaveTypeList: new FormArray([]),\r\n CmpCode:this.CmpCode\r\n\r\n // LeaveTypeList:this._fb.group({\r\n // LeaveTypeId:[],\r\n // ExistingBalance:[],\r\n // NewBalance:[],\r\n // Reason:[],\r\n // Date:[]\r\n // })\r\n });\r\n\r\n this.getEmployeesListForSelect();\r\n\r\n setTimeout(() => {\r\n this.GetLeaveBalanceByEmployee();\r\n this.GetBalanceByForFOrmPop();\r\n }, 300);\r\n }\r\n\r\n addLeaveBalanceFormFun(): FormGroup {\r\n return this._fb.group({\r\n LeaveTypeId: [],\r\n ExistingBalance: [],\r\n NewBalance: [],\r\n Reason: [''],\r\n Date: [new Date()]\r\n });\r\n }\r\n\r\n addAddress(): void {\r\n this.LeaveTypeList = this.updateLeaveBalanceForm.get('LeaveTypeList') as FormArray;\r\n this.LeaveTypeList.push(this.addLeaveBalanceFormFun());\r\n }\r\n\r\n getEmployeesListForSelect () {\r\n this.userLoader = true;\r\n this._leaveSer.getEmployeesListForSelect(this.currentUserId,this.CmpCode).subscribe((res) => {\r\n \r\n this.todatlEmployeeList = res['data'].table;\r\n if (res['data'].table != null && res['data'].table.lenght > 0) {\r\n this.employeName = res[\"data\"].table[0].employeeName;\r\n this.employeCode = res[\"data\"].table[0].empCode;\r\n }\r\n // For Dashboard Emplyee Select List\r\n this.EmployeeList = this._commonSer.SetDDlDropdown(res[\"data\"].table, 'employeeId', 'employeeCodeName');\r\n const selectedEmp = this.todatlEmployeeList.find(x => x.userId === this.currentUserId);\r\n if (selectedEmp !== undefined) {\r\n const empValue = { 'id': selectedEmp.employeeId, 'text': selectedEmp.employeeCodeName };\r\n setTimeout(() => {\r\n this.ddlSelection(empValue, 'Employee');\r\n this.GetLeaveBalanceByEmployee();\r\n this.GetBalanceByForFOrmPop();\r\n }, 300);\r\n }\r\n });\r\n }\r\n\r\n ddlSelection(value: any, placeHolder: any, type?) {\r\n try {\r\n switch (placeHolder) {\r\n case 'Employee':\r\n this.ActiveEmployee = [];\r\n this.ActiveEmployee.push(value);\r\n this.ddlEmployeeUserId = value.id;\r\n // console.log(this.ActiveEmployee)\r\n\r\n // this.bindAllDashboardData();\r\n if(type != undefined){\r\n if(type == 'manualy'){\r\n this.GetLeaveBalanceByEmployee();\r\n }\r\n }\r\n \r\n break;\r\n }\r\n } catch (ex) {\r\n\r\n }\r\n }\r\n\r\n GetLeaveBalanceByEmployee() {\r\n this.userLoader = true;\r\n let currentUserId = this.ddlEmployeeUserId; //this.currentUserId;\r\n\r\n let parms = {CmpCode:this.CmpCode};\r\n this._leaveSer.GetLeaveBalanceByEmployee(currentUserId, parms,this.CmpCode).subscribe(res => {\r\n this.userLoader = false;\r\n debugger;\r\n this.getLeaveBalcanceByEmplyeList = res['data'];\r\n\r\n this.myRequestsListLength = res['data'].length;\r\n this.updateLeaveBalanceForm.patchValue({\r\n EmployeeId: this.ddlEmployeeUserId,\r\n });\r\n\r\n setTimeout(() => {\r\n console.clear();\r\n console.log('s');\r\n this.getLeaveBalcanceByEmplyeList.filter((res, i) => {\r\n this.showLeaveTypeName = res.leaveTypeName;\r\n console.log(\"mydata\",this.updateLeaveBalanceForm);\r\n var date= new Date().toISOString().split('T')[0];\r\n this.updateLeaveBalanceForm['controls']['LeaveTypeList']['controls'][i]['controls'].LeaveTypeId.patchValue(res.leaveTypeId);\r\n this.updateLeaveBalanceForm['controls']['LeaveTypeList']['controls'][i]['controls'].ExistingBalance.patchValue(res.balance);\r\n //this.updateLeaveBalanceForm['controls']['LeaveTypeList']['controls'][i]['controls'].Date.patchValue(new Date());\r\n this.updateLeaveBalanceForm['controls']['LeaveTypeList']['controls'][i]['controls'].Date.patchValue(new Date());\r\n\r\n });\r\n console.log('e');\r\n }, 300);\r\n });\r\n }\r\n\r\n GetBalanceByForFOrmPop() {\r\n debugger\r\n this.userLoader = true;\r\n let currentUserId = this.ddlEmployeeUserId;\r\n let _currentFinancialYearId = 1;\r\nlet cmpcode=this.CmpCode\r\n let parms = {CmpCode:this.CmpCode};\r\n this._leaveSer.GetLeaveBalanceByEmployee(currentUserId, parms,cmpcode).subscribe(res => {\r\n this.userLoader = false;\r\n this.myRequestsListLength = res['data'].length;\r\n this.getLeaveBalcanceByEmplyeList.forEach(text => {\r\n const control = new FormControl(this.updateLeaveBalanceForm.value);\r\n (\r\n \r\n
\r\n\r\n
\r\n\r\n\r\n \r\n
\r\nLoading....
\r\n\r\n\r\n
\r\n \r\n
\r\n\r\n Customize Leave Policy
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n
\r\n\r\n \r\n \r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ listData.leaveTypeName }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ listData.typeText }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ listData.unitText }}\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {{ listData.balance }}\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n \r\n
\r\n\r\n
","import { Component, OnInit, HostListener, ViewChild } from '@angular/core';\r\nimport { AuthService } from 'src/app/services/auth.service';\r\nimport { LeaveService } from '../../leave.service';\r\nimport { CommonService } from 'src/app/common.service';\r\nimport { FormBuilder, FormGroup } from '@angular/forms';\r\nimport { SSF } from 'xlsx/types';\r\nimport { BsDatepickerConfig } from 'ngx-bootstrap';\r\nimport { UserService } from 'src/app/user/user.service';\r\nimport { DepartmentService } from 'src/app/+layout/department/department.service';\r\nimport { LocationService } from 'src/app/+layout/location/location.service';\r\nimport { DesignationService } from 'src/app/+layout/designation/designation.service';\r\nimport { Permission } from 'src/app/permission-keyword';\r\nimport { GridComponent } from '@syncfusion/ej2-angular-grids';\r\nimport { DatePipe } from '@angular/common';\r\nimport { ToasterService } from 'src/app/+layout/expense/toaster/toaster.service';\r\n\r\n\r\nclass LeaveTypeData {\r\n IsAccural: Boolean;\r\n AccuralPeriod: number;\r\n AccuralDay: number;\r\n AccuralMonth: number;\r\n AccuralNoOfDays: number;\r\n AccuralDaysInPeriod: number;\r\n IsReset: Boolean;\r\n ResetPeriod: number;\r\n ResetDay: number;\r\n ResetMonth: number;\r\n CarryForwardType: number;\r\n CarryForwardPercentageUnit: number;\r\n EncashmentPercentageUnit: number;\r\n EntitlementCalendarList: any;\r\n ProrateAccuralFMList: any;\r\n ProrateAccuralLMList: any;\r\n}\r\n\r\n@Component({\r\n selector: 'app-customize-policy',\r\n templateUrl: './customize-policy.component.html',\r\n styleUrls: ['./customize-policy.component.css']\r\n})\r\nexport class CustomizePolicyComponent implements OnInit {\r\n datePickerConfiq: Partial\r\n \r\n
\r\n\r\n
\r\n\r\n\r\n \r\n
\r\nLoading....
\r\n\r\n\r\n
\r\n \r\n \r\n\r\n
\r\n\r\n General Settings
\r\n\r\n
","import { Component, OnInit } from '@angular/core';\r\nimport * as _ from 'lodash';\r\nimport { LeaveService } from \"../../leave.service\";\r\nimport { AuthService } from \"src/app/services/auth.service\";\r\nimport { CommonService } from \"src/app/common.service\";\r\nimport { ToasterService } from 'src/app/+layout/expense/toaster/toaster.service';\r\n\r\n\r\n@Component({\r\n selector: 'app-generalsettings',\r\n templateUrl: './generalsettings.component.html',\r\n styleUrls: ['./generalsettings.component.css']\r\n})\r\nexport class GeneralsettingsComponent implements OnInit {\r\n currentUser: any;\r\n userLoader = false;\r\n\r\n public showMessage: string;\r\n public showSuccess: Boolean;\r\n\r\n ViewPermission: boolean;\r\n EditPermission: boolean;\r\n\r\n generalSettingsData: any;\r\n\r\n tempapplicableForLeaveType: any;\r\n public applicableForLeaveType = [];\r\n\r\n applicableForList: any;\r\n compensatoryRequestList: any;\r\n dayMonthList: any;\r\n unitList: any;\r\n CompoffLimitDaysList: any;\r\n useravailabilityReportAccess: any;\r\n CmpCode:any;\r\n ReminderDaysList: any;\r\n constructor(\r\n private _leaveServ: LeaveService,\r\n private _authSer: AuthService,\r\n private commonService: CommonService,\r\n private toasterService:ToasterService\r\n ) {\r\n this.CmpCode = this._authSer.getcompanyCode();\r\n }\r\n\r\n ngOnInit() {// Angular lifecycle hook\r\n this.CmpCode = this._authSer.getcompanyCode();\r\n this._authSer.currentUser.subscribe((res) => {\r\n this.currentUser = res;\r\n this.ViewPermission = true; //this.currentUser.permission.includes(Permission.MoMView);\r\n this.EditPermission = true; //this.currentUser.permission.includes(Permission.MoMEdit);\r\n\r\n // Call after getting current userId\r\n this.setDefault();\r\n });\r\n }\r\n\r\n setDefault() {// Created By K Set Default values\r\n let vm = this;\r\n //vm.applicableForList = [{ 'id': 1, 'text': 'Every 1st Day of the month' }];\r\n vm.compensatoryRequestList = [{ 'id': 1, 'text': 'None' }, { 'id': 2, 'text': 'Manual' }, { 'id': 3, 'text': 'Automatic' }, { 'id': 4, 'text': 'Both' }];\r\n vm.dayMonthList = [{ 'id': 1, 'text': 'Day(s)' }, { 'id': 2, 'text': 'Month(s)' }];\r\n vm.CompoffLimitDaysList = [{ 'id': 1, 'text': 'Day(s)' }, { 'id': 2, 'text': 'Month(s)' }, { 'id': 3, 'text': 'Year(s)' }];\r\n vm.ReminderDaysList = [{ 'id': \"1\", 'text': 'Day(s)' }, { 'id': \"2\", 'text': 'Month(s)' }];\r\n vm.unitList = [{ 'id': 1, 'text': 'Day' }, { 'id': 2, 'text': 'Hour' }, { 'id': 3, 'text': 'Both' }];\r\n vm.useravailabilityReportAccess = [{ 'id': 1, 'text': 'All data to admin' }, { 'id': 2, 'text': 'Department data to department head' }, { 'id': 3, 'text': 'Department data to department member' }, { 'id': 4, 'text': 'All data to all users' }];\r\n vm.getLeaveTypes();\r\n vm.getGeneralSettings();\r\n }\r\n\r\n getLeaveTypes() {// Created By A Getting all leave type\r\n this.userLoader = true;\r\n this.applicableForList = [];\r\n this._leaveServ.getAllLeavetype(this.CmpCode).subscribe((res) => {\r\n let leaveTypeList = res[\"data\"].table;\r\n console.clear();\r\n console.log(leaveTypeList);\r\n this.userLoader = false;\r\n let templeaveTypeListForSelect = [];\r\n\r\n leaveTypeList.forEach(function (item) {\r\n if (item.unit === 1) {\r\n let _lType = { 'id': item.leaveTypeId, 'text': item.leaveTypeName };\r\n templeaveTypeListForSelect.push(_lType);\r\n }\r\n });\r\n this.applicableForList = templeaveTypeListForSelect;\r\n if (this.generalSettingsData != null && this.generalSettingsData != undefined) {\r\n this.bindNGSelectList('applicableFor', this.generalSettingsData.applicableFor);\r\n }\r\n });\r\n }\r\n\r\n\r\n getGeneralSettings() {// Created By A Getting leave general settings data\r\n const vm = this;\r\n vm.userLoader = true;\r\n this._leaveServ.getGeneralSettings(this.CmpCode).subscribe((res) => {\r\n vm.userLoader = false;\r\n vm.generalSettingsData = res[\"data\"];\r\n\r\n vm.bindNGSelectList('applicableFor', vm.generalSettingsData.applicableFor);\r\n },\r\n error => {\r\n console.log(error);\r\n });\r\n }\r\n\r\n showEmailSchedule = false\r\n ScheduleEmail(val){// Created By A set value\r\n this.showEmailSchedule = val\r\n\r\n }\r\n\r\n // Save Settings\r\n saveGeneralSettings() {// Created By A On save leave general settings\r\n debugger\r\n const vm = this;\r\n vm.userLoader = true;\r\n vm.generalSettingsData.applicableFor = \"\";\r\n let tempapplicableFor = \"\";\r\n vm.applicableForLeaveType.forEach(function (id) {\r\n tempapplicableFor = tempapplicableFor + id + \",\";\r\n });\r\n if (tempapplicableFor.length > 1) {\r\n tempapplicableFor = tempapplicableFor.slice(0, -1);\r\n }\r\n vm.generalSettingsData.cmpCode=this.CmpCode\r\n vm.generalSettingsData.applicableFor = tempapplicableFor;\r\n vm.generalSettingsData.leaveRequestsUntiltheNext\r\n\r\n this._leaveServ.saveGeneralSettings(vm.generalSettingsData).subscribe((data: any) => {\r\n vm.userLoader = false;\r\n if (data && data.success == true) {\r\n vm.showMessage = data.data;\r\n vm.showSuccess = true;\r\n this.toasterService.show('success',this.showMessage)\r\n // vm.commonService.OpenModalHandler('userMessageModel');\r\n } else {\r\n console.log(data);\r\n }\r\n }, error => {\r\n vm.userLoader = false;\r\n });\r\n }\r\n\r\n selectDropdownValue(_type, value) {// Created By A On select applicable for\r\n switch (_type) {\r\n case 'applicableFor':\r\n if (this.applicableForLeaveType.includes(value.id.toString()) === false) {\r\n this.applicableForLeaveType.push(value.id.toString());\r\n }\r\n console.log(this.applicableForLeaveType);\r\n break;\r\n }\r\n }\r\n\r\n removedDropdownValue(_type, value) {// Created By A On clear applicable for\r\n let _index = -1;\r\n switch (_type) {\r\n case 'applicableFor':\r\n _index = this.applicableForLeaveType.indexOf(value.id.toString());\r\n if (_index !== -1) {\r\n this.applicableForLeaveType.splice(_index, 1);\r\n }\r\n break;\r\n }\r\n }\r\n\r\n bindNGSelectList(_type, _list) {// Created By A Binding applicable for\r\n const vm = this;\r\n switch (_type) {\r\n case 'applicableFor' :\r\n if (_list !== null && _list !== undefined) {\r\n let list = _list.split(\",\");\r\n let tempSelectList = this.applicableForList;\r\n let selectedData = [];\r\n this.applicableForLeaveType = [];\r\n list.forEach(function (id) {\r\n let item = tempSelectList.find(i => i.id == id);\r\n if (item !== undefined && item !== null) {\r\n selectedData.push(item);\r\n }\r\n });\r\n vm.applicableForLeaveType = list;\r\n vm.generalSettingsData.applicableFor = selectedData;\r\n }\r\n break;\r\n }\r\n }\r\n\r\n setUnitValue(e) {// Created By K On submit unit value\r\n let _value = e.srcElement.value;\r\n if (_value == 2) {\r\n this.generalSettingsData.durationAllowedFullDay = false;\r\n this.generalSettingsData.durationAllowedHalfDay = false;\r\n this.generalSettingsData.durationAllowedQuarterDay = false;\r\n } else {\r\n this.generalSettingsData.durationAllowedFullDay = true;\r\n this.generalSettingsData.durationAllowedHalfDay = true;\r\n this.generalSettingsData.durationAllowedQuarterDay = true;\r\n }\r\n }\r\n}\r\n","\r\n \r\n
\r\n\r\n
\r\n\r\n\r\n \r\n
\r\nLoading....
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n Custom Leave Type
\r\n\r\n
\r\n - \r\n
- Total : {{myRequestsListLength}} \r\n
- Active : {{ActiveLength}} \r\n\r\n
- In- Active : {{InActiveLength}} \r\n
\r\n\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n Day\r\n Hours\r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n {{ leaveType.leaveTypeName }}\r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n\r\n \r\n \r\n\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n","import {\r\n Component,\r\n OnInit,\r\n Input,\r\n HostListener,\r\n ElementRef,\r\n ViewChildren,\r\n QueryList,\r\n ViewChild\r\n} from \"@angular/core\";\r\n\r\nimport { LeaveService } from \"../../leave.service\";\r\nimport { FormBuilder, FormGroup, Validators } from \"@angular/forms\";\r\nimport { BsDatepickerConfig } from \"ngx-bootstrap\";\r\nimport { LeaveTypeModel } from \"../../leave-model/leave-type\";\r\nimport { CommonService } from \"src/app/common.service\";\r\nimport { UserService } from \"src/app/user/user.service\";\r\nimport { DepartmentService } from \"src/app/+layout/department/department.service\";\r\nimport { LocationService } from \"src/app/+layout/location/location.service\";\r\nimport { DesignationService } from \"src/app/+layout/designation/designation.service\";\r\nimport { AuthService } from \"src/app/services/auth.service\";\r\nimport { environment } from \"src/app/environment\";\r\nimport { Permission } from 'src/app/permission-keyword';\r\nimport { connectableObservableDescriptor } from \"rxjs/internal/observable/ConnectableObservable\";\r\nimport { SelectComponent } from \"ng2-select/ng2-select\";\r\nimport { GridComponent } from \"@syncfusion/ej2-angular-grids\";\r\nimport { ToasterService } from \"src/app/+layout/expense/toaster/toaster.service\";\r\n\r\nclass LeaveTypeData {\r\n LeaveTypeId: number;\r\n LType: number;\r\n Unit: number;\r\n ImagePath: string;\r\n IsAccural: Boolean;\r\n AccuralPeriod: number;\r\n AccuralDay: number;\r\n AccuralMonth: number;\r\n AccuralNoOfDays: number;\r\n AccuralDaysInPeriod: number;\r\n IsReset: Boolean;\r\n ResetPeriod: number;\r\n ResetDay: number;\r\n ResetMonth: number;\r\n CarryForwardType: number;\r\n CarryForwardPercentageUnit: number;\r\n EncashmentPercentageUnit: number;\r\n CanCountAsLeaveInWeekendBetweenLeave: Boolean;\r\n CanCountAsHolidayInWeekendBetweenLeave: Boolean;\r\n EntitlementCalendarList: any;\r\n}\r\n\r\n@Component({\r\n selector: \"app-leave-type\",\r\n templateUrl: \"./leave-type.component.html\",\r\n styleUrls: [\"./leave-type.component.css\"],\r\n})\r\nexport class LeaveTypeComponent implements OnInit {\r\n public text: String;\r\n\r\n private wasInside = false;\r\n fieldEmpArray = []\r\n\r\n @Input() makeDifferent;\r\n\r\n // @HostListener('click')\r\n // clickInside() {\r\n // this.text = \"clicked inside\";\r\n // this.wasInside = true;\r\n // this.flterShowData = true\r\n // }\r\n\r\n // @HostListener('document:click')\r\n // clickout() {\r\n // if (!this.wasInside) {\r\n // this.text = \"clicked outside\";\r\n // this.flterShowData = false\r\n // }\r\n // this.wasInside = false;\r\n // }\r\n datePickerConfiq: Partial\r\n \r\n
\r\n