{"version":3,"file":"app-84a883dd.d152cf98c45d962fa693.bundle.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAQA;AAAA;AANA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACnDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAyBA;AAAA;AAtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;;AAKA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AAGA;AAKA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;;AAGA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAEA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAEA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACnZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAQA;AAAA;AANA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;;;;;;;;;;;;;ACnDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACXA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACjBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sources":["webpack://HRMSPortal/./src/components/performancereview/managerview/managerviewcomponent.js","webpack://HRMSPortal/./src/components/performancereview/mykra/mygoalsandkrasheetcomponent.js","webpack://HRMSPortal/./src/components/performancereview/viewapplicabilityforkra/viewapplicabilityforkracomponent.js","webpack://HRMSPortal/./src/components/performancereview/managerview/managerviewcomponent.html","webpack://HRMSPortal/./src/components/performancereview/mykra/mygoalsandkrasheetcomponent.html","webpack://HRMSPortal/./src/components/performancereview/viewapplicabilityforkra/viewapplicabilityforkracomponent.html"],"sourcesContent":["import {inject,bindingMode,bindable } from 'aurelia-framework';\r\nimport flatpickr from \"flatpickr\";\r\nimport { JwtService } from '../../../shared/services/jwtservice';\r\nimport { DialogController } from 'aurelia-dialog';\r\nimport {DialogService} from 'aurelia-dialog';\r\nimport {LeavemanagementService} from \"../../../shared/services/leavemanagementservice\";\r\nimport { Viewtimeoffrequestcomponent } from '../../leavemanagement/viewtimeoffrequest/viewtimeoffrequestcomponent'; \r\nimport * as XLSX from 'xlsx';\r\nimport {config} from '../../../shared/services/config';\r\nimport { constants } from '../../../shared/services/constants';\r\nimport Scrollbar from 'smooth-scrollbar';\r\nimport { LoginService } from '../../../shared/services/loginservice';\r\nimport { PerformanceMangemantService } from '../../../shared/services/performancereviewservice';\r\nimport {Router} from 'aurelia-router';\r\nimport {ValidationControllerFactory, ValidationRules} from 'aurelia-validation';\r\n\r\n\r\n@inject(DialogController,JwtService,LeavemanagementService,PerformanceMangemantService,ValidationControllerFactory,DialogService,Router,LoginService)\r\nexport class ManagerViewcomponent{\r\n    pageSize = config.grid_PazeSize;\r\n    isLoading = false;\r\n   FavoritesExist = false;\r\n   sitemapId=constants.mytimeoffdetailssitemapid;\r\n   controllerFactory;\r\n\r\n    constructor(controller,JwtService,LeavemanagementService,PerformanceMangemantService,DialogService,loginservice,router){\r\n        this.controller = controller;\r\n        this.jwtService= JwtService;\r\n        this.dialogService = DialogService;\r\n        this.empid = this.jwtService.getEmployeeId();\r\n        this.leavemanagementService = LeavemanagementService;\r\n        this.router = router;\r\n        this.loginservice = loginservice;\r\n        this.performaceService =PerformanceMangemantService;\r\n    }\r\n   \r\n   async attached(){\r\n        const windowWidth = window.innerWidth;\r\n        if (windowWidth <= 1280) {\r\n            Scrollbar.init(document.querySelector('.disable-desktop-scroll'));\r\n        } \r\n       \r\n        this.PeriodID =1;\r\n        this.performaceService.GetViewApplicabilityForKRA(this.PeriodID).then(data => {\r\n            this.filteredEmployeesSummery = data.listLocations;\r\n            this.applicabilitykra=data;\r\n            this.isLoading = false;\r\n            console.log(this.filteredEmployeesSummery );\r\n        });\r\n\r\n    }\r\n}","import {inject, bindingMode, bindable} from 'aurelia-framework';\r\nimport flatpickr from \"flatpickr\";\r\nimport {JwtService} from '../../../shared/services/jwtservice';\r\nimport {DialogController} from 'aurelia-dialog';\r\nimport {DialogService} from 'aurelia-dialog';\r\nimport * as XLSX from 'xlsx';\r\nimport {config} from '../../../shared/services/config';\r\nimport {constants} from '../../../shared/services/constants';\r\nimport Scrollbar from 'smooth-scrollbar';\r\nimport {LoginService} from \"../../../shared/services/loginservice\";\r\nimport {Router} from 'aurelia-router';\r\nimport {PerformanceMangemantService} from \"../../../shared/services/performancereviewservice\";\r\nimport {LeavemanagementService} from \"../../../shared/services/leavemanagementservice\";\r\nimport {ValidationControllerFactory, ValidationRules} from \"aurelia-validation\";\r\n\r\n@inject(DialogController, JwtService, DialogService, PerformanceMangemantService, Router, LoginService, LeavemanagementService,ValidationControllerFactory)\r\nexport class MygoalsandkrasheetComponent {\r\n\r\n    pageSize = config.grid_PazeSize;\r\n    searchTerm = '';\r\n    search = '';\r\n    FromDate = null;\r\n    ToDate = null;\r\n    isLoading = false;\r\n    FavoritesExist = false;\r\n    Successmessages = false;\r\n    defaultToDate;\r\n    dateDifferenceError = false;\r\n\r\n\r\n    sitemapId = constants.mykrasheetsitemapid;\r\n    statusOptions = [\r\n        {label: 'All', value: 'All', checked: false},\r\n        {label: 'Published', value: 'PUB', checked: true},\r\n        {label: 'Pending Acceptance', value: 'PAC', checked: true},\r\n        // { label: 'Pending Approval', value: 'PEA', checked: false },\r\n        // { label: 'Approved', value: 'APP', checked: false },\r\n\r\n    ];\r\n\r\n    constructor(controller, JwtService, DialogService, PerformanceMangemantService, router, loginservice, LeavemanagementService ,controllerFactory) {\r\n        this.controller = controller;\r\n        this.controllerFactory = controllerFactory.createForCurrentScope();\r\n\r\n        this.jwtService = JwtService;\r\n        this.dialogService = DialogService;\r\n        this.empid = this.jwtService.getEmployeeId();\r\n        this.router = router;\r\n        this.loginservice = loginservice;\r\n        this.performancereviewservice = PerformanceMangemantService;\r\n        this.leavemanagementService = LeavemanagementService;\r\n\r\n        ValidationRules.customRule(\r\n            'dateError',\r\n            () =>{\r\n                if(this.dateDifferenceError == true){\r\n                    return false;\r\n                }else{\r\n                    return true;\r\n                }\r\n            },\r\n            'From date should be less than to date.'\r\n        );\r\n        ValidationRules\r\n            .ensure('To')\r\n            .satisfiesRule('dateError')\r\n            .on(this);\r\n\r\n    }\r\n\r\n    activate(data) {\r\n        if (data && data.message == 'true') {\r\n            this.message = 'Accepted successfully'; // Display 'Success!' message in HTML\r\n            setTimeout(() => {\r\n                this.clearMessage();\r\n            }, 10000);\r\n        } else {\r\n            // If the received message is not 'true' or if there's no data, clear the message immediately\r\n            this.clearMessage();\r\n        }\r\n    }\r\n\r\n    clearMessage() {\r\n        this.message = null; // Function to clear the message\r\n    }\r\n\r\n\r\n    async attached() {\r\n        this.leavemanagementService.GetPersonFavoriteItems(this.empid, this.sitemapId)\r\n            .then(data => {\r\n                this.FavoritesExist = data;\r\n            });\r\n        this.addToRecentItems();\r\n\r\n        const windowWidth = window.innerWidth;\r\n        if (windowWidth <= 1280) {\r\n            Scrollbar.init(document.querySelector('.disable-desktop-scroll'));\r\n        }\r\n\r\n        const currentDate = new Date();\r\n        const currentYear = currentDate.getFullYear();\r\n        const firstDateOfYear = new Date(currentYear, 0, 1); // Month is 0-based index (0 for January)\r\n        this.FDate = formatDateWithLeadingZero(firstDateOfYear);\r\n        this.From = this.FDate;\r\n\r\n        const lastDateOfYear = new Date(currentYear, 11, 31); // Month is 0-based index (11 for December)\r\n        this.TDate = formatDateWithLeadingZero(lastDateOfYear);\r\n        this.To = this.TDate;\r\n\r\n        function formatDateWithLeadingZero(date) {\r\n            const day = date.getDate();\r\n            const month = date.getMonth() + 1; // Adding 1 because getMonth() returns zero-based month index\r\n            const year = date.getFullYear();\r\n            const formattedDay = day.toString().padStart(2, '0');\r\n            const formattedMonth = month.toString().padStart(2, '0');\r\n            return `${formattedDay}-${formattedMonth}-${year}`;\r\n        }\r\n\r\n        flatpickr(this.datePicker, {\r\n            closeOnSelect: true,\r\n            dateFormat: 'd-m-Y',\r\n            minDate: null,\r\n            maxDate: null,\r\n            defaultDate: firstDateOfYear,\r\n            enableTime: false,\r\n            enableSeconds: false,\r\n            time_24hr: false,\r\n            minuteIncrement: 1,\r\n            hourIncrement: 1,\r\n            timeFormat: 'h:i K',\r\n            clickOpens: false,\r\n            onClose: function (selectedDates, dateStr, instance) {\r\n                this.fromDate = dateStr;\r\n            }\r\n        });\r\n        this.calendarIcon.addEventListener('click', () => {\r\n            this.datePicker._flatpickr.open();\r\n        });\r\n        flatpickr(this.datePickerss, {\r\n            closeOnSelect: true,\r\n            dateFormat: 'd-m-Y',\r\n            minDate: null,\r\n            maxDate: null,\r\n            defaultDate: lastDateOfYear,\r\n            enableTime: false,\r\n            enableSeconds: false,\r\n            time_24hr: false,\r\n            minuteIncrement: 1,\r\n            hourIncrement: 1,\r\n            timeFormat: 'h:i K',\r\n            clickOpens: false,\r\n            onClose: function (selectedDates, dateStr, instance) {\r\n                this.toDate = dateStr;\r\n            }\r\n        });\r\n        this.calendarIconEnd.addEventListener('click', () => {\r\n            this.datePickerss._flatpickr.open();\r\n        });\r\n\r\n        const selectedStatusList = this.statusOptions\r\n            .filter(statusOptions => statusOptions.checked)\r\n            .map(statusOptions => statusOptions.value);\r\n        const timeoff = {\r\n            EmployeeId: this.empid,\r\n            StatusList: selectedStatusList,\r\n            From: this.From,\r\n            To: this.To\r\n        };\r\n\r\n        this.performancereviewservice.PerformanceList(timeoff).then(data => {\r\n            this.PerformanceList = data.EmployeeCategoryList;\r\n            this.defaultToDate = this.PerformanceList.To;\r\n            this.defaultFromDate = this.PerformanceList.From;\r\n\r\n        });\r\n    }\r\n\r\n    active() {\r\n        const searchButton = document.getElementById('search-button');\r\n        searchButton.addEventListener('click', handleSearch);\r\n    }\r\n\r\n    selectAllChanged(event) {\r\n        const isChecked = this.statusOptions[0].checked;\r\n        this.statusOptions.forEach((status, index) => {\r\n            if (index !== 0) {\r\n                status.checked = isChecked;\r\n            }\r\n        });\r\n    }\r\n\r\n    handleCheckboxChange(event, status) {\r\n        if (status.value === 'All') {\r\n            this.statusOptions.forEach((statusOption, index) => {\r\n                if (index !== 0) {\r\n                    statusOption.checked = false;\r\n                }\r\n            });\r\n        } else {\r\n            const allChecked = this.statusOptions.slice(1).every(statusOption => statusOption.checked);\r\n            this.statusOptions[0].checked = allChecked;\r\n        }\r\n\r\n        //status.checked = event.target.checked;\r\n    }\r\n\r\n    addToFavourites() {\r\n        this.leavemanagementService.AddToFavourites(this.empid, this.sitemapId).then(data => {\r\n            window.location.reload();\r\n        });\r\n    }\r\n\r\n    addToRecentItems() {\r\n        this.leavemanagementService.AddToRecentItems(this.empid, this.sitemapId).then(data => {\r\n\r\n        });\r\n    }\r\n\r\n    Reset() {\r\n        this.attached();\r\n        this.statusOptions.forEach((status, index) => {\r\n            if (index === 1 || index === 2) {\r\n                status.checked = true; // Select 'Pending approval' and 'Pending with me'\r\n            } else {\r\n                status.checked = false; // Deselect other statuses\r\n            }\r\n        });\r\n\r\n        this.selectedStatusList = this.statusOptions.filter(status => status.checked);\r\n\r\n\r\n    }\r\n\r\n    exportData() {\r\n        const data = this.PerformanceList;\r\n        const filename = 'PerformanceList';\r\n        this.exportToExcel(data, filename);\r\n    }\r\n\r\n    exportToExcel(data, filename) {\r\n        const headers = {\r\n            Reviewperiodfrom: 'Review period from',\r\n            Reviewperiodto: 'Review period to',\r\n            Reviewtype: 'Review type',\r\n            Status: 'Status',\r\n\r\n\r\n        };\r\n        const filteredData = data.map(Performance => {\r\n            return {\r\n                Reviewperiodfrom: Performance.ReviewFromText,\r\n                Reviewperiodto: Performance.ReviewToText,\r\n                Reviewtype: Performance.ReviewTypeName,\r\n                Status: Performance.StatusCodeText,\r\n\r\n            };\r\n        });\r\n        const headerRow = Object.values(headers);\r\n        const dataRows = filteredData.map(Performance => Object.values(Performance));\r\n        const worksheet = XLSX.utils.aoa_to_sheet([headerRow, ...dataRows]);\r\n        const workbook = XLSX.utils.book_new();\r\n        XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet 1');\r\n        XLSX.writeFile(workbook, `${filename}.xlsx`);\r\n    }\r\n\r\n    filterClick() {\r\n        event.preventDefault();\r\n        const clickedDiv = event.target.parentNode;\r\n        clickedDiv.classList.toggle('filter-open');\r\n        const divs = document.querySelectorAll('.filter-open');\r\n        divs.forEach((div) => {\r\n            if (div !== clickedDiv) {\r\n                div.classList.remove('filter-open');\r\n            }\r\n        });\r\n        const handleOutsideClick = (event) => {\r\n            if (!clickedDiv.contains(event.target)) {\r\n                divs.forEach((div) => {\r\n                    div.classList.remove('filter-open');\r\n                });\r\n                document.removeEventListener('click', handleOutsideClick);\r\n            }\r\n        };\r\n        if (clickedDiv.classList.contains('filter-open')) {\r\n            document.addEventListener('click', handleOutsideClick);\r\n        } else {\r\n            document.removeEventListener('click', handleOutsideClick);\r\n        }\r\n    }\r\n\r\n    KraShowDialog(ActionName, RecordStatusCode, PeriodID, KRAPerformanceReviewID, ReviewTypeID, ReviewFromText, ReviewToText, ViewID) {\r\n        const approveData = {\r\n            ActionName: ActionName,\r\n            RecordStatusCode: RecordStatusCode,\r\n            PeriodID: PeriodID,\r\n            KRAPerformanceReviewID: KRAPerformanceReviewID,\r\n            ReviewTypeID: ReviewTypeID,\r\n            ReviewFromText: ReviewFromText,\r\n            ReviewToText: ReviewToText,\r\n            ViewID: ViewID\r\n        };\r\n        const queryString = new URLSearchParams(approveData).toString();\r\n        const performancereviewURL = `/#/MyKRADetails?${queryString}`;\r\n        window.location.href = performancereviewURL;\r\n    }\r\n\r\n    ViewKraShowDialog(ActionName, RecordStatusCode, PeriodID, KRAPerformanceReviewID, ReviewTypeID, ReviewFromText, ReviewToText, ViewID) {\r\n        const approveData = {\r\n            ActionName: ActionName,\r\n            RecordStatusCode: RecordStatusCode,\r\n            PeriodID: PeriodID,\r\n            KRAPerformanceReviewID: KRAPerformanceReviewID,\r\n            ReviewTypeID: ReviewTypeID,\r\n            ReviewFromText: ReviewFromText,\r\n            ReviewToText: ReviewToText,\r\n            ViewID: ViewID\r\n        };\r\n        const queryString = new URLSearchParams(approveData).toString();\r\n        const performancereviewURL = `/#/viewMyKRADetails?${queryString}`;\r\n        window.location.href = performancereviewURL;\r\n    }\r\n\r\n    resetStatusDropdown() {\r\n        this.statusOptions.forEach((status, index) => {\r\n            if (index === 1 || index === 2) {\r\n                status.checked = true; // Select 'Pending approval' and 'Pending with me'\r\n            } else {\r\n                status.checked = false; // Deselect other statuses\r\n            }\r\n        });\r\n\r\n        this.selectedStatusList = this.statusOptions.filter(status => status.checked);\r\n\r\n    }\r\n    calculateDateDifference() {\r\n        if (this.From && this.To) {\r\n            const fromParts = this.From.split('-');\r\n            const toParts = this.To.split('-');\r\n            const fromDate = new Date(fromParts[2], fromParts[1] - 1, fromParts[0]);\r\n            const toDate = new Date(toParts[2], toParts[1] - 1, toParts[0]);\r\n\r\n            const today = new Date(); // Get today's date\r\n            const differenceInTime = toDate.getTime() - fromDate.getTime();\r\n            const differenceInDays = Math.ceil(differenceInTime / (1000 * 3600 * 24));\r\n            if (fromDate >= toDate || fromDate > today) {\r\n                this.dateDifferenceError = true;\r\n            } else {\r\n                this.dateDifferenceError = false;\r\n            }\r\n        } else {\r\n            this.dateDifferenceError = null;\r\n        }\r\n    }\r\n\r\n\r\n    Search() {\r\n        this.controllerFactory.validate()\r\n            .then(result => {\r\n                if (result.valid) {\r\n                    const filterOpenElements = document.querySelectorAll('.filter-open');\r\n                    filterOpenElements.forEach(element => element.classList.remove('filter-open'));\r\n                    const selectedStatusList = this.statusOptions\r\n                        .filter(status => status.checked)\r\n                        .map(status => status.value);\r\n\r\n                    const finalToDate = this.To ? this.To : this.defaultToDate;\r\n                    const finalFromDate = this.From ? this.From : this.defaultFromDate;\r\n                    const selectedRadio = document.querySelector('input[name=\"employees\"]:checked');\r\n                    this.selectedValue = selectedRadio ? selectedRadio.value : '';\r\n                    const timeoff = {\r\n                        EmployeeId: this.empid,\r\n                        Fromdate: finalFromDate,\r\n                        Todate: finalToDate,\r\n                        StatusList: selectedStatusList.includes('All') ? ['All'] : selectedStatusList.filter(status => status !== 'All'),\r\n\r\n                    };\r\n                    this.isLoading = true;\r\n\r\n                    this.performancereviewservice.PerformanceList(timeoff).then(data => {\r\n                        this.PerformanceList = data.EmployeeCategoryList;\r\n                        this.isLoading = false;\r\n\r\n                    });\r\n                } });\r\n\r\n    }\r\n\r\n    get selectedStatuses() {\r\n        return this.statusOptions\r\n            .filter(status => status.checked);\r\n    }\r\n\r\n    removeFilter(Allstatus, status) {\r\n        if (status.label === 'All') {\r\n            this.statusOptions.forEach(option => {\r\n                option.checked = false;\r\n            });\r\n        } else {\r\n            status.checked = false;\r\n        }\r\n    }\r\n\r\n\r\n}","import {inject,bindingMode,bindable } from 'aurelia-framework';\r\nimport flatpickr from \"flatpickr\";\r\nimport { JwtService } from '../../../shared/services/jwtservice';\r\nimport { DialogController } from 'aurelia-dialog';\r\nimport {DialogService} from 'aurelia-dialog';\r\nimport {LeavemanagementService} from \"../../../shared/services/leavemanagementservice\";\r\nimport { Viewtimeoffrequestcomponent } from '../../leavemanagement/viewtimeoffrequest/viewtimeoffrequestcomponent'; \r\nimport * as XLSX from 'xlsx';\r\nimport {config} from '../../../shared/services/config';\r\nimport { constants } from '../../../shared/services/constants';\r\nimport Scrollbar from 'smooth-scrollbar';\r\nimport { LoginService } from '../../../shared/services/loginservice';\r\nimport { PerformanceMangemantService } from '../../../shared/services/performancereviewservice';\r\nimport {Router} from 'aurelia-router';\r\nimport {ValidationControllerFactory, ValidationRules} from 'aurelia-validation';\r\n\r\n\r\n@inject(DialogController,JwtService,LeavemanagementService,PerformanceMangemantService,ValidationControllerFactory,DialogService,Router,LoginService)\r\nexport class Addtimeoffadjustmentcomponent{\r\n    pageSize = config.grid_PazeSize;\r\n    isLoading = false;\r\n   FavoritesExist = false;\r\n   sitemapId=constants.mytimeoffdetailssitemapid;\r\n   controllerFactory;\r\n\r\n    constructor(controller,JwtService,LeavemanagementService,PerformanceMangemantService,DialogService,loginservice,router){\r\n        this.controller = controller;\r\n        this.jwtService= JwtService;\r\n        this.dialogService = DialogService;\r\n        this.empid = this.jwtService.getEmployeeId();\r\n        this.leavemanagementService = LeavemanagementService;\r\n        this.router = router;\r\n        this.loginservice = loginservice;\r\n        this.performaceService =PerformanceMangemantService;\r\n    }\r\n   \r\n   async attached(){\r\n        const windowWidth = window.innerWidth;\r\n        if (windowWidth <= 1280) {\r\n            Scrollbar.init(document.querySelector('.disable-desktop-scroll'));\r\n        } \r\n       \r\n        this.PeriodID =1;\r\n        this.performaceService.GetViewApplicabilityForKRA(this.PeriodID).then(data => {\r\n            this.filteredEmployeesSummery = data.listLocations;\r\n            this.applicabilitykra=data;\r\n            this.isLoading = false;\r\n            console.log(this.filteredEmployeesSummery );\r\n        });\r\n\r\n    }\r\n}","// Imports\nimport ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___ from \"../../../../node_modules/html-loader/dist/runtime/getUrl.js\";\nvar ___HTML_LOADER_IMPORT_0___ = new URL(\"../../../images/performance-icon.svg\", import.meta.url);\nvar ___HTML_LOADER_IMPORT_1___ = new URL(\"../../../images/key.svg\", import.meta.url);\nvar ___HTML_LOADER_IMPORT_2___ = new URL(\"../../../images/plus-commitment.svg\", import.meta.url);\n// Module\nvar ___HTML_LOADER_REPLACEMENT_0___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_0___);\nvar ___HTML_LOADER_REPLACEMENT_1___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_1___);\nvar ___HTML_LOADER_REPLACEMENT_2___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_2___);\nvar code = \"<template >\\r\\n    <require from=\\\"../../../shared/styles/performance.css\\\"></require>\\r\\n    <require from=\\\"../../../shared/styles/au-tablePagination.css\\\"></require>\\r\\n    <div class=\\\"flex mb-9 flex-col lg:flex-row\\\"  >\\r\\n        <div class=\\\"w-full\\\">\\r\\n            <main>\\r\\n                <div class=\\\"performance-banner !bg-cover w-full h-[120px] !bg-center md:h-[250px] relative mb-7\\\">\\r\\n                    <div class=\\\"xl:max-w-[1226px] 2xl:max-w-[1600px] mx-auto px-3 md:px-5 flex pb-4 absolute bottom-0 left-0 right-0 md:pb-6\\\">\\r\\n                        <img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_0___ + \"\\\" alt=\\\"performance-icon\\\">\\r\\n                        <h1 class=\\\"text-3xl lg:text-4xl xl:text-5xl text-white ml-2.5\\\">Manager View</h1>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div class=\\\"performance-section px-6 pb-6\\\">\\r\\n                    <div class=\\\"inline-grid grid-cols-1 sm:grid-cols-1 gap-3 p-4 xl:gap-3 w-full bg-white\\\">\\r\\n                        <div class=\\\"flex bg-white rounded-[16px] items-center p-4 cursor-pointer w-full relative\\\" >\\r\\n                            <img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_1___ + \"\\\" alt=\\\"key\\\">\\r\\n                            <strong class=\\\"text-2xl mx-2.5 block\\\">KRA</strong>\\r\\n                            <div class=\\\"flex items-center\\\">\\r\\n                                <strong class=\\\"block text-sm mr-4\\\">Pending Acceptance</strong>\\r\\n                                <div class=\\\"flex mr-4\\\">\\r\\n                                    <strong class=\\\"text-sm mr-2\\\">Start:</strong>\\r\\n                                    <span class=\\\"text-sm\\\">${ReviewFromText}</span>\\r\\n                                </div>\\r\\n                                <div>\\r\\n                                    <strong class=\\\"text-sm mr-2\\\">End:</strong>\\r\\n                                    <span class=\\\"text-sm\\\">${ReviewToText}</span>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"bg-white\\\">\\r\\n                            <div class=\\\"md:flex export-external-border\\\">\\r\\n                                <div class=\\\"md:w-1/3 external-box pb-4 md:pb-32 \\\">\\r\\n                                    <strong class=\\\"block text-2xl text-[#4C9076] p-4 \\\">Categories</strong>\\r\\n                                    <div class=\\\"flex p-4 text-[#979797] pt-4 md:pt-10\\\"><strong>Categories Created</strong></div>\\r\\n                                    <div class=\\\"export-excel flex justify-normal px-4\\\">\\r\\n                                        <button class=\\\"!bg-inherit border-2 p-4 text-[#1B2738] h-auto leading-[normal] au-target\\\" click.delegate=\\\"exportData()\\\" au-target-id=\\\"126\\\"><img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_2___ + \"\\\" alt=\\\"key\\\">Create Category</button>\\r\\n                                    </div>\\r\\n                                </div>\\r\\n                                <div class=\\\"md:w-1/3 external-box pb-4 md:pb-32 \\\">\\r\\n                                    <strong class=\\\"block text-2xl text-[#4C9076] p-4 \\\">KRAs</strong>\\r\\n                                    <div class=\\\"flex p-4 text-[#979797] pt-4 md:pt-10\\\">No Categories Created</div>\\r\\n                                    <div class=\\\"export-excel flex justify-normal px-4\\\">\\r\\n                                        <button class=\\\"!bg-inherit border-2 p-4 text-[#1B2738] h-auto leading-[normal] au-target\\\" click.delegate=\\\"exportData()\\\" au-target-id=\\\"126\\\"><img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_2___ + \"\\\" alt=\\\"key\\\">Create KRA</button>\\r\\n                                    </div>\\r\\n                                </div>\\r\\n                            </div>\\r\\n\\r\\n                        </div>\\r\\n                        <div class=\\\"DivRight rule_lbl tpad2 mb-10\\\">\\r\\n                            <div class=\\\"t-widget t-upload myCustomClass\\\">\\r\\n                                <div class=\\\"t-button t-upload-button flex flex-row items-center mb-5 au-target uploadfield\\\" validation-errors.bind=\\\"uploadErrors\\\" class.bind=\\\"uploadErrors.length ? 'has-error' : 'uploadfield'\\\" au-target-id=\\\"266\\\">\\r\\n                                    <label class=\\\"!w-auto px-4 py-2 m-2\\\">Upload <br/>document</label>\\r\\n                                    <input id=\\\"attachments\\\" style=\\\"display: none;\\\" files.bind=\\\"upload\\\" name=\\\"attachments\\\" type=\\\"file\\\" change.delegate=\\\"handleFileSelect($event.target.files)\\\" accept=\\\".jpg,.png,.doc,.pdf\\\" class=\\\"au-target\\\" au-target-id=\\\"267\\\">\\r\\n                                    <button class=\\\"browse au-target\\\" click.delegate=\\\"openFileDialog()\\\" au-target-id=\\\"268\\\">Browse</button>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                            <div class=\\\"t-widget flex myCustomClass\\\">\\r\\n                                <label class=\\\"!w-auto px-4 py-2 m-2\\\">Comments</label>\\r\\n                                 <textarea class=\\\"w-full border h-20 resize-none rounded-md p-2.5\\\" placeholder=\\\"Type here\\\"></textarea>\\r\\n                                \\r\\n                            </div>\\r\\n                            <div class=\\\"flex justify-end md:justify-normal p-4\\\">\\r\\n                                <button class=\\\"!bg-[#898989] hover:!bg-[#898989] w-32 !rounded-[30px] au-target px-8 py-2 text-[#ffffff] h-auto leading-[normal] au-target\\\" click.delegate=\\\"exportData()\\\" au-target-id=\\\"126\\\">Assign</button>\\r\\n                            </div>\\r\\n                        </div>\\r\\n\\r\\n                        \\r\\n\\r\\n                    </div>\\r\\n                    \\r\\n                </div>\\r\\n            </main>\\r\\n        </div></div></template>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;","// Imports\nimport ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___ from \"../../../../node_modules/html-loader/dist/runtime/getUrl.js\";\nvar ___HTML_LOADER_IMPORT_0___ = new URL(\"../../../images/performance-icon.svg\", import.meta.url);\nvar ___HTML_LOADER_IMPORT_1___ = new URL(\"../../../images/favourite.svg\", import.meta.url);\nvar ___HTML_LOADER_IMPORT_2___ = new URL(\"../../../images/datepicker.svg\", import.meta.url);\nvar ___HTML_LOADER_IMPORT_3___ = new URL(\"../../../images/loader.gif\", import.meta.url);\nvar ___HTML_LOADER_IMPORT_4___ = new URL(\"../../../images/assign-icon.svg\", import.meta.url);\nvar ___HTML_LOADER_IMPORT_5___ = new URL(\"../../../images/exempt-icon.svg\", import.meta.url);\n// Module\nvar ___HTML_LOADER_REPLACEMENT_0___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_0___);\nvar ___HTML_LOADER_REPLACEMENT_1___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_1___);\nvar ___HTML_LOADER_REPLACEMENT_2___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_2___);\nvar ___HTML_LOADER_REPLACEMENT_3___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_3___);\nvar ___HTML_LOADER_REPLACEMENT_4___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_4___);\nvar ___HTML_LOADER_REPLACEMENT_5___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_5___);\nvar code = \"<template>\\r\\n    <require from=\\\"../../../shared/styles/performance.css\\\"></require>\\r\\n    <require from=\\\"../../../shared/styles/au-tablePagination.css\\\"></require>\\r\\n    <div class=\\\"flex mb-9 flex-col lg:flex-row\\\">\\r\\n        <div class=\\\"w-full\\\">\\r\\n            <main>\\r\\n                <div class=\\\"performance-banner !bg-cover w-full h-[120px] !bg-center md:h-[250px] relative mb-7\\\">\\r\\n                    <div class=\\\"xl:max-w-[1226px] 2xl:max-w-[1600px] mx-auto px-3 md:px-5 flex pb-4 absolute bottom-0 left-0 right-0 md:pb-6\\\">\\r\\n                        <img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_0___ + \"\\\" alt=\\\"performance-icon\\\">\\r\\n                        <h1 class=\\\"text-3xl lg:text-4xl xl:text-5xl text-white ml-2.5\\\">Performance Review</h1>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div class=\\\"performance-section px-3 md:px-6 pb-6\\\">\\r\\n                    <h2 class=\\\"text-xl text-[#4C9076] mb-4\\\">\\r\\n                        My Goals & KRA Sheet</h2>\\r\\n                    <p class=\\\"mb-6\\\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\\r\\n                        incididunt ut\\r\\n                        labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco\\r\\n                        laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in\\r\\n                        voluptate velit esse cillum dolore eu fugiat</p>\\r\\n                    <div if.bind=\\\"message != null\\\">\\r\\n                        <span class=\\\"success block\\\">${message}</span>\\r\\n                    </div>\\r\\n                    <div class=\\\"flex justify-between items-center mb-6\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Review period</strong></div>\\r\\n                        <div class=\\\"flex justify-between\\\">\\r\\n                            <div class=\\\"favourites-add\\\">\\r\\n                                <a class=\\\"!bg-inherit !p-0 !h-auto !leading-[normal] cursor-pointer\\\"\\r\\n                                   click.trigger=\\\"addToFavourites()\\\" if.bind=\\\"!FavoritesExist\\\">\\r\\n                                    <img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_1___ + \"\\\" alt=\\\"favourite\\\">\\r\\n                                    <span>Add to favorites</span>\\r\\n                                </a>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <span class=\\\"error-messages text-sm !mb-2\\\" repeat.for=\\\"errorInfo of ToError\\\">\\r\\n                          ${errorInfo.error.message}\\r\\n                          </span>\\r\\n                    <div class=\\\"md:flex justify-between items-start md:items-center mb-4\\\">\\r\\n                        <div class=\\\"md:flex items-center mb-8 md:mb-0\\\">\\r\\n                            <div class=\\\"md:flex items-center md:mr-3 lg:mr-5 mb-4 md:mb-0\\\">\\r\\n                                <label class=\\\"text-[#212B36] mr-2 mb-2 md:mb-0 block\\\">Start date</label>\\r\\n                                <div>\\r\\n                                    <input id=\\\"from-date\\\" value.bind=\\\"From\\\" ref=\\\"datePicker\\\" name=\\\"calender\\\"\\r\\n                                           class=\\\"w-full md:w-[130px] lg:w-[4rem] xl:w-40 text-sm border h-9 rounded-md px-2.5 mr-1 md:mr-2\\\"\\r\\n                                           type=\\\"datepicker\\\" placeholder=\\\"dd-mm-yyyy\\\"  change.delegate=\\\"calculateDateDifference()\\\" >\\r\\n                                    <span class=\\\"hidden align-middle xl:inline-block\\\" ref=\\\"calendarIcon\\\"><img\\r\\n                                            src=\\\"\" + ___HTML_LOADER_REPLACEMENT_2___ + \"\\\" alt=\\\"datePicker\\\" id=\\\"datePic\\\"></span>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                            <div class=\\\"md:flex items-center md:mr-3 lg:mr-5 mb-4 md:mb-0\\\"\\r\\n                                 validation-errors.bind=\\\"ToError\\\"\\r\\n                                 class.bind=\\\"ToError.length ? 'has-error' : 'ToErrorsfield'\\\">\\r\\n                                <label class=\\\"text-[#212B36] mr-2 mb-2 md:mb-0 block\\\">End date</label>\\r\\n                                <div>\\r\\n                                    <input id=\\\"to-date\\\" ref=\\\"datePickerss\\\" value.bind=\\\"To & validate\\\" type=\\\"datepickerss\\\"\\r\\n                                           name=\\\"calenderss\\\"\\r\\n                                           class=\\\"w-full md:w-[130px] lg:w-[4rem] xl:w-40 text-sm border h-9 rounded-md px-2.5 mr-1 md:mr-2\\\"\\r\\n                                           placeholder=\\\"dd-mm-yyyy\\\"  change.delegate=\\\"calculateDateDifference()\\\" >\\r\\n                                    <span class=\\\"hidden align-middle xl:inline-block\\\" ref=\\\"calendarIconEnd\\\"><img\\r\\n                                            src=\\\"\" + ___HTML_LOADER_REPLACEMENT_2___ + \"\\\" alt=\\\"datePickerss\\\"\\r\\n                                            id=\\\"datePickerss\\\"></span>\\r\\n\\r\\n                                </div>\\r\\n                            </div>\\r\\n                            <div class=\\\"search-field\\\">\\r\\n                                <button class=\\\"!h-[32px] !leading-[34px] mr-2\\\" id=\\\"search-button\\\"\\r\\n                                        click.delegate=\\\"Search()\\\">Search\\r\\n                                </button>\\r\\n                                <button class=\\\"w-24 !h-[32px] !leading-[34px] !bg-[#1B2738] hover:!bg-[#2f3b4c] leading-[34px]\\\"\\r\\n                                        id=\\\"search-buttons\\\" click.delegate=\\\"Reset()\\\">Reset\\r\\n                                </button>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"export-excel flex justify-end md:justify-normal\\\">\\r\\n                            <button class=\\\"!bg-inherit border-2 p-0 text-[#1B2738] h-auto leading-[normal]\\\"\\r\\n                                    click.delegate=\\\"exportData()\\\">Export XLS\\r\\n                            </button>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"flex mt-2 selected-filters\\\">\\r\\n                        <strong class=\\\"block mt-1.5 mr-2 md:mr-4\\\">Filters applied</strong>\\r\\n                        <ul class=\\\"flex items-center flex-wrap\\\">\\r\\n                            <li repeat.for=\\\"status of selectedStatuses\\\">\\r\\n                            <span class=\\\"flex items-center\\\">${status.label}\\r\\n                            <button class=\\\"close-icon !p-0 !bg-inherit !h-[10px] !leading-[normal] ml-2\\\"\\r\\n                                    click.trigger=\\\"removeFilter(Allstatus,status)\\\"></button>\\r\\n                            </span>\\r\\n                            </li>\\r\\n                        </ul>\\r\\n                    </div>\\r\\n                    <div>\\r\\n                        <p class=\\\"display-items\\\" if.bind=\\\"totalItems >= 1\\\">\\r\\n                            Displaying items ${((currentPage - 1) * pageSize) + 1 } - ${ (currentPage * pageSize) >=\\r\\n                            totalItems ? totalItems : (currentPage * pageSize)} of ${totalItems}\\r\\n                        </p>\\r\\n                        <div class=\\\"loading-indicator1\\\" if.bind=\\\"isLoading\\\">\\r\\n                            <div class=\\\"loading-spinner1\\\">\\r\\n                                <img class=\\\"loading-message\\\" src=\\\"\" + ___HTML_LOADER_REPLACEMENT_3___ + \"\\\" alt=\\\"loader\\\" width=\\\"30\\\">\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"disable-desktop-scroll bg-white md:rounded-[16px]\\\" if.bind=\\\"!isLoading\\\">\\r\\n                            <table class=\\\"employee-list-table text-[#1B2738] text-sm whitespace-nowrap table table-striped w-full\\\"\\r\\n                                   aurelia-table=\\\"data.bind: PerformanceList; display-data.bind: $MyPerformanceList;\\r\\n                                   current-page.bind: currentPage; page-size.bind: pageSize; total-items.bind: totalItems;\\\">\\r\\n                                <thead>\\r\\n                                <tr>\\r\\n                                    <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" aut-sort=\\\"key.bind: nameLength\\\">\\r\\n                                        Review period from\\r\\n                                    </th>\\r\\n                                    <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\"\\r\\n                                        aut-sort=\\\"custom.bind: dateSort\\\">Review period to\\r\\n                                    </th>\\r\\n                                    <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\"\\r\\n                                        aut-sort=\\\"custom.bind: dateSort\\\">Review type\\r\\n                                    </th>\\r\\n\\r\\n                                    <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\">\\r\\n                                        <div class=\\\"relative\\\">\\r\\n                                            <button style=\\\"font-family: 'Avenir-Black'\\\" click.trigger=\\\"filterClick()\\\"\\r\\n                                                    class=\\\"action-btn !bg-inherit p-0 text-[#1B2738]\\\">Status\\r\\n                                            </button>\\r\\n                                            <div class=\\\"hidden dropdown absolute left-0 w-52 p-3.5 bg-white border border-solid border-slate-300 z-10\\\">\\r\\n                                                <div class=\\\"flex mb-3\\\">\\r\\n                                                    <input class=\\\"!mr-0 md:!mr-2.5\\\"\\r\\n                                                           type=\\\"checkbox\\\"\\r\\n                                                           name=\\\"status\\\"\\r\\n                                                           value=\\\"All\\\"\\r\\n                                                           checked.bind=\\\"statusOptions[0].checked\\\"\\r\\n                                                           change.trigger=\\\"selectAllChanged($event)\\\">\\r\\n                                                    <label class=\\\"!ml-2 md:!ml-0\\\">All</label>\\r\\n                                                </div>\\r\\n                                                <div class=\\\"flex mb-3\\\" repeat.for=\\\"status of statusOptions.slice(1)\\\">\\r\\n                                                    <input class=\\\"!mr-0 md:!mr-2.5\\\"\\r\\n                                                           type=\\\"checkbox\\\"\\r\\n                                                           name=\\\"status\\\"\\r\\n                                                           value.bind=\\\"status.value\\\"\\r\\n                                                           checked.bind=\\\"status.checked\\\"\\r\\n                                                           change.trigger=\\\"handleCheckboxChange($event, status)\\\">\\r\\n                                                    <label class=\\\"!ml-2 md:!ml-0\\\">${status.label}</label>\\r\\n                                                </div>\\r\\n                                                <div class=\\\"flex mt-4\\\">\\r\\n                                                    <button type=\\\"submit\\\"\\r\\n                                                            class=\\\"!h-8 btn btn-primary w-32 mr-3 !rounded-[30px] block !leading-[34px]\\\"\\r\\n                                                            click.delegate=\\\"Search()\\\">Search\\r\\n                                                    </button>\\r\\n                                                    <button class=\\\"w-32 h-8 rounded-[30px] !bg-[#1B2738] hover:!bg-[#2f3b4c] block leading-[34px]\\\"\\r\\n                                                            click.delegate=\\\"resetStatusDropdown()\\\">Reset\\r\\n                                                    </button>\\r\\n                                                </div>\\r\\n                                            </div>\\r\\n                                        </div>\\r\\n                                    </th>\\r\\n                                    <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\">Task</th>\\r\\n                                </tr>\\r\\n                                </thead>\\r\\n                                <tbody>\\r\\n                                <tr repeat.for=\\\"PerformanceList of $MyPerformanceList\\\">\\r\\n                                    <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\">\\r\\n                                        ${PerformanceList.ReviewFromText}\\r\\n                                    </td>\\r\\n                                    <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\">\\r\\n                                        ${PerformanceList.ReviewToText}\\r\\n                                    </td>\\r\\n                                    <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\">\\r\\n                                        ${PerformanceList.ReviewTypeName}\\r\\n                                    </td>\\r\\n                                    <td class=\\\"text-left py-3 px-3 bg-inherit border-0 min-w-[135px] w-[135px] md:min-w-[141px] md:w-[141px] !whitespace-normal\\\">\\r\\n                                        ${PerformanceList.StatusCodeText}\\r\\n                                    </td>\\r\\n                                    <td style=\\\"display: revert;\\\"\\r\\n                                        class=\\\"py-3 px-3 bg-inherit border-0 min-w-[190px] w-[190px]\\\">\\r\\n                                        <div if.bind=\\\"PerformanceList.Actions.length > 0\\\" class=\\\"relative inline mr-4\\\">\\r\\n                                            <button click.trigger=\\\"filterClick()\\\"\\r\\n                                                    class=\\\"action-btn !bg-inherit p-0 text-[#1B2738]\\\">Action\\r\\n                                            </button>\\r\\n                                            <div class=\\\"hidden dropdown absolute right-0 w-48 bg-white border border-solid border-slate-300 z-10\\\">\\r\\n                                                <button repeat.for=\\\"action of PerformanceList.Actions\\\"\\r\\n                                                        class=\\\"flex rounded-none !bg-inherit pt-2.5 pb-2.5 pl-3 text-slate-900 w-full h-auto leading-[normal] hover:!bg-zinc-200 transition\\\"\\r\\n                                                        click.trigger=\\\"KraShowDialog(action.ActionName,action.RecordStatusCode,PerformanceList.PeriodID,PerformanceList.KRAPerformanceReviewID,PerformanceList.ReviewTypeID,PerformanceList.ReviewFromText,PerformanceList.ReviewToText,PerformanceList.ViewID)\\\">\\r\\n                                                    <span>${action.ActionName}</span>\\r\\n                                                </button>\\r\\n                                            </div>\\r\\n                                        </div>\\r\\n                                        <div if.bind=\\\"PerformanceList.Views.length > 0\\\" class=\\\"relative inline mr-4\\\">\\r\\n                                            <button click.trigger=\\\"filterClick()\\\"\\r\\n                                                    class=\\\"action-btn !bg-inherit p-0 text-[#1B2738]\\\">View\\r\\n                                            </button>\\r\\n                                            <div class=\\\"hidden dropdown absolute right-0 w-48 bg-white border border-solid border-slate-300 z-10\\\">\\r\\n                                                <button repeat.for=\\\"action of PerformanceList.Views\\\"\\r\\n                                                        class=\\\"flex rounded-none !bg-inherit pt-2.5 pb-2.5 pl-3 text-slate-900 w-full h-auto leading-[normal] hover:!bg-zinc-200 transition\\\"\\r\\n                                                        click.trigger=\\\"ViewKraShowDialog(action.ActionName,action.RecordStatusCode,PerformanceList.PeriodID,PerformanceList.KRAPerformanceReviewID,PerformanceList.ReviewTypeID,PerformanceList.ReviewFromText,PerformanceList.ReviewToText,PerformanceList.ViewID)\\\">\\r\\n                                                    <span>${action.ActionName}</span>\\r\\n                                                </button>\\r\\n                                            </div>\\r\\n                                        </div>\\r\\n                                        <div class=\\\"relative inline\\\">\\r\\n\\r\\n                                            <div class=\\\"hidden dropdown absolute top-[100%] right-0 w-48 bg-white border border-solid border-slate-300 z-10\\\">\\r\\n                                                <button repeat.for=\\\"view of PerformanceList.Views\\\"\\r\\n                                                        class=\\\"flex rounded-none !bg-inherit pt-2.5 pb-2.5 pl-3 text-slate-900 w-full h-auto leading-[normal] hover:!bg-zinc-200 transition\\\"\\r\\n                                                        click.trigger=\\\"popupViewTimeOffRequest(goalsheet.LeaveApplicationID)\\\">\\r\\n                                                    <span>${view.ActionName}</span>\\r\\n                                                </button>\\r\\n                                                <button class=\\\"flex items-center rounded-none !bg-inherit pt-2.5 pb-2.5 pl-3 text-slate-900 w-full h-auto leading-[normal] hover:!bg-zinc-200 transition\\\">\\r\\n                                                    <img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_4___ + \"\\\" alt=\\\"assign-icon\\\">\\r\\n                                                    <span class=\\\"ml-3\\\">Assign</span>\\r\\n                                                </button>\\r\\n                                                <button class=\\\"flex items-center rounded-none !bg-inherit pt-2.5 pb-2.5 pl-3 text-slate-900 w-full h-auto leading-[normal] hover:!bg-zinc-200 transition\\\">\\r\\n                                                    <img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_5___ + \"\\\" alt=\\\"exempt-icon\\\">\\r\\n                                                    <span class=\\\"ml-3\\\">Exempt</span>\\r\\n                                                </button>\\r\\n                                            </div>\\r\\n                                        </div>\\r\\n                                    </td>\\r\\n                                </tr>\\r\\n                                </tr>\\r\\n                                </tbody>\\r\\n                            </table>\\r\\n                            <div if.bind=\\\"totalItems < 1\\\" class=\\\"text-center mt-4 pb-4\\\">No records found</div>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!isLoading\\\">\\r\\n                            <aut-pagination current-page.bind=\\\"currentPage\\\" page-size.bind=\\\"pageSize\\\"\\r\\n                                            total-items.bind=\\\"totalItems\\\" pagination-size.bind=\\\"5\\\"\\r\\n                                            boundary-links.bind=\\\"true\\\"\\r\\n                                            if.bind=\\\"PerformanceList && PerformanceList.length > 0\\\">\\r\\n                                <template replace-part=\\\"pagination\\\">\\r\\n                                    <ul class=\\\"custom-pagination flex-wrap\\\"\\r\\n                                        hide.bind=\\\"hideSinglePage && totalPages === 1\\\">\\r\\n                                        <li>\\r\\n                                            <a aria-label=\\\"FirstPage\\\" click.delegate=\\\"firstPage()\\\"\\r\\n                                               class-name.bind=\\\"currentPage === 1 ? 'disabled' : ''\\\">\\r\\n                                            </a>\\r\\n                                        </li>\\r\\n                                        <li>\\r\\n                                            <a aria-label=\\\"Previous\\\" click.delegate=\\\"previousPage()\\\"\\r\\n                                               class-name.bind=\\\"currentPage === 1 ? 'disabled' : ''\\\">\\r\\n                                            </a>\\r\\n                                        </li>\\r\\n\\r\\n                                        <li repeat.for=\\\"page of displayPages\\\">\\r\\n                                            <a click.delegate=\\\"selectPage(page.value)\\\"\\r\\n                                               class-name.bind=\\\"currentPage === page.value ? 'active' : ''\\\">\\r\\n                                                ${page.title}\\r\\n                                            </a>\\r\\n                                        </li>\\r\\n                                        <li>\\r\\n                                            <a aria-label=\\\"Next\\\" click.delegate=\\\"nextPage()\\\"\\r\\n                                               class-name.bind=\\\"currentPage === totalPages ? 'disabled' : ''\\\">\\r\\n                                            </a>\\r\\n                                        </li>\\r\\n                                        <li>\\r\\n                                            <a aria-label=\\\"LastPage\\\" click.delegate=\\\"lastPage()\\\"\\r\\n                                               class-name.bind=\\\"currentPage === 1 ? 'disabled' : ''\\\">\\r\\n                                            </a>\\r\\n                                        </li>\\r\\n                                    </ul>\\r\\n                                </template>\\r\\n                            </aut-pagination>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </main>\\r\\n        </div>\\r\\n    </div>\\r\\n</template>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;","// Imports\nimport ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___ from \"../../../../node_modules/html-loader/dist/runtime/getUrl.js\";\nvar ___HTML_LOADER_IMPORT_0___ = new URL(\"../../../images/palmtree.svg\", import.meta.url);\nvar ___HTML_LOADER_IMPORT_1___ = new URL(\"../../../images/loader.gif\", import.meta.url);\n// Module\nvar ___HTML_LOADER_REPLACEMENT_0___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_0___);\nvar ___HTML_LOADER_REPLACEMENT_1___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_1___);\nvar code = \"<template >\\r\\n    <require from=\\\"../../../shared/styles/timeoffsummary.css\\\"></require>\\r\\n    <require from=\\\"../../../shared/styles/leavemanagement.css\\\"></require>\\r\\n    <require from=\\\"../../../shared/styles/au-tablePagination.css\\\"></require>\\r\\n    <div class=\\\"flex mb-9 flex-col lg:flex-row\\\"  >\\r\\n        <div class=\\\"w-full\\\">\\r\\n            <main>\\r\\n                <div class=\\\"leavemanagement-banner !bg-cover w-full h-[120px] !bg-center md:h-[250px] relative mb-7\\\">\\r\\n                    <div class=\\\"xl:max-w-[1226px] 2xl:max-w-[1600px] mx-auto px-3 md:px-5 flex items-center pb-4 absolute bottom-0 left-0 right-0 md:pb-6\\\">\\r\\n                        <img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_0___ + \"\\\" alt=\\\"palmtree\\\">\\r\\n                        <h1 class=\\\"text-3xl lg:text-4xl xl:text-5xl text-white ml-2.5\\\">Leave Management</h1>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div class=\\\"my-timeoff-details relative xl:max-w-[1226px] 2xl:max-w-[1600px] mx-auto px-3 md:px-5\\\">\\r\\n                  <div>  \\r\\n                    <div class=\\\"flex justify-between mb-6\\\">\\r\\n                        <h1 class=\\\"text-xl text-[#4C9076]\\\"> \\r\\n                            View Applicability For KRA\\r\\n                             </h1>\\r\\n                    </div>\\r\\n\\r\\n                    <div class=\\\"md:flex mb-5 w-full md:w-[75%] adddocument-scrollbar\\\" >\\r\\n                        <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                            <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Type</label>\\r\\n                            <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${applicabilitykra.ApplicabilityTypeName}</label>\\r\\n                         </div>\\r\\n                     </div>\\r\\n\\r\\n                    \\r\\n                    <div>\\r\\n                        <p class=\\\"display-items\\\" if.bind=\\\"totalItems >= 1\\\">\\r\\n                            Displaying items ${((currentPage - 1) * pageSize) + 1 } - ${ (currentPage * pageSize) >= totalItems ? totalItems :  (currentPage * pageSize)}  of ${totalItems}\\r\\n                        </p>\\r\\n                        <div class=\\\"loading-indicator1\\\" if.bind=\\\"isLoading\\\">\\r\\n                            <div class=\\\"loading-spinner1\\\">\\r\\n                                <img class=\\\"loading-message\\\" src=\\\"\" + ___HTML_LOADER_REPLACEMENT_1___ + \"\\\" alt=\\\"loader\\\" width=\\\"30\\\">\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"disable-desktop-scroll bg-white rounded-[16px]\\\"  if.bind=\\\"!isLoading\\\">\\r\\n                            <table class=\\\"employee-list-table text-[#1B2738] text-sm whitespace-nowrap table table-striped w-full\\\" aurelia-table=\\\"data.bind: filteredEmployeesSummery; display-data.bind: $timeoffdetailsData; current-page.bind: currentPage; page-size.bind: pageSize; total-items.bind: totalItems;\\\"  >\\r\\n                                <thead>\\r\\n                                <tr>\\r\\n                                    <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" aut-sort=\\\"key.bind: nameLength\\\" >Location</th>\\r\\n                                    <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" aut-sort=\\\"custom.bind: dateSort\\\">Department</th>\\r\\n                                    <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" aut-sort=\\\"custom.bind: dateSort\\\">Position(s)</th>\\r\\n                                </tr>\\r\\n                                </thead>\\r\\n                                <tbody>\\r\\n                                <tr repeat.for=\\\"employee of $timeoffdetailsData\\\" >\\r\\n                                    <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >${employee.Name}</td>\\r\\n                                    <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >\\r\\n                                        <div repeat.for=\\\"department of employee.Departments\\\"> \\r\\n                                        ${department.Name}\\r\\n                                    </td>\\r\\n                                    <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >\\r\\n                                        <div repeat.for=\\\"department of employee.Departments\\\"> \\r\\n                                        ${department.PositionName}\\r\\n                                    </td>\\r\\n                                    <!-- <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >${employee.Departments.PositionName}</td> -->\\r\\n                                </tr>\\r\\n                                </tr>\\r\\n                                </tbody>\\r\\n                            </table>\\r\\n                            <div if.bind=\\\"totalItems < 1\\\" class=\\\"text-center mt-4 mb-4\\\">No records found</div>\\r\\n                        </div>\\r\\n                        <div  if.bind=\\\"!isLoading\\\">\\r\\n                        <aut-pagination current-page.bind=\\\"currentPage\\\" page-size.bind=\\\"pageSize\\\" total-items.bind=\\\"totalItems\\\" pagination-size.bind=\\\"5\\\" boundary-links.bind=\\\"true\\\" if.bind=\\\"filteredEmployeesSummery && filteredEmployeesSummery.length > 0\\\" >\\r\\n                            <template replace-part=\\\"pagination\\\" >\\r\\n                                <ul class=\\\"custom-pagination flex-wrap\\\" hide.bind=\\\"hideSinglePage && totalPages === 1\\\">\\r\\n                                    <li>\\r\\n                                        <a aria-label=\\\"FirstPage\\\" click.delegate=\\\"firstPage()\\\"\\r\\n                                           class-name.bind=\\\"currentPage === 1 ? 'disabled' : ''\\\">\\r\\n                                        </a>\\r\\n                                    </li>\\r\\n                                    <li>\\r\\n                                        <a aria-label=\\\"Previous\\\" click.delegate=\\\"previousPage()\\\"\\r\\n                                           class-name.bind=\\\"currentPage === 1 ? 'disabled' : ''\\\">\\r\\n                                        </a>\\r\\n                                    </li>\\r\\n\\r\\n                                    <li repeat.for=\\\"page of displayPages\\\">\\r\\n                                        <a click.delegate=\\\"selectPage(page.value)\\\" class-name.bind=\\\"currentPage === page.value ? 'active' : ''\\\">\\r\\n                                            ${page.title}\\r\\n                                        </a>\\r\\n                                    </li>\\r\\n                                    <li>\\r\\n                                        <a aria-label=\\\"Next\\\" click.delegate=\\\"nextPage()\\\"\\r\\n                                           class-name.bind=\\\"currentPage === totalPages ? 'disabled' : ''\\\">\\r\\n                                        </a>\\r\\n                                    </li>\\r\\n                                    <li>\\r\\n                                        <a aria-label=\\\"LastPage\\\" click.delegate=\\\"lastPage()\\\"\\r\\n                                           class-name.bind=\\\"currentPage === 1 ? 'disabled' : ''\\\">\\r\\n                                        </a>\\r\\n                                    </li>\\r\\n                                </ul>\\r\\n                            </template>\\r\\n                        </aut-pagination></div>\\r\\n                    </div>\\r\\n                    <h2>Performance ratings section</h2>\\r\\n                   \\r\\n                    <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Can employee rate himself / herself (self-rating)? </label>\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${applicabilitykra.EmployeeRateHimselfText}</label>\\r\\n                     </div>\\r\\n                     <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Number of days for manager to rate</label>\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${applicabilitykra.DaysManagerRateSubordinate}&nbsp; his / her subordinate</label>\\r\\n                     </div>\\r\\n\\r\\n                     <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Notify manager</label>\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${applicabilitykra.NotifyManagerRateSubordinateText}&nbsp; ${applicabilitykra.NotifyManagerRateSubordinateDays}&nbsp; day(s) before the due date</label>\\r\\n                     </div>\\r\\n                     <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">System will consider employee's decision as deemed acceptance after</label>\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${applicabilitykra.EmployeeDecisionDays} &nbsp;  day(s) from recieving manager's rating</label>\\r\\n                     </div>\\r\\n                  <h3>If employee doesn't satisfy with given scores, then employee can raise escalations as per below selection</h3>\\r\\n                  <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                    <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Applicability for escalation</label>\\r\\n                    <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${applicabilitykra.ApproverNameList}</label>\\r\\n                 </div>\\r\\n                 <h4>Additional settings</h4>\\r\\n                \\r\\n                 <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                    <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Can employees be exempted from review</label>\\r\\n                    <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${applicabilitykra.EmployeeExemptedReviewText}</label>\\r\\n                 </div>\\r\\n                 <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                    <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Number of day(s)</label>\\r\\n                    <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${applicabilitykra.ExemptionMarkedDays} &nbsp;  before completion of review period, for the exemption to be marked</label>\\r\\n                 </div>\\r\\n                </div>\\r\\n            </main>\\r\\n        </div></div></template>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;"],"names":[],"sourceRoot":""}