{"version":3,"file":"app-46dd862c.d152cf98c45d962fa693.bundle.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAIA;AACA;;AAiBA;AAAA;AApBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAkDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAvDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAUA;AACA;AACA;AACA;AACA;;AAEA;AACA;AAEA;AAEA;AACA;;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;;AAEA;AAEA;AACA;AACA;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;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;;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;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;AACA;AACA;AACA;AAEA;AACA;AACA;AAGA;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;AAAA;AAAA;AAAA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAEA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAGA;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;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AAIA;AAEA;AAEA;AACA;AAEA;AACA;AAEA;AAEA;;;;;;;;;;;;;;;;;;;;;;;AC5jBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAGA;AAAA;AAUA;AACA;AACA;AACA;AACA;AACA;AAdA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAGA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;ACtGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAGA;AAAA;AAUA;AACA;AACA;AACA;AACA;AAbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;;AAEA;AAEA;AAEA;;AAEA;AAEA;AACA;AACA;AAIA;;;;;;;;;;;;;;;;;;ACxEA;AACA;AACA;AAKA;AAIA;AAAA;AAMA;AACA;AACA;AA+BA;AAAA;AAAA;AAtCA;AACA;AAEA;AAQA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAOA;;;;;;;;;;;;;;;;;;;;;;;ACrDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAOA;AAAA;AALA;AACA;AACA;AACA;AAWA;AA+CA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AApEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAkBA;;;;;;;;;;;;;;;;;;ACvFA;AACA;AACA;AAKA;AAKA;AAAA;AAMA;AACA;AACA;AA4BA;AAAA;AAAA;AAnCA;AACA;AAEA;AAQA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AAEA;;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAMA;;;;;;;;;;;;;;;;;;;;;;;ACnDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAGA;AAAA;AAUA;AACA;AACA;AACA;AACA;AAbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;AC9DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;ACPA;AACA;AACA;AACA;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;ACHA;AACA;AACA;AACA","sources":["webpack://HRMSPortal/./src/components/appreciation/appreciationcomponent.js","webpack://HRMSPortal/./src/components/appreciation/appreciationsprovidedbymecomponent.js","webpack://HRMSPortal/./src/components/appreciation/myappreciationcomponent.js","webpack://HRMSPortal/./src/components/appreciation/showpoints/showpointscomponent.js","webpack://HRMSPortal/./src/components/appreciation/showprofile/showprofilecomponent.js","webpack://HRMSPortal/./src/components/appreciation/showtopperformancedetails/showdetailscomponent.js","webpack://HRMSPortal/./src/components/appreciation/topperformancepreviewcomponent.js","webpack://HRMSPortal/./src/components/appreciation/appreciationcomponent.html","webpack://HRMSPortal/./src/components/appreciation/appreciationsprovidedbymecomponent.html","webpack://HRMSPortal/./src/components/appreciation/myappreciationcomponent.html","webpack://HRMSPortal/./src/components/appreciation/showpoints/showpointscomponent.html","webpack://HRMSPortal/./src/components/appreciation/showprofile/showprofilecomponent.html","webpack://HRMSPortal/./src/components/appreciation/showtopperformancedetails/showdetailscomponent.html","webpack://HRMSPortal/./src/components/appreciation/topperformancepreviewcomponent.html"],"sourcesContent":["import {inject } from 'aurelia-framework';\r\nimport {HttpClient, json} from 'aurelia-fetch-client';\r\nimport {Router,activationStrategy} from 'aurelia-router';\r\nimport { AppreciationService } from '../../shared/services/appreciationservice';\r\nimport {SharedState} from '../../shared/state/sharedstate';\r\nimport {config} from '../../shared/services/config';\r\nimport {ValidationControllerFactory, ValidationRules} from 'aurelia-validation';\r\nimport { DialogService } from 'aurelia-dialog';\r\nimport { ShowDetailsComponent } from './showtopperformancedetails/showdetailscomponent';\r\nimport { ShowProfileComponent } from './showprofile/showprofilecomponent';\r\nimport { ShowPointsComponent } from './showpoints/showpointscomponent';\r\nimport $ from 'jquery'; \r\nimport slick from 'slick-carousel';\r\nimport { ShowPopup } from '../alertpopup/showpopup';\r\nimport {LoginService} from \"../../shared/services/loginservice\";\r\nimport {JwtService} from \"../../shared/services/jwtservice\";\r\n\r\n\r\n@inject(AppreciationService, SharedState, Router, HttpClient, Element, ValidationControllerFactory,DialogService,LoginService,JwtService)\r\nexport class Appreciation {\r\n    selectedAppreciationType;\r\n    showsearchEmpDropdown = false;\r\n    pageSize = 5; //Appreciations Given\r\n    pageSize1=5; //Appreciations  Received\r\n    Feedback='';\r\n    CategoryID='';\r\n    selectedCategory='';\r\n    AppreciationCategoryConfigID='';\r\n    selectedCategoryId;\r\n    CategoryIDArray=[];\r\n    selectedEmployeeName = '';\r\n    selectedsearchEmployee = [];\r\n    selectedsearchEmployeeName = [];\r\n    selectedRadio = '1';\r\n    selectedEmployees = [];\r\n    EmployeeListIDs = [];\r\n    showEmpDropdown = false;\r\n    notifyemails = [];\r\n    dropdownOptions = [];\r\n    isFormSubmitted = false;\r\n    constructor(appreciationService, sharedState, router, httpClient, element, controllerFactory,dialogService,loginservice,JwtService) {\r\n        this.appreciationService = appreciationService;\r\n        this.sharedState = sharedState;\r\n        this.router = router;\r\n        this.httpClient = httpClient;\r\n        this.element = element;\r\n        this.dialogService = dialogService;\r\n        this.controllerFactory = controllerFactory.createForCurrentScope();\r\n        this.searchQuery = '';\r\n        this.searchText = '';\r\n        this.dropdownOptions = [];\r\n        this.dropdownsearchOptions = [];\r\n        this.selectedEmployees = [];\r\n        this.selectedEmployee = null;\r\n        this.filterEmpOption = '';\r\n        this.ShowDetails = [];\r\n        this.selectedEmployees = [];\r\n        this.selectedCategory = null;\r\n        this.loginservice = loginservice;\r\n        this.jwtService = JwtService;\r\n        ValidationRules\r\n            .ensure('Feedback').required().withMessage('Feedback field is required.')\r\n            .ensure('searchText')\r\n            .required()\r\n            .withMessage('Employee name is required')\r\n            .ensure('selectedCategory')\r\n            .required()\r\n            .withMessage('Please select atleast one appreciation category.')\r\n            .on(this);\r\n    }\r\n    validateEmails() {\r\n        if (this.emails && this.emails.trim() !== '') {\r\n            const emails = this.emails.split(',');\r\n            const emailRegex = /^[^\\s@]+@[^\\s@]+\\.(com|co|in|org|cc|net)$/;\r\n            const invalidEmails = [];\r\n            for (const email of emails) {\r\n                const trimmedEmail = email.trim();\r\n                if (!emailRegex.test(trimmedEmail)) {\r\n                    invalidEmails.push(trimmedEmail);\r\n                }\r\n            }\r\n            if (invalidEmails.length > 0 || (emails.length > 1 && this.emails.indexOf(',') === -1)) {\r\n                this.specifyemailerror = 'Invalid email address and Email(s) should be separated by commas';\r\n                return false;\r\n            }\r\n        }\r\n        this.specifyemailerror = '';\r\n        return true;\r\n    }\r\n      getAppreciations=[]; //Appreciation type\r\n      MyAppreciationSummay=[];\r\n      AppreciationsProvidedList=[]; //Total Appreciations Given\r\n      AppreciationDetails=[]; // Total Appreciations Received\r\n      TopPerformancePreviewDetails=[];\r\n      previousYear = this.getPreviousYear();\r\n      configimgurl=config.img_url;\r\n      Configurl=config.api_img_url;\r\n\r\n      attached(){\r\n          // if(this.jwtService.getToken() === undefined){\r\n          //     this.loginservice.purgeAuth();\r\n          //     this.router.navigateToRoute('login')\r\n          // }\r\n\r\n        // Get Total Appreciations Given\r\n            this.LoginempId=window.localStorage['EmployeeID'];\r\n                  \r\n            this.appreciationService.GetAppreciationsProvidedList(this.LoginempId)\r\n            .then(AppreciationsProvidedList =>{\r\n              this.AppreciationsProvidedList = AppreciationsProvidedList;         \r\n            });\r\n\r\n       // Get Total Appreciations Received\r\n            this.appreciationService.getMyAppreciationDetails(this.LoginempId,this.previousYear)\r\n            .then(AppreciationDetails =>{\r\n              this.AppreciationDetails = AppreciationDetails;  \r\n              this.selectedCategoryDetails=this.AppreciationDetails;\r\n              });\r\n            this.appreciationService.getMyAppreciationSummary(this.LoginempId,this.previousYear)\r\n            .then(MyAppreciationSummay =>{\r\n              this.MyAppreciationSummay = MyAppreciationSummay.EmployeeAppreciationModelList;  \r\n              });\r\n           //Top performance preview\r\n              this.appreciationService.GetTopPerformanceList(this.previousYear)\r\n              .then(reviewDetails =>{\r\n                this.TopPerformancePreviewDetails = reviewDetails.EmployeeAppreciationModelList;  \r\n            });\r\n             //Appreciation types\r\n\r\n              this.appreciationService.GetAppreciations()\r\n              .then(getAppreciations => {\r\n              this.getAppreciations=getAppreciations;\r\n                // console.log(getAppreciations);\r\n              })\r\n                setTimeout(()=>{\r\n              const tabTriggerBtns = document.querySelectorAll('.appreciation-type ul li');\r\n               tabTriggerBtns.forEach(function(tabTriggerBtn, index){\r\n                 tabTriggerBtn.addEventListener('click', function(){\r\n                     const currentTabData = document.querySelector('.appreciation-tab-content[data-tab-content=\"' + this.dataset.tabTrigger + '\"]');\r\n                     document.querySelector('.appreciation-tab-content.is-active').classList.remove('is-active');\r\n                     document.querySelector('.appreciation-type ul li.active').classList.remove('active');\r\n                     currentTabData.classList.add('is-active');\r\n                     this.classList.add('active');\r\n                 });\r\n             });\r\n\r\n               $('.performance-slider').slick({\r\n                  dots: false, \r\n                  infinite: false, \r\n                  arrows: true, \r\n                  slidesToShow: 5,\r\n                  slidesToScroll: 1,\r\n                  responsive: [\r\n                  {\r\n                    breakpoint: 1200,\r\n                    settings: {\r\n                      slidesToShow: 3,\r\n                    }\r\n                  },\r\n                  {\r\n                    breakpoint: 1024,\r\n                    settings: {\r\n                      slidesToShow: 4,\r\n                    }\r\n                  },\r\n                  {\r\n                    breakpoint: 767,\r\n                    settings: {\r\n                      slidesToShow: 3,\r\n                    }\r\n                  },\r\n                  {\r\n                    breakpoint: 666,\r\n                    settings: {\r\n                      slidesToShow: 1,\r\n                    }\r\n                  }\r\n                ]\r\n              })\r\n            },5000)\r\n        }\r\n        onToggleClick() {\r\n          event.preventDefault();\r\n          const parentTr = event.target.closest('tr');\r\n          if (parentTr) {\r\n            parentTr.classList.toggle('open-comment');\r\n          }\r\n        }\r\n        getPreviousYear() {\r\n          const myDate = new Date();\r\n          myDate.setFullYear(myDate.getFullYear()-1 ); // -1\r\n          return myDate.getFullYear();\r\n        }\r\n    async onsearchEmployeeSelected() {\r\n      this.selectedCategoryErrors=[];\r\n        const trimmedSearchText = this.searchText.trim(); // Remove leading and trailing spaces\r\n        this.searchedtext = this.searchText;\r\n        if (trimmedSearchText.length > 0) {\r\n            // Non-empty input, proceed to open the dropdown and perform filtering\r\n            this.showsearchEmpDropdown = true;\r\n            this.noEmployeeFoundMessage = null;\r\n            try {\r\n                const response = await this.appreciationService.GetEmployeeNames(this.searchedtext);\r\n                const data = await response;\r\n                const filterOption = trimmedSearchText.toLowerCase();\r\n                this.dropdownsearchOptions = data.filter(options => options.EmployeeName.toLowerCase().includes(filterOption));\r\n\r\n                // Assuming this.LoginempId is a string, convert it to a number\r\n                const loginEmpId = parseInt(this.LoginempId, 10);\r\n\r\n                this.dropdownsearchOptions = this.dropdownsearchOptions.filter(option => option.EmployeeID !== loginEmpId);\r\n\r\n                if (this.dropdownsearchOptions.length === 0) {\r\n                    this.noEmployeeFoundMessage = \"No records found\";\r\n                }else {\r\n                    this.noEmployeeFoundMessage = \"\";\r\n                }\r\n            } catch (error) {\r\n                //console.error(error);\r\n            }\r\n        } else {\r\n            this.showsearchEmpDropdown = false;\r\n            this.dropdownsearchOptions = [];\r\n            this.noEmployeeFoundMessage = null;\r\n            \r\n        }\r\n    }\r\n    selectsearchEmployee(EmpOption) {\r\n        const modifiedOption = { ...EmpOption, ID: EmpOption.EmployeeID };\r\n        this.searchText = modifiedOption.EmployeeName;\r\n        this.showsearchEmpDropdown = false;\r\n        this.selectedsearchEmployee = modifiedOption;\r\n        this.selectedsearchEmployeeName=this.searchText;\r\n\r\n    }\r\n    async  toggleNotifyFields(checked) {\r\n        this.showNotifyFields = checked;\r\n        this. selectedRadio = '1';\r\n    }\r\n    onEmailSelected() {\r\n        this.selectedRadio = '2';\r\n        this.searchQuery = '';\r\n        this.employenameerror = '';\r\n        this.employenameerror = '';\r\n    }\r\n    async onEmployeeSelected() {\r\n        this.selectedRadio = '1';\r\n        this.emails = '';\r\n        this.specifyemailerror = '';\r\n        if (this.searchQuery) {\r\n            this.showEmpDropdown = true;\r\n\r\n            try {\r\n                const response = await this.appreciationService.GetEmployeeNames(this.searchQuery);\r\n                const data = await response;\r\n                const filterOption = this.searchQuery.toLowerCase();\r\n                this.dropdownOptions = data.filter(option => option.EmployeeName.toLowerCase().includes(filterOption));\r\n                this.empid = this.jwtService.getEmployeeId(); // Assuming this.empid is a string\r\n                this.dropdownOptions = this.dropdownOptions.filter(option => option.EmployeeID !== parseInt(this.empid, 10));\r\n                if (this.dropdownOptions.length === 0) {\r\n                    const errorInfo = {\r\n                        error: {\r\n                            message: \"No records found\"\r\n                        }\r\n                    };\r\n                    this.NameError = [errorInfo];\r\n                } else {\r\n                    this.NameError = [];\r\n                }\r\n            } catch (error) {\r\n            }\r\n        } else {\r\n            this.showEmpDropdown = false;\r\n            this.dropdownOptions = [];\r\n            \r\n            \r\n        }\r\n    }\r\n    selectEmployee(EmpOption) {\r\n        const modifiedOption = {\r\n            ...EmpOption,\r\n            ID: EmpOption.EmployeeID\r\n        };\r\n        this.searchQuery = modifiedOption.EmployeeName;\r\n        this.showEmpDropdown = false;\r\n        this.selectedEmployee = modifiedOption;\r\n        return false;\r\n    }\r\n    addToSelectedOptions(id) {\r\n       // this.NameError=null;\r\n      //  if (this.selectedEmployee===null) {\r\n      //   this.dialogService.open({viewModel: ShowPopup, model:\"\"});\r\n      //   //alert(\"Please select valid employee.\");\r\n      //   }\r\n        let emails = this.emails || '';\r\n        if (this.selectedRadio === '1') {\r\n            if (!this.searchQuery || this.searchQuery.trim() === '') {\r\n                this.employenameerror = \"Employee name is required\";\r\n                return;\r\n            }\r\n           else if (this.selectedEmployee===null) {\r\n            this.employenameerror=null;\r\n              this.dialogService.open({viewModel: ShowPopup, model:\"\"});\r\n              //alert(\"Please select valid employee.\");\r\n              }\r\n            this.appreciationService.GetEmployeeNamesForGrid(id).then(data => {\r\n                this.Ids = data.EmployeeID;\r\n                this.empmail = data.EmailID;\r\n                this.EName = data.EmployeeName;\r\n                let employeeemail = {\r\n                    EmailIds: this.empmail,\r\n                    PersonID: this.Ids,\r\n                    EmployeeName: this.EName,\r\n                };\r\n                const existingEmployee = this.selectedEmployees.find(emp => emp.PersonID === id);\r\n                if (existingEmployee) {\r\n                    this.employenameerror = \"Employee name already exists\";\r\n                    return;\r\n                }\r\n                this.EmployeeListIDs.push(employeeemail);\r\n                this.selectedEmployees.push(employeeemail);\r\n                this.searchQuery = '';\r\n                this.employenameerror = '';\r\n            });\r\n        } else if (this.selectedRadio === '2') {\r\n            if (this.validateEmails()) {\r\n                // Check if the email already exists\r\n                const existingEmail = this.selectedEmployees.find(emp => emp.EmailIds === emails);\r\n                if (existingEmail) {\r\n                    this.specifyemailerror = \"Email id already exists\";\r\n                    return;\r\n                }\r\n                if (emails.trim() !== '') {\r\n                    const emailEntry = {\r\n                        PersonID: -1,\r\n                        EmailIds: emails\r\n                    };\r\n                    this.newmail = emailEntry;\r\n                    this.notifyemails.push(this.newmail);\r\n                    this.EmployeeListIDs.push(...this.notifyemails);\r\n                    this.selectedEmployees.push(emailEntry);\r\n                    this.emails = '';\r\n                } else {\r\n                    this.specifyemailerror = \"Specify email is required\";\r\n                    return;\r\n                }\r\n                this.employenameerror = '';\r\n                this.specifyemailerror = '';\r\n                this.validatemessage = '';\r\n            }\r\n        }\r\n    }\r\n\r\n    deleteEmployee(emp) {\r\n        const index = this.selectedEmployees.indexOf(emp);\r\n        if (index !== -1) {\r\n            this.selectedEmployees.splice(index, 1);\r\n            this.EmployeeListIDs.splice(index, 1);\r\n        }\r\n        const deletedIds = emp.EmployeeID;\r\n        this.EmployeeListIDs = this.EmployeeListIDs.filter(id => id !== deletedIds);\r\n        this.Ids = this.EmployeeListIDs;\r\n    }\r\n\r\n            Submit() {\r\n                this.controllerFactory.validate()\r\n                    .then(result => {\r\n                        if (result.valid) {\r\n                          console.log(this.catid)\r\n                           if(this.catid === undefined || this.catid === null)\r\n                           {\r\n                            this.catagoryerror = 'Please select appreciation type';\r\n                               const errorElement = document.querySelector(\".error-messages\");\r\n                               if (errorElement) {\r\n                                   errorElement.scrollIntoView();\r\n                               }\r\n                            }else{\r\n\r\n                           if( this.notifyind === true && this.EmployeeListIDs.length === 0 && this.notifyemails.length === 0) {\r\n                              this.validatemessage = \"Atleast one peer is required\";\r\n                               const errorElement = document.querySelector(\".error-messages\");\r\n                               if (errorElement) {\r\n                                   errorElement.scrollIntoView();\r\n                               }\r\n                          }else {\r\n                              this.validatemessage = \"\";\r\n                              let data = {};\r\n                              data.ReceivedEmployeeID = this.selectedsearchEmployee.EmployeeID;\r\n                              data.Feedback = this.Feedback;\r\n                              data.ProvidedEmployeeID = this.LoginempId;\r\n                              data.CategoryID = this.catid;\r\n                              data.NotifyEmployeeList = this.EmployeeListIDs;\r\n                              data.NotifyPeersIND = this.notifyind;\r\n                              data.MessageToPeers = this.comments;\r\n                               this.isFormSubmitted = true;\r\n                              this.appreciationService.SaveAppreciation(data)\r\n                                  .then(() => {\r\n                                      this.successMessage = 'Appreciation submitted successfully';\r\n                                      setTimeout(() => {\r\n                                          this.successMessage = null;\r\n                                      }, 5000);\r\n                                      const errorElement = document.querySelector(\".success-message\");\r\n                                      if (errorElement) {\r\n                                          errorElement.scrollIntoView();\r\n                                      }\r\n                                      this.selectedEmployee = null;\r\n                                      this.searchQuery = null;\r\n                                      this.searchText = null;\r\n                                      this.CategoryID = null;\r\n                                      this.Feedback = '';\r\n                                      this.errorMessage = '';\r\n                                      this.selectedCategory = null;\r\n                                      this.EmployeeListIDs = [];\r\n                                      this.notifyind = '';\r\n                                      this.selectedEmployees = [];\r\n                                      this.notifyemails = [];\r\n                                      this.searchQuery = '';\r\n                                      this.employenameerror = '';\r\n                                      this.showNotifyFields = false;\r\n                                      this.comments = '';\r\n                                      this.catagoryerror = '';\r\n                                      this.validatemessage = '';\r\n                                      this.selectedCategory = '';\r\n                                      this.appreciationtype='';\r\n                                      this.catid =null;\r\n                                      this.isFormSubmitted = false;\r\n\r\n                                      const liElements = document.querySelectorAll('.appreciation-type li');\r\n                                      const activeLi = document.querySelector('.appreciation-type li.active');\r\n                                      if (activeLi) {\r\n                                        activeLi.classList.remove('active');\r\n                                        liElements[0].classList.remove('active'); //add instaed of remove after click on reset active move to first\r\n                                      }\r\n                      \r\n                                      const tabContentElements = document.querySelectorAll('.appreciation-tab-content');\r\n                                      const activeTabContent = document.querySelector('.appreciation-tab-content.is-active');\r\n                                      if (activeTabContent) {\r\n                                        activeTabContent.classList.remove('is-active');\r\n                                        tabContentElements[0].classList.remove('is-active'); //add instaed of remove after click on reset active move to first\r\n                                      }\r\n\r\n                                      this.LoginempId = window.localStorage['EmployeeID'];\r\n\r\n                                      this.appreciationService.GetAppreciationsProvidedList(this.LoginempId)\r\n                                          .then(AppreciationsProvidedList => {\r\n                                              this.AppreciationsProvidedList = AppreciationsProvidedList;\r\n                                          });\r\n\r\n                                  })\r\n                                  .catch((error) => {\r\n                                      this.successMessage = '';\r\n                                      this.errorMessage = 'Error submitting appreciation: ' + error;\r\n                                      const errorElement = document.querySelector(\".error-messages\");\r\n                                      if (errorElement) {\r\n                                          errorElement.scrollIntoView();\r\n                                      }\r\n                                  });\r\n                          }\r\n                           }\r\n                        }else {\r\n                            const errorElement = document.querySelector(\".error-messages\");\r\n                            if (errorElement) {\r\n                                errorElement.classList.add(\"scroll-to-error\");\r\n                                errorElement.scrollIntoView({ behavior: \"auto\" });\r\n                            }\r\n                        }\r\n                    });\r\n                    \r\n\r\n            }\r\n\r\n            ResetForm(){\r\n                this.selectedEmployee = null;\r\n                this.searchQuery = null;\r\n                this.searchText = null;\r\n                this.CategoryID = null;\r\n                this.Feedback = null;\r\n                this.errorMessage = '';\r\n                this.selectedCategory = null;\r\n                this.EmployeeListIDs = [];\r\n                this.notifyind = '';\r\n                this.selectedEmployees = [];\r\n                this.notifyemails = [];\r\n                this.searchQuery = '';\r\n                this.employenameerror = '';\r\n                this.showNotifyFields = false;\r\n                this.comments = '';\r\n                //this.NameError='';\r\n                this.employenameerror = '';\r\n                this.specifyemailerror='';\r\n                this.searchTextError = [];\r\n                this.FeedbackErrors = [];\r\n                this.NameError=null;\r\n                this.showEmpDropdown=null;\r\n                this.noEmployeeFoundMessage='';\r\n                this.catagoryerror = '';\r\n                this.validatemessage = '';\r\n                this.catid =null;\r\n\r\n                const liElements = document.querySelectorAll('.appreciation-type li');\r\n                const activeLi = document.querySelector('.appreciation-type li.active');\r\n                if (activeLi) {\r\n                  activeLi.classList.remove('active');\r\n                  liElements[0].classList.remove('active'); //add instaed of remove after click on reset active move to first\r\n                }\r\n\r\n                const tabContentElements = document.querySelectorAll('.appreciation-tab-content');\r\n                const activeTabContent = document.querySelector('.appreciation-tab-content.is-active');\r\n                if (activeTabContent) {\r\n                  activeTabContent.classList.remove('is-active');\r\n                  tabContentElements[0].classList.remove('is-active'); //add instaed of remove after click on reset active move to first\r\n                }\r\n\r\n            }\r\n\r\n              handleClick(appreciationtype) {\r\n\r\n                  const selectedCategoryId = appreciationtype.AppreciationCategoryConfigID;\r\n                  const listItems = document.querySelectorAll('.appreciation-type li');\r\n                  listItems.forEach((item) => {\r\n                  item.classList.remove('active');\r\n                 this.catagoryerror='';\r\n                  \r\n              });\r\n              \r\n                  const selectedListItem = document.querySelector(`[data-tab-trigger=\"${appreciationtype.AppreciationCategoryConfigID}\"]`);\r\n                  selectedListItem.classList.add('active');\r\n                  const appreciationContents = document.querySelectorAll('.appreciation-tab-content');\r\n                  appreciationContents.forEach((content) => {\r\n                  content.classList.remove('is-active');\r\n              });\r\n              \r\n                  const selectedContent = document.querySelector(`[data-tab-content=\"${appreciationtype.AppreciationCategoryConfigID}\"]`);\r\n                  selectedContent.classList.add('is-active');\r\n              \r\n                  this.Tabdata={\r\n                    categoryId:selectedCategoryId,\r\n                    \r\n                  };\r\n                  this.catid = this.Tabdata.categoryId;\r\n                 \r\n            }\r\n            \r\n              showPopupGrid(performance) {\r\n                \r\n                this.dialogService.open({viewModel: ShowDetailsComponent, model: performance});\r\n              }\r\n\r\n              showProfile(performance){\r\n                \r\n                this.dialogService.open({viewModel: ShowProfileComponent, model: performance})\r\n              }\r\n\r\n              showScore(performance)\r\n              {\r\n                this.dialogService.open({viewModel: ShowPointsComponent, model: performance})\r\n              }\r\n               \r\n             selectedCategoryDetails = [];\r\n\r\n              show(option)\r\n              {\r\n                if(option != '')\r\n                {\r\n                  this.selectedCategoryDetails = this.AppreciationDetails.filter((getappreciation) => getappreciation.CategoryName === option.CategoryName);\r\n                }\r\n                else{\r\n                  this.selectedCategoryDetails=this.AppreciationDetails;\r\n                }\r\n                \r\n              }\r\n            \r\n  }\r\n","import {inject } from 'aurelia-framework';\r\nimport {HttpClient, json} from 'aurelia-fetch-client';\r\nimport {Router,activationStrategy} from 'aurelia-router';\r\nimport { AppreciationService } from '../../shared/services/appreciationservice';\r\nimport {SharedState} from '../../shared/state/sharedstate';\r\nimport {config} from '../../shared/services/config';\r\nimport {LoginService} from \"../../shared/services/loginservice\";\r\nimport {JwtService} from \"../../shared/services/jwtservice\";\r\n\r\n@inject(AppreciationService, SharedState, Router, HttpClient,LoginService,JwtService, Element)\r\nexport class AppreciationsProvidedByMe{\r\n\r\n    constructor(appreciationService, sharedState, router, httpClient,JwtService,loginservice, element) {\r\n        this.appreciationService = appreciationService;\r\n        this.sharedState = sharedState;\r\n        this.router = router;\r\n        this.httpClient = httpClient;\r\n        this.element = element;\r\n        this.loginservice = loginservice;\r\n        this.jwtService = JwtService;\r\n      }\r\n      \r\n      AppreciationsProvidedList=[];\r\n      pageNumber = 1;\r\n      itemsPerPage = 5;\r\n      totalItems=0;\r\n      displayedItems = [];\r\n      startIndex;\r\n      endIndex;\r\n    \r\n      attached() {\r\n        this.updateDisplayedItems();\r\n          // if(this.jwtService.getToken() === undefined){\r\n          //     this.loginservice.purgeAuth();\r\n          //     this.router.navigateToRoute('login')\r\n          // }\r\n          this.LoginempId=window.localStorage['EmployeeID'];\r\n          this.appreciationService.GetAppreciationsProvidedList(this.LoginempId)\r\n              .then(AppreciationsProvidedList =>{\r\n                  this.AppreciationsProvidedList = AppreciationsProvidedList;\r\n                  this.totalItems = AppreciationsProvidedList.length;\r\n\r\n\r\n              });\r\n      }\r\n    \r\n      getTotalPages() {\r\n        return Math.ceil(this.totalItems / this.itemsPerPage);\r\n        \r\n      }\r\n    \r\n      getPageRange(pageNumber, itemsPerPage, totalItems) {\r\n        const startIndex = (pageNumber - 1) * itemsPerPage + 1;\r\n        const endIndex = Math.min(startIndex + itemsPerPage - 1, totalItems);\r\n        return { startIndex, endIndex };\r\n      }\r\n    \r\n      goToFirstPage() {\r\n        if (this.pageNumber > 1) {\r\n          this.pageNumber = 1;\r\n          this.updateDisplayedItems();\r\n        }\r\n      }\r\n    \r\n      goToPreviousPage() {\r\n        if (this.pageNumber > 1) {\r\n          this.pageNumber--;\r\n          this.updateDisplayedItems();\r\n        }\r\n      }\r\n    \r\n      goToNextPage() {\r\n        if (this.pageNumber < this.getTotalPages()) {\r\n          this.pageNumber++;\r\n          this.updateDisplayedItems();\r\n        }\r\n      }\r\n    \r\n      goToLastPage() {\r\n        if (this.pageNumber < this.getTotalPages()) {\r\n          this.pageNumber = this.getTotalPages();\r\n          this.updateDisplayedItems();\r\n        }\r\n      }\r\n    \r\n      updateDisplayedItems() {\r\n        const { startIndex, endIndex } = this.getPageRange(\r\n          this.pageNumber,\r\n          this.itemsPerPage,\r\n          this.totalItems\r\n        );\r\n        this.startIndex = startIndex;\r\n        this.endIndex = endIndex;\r\n        this.displayedItems = this.getItemsForCurrentPage();\r\n      }\r\n    \r\n      getItemsForCurrentPage() {\r\n        const start = (this.pageNumber - 1) * this.itemsPerPage;\r\n        const end = start + this.itemsPerPage;\r\n        return this.AppreciationsProvidedList.slice(start, end);\r\n      }\r\n\r\n}","import {inject } from 'aurelia-framework';\r\nimport {HttpClient, json} from 'aurelia-fetch-client';\r\nimport {Router,activationStrategy} from 'aurelia-router';\r\nimport { AppreciationService } from '../../shared/services/appreciationservice';\r\nimport {SharedState} from '../../shared/state/sharedstate';\r\nimport {config} from '../../shared/services/config';\r\nimport {LoginService} from \"../../shared/services/loginservice\";\r\nimport {JwtService} from \"../../shared/services/jwtservice\";\r\n\r\n@inject(AppreciationService, SharedState, Router, HttpClient,LoginService,JwtService, Element)\r\nexport class MyAppreciation{\r\n\r\n    constructor(appreciationService, sharedState, router, httpClient,loginservice,JwtService, element) {\r\n        this.appreciationService = appreciationService;\r\n        this.sharedState = sharedState;\r\n        this.router = router;\r\n        this.httpClient = httpClient;\r\n        this.element = element;\r\n        this.loginservice = loginservice;\r\n        this.jwtService = JwtService;\r\n      }\r\n      \r\n      previousYear = this.getPreviousYear();\r\n      AppreciationYearList=[];\r\n      selectedYear=this.previousYear;\r\n      LoginempId='';\r\n      AppreciationDetails=[];\r\n      \r\n      configurl=config.img_url;\r\n\r\n      attached(){\r\n          // if(this.jwtService.getToken() === undefined){\r\n          //     this.loginservice.purgeAuth();\r\n          //     this.router.navigateToRoute('login')\r\n          // }\r\n          this.LoginempId=window.localStorage['EmployeeID'];\r\n          this.appreciationService.GetAppreciationYearList(this.LoginempId)\r\n              .then(AppreciationYearList =>{\r\n                this.AppreciationYearList = AppreciationYearList;           \r\n              });\r\n          this.appreciationService.getMyAppreciationDetails(this.LoginempId, this.previousYear)\r\n              .then(AppreciationDetails =>{\r\n                this.AppreciationDetails = AppreciationDetails;  \r\n              });\r\n     }\r\n\r\n       getPreviousYear() {\r\n        const myDate = new Date();\r\n        myDate.setFullYear(myDate.getFullYear() - 1);\r\n        return myDate.getFullYear();\r\n      }\r\n\r\n      Search(){\r\n        \r\n        this.appreciationService.getMyAppreciationDetails(this.LoginempId, this.selectedYear)\r\n              .then(AppreciationDetails =>{\r\n                this.AppreciationDetails = AppreciationDetails;  \r\n                      \r\n               // console.log(this.AppreciationDetails);\r\n              \r\n                });\r\n\r\n      }\r\n\r\n      Reset(){\r\n\r\n        this.selectedYear=\"\";\r\n        window.location.reload(this.selectedYear);\r\n      }\r\n\r\n\r\n    \r\n}","import {inject } from 'aurelia-framework';\r\nimport { DialogController } from 'aurelia-dialog';\r\nimport { AppreciationService } from '../../../shared/services/appreciationservice';\r\n\r\n\r\n\r\n\r\n@inject(DialogController,AppreciationService)\r\nexport class ShowPointsComponent {\r\n    \r\n    \r\n            constructor(controller,appreciationService) {\r\n                this.controller = controller;\r\n                this.appreciationService = appreciationService;\r\n\r\n            }\r\n             \r\n            AppreciationsList=[];\r\n            pageSize=5;\r\n            previousYear = this.getPreviousYear();\r\n    \r\n    \r\n\r\n            async activate(performance)\r\n            {\r\n                this.EmployeeName=performance.EmployeeName;\r\n                this.Category=performance.CategoryName;\r\n                this.Department=performance.DepartmentName;\r\n                //console.log(performance.EmployeeID);\r\n                this.appreciationService.GetEmployeeAppreciationsByID(this.previousYear,performance.CategoryID,performance.EmployeeID)\r\n                .then(AppreciationsList =>{\r\n                    this.AppreciationsList = AppreciationsList;  \r\n                    //console.log(this.AppreciationsList);\r\n                \r\n                });   \r\n\r\n            }\r\n\r\n                getPreviousYear() {\r\n                const myDate = new Date();\r\n                myDate.setFullYear(myDate.getFullYear()); //-1\r\n                return myDate.getFullYear();\r\n                }\r\n   \r\n                cancel() {\r\n                    this.controller.cancel();\r\n                }\r\n\r\n                \r\n      filters = [\r\n        {value: '', keys: ['ProvidedEmployeeName','AppreciationDateText','Score']},\r\n    ];\r\n    \r\n}","import {inject } from 'aurelia-framework';\r\nimport { DialogController } from 'aurelia-dialog';\r\nimport { AppreciationService } from '../../../shared/services/appreciationservice';\r\nimport { ProfileService } from '../../../shared/services/profielservice';\r\nimport {JwtService} from '../../../shared/services/jwtservice';\r\nimport {config} from '../../../shared/services/config';\r\nimport {LoginService} from \"../../../shared/services/loginservice\";\r\nimport {Router} from 'aurelia-router';\r\n\r\n@inject(DialogController,AppreciationService,ProfileService,JwtService,LoginService,Router)\r\nexport class ShowProfileComponent {\r\n    configimgurl=config.img_url;\r\n    Configurl=config.api_img_url;\r\n    isDragging = false;\r\n    dialog;\r\n    static inject = [Element];\r\n        constructor(controller,appreciationService,ProfileService,JwtService,loginservice,router) {\r\n            this.controller = controller;\r\n            this.appreciationService = appreciationService;\r\n            this.profileService=ProfileService;\r\n            this.jwtService = JwtService;\r\n            this.router = router;\r\n            this.loginservice = loginservice;\r\n            this.empid = this.jwtService.getEmployeeId();\r\n        }\r\n        EmployeeCode='';\r\n        async  activate(data)\r\n            {\r\n                const generalInformationData = await this.profileService.EmployeeDetails(data.EmployeeID)\r\n                this.generalInformation = generalInformationData;\r\n            \r\n                // this.empdata={\r\n                //     Employeecode:generalInformationData.EmployeeCode,\r\n                //     RM:generalInformationData.ReportingManagerName,\r\n                // };\r\n                // console.log(this.generalInformation);\r\n\r\n                this.employeeDetails = data;\r\n                this.EmployeeId = data.EmployeeID;\r\n                this.Photopath=data.PhotoPath;\r\n                this.EmployeeName=data.EmployeeName;\r\n                this.Designation=this.generalInformation.Designation;\r\n                this.DepartmentName=data.DepartmentName;\r\n                this.ReportingManagerName=this.generalInformation.ReportingManagerName;\r\n                this.EmployeeCode=this.generalInformation.EmployeeCode;\r\n                this.EmployeeClassText=this.generalInformation.EmployeeClassText;\r\n\r\n                // console.log(this.EmployeeCode);\r\n                // console.log(data.PhotoPath);\r\n            }\r\n    attached(){\r\n        // if(this.jwtService.getToken() === undefined){\r\n        //     this.loginservice.purgeAuth();\r\n        //     this.router.navigateToRoute('login')\r\n        // }\r\n    }\r\n    \r\n            cancel() {\r\n                this.controller.cancel();\r\n            }\r\n    startDragging(event) {\r\n        if (event.button === 0) {\r\n            this.isDragging = true;\r\n            this.offsetX = event.clientX - this.dialogElement.getBoundingClientRect().left;\r\n            this.offsetY = event.clientY - this.dialogElement.getBoundingClientRect().top;\r\n\r\n            window.addEventListener('mousemove', this.drag);\r\n            window.addEventListener('mouseup', this.stopDragging);\r\n        }\r\n    }\r\n\r\n    drag = (event) => {\r\n        if (this.isDragging) {\r\n            const x = event.clientX - this.offsetX;\r\n            const y = event.clientY - this.offsetY;\r\n\r\n            this.dialogElement.style.left = `${x}px`;\r\n            this.dialogElement.style.top = `${y}px`;\r\n        }\r\n    };\r\n\r\n    stopDragging = () => {\r\n        this.isDragging = false;\r\n        window.removeEventListener('mousemove', this.drag);\r\n        window.removeEventListener('mouseup', this.stopDragging);\r\n    }\r\n            \r\n}\r\n\r\n","import {inject } from 'aurelia-framework';\r\nimport { DialogController } from 'aurelia-dialog';\r\nimport { AppreciationService } from '../../../shared/services/appreciationservice';\r\n\r\n\r\n\r\n\r\n@inject(DialogController,AppreciationService)\r\nexport class ShowDetailsComponent {\r\n    \r\n   \r\n\r\n      constructor(controller,appreciationService) {\r\n          this.controller = controller;\r\n          this.appreciationService = appreciationService;\r\n              \r\n      }\r\n      \r\n      CategoryList=[];\r\n      pageSize=10;\r\n      previousYear = this.getPreviousYear();\r\n    \r\n    \r\n\r\n      async activate(performance)\r\n      {\r\n         this.appreciationcategory= performance.CategoryName;\r\n          // console.log(performance.CategoryID);\r\n          this.appreciationService.GetTopPerformanceListByCategory(this.previousYear,performance.CategoryID)\r\n          .then(CategoryList =>{\r\n            this.CategoryList = CategoryList;  \r\n          // console.log(this.CategoryList);\r\n          \r\n        });   \r\n\r\n      }\r\n\r\n      getPreviousYear() {\r\n        const myDate = new Date();\r\n        myDate.setFullYear(myDate.getFullYear()); //-1\r\n        return myDate.getFullYear();\r\n      }\r\n   \r\n      cancel() {\r\n          this.controller.cancel();\r\n      }\r\n\r\n      filters = [\r\n        {value: '', keys: ['EmployeeName','DepartmentName','Score']},\r\n    ];\r\n    \r\n}","import {inject } from 'aurelia-framework';\r\nimport {HttpClient, json} from 'aurelia-fetch-client';\r\nimport {Router,activationStrategy} from 'aurelia-router';\r\nimport { AppreciationService } from '../../shared/services/appreciationservice';\r\nimport {SharedState} from '../../shared/state/sharedstate';\r\nimport {config} from '../../shared/services/config';\r\nimport {LoginService} from \"../../shared/services/loginservice\";\r\nimport {JwtService} from \"../../shared/services/jwtservice\";\r\n\r\n@inject(AppreciationService, SharedState, Router, HttpClient,LoginService,JwtService, Element)\r\nexport class TopPerformancePreview{\r\n\r\n    constructor(appreciationService, sharedState, router, httpClient,loginservice,JwtService, element) {\r\n        this.appreciationService = appreciationService;\r\n        this.sharedState = sharedState;\r\n        this.router = router;\r\n        this.httpClient = httpClient;\r\n        this.element = element;\r\n        this.loginservice = loginservice;\r\n        this.jwtService = JwtService;\r\n      }\r\n      \r\n      previousYear = this.getPreviousYear();\r\n      TopPerformanceYearList=[];\r\n      selectedYear=this.previousYear;\r\n      LoginempId='';\r\n      TopPerformancePreviewDetails=[];\r\n      configurl=config.img_url;\r\n\r\n      attached(){\r\n          // if(this.jwtService.getToken() === undefined){\r\n          //     this.loginservice.purgeAuth();\r\n          //     this.router.navigateToRoute('login')\r\n          // }\r\n          this.LoginempId=window.localStorage['EmployeeID'];\r\n          this.appreciationService.GetAppreciationYearList(this.LoginempId)\r\n        .then(TopPerformanceYearList =>{\r\n          this.TopPerformanceYearList = TopPerformanceYearList;           \r\n        });\r\n          this.appreciationService.GetTopPerformanceList(this.previousYear)\r\n              .then(TopPerformancePreviewDetails =>{\r\n                this.TopPerformancePreviewDetails = TopPerformancePreviewDetails;  \r\n              });\r\n      }\r\n      getPreviousYear() {\r\n        const myDate = new Date();\r\n        myDate.setFullYear(myDate.getFullYear() - 1);\r\n        return myDate.getFullYear();\r\n      }\r\n      Search()\r\n      {\r\n        this.appreciationService.GetTopPerformanceList(this.selectedYear)\r\n        .then(TopPerformancePreviewDetails =>{\r\n          this.TopPerformancePreviewDetails = TopPerformancePreviewDetails;\r\n        });\r\n      }\r\n      Reset()\r\n      {\r\n          this.selectedYear=\"\";\r\n          window.location.reload();\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/party-popper.svg\", import.meta.url);\n// Module\nvar ___HTML_LOADER_REPLACEMENT_0___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_0___);\nvar code = \"<template>\\r\\n  <require from=\\\"../../shared/styles/appreciation.css\\\"></require>\\r\\n  <require from=\\\"../../shared/styles/feedbackform.css\\\"></require>\\r\\n  <require from=\\\"../../shared/styles/slick-theme.css\\\"></require>\\r\\n  <require from=\\\"../../shared/styles/slick.css\\\"></require>\\r\\n  <require from=\\\"../../shared/styles/au-tablePagination.css\\\"></require>\\r\\n  <main>\\r\\n    <div class=\\\"appreciation-banner !bg-cover w-full h-[250px] !bg-center md:h-[250px] relative mb-7\\\">\\r\\n      <div class=\\\"xl:max-w-[1226px] 2xl:max-w-[1600px] mx-auto 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=\\\"party-popper\\\">\\r\\n        <h1 class=\\\"text-3xl lg:text-4xl xl:text-5xl text-white ml-2.5\\\">Appreciation</h1>\\r\\n      </div>\\r\\n    </div>\\r\\n    <div class=\\\"xl:max-w-[1226px] 2xl:max-w-[1600px] mx-auto px-5\\\">\\r\\n      <strong class=\\\"mb-2 block\\\">It’s fun and easy to appreciate your fellow Kensians!</strong>\\r\\n      <p class=\\\"mb-6\\\">A little appreciation goes a long way! You can use this form to appreciate your coworkers and managers. Select the category under which you want to appreciate the employee and then write down the details of your appreciation</p>\\r\\n      <div class=\\\"performance-leaderboard bg-white rounded-2xl p-3 md:p-6 mb-6\\\">\\r\\n        <div class=\\\"md:flex justify-between mb-8\\\">\\r\\n          <h4 class=\\\"text-xl text-[#4C9076] pl-8 leading-[34px]\\\">Performance Leaderboard</h4>\\r\\n        </div>\\r\\n        <ul class=\\\"mt-7 mb-4 flex-wrap performance-slider px-7\\\">\\r\\n          <li class=\\\"text-center\\\" repeat.for=\\\"performance of TopPerformancePreviewDetails\\\">\\r\\n            <a href=\\\"${configimgurl}${performance.PhotoPath}\\\" click.delegate=\\\"showProfile(performance)\\\">\\r\\n              <img class=\\\"mx-auto block rounded-full w-[115px] h-[115px] object-cover\\\" src=\\\"${configimgurl}${performance.PhotoPath}\\\" alt=\\\"Image\\\">\\r\\n            </a>            \\r\\n            <strong class=\\\"text-base text-[#FFA70B] block mt-2 mb-2\\\">${performance.EmployeeName}</strong>\\r\\n            <p><a class=\\\"block text-[#1B2738] leading-[16px] underline\\\" href=\\\"\\\"  click.delegate=\\\"showPopupGrid(performance)\\\">${performance.CategoryName}</a></p>\\r\\n            <small class=\\\"block text-[#898989]\\\">${performance.DepartmentName}</small>\\r\\n            <h3 class=\\\"text-3xl leading-[30px] text-[#1B2738] mt-4\\\">\\r\\n              <a class=\\\"underline\\\" href=\\\"\\\" click.delegate=\\\"showScore(performance)\\\">${performance.Score}\\r\\n              </a>\\r\\n              <span class=\\\"block text-xs text-[#1B2738]\\\">Points</span>\\r\\n            </h3> \\r\\n          </li>\\r\\n        </ul>\\r\\n       \\r\\n      </div>\\r\\n      <div class=\\\"xl:flex\\\">\\r\\n        <div class=\\\"give-appreciation xl:w-2/4 bg-white p-3 md:p-5 rounded-2xl mb-4 xl:mr-4\\\">\\r\\n          <h4 class=\\\"text-xl text-[#4C9076] pl-9 leading-[34px]\\\">Give Appreciation Today!</h4>\\r\\n             \\r\\n          <form class=\\\"scroll\\\" submit.trigger=\\\"Submit()\\\">\\r\\n            <div class=\\\"message-container\\\">\\r\\n              <p class=\\\"success-message my-2\\\"  if.bind=\\\"successMessage\\\">${successMessage}</p>\\r\\n              <p class=\\\"error-messages my-2\\\" if.bind=\\\"errorMessage\\\">${errorMessage}</p>\\r\\n            </div>\\r\\n            <div class=\\\"flex items-center mt-7 mb-7 \\\">\\r\\n              <div class=\\\"flex mbl-flex w-full 2xl:w-3/4\\\" validation-errors.bind=\\\"searchTextError\\\" class.bind=\\\"searchTextError || searchText.length === 0 ? 'has-error' : 'searchTextfield'\\\">\\r\\n                <label class=\\\"mt-1.5 mr-4 whitespace-nowrap\\\">Employee name</label>\\r\\n                <div class=\\\"search-bar w-full relative\\\">\\r\\n                    <input class=\\\"appreciation-search text-sm w-full bg-white rounded-full h-9 px-3 pr-10 text-base border border-solid border-slate-200\\\" value.bind=\\\"searchText & validate\\\" input.trigger=\\\"onsearchEmployeeSelected()\\\"/>\\r\\n                  <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of searchTextError\\\">\\r\\n                    ${errorInfo.error.message}\\r\\n                  </span>\\r\\n                  <span class=\\\"error-messages text-sm\\\">${noEmployeeFoundMessage}</span>\\r\\n                    <div if.bind=\\\"showsearchEmpDropdown\\\" class=\\\"bg-white shadow-[0_5px_10px_rgba(30,32,37,0.12)] w-full absolute z-50 max-h-[300px] overflow-auto\\\">\\r\\n                        <ul class=\\\"dropdown-list\\\">\\r\\n                          <li class=\\\"list-items px-4 py-1.5 cursor-pointer hover:bg-zinc-200 transition text-sm\\\" repeat.for=\\\"options of dropdownsearchOptions\\\" click.trigger=\\\"selectsearchEmployee(options)\\\" value.bind=\\\"options.EmployeeName\\\">${options.EmployeeName}</li>\\r\\n                        </ul>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n            </div>\\r\\n            <div class=\\\"appreciation-type\\\" validation-errors.bind=\\\"selectedCategoryErrors\\\" class.bind=\\\"selectedCategoryErrors.length ? 'has-error' : 'selectedCategoryfield'\\\">\\r\\n              <strong class=\\\"block mb-4\\\">Appreciation type</strong>\\r\\n              <ul class=\\\"flex mb-6 flex-wrap\\\" >\\r\\n                <li data-tab-trigger=\\\"${appreciationtype.AppreciationCategoryConfigID}\\\"\\r\\n                class=\\\"cursor-pointer text-center mb-3 md:mb-0 w-1/3 md:w-1/5\\\"\\r\\n                repeat.for=\\\"appreciationtype of getAppreciations\\\"\\r\\n                value.bind=\\\"selectedCategory\\\"\\r\\n                click.trigger=\\\"handleClick(appreciationtype)\\\">\\r\\n                <div class=\\\"w-[34px] h-[34px] rounded-md bg-[#898989] mx-auto mb-3\\\">\\r\\n                  <div class=\\\"bgimage\\\"></div>\\r\\n                </div>\\r\\n                <span class=\\\"text-sm text-[#898989] block leading-[18px]\\\">${appreciationtype.Name}</span>\\r\\n              </li>              \\r\\n              </ul>\\r\\n              \\r\\n              <div  repeat.for=\\\"appreciationtype of getAppreciations\\\">\\r\\n                <div class=\\\"appreciation-tab-content hidden\\\"  data-tab-content=\\\"${appreciationtype.AppreciationCategoryConfigID}\\\">\\r\\n                  <p class=\\\"text-sm\\\"><strong>${appreciationtype.Name}:</strong> ${appreciationtype.Description}</p>\\r\\n                </div>\\r\\n              </div>\\r\\n              <span class=\\\"error-messages text-sm\\\">${catagoryerror}</span>\\r\\n            </div>\\r\\n            <div class=\\\"mt-7 mb-4\\\"  validation-errors.bind=\\\"FeedbackErrors\\\" class.bind=\\\"FeedbackErrors.length ? 'has-error' : 'Feedbackfield'\\\">\\r\\n              <label class=\\\"mb-1.5 block\\\">Feedback<span style=\\\"color: red;\\\"> *</span></label>\\r\\n              <textarea rows=\\\"5\\\" cols=\\\"30\\\" placeholder=\\\"Type here\\\" class=\\\"text-sm bg-white w-full rounded h-24 px-3 py-2 text-base border border-solid border-slate-200 resize-none\\\" value.bind=\\\"Feedback & validate\\\"></textarea>\\r\\n              <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of FeedbackErrors\\\">\\r\\n                ${errorInfo.error.message}\\r\\n              </span>\\r\\n            </div>\\r\\n            <div class=\\\"flex mb-5 w-full md:w-[75%]\\\">\\r\\n              <input class=\\\"mr-1.5\\\" type=\\\"checkbox\\\" checked.bind=\\\"notifyind\\\" name=\\\"gender\\\" change.delegate=\\\"toggleNotifyFields($event.target.checked)\\\">\\r\\n              <label class=\\\"text-[#212B36] mb-2 block md:mb-0 md:inline-block\\\"><span>Notify employees</span></label>\\r\\n            </div>\\r\\n\\r\\n            <div  if.bind=\\\"showNotifyFields\\\">\\r\\n              <div class=\\\"form-check md:flex mb-4 md:mb-6\\\" >\\r\\n                <label class=\\\"flex md:mr-5 mb-3 md:mb-0\\\">\\r\\n                  <input type=\\\"radio\\\" name=\\\"actionChk\\\" value=\\\"1\\\" checked.bind=\\\"selectedRadio\\\" change.trigger=\\\"onEmployeeSelected()\\\">\\r\\n                  Select employee\\r\\n                </label>\\r\\n                <label class=\\\"flex\\\">\\r\\n                  <input type=\\\"radio\\\" name=\\\"actionChk\\\" value=\\\"2\\\" checked.bind=\\\"selectedRadio\\\" class=\\\"radios\\\" change.trigger=\\\"onEmailSelected()\\\">\\r\\n                  Specify emailid(s) to be notified\\r\\n                </label>\\r\\n              </div>\\r\\n              <div class=\\\"form-group\\\" >\\r\\n                <div class=\\\"employee-search form-group\\\" >\\r\\n                  <div class=\\\"md:flex w-full\\\" validation-errors.bind=\\\"searchQueryError\\\"  class.bind=\\\"searchQueryError.length ? 'has-error' : 'searchQueryErrorfield'\\\">\\r\\n                    <label class=\\\"text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\" if.bind=\\\"selectedRadio === '1'\\\"></label>\\r\\n                    <label class=\\\"text-[#212B36] mb-2 block md:mb-0 md:inline-block md:pr-1.5\\\" if.bind=\\\"selectedRadio === '2'\\\">Employees to be notified\\r\\n                      (Email(s) separated by (,))</label>\\r\\n                    <div class=\\\"search-bar flex relative\\\">\\r\\n                      <div class=\\\"w-full md:w-[200px] 2xl:w-[288px] mr-2.5\\\">\\r\\n                        <div if.bind=\\\"selectedRadio === '1'\\\">\\r\\n                          <input type=\\\"text\\\" class=\\\"w-full border h-9 rounded-full px-3\\\" value.bind=\\\"searchQuery \\\" input.trigger=\\\"onEmployeeSelected()\\\">\\r\\n                          <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of searchQueryError\\\">\\r\\n                            ${errorInfo.error.message}\\r\\n                          </span>\\r\\n                          <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of NameError\\\">\\r\\n                            ${errorInfo.error.message}\\r\\n                          </span>\\r\\n                          <div if.bind=\\\"validatemessage\\\" class=\\\"error-messages text-xs mt-1 ml-2\\\">${validatemessage}</div>\\r\\n                          <div if.bind=\\\"employenameerror\\\" class=\\\"error-messages text-xs mt-1 ml-2\\\">${employenameerror}</div>\\r\\n                          <div if.bind=\\\"employenameexisterror\\\" class=\\\"error-messages text-xs mt-1 ml-2\\\">${employenameexisterror}</div>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"selectedRadio === '2'\\\" validation-errors.bind=\\\"emailsError\\\" class.bind=\\\"emailsError.length ? 'has-error' : 'emailsErrorfield'\\\">\\r\\n                          <textarea class=\\\"p-3 rounded-md w-full md:w-50 border\\\" value.bind=\\\"emails & validate\\\" input.trigger=\\\"onEmailSelected()\\\"></textarea>\\r\\n                          <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of emailsError\\\">\\r\\n                            ${errorInfo.error.message}\\r\\n                          </span>\\r\\n                          <div if.bind=\\\"validatemessage\\\" class=\\\"error-messages text-xs mt-1 ml-2\\\">${validatemessage}</div>\\r\\n                          <div if.bind=\\\"specifyemailerror\\\" class=\\\"error-messages text-xs mt-1 ml-2\\\">${specifyemailerror}</div>\\r\\n                        </div>\\r\\n                      </div>\\r\\n                      <button class=\\\"whitespace-nowrap h-[35px] leading-[37px]\\\" click.trigger=\\\"addToSelectedOptions(selectedEmployee.EmployeeID)\\\">Add to list</button>\\r\\n                      <div if.bind=\\\"showEmpDropdown\\\" class=\\\"dropdown-container shadow-[0_5px_10px_rgba(30,32,37,0.12)] absolute max-h-64 z-50 bg-white w-[100%] overflow-auto top-[100%]\\\">\\r\\n                        <ul class=\\\"dropdown-list\\\" >\\r\\n                          <li class=\\\"text-sm list-items px-4 py-1.5 cursor-pointer hover:bg-zinc-200 transition\\\" repeat.for=\\\"option of dropdownOptions\\\" click.trigger=\\\"selectEmployee(option)\\\" value.bind=\\\"option.EmployeeID\\\" >\\r\\n                            ${option.EmployeeName}\\r\\n                          </li>\\r\\n                        </ul>\\r\\n                      </div>\\r\\n                    </div>\\r\\n                  </div>\\r\\n                  <div class=\\\"whitespace-nowrap overflow-y-auto mt-5 mb-5\\\">\\r\\n                    <div style=\\\"font-family: 'Avenir-Black';\\\" class=\\\"mb-2\\\">\\r\\n                      Notify employee detail(s)\\r\\n                    </div>\\r\\n                    <table class=\\\"w-full text-sm\\\"  class=\\\"table table-striped\\\"\\r\\n                           aurelia-table=\\\"data.bind: selectedEmployees; display-data.bind: $contactData;\\r\\n                      current-page.bind: contactCurrentPage; page-size.bind: contactPageSize; total-items.bind: contactTotalItems;\\\">\\r\\n                      <thead class=\\\"thead-black\\\">\\r\\n                      <tr class=\\\"bg-gray-50 border-b border-gray-200 text-xs leading-4 text-gray-500  tracking-wider\\\">\\r\\n                        <th class=\\\"bg-[#1B2738] text-white p-3 text-left w-[130px]\\\">\\r\\n                           Name\\r\\n                        </th>\\r\\n                        <th class=\\\"bg-[#1B2738] text-white p-3 text-left\\\">\\r\\n                          Email id(s)\\r\\n                        </th>\\r\\n                        <th class=\\\"bg-[#1B2738] text-white p-3 text-center w-[90px]\\\">\\r\\n                        </th>\\r\\n                      </tr>\\r\\n                      </thead>\\r\\n                      <tr repeat.for=\\\"emp of $contactData\\\">\\r\\n                        <td class=\\\"bg-white p-2 text-left w-[130px]\\\">${emp.EmployeeName}</td>\\r\\n                        <td class=\\\"bg-white p-2 text-left whitespace-normal break-all\\\">${emp.EmailIds}</td>\\r\\n                        <!--<td class=\\\"bg-white p-3 text-left font-medium\\\" if.bind=\\\"selectedRadio === '2'\\\">${specifiedemails}</td>-->\\r\\n                        <td class=\\\"bg-white p-2 text-center w-[90px]\\\"><button class=\\\"!text-xs !h-7 !leading-[30px] !px-3.5\\\" type=\\\"button\\\" click.trigger=\\\"deleteEmployee(emp)\\\">Delete</button></td>\\r\\n                      </tr>\\r\\n                    </table>\\r\\n                    <div if.bind=\\\"contactTotalItems < 1\\\" class=\\\"no-records text-center mt-4\\\">No records found</div>\\r\\n                    <aut-pagination current-page.bind=\\\"contactCurrentPage\\\" page-size.bind=\\\"contactPageSize\\\" total-items.bind=\\\"contactTotalItems\\\" >\\r\\n                      <template replace-part=\\\"pagination\\\">\\r\\n                        <ul class=\\\"custom-pagination\\\" hide.bind=\\\"hideSinglePage && totalPages === 1\\\">\\r\\n                          <li>\\r\\n                            <a aria-label=\\\"FirstPage\\\" click.delegate=\\\"firstPage()\\\"\\r\\n                               class-name.bind=\\\"contactCurrentPage === 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=\\\"topicsCurrentPage === 1 ? 'disabled' : ''\\\">\\r\\n                            </a>\\r\\n                          </li>\\r\\n                          <li repeat.for=\\\"page of displayPages\\\">\\r\\n                            <a click.delegate=\\\"selectPage(page.value)\\\" class-name.bind=\\\"contactCurrentPage === 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=\\\"contactCurrentPage === 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=\\\"contactCurrentPage === 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            </div>\\r\\n            <button class=\\\"w-32 !h-9 !bg-[#4C9076] hover:!bg-[#38715b] !rounded-[30px] !leading-[38px] mr-4\\\" type=\\\"submit\\\" if.bind=\\\"!isFormSubmitted\\\" click.delegate=\\\"Submit()\\\" value=\\\"Submit\\\">Submit</button>\\r\\n            <button class=\\\"transition w-32 !h-9 !bg-[#1B2738] hover:!bg-[#2f3b4c] !leading-[38px]\\\" type=\\\"submit\\\" click.trigger=\\\"ResetForm()\\\" value=\\\"Submit\\\">Reset</button>\\r\\n          </form>\\r\\n        </div>\\r\\n        <div class=\\\"xl:w-2/4 h-max\\\">  \\r\\n          <div class=\\\"given-appreciation bg-white py-5 rounded-xl mb-4\\\">\\r\\n            <strong class=\\\"text-lg md:text-xl bg-[#FFA70B] text-center rounded-[10px] block text-white h-12 !leading-[50px] mx-5\\\">Total Appreciations Given: ${AppreciationsProvidedList.length}</strong>\\r\\n            <div class=\\\"md:flex justify-between mt-5 mb-3 px-5\\\">\\r\\n              <h4 class=\\\"text-lg md:text-xl text-[#4C9076] pl-9 leading-[34px]\\\">Appreciations Given</h4>\\r\\n            </div>\\r\\n            <p class=\\\"display-items px-5\\\" if.bind=\\\"totalItems >= 1\\\">\\r\\n                Displaying items ${(totalItems > 0 ? (currentPage - 1) * pageSize + 1 : 0)} - ${(totalItems > 0 ? (currentPage - 1) * pageSize + $displayData.length : 0)} of ${totalItems}\\r\\n            </p>\\r\\n            <div class=\\\"overflow-auto\\\">\\r\\n            <table class=\\\"table text-sm table-striped\\\" aurelia-table=\\\"data.bind: AppreciationsProvidedList; display-data.bind: $displayData;\\r\\n            current-page.bind: currentPage; page-size.bind: pageSize; total-items.bind: totalItems; filters.bind: filters\\\">\\r\\n              <thead>\\r\\n                <tr>\\r\\n                  <th class=\\\"w-1/4 bg-inherit border-0 text-left pl-5 py-2.5\\\">Employee name</th>\\r\\n                  <th class=\\\"w-1/4 bg-inherit border-0 text-left py-2.5 px-2.5\\\">Category name</th>\\r\\n                  <th class=\\\"w-1/4 bg-inherit border-0 text-left pr-5 py-2.5\\\"> Appreciation<br> date</th>\\r\\n                  <th class=\\\"w-2/4 bg-inherit border-0 text-left pr-5 py-2.5\\\">Feedback</th>\\r\\n                </tr>\\r\\n              </thead>\\r\\n              <tbody>\\r\\n                <tr repeat.for=\\\"appreciation of $displayData\\\">\\r\\n                  <td class=\\\"w-1/4 border-0 text-left align-top pl-5 py-2.5\\\">${appreciation.EmployeeName}</td>\\r\\n                  <td class=\\\"w-1/4 border-0 text-left align-top py-2.5 px-2.5\\\">${appreciation.CategoryName}</td>\\r\\n                  <td class=\\\"w-1/4 border-0 text-left align-top pr-5 py-2.5\\\">${appreciation.AppreciationDateText}</td>\\r\\n                  <td class=\\\"w-2/4 border-0 text-left align-top pr-2.5 py-2.5\\\">\\r\\n                  <p class=\\\"leading-[20px]\\\">\\r\\n                    <span>${appreciation.Feedback}</span>\\r\\n                    <strong class=\\\"mt-2 block text-[#FFA70B]\\\">Points: 5</strong>\\r\\n                  </p>\\r\\n                  </td>\\r\\n                  <td class=\\\"border-0 pr-5 py-2.5 align-top\\\" click.trigger=\\\"onToggleClick()\\\"><div class=\\\"toggle\\\"></div></td>\\r\\n                </tr>\\r\\n              </tbody>\\r\\n            </table>\\r\\n            </div>\\r\\n            <div if.bind=\\\"totalItems < 1\\\" class=\\\"no-records text-center mt-4\\\">No records found</div>\\r\\n            <aut-pagination current-page.bind=\\\"currentPage\\\" page-size.bind=\\\"pageSize\\\" total-items.bind=\\\"totalItems\\\" pagination-size.bind=\\\"5\\\" >\\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>\\r\\n            <div class=\\\"total-given text-right pt-5 pr-5\\\">Total Points: ${AppreciationsProvidedList.length*5}</div>\\r\\n          </div>\\r\\n          <div class=\\\"given-appreciation received-appreciation bg-white py-5 rounded-xl mb-4\\\">\\r\\n            <strong class=\\\"text-lg md:text-xl bg-[#4C9076] text-center rounded-[10px] block text-white h-12 !leading-[50px] mx-5\\\">Total Appreciations Received: ${AppreciationDetails.length}</strong>\\r\\n            <h4 class=\\\"text-lg md:text-xl text-[#4C9076] pl-9 leading-[34px] mt-5 mb-3 mx-5\\\">Appreciations Received</h4>\\r\\n            <ul class=\\\"flex mt-5 mb-5 mx-5 flex-wrap\\\">\\r\\n              <li data-tab-trigger=\\\"1\\\"  class=\\\"text-center mb-3 md:mb-0 w-1/3 md:w-1/5 \\\" repeat.for=\\\"option of MyAppreciationSummay\\\">\\r\\n                <div class=\\\"w-[50px] h-[50px] rounded-md mx-auto mb-2\\\">\\r\\n                  <img class=\\\"mx-auto block\\\"  src=\\\"${configimgurl}${option.ImagePath}\\\" alt=\\\"customer-advocate\\\">\\r\\n                </div>\\r\\n                <span click.delegate=\\\"show(option)\\\" class=\\\"text-xs text-[#1B2738] block leading-[14px] underline cursor-pointer mb-1\\\">${option.CategoryName}</span>\\r\\n                <strong class=\\\"text-xs leading-[14px] block\\\">${option.Score}</strong>\\r\\n              </li>\\r\\n            </ul>\\r\\n            <p class=\\\"display-items px-5\\\" if.bind=\\\"totalItems1 > 5\\\">\\r\\n                Displaying items ${(totalItems1 > 0 ? (currentPage1 - 1) * pageSize1 + 1 : 0)} - ${(totalItems1 > 0 ? (currentPage1 - 1) * pageSize1 + $displayData1.length : 0)} of ${totalItems1}\\r\\n            </p>\\r\\n                             \\r\\n            <div class=\\\"overflow-auto\\\">\\r\\n            <table class=\\\"table text-sm table-striped\\\" aurelia-table=\\\"data.bind: selectedCategoryDetails; display-data.bind: $displayData1;\\r\\n            current-page.bind: currentPage1; page-size.bind: pageSize1; total-items.bind: totalItems1; filters.bind: filters1\\\">\\r\\n              <thead>\\r\\n                <tr>\\r\\n                  <th class=\\\"w-2/6 bg-inherit border-0 text-left pl-5 px-2.5\\\">Employee name</th>\\r\\n                  <th class=\\\"w-2/6 bg-inherit border-0 text-left py-2.5 px-2.5\\\">Category name</th>\\r\\n                  <th class=\\\"w-2/6 bg-inherit border-0 text-left pr-5 py-2.5\\\">Feedback</th>\\r\\n                </tr>\\r\\n              </thead>\\r\\n              <tbody>\\r\\n                <tr repeat.for=\\\"getappreciation of $displayData1\\\">\\r\\n                  <td class=\\\"w-2/6 border-0 text-left align-top pl-5 py-2.5\\\">${getappreciation.EmployeeName}</td>\\r\\n                  <td class=\\\"w-2/6 border-0 text-left align-top py-2.5 px-2.5\\\">${getappreciation.CategoryName}</td>\\r\\n                  <td class=\\\"w-2/6 border-0 text-left align-top pr-2.5 py-2.5\\\">\\r\\n                  <p class=\\\"leading-[20px]\\\">\\r\\n                    <span>${getappreciation.Feedback}</span>\\r\\n                    <strong class=\\\"mt-2 block text-[#FFA70B]\\\">Points: ${getappreciation.Score}</strong>\\r\\n                  </p>\\r\\n                  </td>\\r\\n                  <td class=\\\"border-0 pr-5 py-2.5 align-top\\\" click.trigger=\\\"onToggleClick()\\\"><div class=\\\"toggle\\\"></div></td>\\r\\n                </tr>\\r\\n              </tbody>\\r\\n            </table>\\r\\n            <div if.bind=\\\"totalItems1 < 1\\\" class=\\\"no-records text-center mt-4\\\">No records found</div>\\r\\n          </div>\\r\\n              <div>\\r\\n              <aut-pagination current-page.bind=\\\"currentPage1\\\" page-size.bind=\\\"pageSize1\\\" total-items.bind=\\\"totalItems1\\\" pagination-size.bind=\\\"5\\\" if.bind=\\\"totalItems1 > 5\\\">\\r\\n                <template replace-part=\\\"pagination\\\">\\r\\n                  <ul class=\\\"custom-pagination flex-wrap\\\" hide.bind=\\\"hideSinglePage && totalPages1 === 1\\\">\\r\\n                    <li>\\r\\n                      <a aria-label=\\\"FirstPage\\\" click.delegate=\\\"firstPage()\\\"\\r\\n                         class-name.bind=\\\"currentPage1 === 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=\\\"currentPage1 === 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=\\\"currentPage1 === 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=\\\"currentPage1 === 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=\\\"currentPage1 === 1 ? 'disabled' : ''\\\">\\r\\n                      </a>\\r\\n                    </li>\\r\\n                  </ul>             \\r\\n                </template>\\r\\n              </aut-pagination>\\r\\n            </div>\\r\\n            <div class=\\\"total-given text-right pt-5 pr-5\\\">Total Points : ${AppreciationDetails.length*5}</div>\\r\\n          </div>\\r\\n        </div>\\r\\n      </div>\\r\\n    </div>\\r\\n  </main>\\r\\n<template>\\r\\n\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n    <require from=\\\"../../shared/styles/myprofile.css\\\"></require>\\r\\n    <require from=\\\"../../shared/styles/slick-theme.css\\\"></require>\\r\\n    <require from=\\\"../../shared/styles/slick.css\\\"></require>\\r\\n    \\r\\n          <main class=\\\"flex\\\">\\r\\n                  <div>\\r\\n                      <br>\\r\\n                      <div>\\r\\n                          <label><strong>Appreciations Provided By Me</strong></label>\\r\\n                      </div>\\r\\n                       <br>\\r\\n                       \\r\\n                           <div>\\r\\n                            \\r\\n                                <table class=\\\"w-full\\\">\\r\\n                                    <thead class=\\\"thead-black\\\">\\r\\n                                      <tr class=\\\"bg-gray-50 border-b border-gray-200 text-xs leading-4 text-gray-500 uppercase tracking-wider\\\">\\r\\n                                        <th class=\\\"px-6 py-3 text-left font-medium\\\">Employee name</th>\\r\\n                                        <th class=\\\"px-6 py-3 text-left font-medium\\\">Appreciation category</th>\\r\\n                                        <th class=\\\"px-6 py-3 text-left font-medium\\\">Feedback</th>\\r\\n                                        <th class=\\\"px-6 py-3 text-left font-medium\\\">Points Received</th>\\r\\n                                        <th class=\\\"px-6 py-3 text-left font-medium\\\">Date</th>\\r\\n                                      </tr>\\r\\n                                    </thead>\\r\\n                                    <tbody>\\r\\n                                      <template repeat.for=\\\"appreciation of AppreciationsProvidedList\\\">\\r\\n                                        <tr>\\r\\n                                          <td>${appreciation.EmployeeName}</td>\\r\\n                                          <td>${appreciation.CategoryName}</td>\\r\\n                                          <td>${appreciation.Feedback}</td>\\r\\n                                          <td>${appreciation.Score}</td>\\r\\n                                          <td>${appreciation.AppreciationDate}</td>\\r\\n                                        </tr>\\r\\n                                      </template>\\r\\n                                      <tr if.bind=\\\"AppreciationsProvidedList.length === 0\\\">\\r\\n                                        <td>No records to display</td>\\r\\n                                      </tr>\\r\\n                                    </tbody>\\r\\n                                  </table>\\r\\n                                  <br>\\r\\n                                  <div class=\\\"pagination\\\">\\r\\n                                    <button click.delegate=\\\"goToFirstPage()\\\">First</button>\\r\\n                                    <button click.delegate=\\\"goToPreviousPage()\\\">Previous</button>\\r\\n                                    <span>Page ${pageNumber} of ${getTotalPages()}</span>\\r\\n                                    <button click.delegate=\\\"goToNextPage()\\\">Next</button>\\r\\n                                    <button click.delegate=\\\"goToLastPage()\\\">Last</button>\\r\\n                                  </div>\\r\\n                           </div>\\r\\n                                                                                  \\r\\n           </main>\\r\\n    </template>\\r\\n    \\r\\n    \\r\\n   \\r\\n    \\r\\n  \\r\\n \\r\\n  \";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n    <require from=\\\"../../shared/styles/myprofile.css\\\"></require>\\r\\n    <require from=\\\"../../shared/styles/slick-theme.css\\\"></require>\\r\\n    <require from=\\\"../../shared/styles/slick.css\\\"></require>\\r\\n\\r\\n    <main>\\r\\n\\r\\n      <form>\\r\\n        <div>\\r\\n                        <br>\\r\\n                        <div>\\r\\n                            <label>My Appreciation</label>\\r\\n                        </div>\\r\\n                       \\r\\n                        <br>   \\r\\n                        <div>\\r\\n                            <label for=\\\"year\\\">Year</label>\\r\\n                            <select  value.bind=\\\"selectedYear\\\">\\r\\n                                \\r\\n                                <option repeat.for=\\\"year of AppreciationYearList\\\" value.bind=\\\"year.YearId\\\">           \\r\\n                                    ${year.YearName}\\r\\n                                   \\r\\n                                </option>\\r\\n                            </select>                              \\r\\n                            <button type=\\\"submit\\\" click.delegate=\\\"Search()\\\" >Search</button>\\r\\n                            <button type=\\\"submit\\\" click.delegate=\\\"Reset()\\\" >Reset</button>\\r\\n                    </div>                  \\r\\n                      <br>\\r\\n                      <br>\\r\\n                      <div>\\r\\n                            <table class=\\\"w-full\\\">\\r\\n                                \\r\\n                                <thead class=\\\"thead-black\\\">\\r\\n                                <tr class=\\\"bg-gray-50 border-b border-gray-200 text-xs leading-4 text-gray-500 uppercase tracking-wider\\\">\\r\\n                                    \\r\\n                                        <th class=\\\"px-6 py-3 text-left font-medium\\\">\\r\\n                                            Appreciation category\\r\\n                                        </th>\\r\\n                                        <th class=\\\"px-6 py-3 text-left font-medium\\\">\\r\\n                                            Points received\\r\\n                                        </th>\\r\\n                                        <th class=\\\"px-6 py-3 text-left font-medium\\\">\\r\\n                                            Description\\r\\n                                        </th>\\r\\n                                        <th class=\\\"px-6 py-3 text-left font-medium\\\">\\r\\n                                            \\r\\n                                        </th>\\r\\n                                </tr>\\r\\n                                </thead>\\r\\n                                    <tr repeat.for=\\\"appreciation of AppreciationDetails\\\">\\r\\n                                        <td><img class=\\\"rounded-full dropdown inline-block\\\" src=\\\"${configurl}${appreciation.ImagePath}\\\" alt=\\\"user\\\"/>${appreciation.CategoryName}</td>\\r\\n                                        <td>${appreciation.Score}</td>\\r\\n                                        <td>${appreciation.Description}</td>\\r\\n                                      <!-- <td><button type=\\\"button\\\" >view</button></td> -->\\r\\n                                      </tr>                                  \\r\\n                                    </table>\\r\\n                            </div>            \\r\\n      </form>\\r\\n    </main>\\r\\n    \\r\\n  </template>\\r\\n  \\r\\n  \";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n  <require from=\\\"../../../shared/styles/popup.css\\\"></require>\\r\\n  <require from=\\\"../../../shared/styles/appreciation.css\\\"></require>\\r\\n  <ai-dialog class=\\\"modal-popup\\\">\\r\\n      <ai-dialog-header>\\r\\n          <h1>Points</h1>\\r\\n          <button click.delegate=\\\"cancel()\\\" class=\\\"au-right cancel\\\"></button>\\r\\n      </ai-dialog-header>\\r\\n      <ai-dialog-body class=\\\"w-full\\\">\\r\\n          <div class=\\\"popup\\\">\\r\\n            <label class=\\\"flex mb-2\\\">\\r\\n              <strong class=\\\"mr-3 min-w-[100px] w-[100px]\\\">Employee</strong>\\r\\n              <span>${EmployeeName}</span>\\r\\n            </label>\\r\\n            <label class=\\\"flex mb-2\\\">\\r\\n              <strong class=\\\"mr-3 min-w-[100px] w-[100px]\\\">Department</strong>\\r\\n              <span>${Department}</span>\\r\\n            </label>\\r\\n            <label class=\\\"flex mb-2\\\">\\r\\n              <strong class=\\\"mr-3 min-w-[100px] w-[100px]\\\">Category</strong>\\r\\n              <span>${Category}</span>\\r\\n            </label>\\r\\n            <p class=\\\"display-items\\\" if.bind=\\\"totalItems >= 1\\\">\\r\\n                  Displaying items ${(totalItems > 0 ? (currentPage - 1) * pageSize + 1 : 0)} - ${(totalItems > 0 ? (currentPage - 1) * pageSize + $displayData.length : 0)} of ${totalItems}\\r\\n              </p>\\r\\n              <div class=\\\"overflow-auto md:max-h-[350px]\\\">\\r\\n              <table class=\\\"table w-full table-striped\\\" aurelia-table=\\\"data.bind: AppreciationsList; display-data.bind: $displayData;\\r\\n              current-page.bind: currentPage; page-size.bind: pageSize; total-items.bind: totalItems; filters.bind: filters\\\">\\r\\n                <thead>\\r\\n                  <tr >\\r\\n                    <!-- <th class=\\\"text-left py-2.5 px-2.5\\\">Employee name</th>\\r\\n                    <th class=\\\"text-left py-2.5 px-2.5\\\">Category name</th>\\r\\n                    <th class=\\\"text-left py-2.5 px-2.5\\\">Department name</th> -->\\r\\n                    <!-- <th class=\\\"text-left py-2.5 px-2.5\\\">Feedback</th> -->\\r\\n                    <th aut-sort=\\\"key:ProvidedEmployeeName\\\" class=\\\"text-left py-2.5 px-2.5\\\">Provided employee</th>\\r\\n                    <th aut-sort=\\\"key:AppreciationDateText\\\" class=\\\"text-left py-2.5 px-2.5\\\">Appreciation date</th>\\r\\n                    <th aut-sort=\\\"key:Score\\\" class=\\\"text-left py-2.5 px-2.5\\\">Score</th>\\r\\n                  </tr>\\r\\n                </thead>\\r\\n                <tbody>\\r\\n                  <tr repeat.for=\\\"name of $displayData\\\">\\r\\n                    <!-- <td class=\\\"text-left align-top py-2.5 px-2.5\\\">${name.EmployeeName}</td>\\r\\n                    <td class=\\\"text-left align-top py-2.5 px-2.5\\\" >${name.CategoryName}</td>\\r\\n                    <td class=\\\"text-left align-top py-2.5 px-2.5\\\" >${name.DepartmentName}</td> -->\\r\\n                    <!-- <td class=\\\"text-left align-top py-2.5 px-2.5\\\" >${name.Feedback}</td> -->\\r\\n                    <td class=\\\"text-left align-top py-2.5 px-2.5\\\" >${name.ProvidedEmployeeName}</td>\\r\\n                    <td class=\\\"text-left align-top py-2.5 px-2.5\\\" >${name.AppreciationDateText}</td>\\r\\n                    <td class=\\\"text-left align-top py-2.5 px-2.5\\\" >${name.Score}</td>\\r\\n                  </tr>\\r\\n                </tbody>\\r\\n              </table>\\r\\n              </div>\\r\\n              <div if.bind=\\\"totalItems < 1\\\" class=\\\"no-records text-center mt-4\\\">No records found</div>\\r\\n              <aut-pagination current-page.bind=\\\"currentPage\\\" page-size.bind=\\\"pageSize\\\" total-items.bind=\\\"totalItems\\\" pagination-size.bind=\\\"5\\\" >\\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>\\r\\n          </div>\\r\\n      </ai-dialog-body>\\r\\n      <ai-dialog-footer>\\r\\n      </ai-dialog-footer>\\r\\n  </ai-dialog>\\r\\n</template>\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n    <require from=\\\"../../../shared/styles/popup.css\\\"></require>\\r\\n    <ai-dialog class=\\\"modal-popup draggable-popup\\\" ref=\\\"dialogElement\\\" mousedown.trigger=\\\"startDragging($event)\\\">\\r\\n        <ai-dialog-header>\\r\\n            <h1>Employee information</h1>\\r\\n            <button click.delegate=\\\"cancel()\\\" class=\\\"au-right cancel\\\"></button>\\r\\n        </ai-dialog-header>\\r\\n        <ai-dialog-body class=\\\"w-full\\\">\\r\\n            <div class=\\\"popup relative\\\">\\r\\n                 <label class=\\\"block mb-4 md:mb-0 md:absolute top-0 right-0\\\">\\r\\n                    <span><img class=\\\"rounded-full w-20 h-20 object-cover\\\" src=\\\"${configimgurl}${Photopath}\\\"></span>\\r\\n                 </label>\\r\\n                 <label class=\\\"flex mb-2\\\"><strong class=\\\"w-2/4 md:w-2/5 mr-3\\\">Employee code </strong><span class=\\\"w-2/4 md:w-3/5\\\">${EmployeeCode}</span></label>\\r\\n                 <label class=\\\"flex mb-2\\\"><strong class=\\\"w-2/4 md:w-2/5 mr-3\\\">Employee name </strong><span class=\\\"w-2/4 md:w-3/5\\\">${EmployeeName}</span></label>\\r\\n                 <label class=\\\"flex mb-2\\\"><strong class=\\\"w-2/4 md:w-2/5 mr-3\\\">Designation </strong><span class=\\\"w-2/4 md:w-3/5\\\">${Designation}</span></label>\\r\\n                 <label class=\\\"flex mb-2\\\"><strong class=\\\"w-2/4 md:w-2/5 mr-3\\\">Department</strong><span class=\\\"w-2/4 md:w-3/5\\\">${DepartmentName}</span></label>\\r\\n                 <label class=\\\"flex mb-2\\\"><strong class=\\\"w-2/4 md:w-2/5 mr-3\\\">Reporting manager </strong><span class=\\\"w-2/4 md:w-3/5\\\">${ReportingManagerName}</span></label>\\r\\n                 <label class=\\\"flex mb-2\\\"><strong class=\\\"w-2/4 md:w-2/5 mr-3\\\">Employee class </strong><span class=\\\"w-2/4 md:w-3/5\\\">${EmployeeClassText}</span></label>\\r\\n            </div>\\r\\n        </ai-dialog-body>\\r\\n        <ai-dialog-footer>\\r\\n        </ai-dialog-footer>\\r\\n    </ai-dialog>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n  <require from=\\\"../../../shared/styles/popup.css\\\"></require>\\r\\n  <ai-dialog class=\\\"modal-popup\\\">\\r\\n      <ai-dialog-header>\\r\\n          <h1>${appreciationcategory}</h1>\\r\\n          <button click.delegate=\\\"cancel()\\\" class=\\\"au-right cancel\\\"></button>\\r\\n      </ai-dialog-header>\\r\\n      <ai-dialog-body class=\\\"w-full\\\">\\r\\n          <div class=\\\"popup\\\">\\r\\n            <p class=\\\"display-items\\\" if.bind=\\\"totalItems >= 1\\\">\\r\\n                  Displaying items ${(totalItems > 0 ? (currentPage - 1) * pageSize + 1 : 0)} - ${(totalItems > 0 ? (currentPage - 1) * pageSize + $displayData.length : 0)} of ${totalItems}\\r\\n              </p>\\r\\n              <div class=\\\"overflow-auto md:max-h-[280px] lg:max-h-[350px]\\\">\\r\\n              <table  class=\\\"table text-sm table-striped w-[560px]\\\" aurelia-table=\\\"data.bind: CategoryList; display-data.bind: $displayData;\\r\\n              current-page.bind: currentPage; page-size.bind: pageSize; total-items.bind: totalItems; filters.bind: filters\\\">\\r\\n                <thead>\\r\\n                  <tr >\\r\\n                    <th aut-sort=\\\"key:EmployeeName\\\" class=\\\"text-left py-2.5 px-2.5\\\">Employee name</th>\\r\\n                    <th aut-sort=\\\"key:DepartmentName\\\" class=\\\"text-left py-2.5 px-2.5\\\">Department</th>\\r\\n                    <th aut-sort=\\\"key:Score\\\" class=\\\"text-left py-2.5 px-2.5\\\">Score</th>\\r\\n                  </tr>\\r\\n                </thead>\\r\\n                <tbody>\\r\\n                  <tr repeat.for=\\\"category of $displayData\\\">\\r\\n                    <td class=\\\"text-left align-top py-2.5 px-2.5\\\">${category.EmployeeName}</td>\\r\\n                    <td class=\\\"text-left align-top py-2.5 px-2.5\\\" >${category.DepartmentName}</td>\\r\\n                    <td class=\\\"text-left align-top py-2.5 px-2.5\\\" >${category.Score}</td>\\r\\n                  </tr>\\r\\n                </tbody>\\r\\n              </table>\\r\\n              </div>\\r\\n              <div if.bind=\\\"totalItems < 1\\\" class=\\\"no-records text-center mt-4\\\">No records found</div>\\r\\n              <aut-pagination current-page.bind=\\\"currentPage\\\" page-size.bind=\\\"pageSize\\\" total-items.bind=\\\"totalItems\\\" pagination-size.bind=\\\"5\\\" >\\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>\\r\\n\\r\\n          </div>\\r\\n      </ai-dialog-body>\\r\\n      <ai-dialog-footer>\\r\\n      </ai-dialog-footer>\\r\\n  </ai-dialog>\\r\\n</template>\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\n    <require from=\\\"../../shared/styles/myprofile.css\\\"></require>\\n    <require from=\\\"../../shared/styles/slick-theme.css\\\"></require>\\n    <require from=\\\"../../shared/styles/slick.css\\\"></require>\\n\\n    <main>\\n\\n      <form>\\n        <div>\\n                        <br>\\n                        <div>\\n                            <label><strong>Top Performance Preview</strong></label>\\n                        </div>\\n                       \\n                        <br>   \\n                        <div>\\n                            <label for=\\\"year\\\"><b>Period</b></label>\\n                            <select  value.bind=\\\"selectedYear\\\">\\n                                \\n                                <option repeat.for=\\\"year of TopPerformanceYearList\\\" value.bind=\\\"year.YearId\\\">           \\n                                    ${year.YearName}\\n                                   \\n                                </option>\\n                            </select>                              \\n                            <button type=\\\"submit\\\" click.delegate=\\\"Search()\\\" >Search</button>\\n                            <button type=\\\"submit\\\" click.delegate=\\\"Reset()\\\" >Reset</button>\\n                    </div>                  \\n                      <br>\\n                      <br>\\n                      <div>\\n                            <table class=\\\"w-full\\\">\\n                                \\n                                <thead class=\\\"thead-black\\\">\\n                                <tr class=\\\"bg-gray-50 border-b border-gray-200 text-xs leading-4 text-gray-500 uppercase tracking-wider\\\">\\n                                    \\n                                        <th class=\\\"px-6 py-3 text-left font-medium\\\">\\n                                            Appreciation category\\n                                        </th>\\n                                        <th class=\\\"px-6 py-3 text-left font-medium\\\">\\n                                            Employee(s)\\n                                        </th>\\n                                        <th class=\\\"px-6 py-3 text-left font-medium\\\">\\n                                           Total points\\n                                        </th>\\n                                        <th class=\\\"px-6 py-3 text-left font-medium\\\">\\n                                            \\n                                        </th>\\n                                </tr>\\n                                </thead>\\n                                    <tr repeat.for=\\\"performance of TopPerformancePreviewDetails\\\">\\n                                        <!-- <td><img class=\\\"rounded-full dropdown inline-block\\\" src=\\\"${configurl}${appreciation.ImagePath}\\\" alt=\\\"user\\\"/>${appreciation.CategoryName}</td> -->\\n                                        <td><img class=\\\"rounded-full dropdown inline-block\\\" src=\\\"${configurl}${performance.ImagePath}\\\" alt=\\\"user\\\"/>${performance.CategoryName}</td>\\n                                        <td>${performance.EmployeeName}</td>\\n                                        <td>${performance.Score}</td>\\n                                      \\n                                      </tr>                                  \\n                                    </table>\\n                            </div>            \\n      </form>\\n    </main>\\n    \\n  </template>\\n\";\n// Exports\nexport default code;"],"names":[],"sourceRoot":""}