{"version":3,"file":"app-99a89f9b.d152cf98c45d962fa693.bundle.js","mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAAA;AAxBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAgBA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAOA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;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;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;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;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAGA;;;;;;;;;;;;;AC3PA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sources":["webpack://HRMSPortal/./src/components/performancereview/goalsandcommitments/goalsandcommitments.js","webpack://HRMSPortal/./src/components/performancereview/goalsandcommitments/goalsandcommitments.html"],"sourcesContent":["import {inject} from 'aurelia-framework';\r\nimport {JwtService} from '../../../shared/services/jwtservice';\r\nimport {DialogController} from 'aurelia-dialog';\r\nimport {DialogService} from 'aurelia-dialog';\r\nimport {PerformanceMangemantService} from \"../../../shared/services/performancereviewservice\";\r\nimport {config} from \"../../../shared/services/config\";\r\nimport {AchivemetsPopup} from \"../employeeperformacereview/achivemetsPopup/achivemetsPopup\";\r\nimport {Markascompletemodel} from \"../employeeperformacereview/markascompleteconformationpopup/markascompletemodel\";\r\n\r\n@inject(DialogController, JwtService, DialogService, PerformanceMangemantService)\r\nexport class PerformanceReview {\r\n    pageSize = config.kra_PazeSize;\r\n    topicsPageSize = config.kra_PazeSize;\r\n    ViewID = 2;\r\n    isOpen = null;\r\n    Successmessages = false;\r\n    kraCategories = [];\r\n    markascompleted = false;\r\n    markascompletachivementpopup = false;\r\n    kraCategories = [];\r\n    selectedDiv = 0;\r\n  activeTab = 'tab1';\r\n\r\n  performanceClick() {\r\n    event.preventDefault();\r\n    const parentDiv = event.target.closest('.parent-div');\r\n    if (parentDiv) {\r\n      parentDiv.classList.toggle('performance-open');\r\n    }\r\n  }\r\n\r\n  activateTab(tab) {\r\n    this.activeTab = tab;\r\n  }\r\n\r\n    constructor(controller, JwtService, DialogService, PerformanceMangemantService) {\r\n        this.controller = controller;\r\n        this.jwtService = JwtService;\r\n        this.empid = this.jwtService.getEmployeeId();\r\n        this.dialogService = DialogService;\r\n        this.performaceService = PerformanceMangemantService;\r\n    }\r\n\r\n    activate(approveData) {\r\n        this.params = approveData;\r\n        this.ActionName = this.params.ActionName,\r\n            this.RecordStatusCode = this.params.RecordStatusCode,\r\n            this.PeriodID = this.params.PeriodID,\r\n            this.KRAPerformanceReviewID = this.params.KRAPerformanceReviewID,\r\n            this.ReviewTypeID = this.params.ReviewTypeID,\r\n            this.ReviewFromText = this.params.ReviewFromText,\r\n            this.ReviewToText = this.params.ReviewToText\r\n    }\r\n\r\n    attached() {\r\n        this.performaceService.KraCategories(this.empid, this.PeriodID, this.ReviewTypeID, this.ViewID)\r\n            .then(data => {\r\n                this.kraCategories = data.EmployeeCategoryList;\r\n                if (this.kraCategories.length > 0) {\r\n                    const defaultCategory = this.kraCategories[0]; // Change this to the desired category\r\n                    this.toggleDisplay(defaultCategory);\r\n                }\r\n            });\r\n        this.performaceService.GetReviewHistory(this.empid, this.PeriodID, this.ReviewTypeID)\r\n            .then(data => {\r\n                this.GetReviewHistory = data;\r\n            });\r\n\r\n        this.performaceService.GetAdditionalNotesandComments(this.KRAPerformanceReviewID)\r\n            .then(data => {\r\n                this.additionalcomments = data;\r\n                this.Files = this.additionalcomments.map(option => option.DocumentPath);\r\n                if (this.additionalcomments.map(option => option.DocumentPath)) {\r\n                    this.file = this.additionalcomments.map(option => option.DocumentPath);\r\n                    this.DocumentName = this.additionalcomments.map(option => option.DocumentPath);\r\n                }\r\n            });\r\n    }\r\n\r\n    /*activateTab(index) {\r\n        this.selectedDiv = index;\r\n        this.kraCategories.forEach((category, idx) => {\r\n            category.showDiv = (index === idx);\r\n        });\r\n    }*/\r\n\r\n    markAsComplete(event, EmployeeGoalID, MarkAsCompletedIND, category) {\r\n        const result = this.dialogService.open({\r\n            viewModel: Markascompletemodel,\r\n            model: '',\r\n        }).whenClosed(response => {\r\n            if (response.wasCancelled) {\r\n                this.markascompleted = false;\r\n                return;\r\n            } else {\r\n                this.markascompleted = true;\r\n                this.markascompletachivementpopup = true;\r\n                const checkbox = document.querySelector(`input[name=\"achievement_${MarkAsCompletedIND == true}\"]`);\r\n                if (checkbox) {\r\n                    checkbox.checked = true;\r\n                    const markascompletedata = {\r\n                        EmployeeGoalID: EmployeeGoalID,\r\n                        EmployeeID: this.empid\r\n                    };\r\n                    this.performaceService.MarkasCompletedKraCategories(markascompletedata)\r\n                        .then(data => {\r\n                            this.performaceService.KraCategories(this.empid, this.PeriodID, this.ReviewTypeID, this.ViewID)\r\n                                .then(data => {\r\n                                    this.kraCategories = data.EmployeeCategoryList;\r\n                                    const result = this.kraCategories?.find(item => item.EmployeeCategoryID === category.EmployeeCategoryID);\r\n                                    const defaultCategory = result;\r\n                                    this.toggleDisplay(defaultCategory);\r\n                                });\r\n\r\n\r\n                        });\r\n                }\r\n            }\r\n        })\r\n    }\r\n\r\n    AchivemetsPopup(referenceID, Categorys, Goal, MeasurementCriteria, TargetCompletionDateTxt, EmployeeCategoryID, EmployeeGoalID, MarkAsCompletedIND, GoalStatusTxt, category) {\r\n        if (this.markascompletachivementpopup == true) {\r\n            this.markascompleted = this.markascompleted;\r\n        } else {\r\n            this.markascompleted = MarkAsCompletedIND;\r\n        }\r\n        const AchivemetsData = {\r\n            ReviewTypeID: this.ReviewTypeID,\r\n            ViewID: this.ViewID,\r\n            referenceID: referenceID,\r\n            Category: Categorys,\r\n            KRAtitle: Goal,\r\n            MeasurementCriteria: MeasurementCriteria,\r\n            TargetCompletionDateTxt: TargetCompletionDateTxt,\r\n            EmployeeCategoryID: EmployeeCategoryID,\r\n            EmployeeGoalID: EmployeeGoalID,\r\n            RecordStatusCode: this.RecordStatusCode,\r\n            ReviewFromdate: this.ReviewFromText,\r\n            ReviewToText: this.ReviewToText,\r\n            MarkasComplete: this.markascompleted,\r\n            GoalStatusTxt: GoalStatusTxt,\r\n        };\r\n        this.dialogService.open({viewModel: AchivemetsPopup, model: AchivemetsData})\r\n            .whenClosed((feedback) => {\r\n                    if (!feedback.wasCancelled) {\r\n                        this.messages = \"KRA updated successfully.\";\r\n                        this.Successmessages = true;\r\n                        setTimeout(() => {\r\n                            this.messages = null\r\n                        }, 5000);\r\n                        this.performaceService.KraCategories(this.empid, this.PeriodID, this.ReviewTypeID, this.ViewID)\r\n                            .then(data => {\r\n                                this.kraCategories = data.EmployeeCategoryList;\r\n                                if (this.kraCategories.length > 0) {\r\n                                    const result = this.kraCategories?.find(item => item.EmployeeCategoryID === category.EmployeeCategoryID);\r\n                                    const defaultCategory = result;\r\n                                    this.toggleDisplay(defaultCategory);\r\n                                }\r\n                            });\r\n                    }\r\n                }\r\n            )\r\n    }\r\n\r\n    openFileDialog() {\r\n        document.getElementById('attachments').click();\r\n    }\r\n\r\n    handleFileSelect(files) {\r\n        const file = files[0];\r\n        const maxSize = 2.5 * 1024 * 1024;\r\n        if (file.size > maxSize) {\r\n            this.fileMessage = 'File size should be less than 2.5 MB.';\r\n            setTimeout(() => {\r\n                this.fileMessage = null;\r\n            }, 4000);\r\n            this.removeFile();\r\n            return;\r\n        }\r\n        else if (file.size <= maxSize) {\r\n            this.files = file;\r\n            let reader = new FileReader();\r\n            reader.readAsDataURL(file);\r\n            this.DocumentNames = file.name;\r\n            reader.onload = () => {\r\n                this.files = reader.result;\r\n            };\r\n        }\r\n    }\r\n\r\n    removeFile() {\r\n        this.files = null;\r\n        this.DocumentNames = '';\r\n        const fileInput = document.getElementById('attachments');\r\n        if (fileInput) {\r\n            fileInput.value = '';\r\n        }\r\n    }\r\n\r\n    toggleDisplay(category) {\r\n        this.kraCategories.forEach(cat => {\r\n            if (cat !== category) {\r\n                cat.showDiv = false;\r\n            }\r\n        });\r\n        category.showDiv = true;\r\n    }\r\n\r\n    AcceptRequest() {\r\n        if (this.fileMessage) {\r\n            return false;\r\n        }\r\n        let AcceptrequestData = {\r\n            EmployeeID: this.empid,\r\n            WorkflowComments: this.WorkflowComments,\r\n            DocumentPath: this.files,\r\n            DocumentName: this.DocumentNames,\r\n            KRAPerformanceReviewID: this.KRAPerformanceReviewID,\r\n            PeriodID: this.PeriodID,\r\n            ReviewTypeID: this.ReviewTypeID,\r\n            Actions: \"Accept\"\r\n        };\r\n        this.performaceService.AcceptKraMyemployee(AcceptrequestData).then(data => {\r\n            const datas = {\r\n                message: true\r\n            };\r\n            const queryString = new URLSearchParams(datas).toString();\r\n            const performancereviewURL = `/#/KRAPerformanceReview/MyGoalSheet?${queryString}`;\r\n            window.location.href = performancereviewURL;\r\n        });\r\n    }\r\n\r\n    openCategory(index) {\r\n        this.isOpen = index;\r\n    }\r\n\r\n    kraClick() {\r\n        event.preventDefault();\r\n        const clickedDivopen = event.target.closest('div.goalSection > div');\r\n        if (clickedDivopen) {\r\n            clickedDivopen.classList.toggle('content-open');\r\n        }\r\n    }\r\n\r\n    BackPage() {\r\n        const performancereviewURLBackPage = `/#/KRAPerformanceReview/MyGoalSheet`;\r\n        window.location.href = performancereviewURLBackPage;\r\n    }\r\n\r\n\r\n}\r\n","// Imports\nimport ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___ from \"../../../../node_modules/html-loader/dist/runtime/getUrl.js\";\nvar ___HTML_LOADER_IMPORT_0___ = new URL(\"../../../images/performance-icon.svg\", import.meta.url);\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/performance.css\\\"></require>\\r\\n  <require from=\\\"../../../shared/styles/au-tablePagination.css\\\"></require>\\r\\n  <main>\\r\\n    <div class=\\\"performance-banner !bg-cover w-full h-[120px] !bg-center md:h-[250px] relative mb-7\\\">\\r\\n      <div class=\\\"xl:max-w-[1226px] 2xl:max-w-[1600px] mx-auto px-3 md:px-5 flex pb-4 absolute bottom-0 left-0 right-0 md:pb-6\\\">\\r\\n        <img\\r\\n          src=\\\"\" + ___HTML_LOADER_REPLACEMENT_0___ + \"\\\"\\r\\n          alt=\\\"performance-icon\\\"\\r\\n        />\\r\\n        <h1 class=\\\"text-3xl lg:text-4xl xl:text-5xl text-white ml-2.5\\\">\\r\\n          Performance Review\\r\\n        </h1>\\r\\n      </div>\\r\\n    </div>\\r\\n    <div class=\\\"performance-section px-3 md:px-6 pb-6 xl:max-w-[1226px] 2xl:max-w-[1600px] mx-auto\\\">\\r\\n      <h3 class=\\\"text-2xl text-[#1B2738] mb-5 flex items-center gap-[10px]\\\">\\r\\n        <svg width=\\\"34\\\" height=\\\"34\\\" viewBox=\\\"0 0 34 34\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\r\\n          <path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M8.5 1.41699C9.2824 1.41699 9.91667 2.05126 9.91667 2.83366H28.3333C28.8243 2.83366 29.2803 3.08788 29.5384 3.50554C29.7965 3.9232 29.82 4.44473 29.6004 4.88388L27.0839 9.91699L29.6004 14.9501C29.82 15.3893 29.7965 15.9108 29.5384 16.3284C29.2803 16.7461 28.8243 17.0003 28.3333 17.0003H9.91667V29.7503H11.3333C12.1157 29.7503 12.75 30.3846 12.75 31.167C12.75 31.9494 12.1157 32.5837 11.3333 32.5837H5.66667C4.88426 32.5837 4.25 31.9494 4.25 31.167C4.25 30.3846 4.88426 29.7503 5.66667 29.7503H7.08333V2.83366C7.08333 2.05126 7.7176 1.41699 8.5 1.41699ZM9.91667 14.167H26.0411L24.2329 10.5505C24.0335 10.1517 24.0335 9.68227 24.2329 9.28344L26.0411 5.66699H9.91667V14.167Z\\\" fill=\\\"#1B2738\\\"/>\\r\\n        </svg>\\r\\n        <span>Goals and Commitments</span>\\r\\n      </h3>\\r\\n      <p class=\\\"font-['Avenir-Medium']\\\">These are milestones set by the employee that will help guide his tasks and allow the manager to follow his/her progress.</p>\\r\\n      <div>\\r\\n        <div class=\\\"flex items-center gap-[20px] mt-[30px] mb-[14px] relative\\\">\\r\\n          <select class=\\\"appearance-none border-[1.5px] border-[#e0e0e0] w-[96px] px-[15px] py-[8px] rounded-[6px] bg-white\\\" name=\\\"\\\" id=\\\"\\\">\\r\\n            <option value=\\\"2024\\\">2024</option>\\r\\n            <option value=\\\"2024\\\">2023</option>\\r\\n            <option value=\\\"2024\\\">2022</option>\\r\\n          </select>\\r\\n          <div class=\\\"tab-header rounded-[9px] bg-white h-[40px] leading-[40px] px-[8px]\\\" click.delegate=\\\"activateTab('tab1')\\\" class=\\\"${activeTab === 'tab1' ? 'active' : ''}\\\">First Quarter</div>\\r\\n          <div class=\\\"tab-header\\\" click.delegate=\\\"activateTab('tab2')\\\" class=\\\"${activeTab === 'tab2' ? 'active' : ''}\\\">Second Quarter</div>\\r\\n          <a href=\\\"#\\\" class=\\\"flex items-center text-[#4C9076] font-['Avenir-Medium'] gap-[10px] absolute right-0\\\">\\r\\n            <svg width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\r\\n              <path d=\\\"M19 3H5C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3Z\\\" stroke=\\\"#4C9076\\\" stroke-width=\\\"2\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/>\\r\\n              <path d=\\\"M12 8V16\\\" stroke=\\\"#4C9076\\\" stroke-width=\\\"2\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/>\\r\\n              <path d=\\\"M8 12H16\\\" stroke=\\\"#4C9076\\\" stroke-width=\\\"2\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/>\\r\\n            </svg>\\r\\n            <span>Add Goal</span>\\r\\n          </a>\\r\\n        </div>\\r\\n\\r\\n        <div class=\\\"tab-content\\\" if.bind=\\\"activeTab === 'tab1'\\\">\\r\\n          <div class=\\\"bg-white rounded-[16px] performance-open parent-div\\\">\\r\\n            <div click.trigger=\\\"performanceClick()\\\" class=\\\"flex mb-2 md:mb-0 items-center flex-wrap pb-[35px] pl-[18px] pr-[45px] pt-[25px]\\\">\\r\\n              <strong class=\\\"text-2xl mx-2.5 block\\\">S.M.A.R.T Goals</strong>\\r\\n              <p class=\\\"basis-full grow-0 shrink-0 mt-[15px]\\\">Specify goals for the coming year that are Specific, Measurable, Achievable, Realistic, Time-Bound</p>\\r\\n            </div>\\r\\n            <div class=\\\"hidden relative\\\">\\r\\n              <div class=\\\"overflow-auto\\\">\\r\\n                <table class=\\\"w-full goalsandcommitments-table table table-striped\\\">\\r\\n                  <thead>\\r\\n                    <tr>\\r\\n                      <th>Goal</th>\\r\\n                      <th>Notes</th>\\r\\n                      <th>Target Date</th>\\r\\n                      <th>Manager Comments</th>\\r\\n                      <th>Status</th>\\r\\n                      <th>Rating</th>\\r\\n                    </tr>\\r\\n                  </thead>\\r\\n                  <tbody>\\r\\n                    <tr>\\r\\n                      <td>Implementing React on KensiumHR redesign by the 3rd quarter 2022.</td>\\r\\n                      <td>Sample note lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</td>\\r\\n                      <td>30-05-2022</td>\\r\\n                      <td>Sample manager comment lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</td>\\r\\n                      <td>Completed</td>\\r\\n                      <td>\\r\\n                        <a href=\\\"#\\\">Exceeds</a>\\r\\n                        <a href=\\\"#\\\">Expectation</a>\\r\\n                      </td>\\r\\n                    </tr>\\r\\n                    <tr>\\r\\n                      <td>Implementing the customization KensiumHR application in accurate manner and not getting critical bugs more from than 5 from AIF team during warranty period</td>\\r\\n                      <td>Sample note lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</td>\\r\\n                      <td>30-05-2022</td>\\r\\n                      <td>Sample manager comment lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt </td>\\r\\n                      <td>In Progress</td>\\r\\n                      <td></td>\\r\\n                    </tr>\\r\\n                    <tr>\\r\\n                      <td>Completing the Clarizen certifications by end of 3rd quarter 2022.</td>\\r\\n                      <td>Sample note lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt </td>\\r\\n                      <td>30-05-2022</td>\\r\\n                      <td>Pending</td>\\r\\n                      <td>Pending Approval</td>\\r\\n                      <td></td>\\r\\n                    </tr>\\r\\n                  </tbody>\\r\\n                </table>\\r\\n              </div>\\r\\n            </div>\\r\\n          </div>\\r\\n        </div>\\r\\n\\r\\n        <div class=\\\"tab-content\\\" if.bind=\\\"activeTab === 'tab2'\\\">\\r\\n          Tab 2 content goes here\\r\\n        </div>\\r\\n      </div>\\r\\n\\r\\n    </div>\\r\\n  </main>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;"],"names":[],"sourceRoot":""}