{"version":3,"file":"app-ea9e4211.d152cf98c45d962fa693.bundle.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAaA;AAAA;AAVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAwKA;AArKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAIA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;;AAEA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAGA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AAKA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;AChNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sources":["webpack://HRMSPortal/./src/components/login/logincomponent.js","webpack://HRMSPortal/./src/components/login/logincomponent.html"],"sourcesContent":["import {inject } from 'aurelia-framework';\r\nimport {HttpClient, json} from 'aurelia-fetch-client';\r\nimport {Router,activationStrategy} from 'aurelia-router';\r\nimport {ValidationControllerFactory, ValidationRules} from 'aurelia-validation';\r\nimport {LoginService} from '../../shared/services/loginservice';\r\nimport {JwtService} from '../../shared/services/jwtservice';\r\nimport {SharedState} from '../../shared/state/sharedstate';\r\nimport {config} from '../../shared/services/config';\r\nimport { App } from '../../app';\r\nimport { MsalService } from '../../shared/services/msalService';\r\n\r\n@inject(LoginService, SharedState,JwtService, Router, ValidationControllerFactory,HttpClient,MsalService, App)\r\nexport class LoginComponent {\r\n \r\n  type = '';\r\n  username = '';  \r\n  password = '';\r\n  uname='';\r\n  pword='';\r\n  errors = null;\r\n  sliderImages = [];\r\n  isLoginPage = true;\r\n  routerView = \"main-content\";\r\n  \r\n  constructor(loginService, sharedState,jwtService, router, controllerFactory,httpClient,MsalService, App) {\r\n    this.loginService = loginService;\r\n    this.sharedState = sharedState;\r\n    this.jwtService = jwtService;\r\n    this.router = router;\r\n    this.httpClient = httpClient;\r\n    this.msalService = MsalService;\r\n    this.user = null;\r\n    this.accessToken = null;\r\n    this.controller = controllerFactory.createForCurrentScope();\r\n    this.app=App;\r\n    \r\n    ValidationRules\r\n      .ensure('username').required()\r\n      .ensure('password').required()     \r\n      .on(this);\r\n  }\r\n\r\n  determineActivationStrategy() {\r\n    return activationStrategy.replace;\r\n  }\r\n  \r\n  activate(params, routeConfig) {\r\n    this.type = routeConfig.name;\r\n  }\r\n\r\n  async signIn() {\r\n    const success = await this.msalService.signIn();\r\n    //console.log(success);\r\n    if (success) {\r\n      // Handle successful sign-in\r\n      if (\r\n        (navigator.userAgent.includes('Mac') && navigator.userAgent.includes('Safari')) ||\r\n        (navigator.userAgent.includes('iPhone') && navigator.userAgent.includes('Safari'))\r\n      ) {\r\n        setTimeout(function () {\r\n          window.location.reload();\r\n        }, 1000);\r\n      }\r\n    } else {\r\n      // Handle sign-in failure\r\n    }\r\n  }\r\n\r\n  signOut() {\r\n    this.msalService.signOut();\r\n  }\r\n\r\n    /**\r\n     * Using app component sending false value so it will hide header and sidebar.\r\n     * added async await to load all images .\r\n     */\r\n  async attached(){\r\n      document.querySelector('router-view').classList.remove(this.routerView);\r\n    this.app.updatePropertyValue(false);\r\n    this.uname = window.localStorage['UserName'];\r\n    this.pword = window.localStorage['Password'];\r\n    this.RememberMe = window.localStorage['RememberMe'];\r\n\r\n    await this.loginService.bindImages().then(data=>{\r\n      this.imageSlider =  data;\r\n      this.bannerUrl= config.img_url;\r\n    });\r\n\r\n    let i =1;\r\n    let image= await document.querySelectorAll(\".banner-image\");\r\n    if(image.length > 0){\r\n        image[0].style.opacity='1';\r\n        this.interval = setInterval(function () {\r\n            image.forEach((img,i)=>{\r\n                img.style.opacity='0';\r\n            });\r\n            if(i === image.length){\r\n                i=0;\r\n            }\r\n            image[i].style.opacity='1';\r\n            i++;\r\n        },5000);\r\n    }\r\n\r\n    // static slider css remove when banner images dynamic //\r\n    const images = document.querySelectorAll('.banner-image img');\r\n    let currentIndex = 0;\r\n\r\n    function fadeInImage(index) {\r\n        images[index].classList.add('active');\r\n    }\r\n\r\n    function fadeOutImage(index) {\r\n        images[index].classList.remove('active');\r\n    }\r\n\r\n    function nextImage() {\r\n        fadeOutImage(currentIndex);\r\n        currentIndex = (currentIndex + 1) % images.length;\r\n        fadeInImage(currentIndex);\r\n    }\r\n\r\n    setInterval(nextImage, 3000); // Change image every 3 seconds\r\n    fadeInImage(currentIndex); // Initial fade in\r\n    // static slider css remove when banner images dynamic //\r\n    \r\n  }\r\n\r\n  navigateToPage(support) {\r\n    if (\r\n          (navigator.userAgent.includes('Mac') && navigator.userAgent.includes('Safari')) ||\r\n          (navigator.userAgent.includes('iPhone') && navigator.userAgent.includes('Safari'))\r\n        ) {\r\n          setTimeout(function () {\r\n            window.location.reload();\r\n          }, 500);\r\n        } \r\n    this.router.navigateToRoute(support);\r\n  }\r\n\r\n  submit()\r\n      {\r\n        this.errors = null;\r\n        this.controller.validate()\r\n        .then(result => {\r\n          if (result.valid) {\r\n            \r\n            var employee = {\r\n              \"UserName\": this.username,             \r\n              \"Password\": this.password,\r\n              \"RememberMe\": this.RememberMe,\r\n            };\r\n\r\n            this.loginService.attemptAuth(this.type, employee)\r\n              .then(data => \r\n                {\r\n                  if(data.EmployeeID > 0){\r\n                    window.localStorage['UserName'] = data.UserName;\r\n                    window.localStorage['Password'] = data.Password;\r\n                    window.localStorage['RememberMe'] = data.RememberMe;\r\n                    window.localStorage['EmployeeClass'] = data.EmployeeClass;\r\n                    this.msalService = window.localStorage['MsalService'] = false;\r\n                    this.jwtService.saveSignInService(this.msalService);\r\n                    this.router.navigateToRoute('dashboard');\r\n                  }    \r\n                  else{\r\n                    if(data.LogInValidation === true){\r\n                      this.errors = \"Please login with your o365 account.\";                                                           \r\n                    }else{\r\n                      this.errors = \"Invalid credentials\";\r\n                    }\r\n                  }          \r\n                  \r\n                }\r\n                )\r\n              .catch(promise => {\r\n                promise.then(err => this.errors = err.errors)\r\n              });\r\n          }\r\n        })\r\n        if (\r\n          (navigator.userAgent.includes('Mac') && navigator.userAgent.includes('Safari')) ||\r\n          (navigator.userAgent.includes('iPhone') && navigator.userAgent.includes('Safari'))\r\n        ) {\r\n          setTimeout(function () {\r\n            location.reload();\r\n          }, 1000);\r\n        }\r\n      } \r\n\r\n      txtPassWord=document.getElementById(\"txtPassWord\");\r\n      toggleBtn=document.querySelector(\"toggleBtn\");\r\n\r\n    togglePassword() {\r\n        if(txtPassWord.type === \"password\"){\r\n          txtPassWord.setAttribute('type','text');\r\n           toggleBtn.classList.add('hide');\r\n      }\r\n      else{\r\n         txtPassWord.setAttribute('type','password');\r\n         toggleBtn.classList.remove('hide');\r\n      }\r\n    }\r\n\r\n    detached() {\r\n        // Clear the interval when navigating away from the component\r\n        clearInterval(this.interval);\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/banner2.jpg\", import.meta.url);\nvar ___HTML_LOADER_IMPORT_1___ = new URL(\"../../images/banner3.jpg\", import.meta.url);\nvar ___HTML_LOADER_IMPORT_2___ = new URL(\"../../images/banner4.jpg\", import.meta.url);\nvar ___HTML_LOADER_IMPORT_3___ = new URL(\"../../images/banner5.jpg\", import.meta.url);\nvar ___HTML_LOADER_IMPORT_4___ = new URL(\"../../images/KensiumSolutions-logo-white.svg\", import.meta.url);\nvar ___HTML_LOADER_IMPORT_5___ = new URL(\"../../images/error-icon.svg\", import.meta.url);\n// Module\nvar ___HTML_LOADER_REPLACEMENT_0___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_0___);\nvar ___HTML_LOADER_REPLACEMENT_1___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_1___);\nvar ___HTML_LOADER_REPLACEMENT_2___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_2___);\nvar ___HTML_LOADER_REPLACEMENT_3___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_3___);\nvar ___HTML_LOADER_REPLACEMENT_4___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_4___);\nvar ___HTML_LOADER_REPLACEMENT_5___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_5___);\nvar code = \"<template>\\r\\n  <require from=\\\"../../shared/styles/header.css\\\"></require>\\r\\n  <require from=\\\"../../shared/styles/login.css\\\"></require>\\r\\n  <div class=\\\"user-login-container md:flex w-full h-screen overflow-auto bg-[#1b2738]\\\">\\r\\n    <div class=\\\"people md:w-1/2\\\">\\r\\n      <!-- <div class=\\\"banner-image absolute top-0 left-0 w-1/2 duration-[2s]\\\" repeat.for=\\\"image of imageSlider\\\">\\r\\n        <img src=\\\"${bannerUrl}${image.ImagePath}\\\" alt=\\\"login banner\\\" class=\\\"w-full h-screen object-cover\\\"/>\\r\\n      </div> -->\\r\\n      \\r\\n      <!-- static slider css remove when banner images dynamic -->\\r\\n      <div class=\\\"banner-image absolute top-0 left-0 w-1/2 duration-[2s]\\\">\\r\\n        <!-- <img src=\\\"../../images/banner1.jpg\\\" alt=\\\"login banner\\\" class=\\\"w-full h-screen object-cover\\\"/> -->\\r\\n        <img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_0___ + \"\\\" alt=\\\"login banner\\\" class=\\\"w-full h-screen object-cover\\\"/>\\r\\n        <img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_1___ + \"\\\" alt=\\\"login banner\\\" class=\\\"w-full h-screen object-cover\\\"/>\\r\\n        <img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_2___ + \"\\\" alt=\\\"login banner\\\" class=\\\"w-full h-screen object-cover\\\"/>\\r\\n        <img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_3___ + \"\\\" alt=\\\"login banner\\\" class=\\\"w-full h-screen object-cover\\\"/>\\r\\n      </div>\\r\\n      <!-- static slider css remove when banner images dynamic -->\\r\\n\\r\\n    </div>\\r\\n    <div class=\\\"user-login-from login-right md:w-1/2 max-w-lg m-auto py-8 px-5 self-center\\\">\\r\\n      <form>\\r\\n\\r\\n        <div class=\\\"mb-12\\\">\\r\\n          <img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_4___ + \"\\\" alt=\\\"logo\\\" class=\\\"mx-auto max-w-xs\\\">\\r\\n          \\r\\n        </div>\\r\\n        <div class=\\\"login-365 mb-9\\\">\\r\\n            <button class=\\\"text-center block w-full text-base rounded-full h-12 bg-white text-[#1B2738] hover:text-[#ffffff] leading-[50px]\\\" click.delegate=\\\"signIn()\\\">Log in with O365</button>\\r\\n            <!-- <button class=\\\"text-center block w-full font-extrabold rounded-full h-12 bg-white text-[#1B2738] leading-[50px]\\\" click.delegate=\\\"signOut()\\\">Log out with O365</button> -->\\r\\n        </div>\\r\\n        <div class=\\\"divider text-center block mb-8\\\">\\r\\n           <span class=\\\"text-center text-white inline-block relative z-10 bg-[#1b2738] px-7\\\">or</span>\\r\\n        </div>\\r\\n        <div class=\\\"invalid-error mb-2 text-sm block text-[#DC3545]\\\">\\r\\n            <div if.bind=\\\"errors\\\">${errors}</div>\\r\\n          </div>\\r\\n        <div class=\\\"mb-8\\\" validation-errors.bind=\\\"emailErrors\\\" class.bind=\\\"emailErrors.length ? 'has-error' : ''\\\">\\r\\n          <input id=\\\"txtUserName\\\" value=\\\"${uname}\\\" class=\\\"w-full rounded-full h-11 px-5 text-base error-border\\\" type=\\\"text\\\" placeholder=\\\"Username\\\" value.bind=\\\"username & validate\\\"/>         \\r\\n          <span class=\\\"error-messages text-sm text-[#DC3545] block mt-2.5\\\" repeat.for=\\\"errorInfo of emailErrors\\\">\\r\\n            ${errorInfo.error.message}\\r\\n          </span>\\r\\n          <div class=\\\"error-icon absolute top-[12px] right-[15px] hidden\\\"><img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_5___ + \"\\\" alt=\\\"error\\\"></div>\\r\\n        </div>     \\r\\n        \\r\\n        <div class=\\\"mb-8\\\" validation-errors.bind=\\\"passwordErrors\\\" class.bind=\\\"passwordErrors.length ? 'has-error' : 'passwordfield'\\\">\\r\\n          <input id=\\\"txtPassWord\\\"  value=\\\"${pword}\\\"   class=\\\"w-full rounded-full h-11 px-5 text-base error-border\\\" type=\\\"password\\\" placeholder=\\\"Password\\\" value.bind=\\\"password & validate\\\" />\\r\\n          <span class=\\\"toggleBtn block absolute top-[14px] right-[20px] cursor-pointer\\\" id=\\\"toggleBtn\\\" click.trigger=\\\"togglePassword()\\\"><i class=\\\"fa-thin fa-eye-slash\\\"></i></span>\\r\\n          <span class=\\\"error-messages text-sm text-[#DC3545] block mt-2.5\\\" repeat.for=\\\"errorInfo of passwordErrors\\\">\\r\\n            ${errorInfo.error.message}\\r\\n          </span>\\r\\n        </div>\\r\\n        <div class=\\\"mb-4 justify-between flex remember-section\\\">\\r\\n          <div class=\\\"flex mb-3\\\">\\r\\n            <input type=\\\"checkbox\\\" id=\\\"check1\\\" class=\\\"mr-2\\\" name=\\\"RememberMe\\\" checked.bind=\\\"RememberMe\\\"/>  \\r\\n            <label class=\\\"text-white text-sm m-0\\\" for=\\\"check1\\\">Remember me</label>\\r\\n          </div>\\r\\n        \\r\\n          <div class=\\\"needhelp\\\">\\r\\n            <a href=\\\"#/forgotpassword\\\" class=\\\"text-white text-sm\\\">Need help?</a>\\r\\n          </div>\\r\\n        </div>\\r\\n        <div class=\\\"text-center\\\">\\r\\n          <button type=\\\"button\\\" id=\\\"btnLogin\\\" class=\\\"!text-base !h-[3rem] font-extrabold block btn--primary leading-11 !rounded-full !px-10 text-white m-auto mt-7 mb-7 !bg-[#4d9078] hover:!bg-[#38715b]\\\" click.delegate=\\\"submit()\\\">Login</button>\\r\\n          <p click.trigger=\\\"navigateToPage()\\\"><a href=\\\"#/feedbackform\\\" class=\\\"anonymous text-white text-sm inline-block underline font-medium\\\">Submit Anonymous Feedback / Grievance</a></p>\\r\\n        </div>\\r\\n      </form>\\r\\n    </div>\\r\\n    \\r\\n  </div>\\r\\n\\r\\n</template> \\r\\n\";\n// Exports\nexport default code;"],"names":[],"sourceRoot":""}