{"version":3,"file":"app-9a8b795a.b149463909b5e91f4e75.bundle.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;ACPA;;;;;;;;;;;;;;;ACAA;;;;;;;;;;;;;;;ACAA;AACA;AACA;AACA;;;;;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;ACHA;;;;;;;;;;ACAA;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;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;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;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;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;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACnSA;AAAA;AAgBA;AAdA;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAHA;AAKA;;;;;;AACA;AACA;;AAAA;AACA;;AAAA;AACA;AACA;;;;;AACA;AACA;AAAA;;AAEA;AAAA;AAOA;AACA;AACA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1BA;AAGA;AAAA;AA2BA;AA1BA;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAHA;AAKA;;;;;;AAEA;AACA;;AAAA;AACA;;AAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;;;;;AACA;AACA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC9BA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AAkBA;AA0BA;AAXA;AACA;AACA;AAGA;AAOA;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;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AACA;AACA;AACA;AAIA;AAOA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAaA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AA9LA;AADA;AA2BA;AA1BA;AA+LA;AAAA;AA/LA;;;;;;;;;;;;;;;;AC3BA;AAAA;AACA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACFA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AAkBA;AA0BA;AAXA;AACA;AACA;AAGA;AA0HA;AAnHA;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;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AACA;AACA;AACA;AAIA;AAOA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAaA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AA5NA;AADA;AA2BA;AA1BA;AA6NA;AAAA;AA7NA","sources":["webpack://app/./src/Components/styles.less","webpack://app/./src/Config/FsConfig.json","webpack://app/./src/Config/open-id-connect-configuration.json","webpack://app/./src/Layout/master-page-egat.html","webpack://app/./src/Layout/master-page-manageuser.html","webpack://app/./src/Layout/master-page.html","webpack://app/./config/environment.json","webpack://app/./node_modules/moment/locale/ sync ^\\.\\/.*$","webpack://app/./src/Config/FsConfig.ts","webpack://app/./src/Config/open-id-connect-configuration.ts","webpack://app/./src/Layout/master-page-egat.ts","webpack://app/./src/Layout/master-page-manageuser.ts","webpack://app/./src/Layout/master-page.ts"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"body {\\n  margin: 0;\\n}\\n.page-host {\\n  position: absolute;\\n  left: 0;\\n  right: 0;\\n  top: 56px;\\n  bottom: 0;\\n  overflow-x: hidden;\\n  overflow-y: auto;\\n}\\n@media print {\\n  .page-host {\\n    position: absolute;\\n    left: 10px;\\n    right: 0;\\n    top: 56px;\\n    bottom: 0;\\n    overflow-y: inherit;\\n    overflow-x: inherit;\\n  }\\n}\\nsection {\\n  margin: 1rem;\\n}\\n.navbar-nav li.loader {\\n  margin: 12px 24px 0 6px;\\n}\\n.pictureDetail {\\n  max-width: 425px;\\n}\\n/* animate page transitions */\\nsection.au-enter-active {\\n  -webkit-animation: fadeInRight 1s;\\n  animation: fadeInRight 1s;\\n}\\ndiv.au-stagger {\\n  /* 50ms will be applied between each successive enter operation */\\n  -webkit-animation-delay: 50ms;\\n  animation-delay: 50ms;\\n}\\n.user-card-container.au-enter {\\n  opacity: 0;\\n}\\n.user-card-container.au-enter-active {\\n  -webkit-animation: fadeIn 2s;\\n  animation: fadeIn 2s;\\n}\\n.user-card {\\n  overflow: hidden;\\n  position: relative;\\n  border: 1px solid #CCC;\\n  border-radius: 8px;\\n  text-align: center;\\n  padding: 0;\\n  background-color: #337ab7;\\n  color: #88acd9;\\n  margin-bottom: 32px;\\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);\\n}\\n.user-card .content {\\n  margin-top: 10px;\\n}\\n.user-card .content .name {\\n  color: white;\\n  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);\\n  font-size: 18px;\\n}\\n.user-card .header-bg {\\n  /* This stretches the canvas across the entire hero unit */\\n  position: absolute;\\n  top: 0;\\n  left: 0;\\n  width: 100%;\\n  height: 70px;\\n  border-bottom: 1px #FFF solid;\\n  border-radius: 6px 6px 0 0;\\n}\\n.user-card .avatar {\\n  position: relative;\\n  margin-top: 15px;\\n  z-index: 100;\\n}\\n.user-card .avatar img {\\n  width: 100px;\\n  height: 100px;\\n  -webkit-border-radius: 50%;\\n  -moz-border-radius: 50%;\\n  border-radius: 50%;\\n  border: 2px #FFF solid;\\n}\\n/* animation definitions */\\n@-webkit-keyframes fadeInRight {\\n  0% {\\n    opacity: 0;\\n    -webkit-transform: translate3d(100%, 0, 0);\\n    transform: translate3d(100%, 0, 0);\\n  }\\n  100% {\\n    opacity: 1;\\n    -webkit-transform: none;\\n    transform: none;\\n  }\\n}\\n@keyframes fadeInRight {\\n  0% {\\n    opacity: 0;\\n    -webkit-transform: translate3d(100%, 0, 0);\\n    -ms-transform: translate3d(100%, 0, 0);\\n    transform: translate3d(100%, 0, 0);\\n  }\\n  100% {\\n    opacity: 1;\\n    -webkit-transform: none;\\n    -ms-transform: none;\\n    transform: none;\\n  }\\n}\\n@-webkit-keyframes fadeIn {\\n  0% {\\n    opacity: 0;\\n  }\\n  100% {\\n    opacity: 1;\\n  }\\n}\\n@keyframes fadeIn {\\n  0% {\\n    opacity: 0;\\n  }\\n  100% {\\n    opacity: 1;\\n  }\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/Components/styles.less\"],\"names\":[],\"mappings\":\"AAAA;EACE,SAAA;AACF;AAEA;EACE,kBAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;EACA,SAAA;EACA,kBAAA;EACA,gBAAA;AAAF;AAGA;EACE;IACE,kBAAA;IACA,UAAA;IACA,QAAA;IACA,SAAA;IACA,SAAA;IACA,mBAAA;IACA,mBAAA;EADF;AACF;AAIA;EACE,YAAA;AAFF;AAKA;EACE,uBAAA;AAHF;AAMA;EACE,gBAAA;AAJF;AACA,6BAA6B;AAO7B;EACE,iCAAA;EACA,yBAAA;AALF;AAQA;EANE,iEAAiE;EAQjE,6BAAA;EACA,qBAAA;AANF;AASA;EACE,UAAA;AAPF;AAUA;EACE,4BAAA;EACA,oBAAA;AARF;AAWA;EACE,gBAAA;EACA,kBAAA;EACA,sBAAA;EACA,kBAAA;EACA,kBAAA;EACA,UAAA;EACA,yBAAA;EACA,cAAA;EACA,mBAAA;EACA,sCAAA;AATF;AAYA;EACE,gBAAA;AAVF;AAaA;EACE,YAAA;EACA,uCAAA;EACA,eAAA;AAXF;AAcA;EAZE,0DAA0D;EAc1D,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,6BAAA;EACA,0BAAA;AAZF;AAeA;EACE,kBAAA;EACA,gBAAA;EACA,YAAA;AAbF;AAgBA;EACE,YAAA;EACA,aAAA;EACA,0BAAA;EACA,uBAAA;EACA,kBAAA;EACA,sBAAA;AAdF;AACA,0BAA0B;AAiB1B;EACE;IACE,UAAA;IACA,0CAAA;IACA,kCAAA;EAfF;EAiBA;IACE,UAAA;IACA,uBAAA;IACA,eAAA;EAfF;AACF;AAkBA;EACE;IACE,UAAA;IACA,0CAAA;IACA,sCAAA;IACA,kCAAA;EAhBF;EAkBA;IACE,UAAA;IACA,uBAAA;IACA,mBAAA;IACA,eAAA;EAhBF;AACF;AAmBA;EACE;IACE,UAAA;EAjBF;EAmBA;IACE,UAAA;EAjBF;AACF;AAoBA;EACE;IACE,UAAA;EAlBF;EAoBA;IACE,UAAA;EAlBF;AACF\",\"sourcesContent\":[\"body {\\n  margin: 0;\\n}\\n\\n.page-host {\\n  position: absolute;\\n  left: 0;\\n  right: 0;\\n  top: 56px;\\n  bottom: 0;\\n  overflow-x: hidden;\\n  overflow-y: auto;\\n}\\n\\n@media print {\\n  .page-host {\\n    position: absolute;\\n    left: 10px;\\n    right: 0;\\n    top: 56px;\\n    bottom: 0;\\n    overflow-y: inherit;\\n    overflow-x: inherit;\\n  }\\n}\\n\\nsection {\\n  margin: 1rem;\\n}\\n\\n.navbar-nav li.loader {\\n  margin: 12px 24px 0 6px;\\n}\\n\\n.pictureDetail {\\n  max-width: 425px;\\n}\\n\\n/* animate page transitions */\\nsection.au-enter-active {\\n  -webkit-animation: fadeInRight 1s;\\n  animation: fadeInRight 1s;\\n}\\n\\ndiv.au-stagger {\\n  /* 50ms will be applied between each successive enter operation */\\n  -webkit-animation-delay: 50ms;\\n  animation-delay: 50ms;\\n}\\n\\n.user-card-container.au-enter {\\n  opacity: 0;\\n}\\n\\n.user-card-container.au-enter-active {\\n  -webkit-animation: fadeIn 2s;\\n  animation: fadeIn 2s;\\n}\\n\\n.user-card {\\n  overflow: hidden;\\n  position: relative;\\n  border: 1px solid #CCC;\\n  border-radius: 8px;\\n  text-align: center;\\n  padding: 0;\\n  background-color: #337ab7;\\n  color: rgb(136, 172, 217);\\n  margin-bottom: 32px;\\n  box-shadow: 0 0 5px rgba(0, 0, 0, .5);\\n}\\n\\n.user-card .content {\\n  margin-top: 10px;\\n}\\n\\n.user-card .content .name {\\n  color: white;\\n  text-shadow: 0 0 6px rgba(0, 0, 0, .5);\\n  font-size: 18px;\\n}\\n\\n.user-card .header-bg {\\n  /* This stretches the canvas across the entire hero unit */\\n  position: absolute;\\n  top: 0;\\n  left: 0;\\n  width: 100%;\\n  height: 70px;\\n  border-bottom: 1px #FFF solid;\\n  border-radius: 6px 6px 0 0;\\n}\\n\\n.user-card .avatar {\\n  position: relative;\\n  margin-top: 15px;\\n  z-index: 100;\\n}\\n\\n.user-card .avatar img {\\n  width: 100px;\\n  height: 100px;\\n  -webkit-border-radius: 50%;\\n  -moz-border-radius: 50%;\\n  border-radius: 50%;\\n  border: 2px #FFF solid;\\n}\\n\\n/* animation definitions */\\n@-webkit-keyframes fadeInRight {\\n  0% {\\n    opacity: 0;\\n    -webkit-transform: translate3d(100%, 0, 0);\\n    transform: translate3d(100%, 0, 0)\\n  }\\n  100% {\\n    opacity: 1;\\n    -webkit-transform: none;\\n    transform: none\\n  }\\n}\\n\\n@keyframes fadeInRight {\\n  0% {\\n    opacity: 0;\\n    -webkit-transform: translate3d(100%, 0, 0);\\n    -ms-transform: translate3d(100%, 0, 0);\\n    transform: translate3d(100%, 0, 0)\\n  }\\n  100% {\\n    opacity: 1;\\n    -webkit-transform: none;\\n    -ms-transform: none;\\n    transform: none\\n  }\\n}\\n\\n@-webkit-keyframes fadeIn {\\n  0% {\\n    opacity: 0;\\n  }\\n  100% {\\n    opacity: 1;\\n  }\\n}\\n\\n@keyframes fadeIn {\\n  0% {\\n    opacity: 0;\\n  }\\n  100% {\\n    opacity: 1;\\n  }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","export default __webpack_public_path__ + \"Config/FsConfig.json?bust=666ba9e77eead1be3e5267c05c2e850f\";","export default __webpack_public_path__ + \"Config/open-id-connect-configuration.json?bust=02eb23eb9d4fc23f5c4354f34716afc1\";","// Module\nvar code = \"<template>\\n   <style>\\n    .navmenucolor, .navmenucolor:hover, .navmenucolor:link, .navmenucolor:visited {\\n      color: grey !important;\\n      display: flex;\\n      align-items: center;\\n      flex-grow: 1;\\n      font-size: 14px;\\n    }\\n\\n    @media only screen and (max-width: 991px) {\\n      .navmenucolor, .navmenucolor:hover, .navmenucolor:link, .navmenucolor:visited {\\n        color: grey !important;\\n      }\\n    }\\n  </style>\\n  <!--begin::App-->\\n  <div class=\\\"d-flex flex-column flex-root app-root\\\" id=\\\"kt_app_root\\\">\\n    <!--begin::Page-->\\n    <div class=\\\"app-page d-flex flex-row flex-column-fluid page page-margin\\\" id=\\\"kt_app_page\\\">\\n      <!--begin::Wrapper-->\\n      <div class=\\\"d-flex flex-column flex-row-fluid wrapper\\\" id=\\\"kt_wrapper\\\">\\n        <!--begin::Header-->\\n        <div id=\\\"kt_header\\\" class=\\\"header align-items-stretch\\\" data-kt-sticky=\\\"true\\\" data-kt-sticky-name=\\\"header\\\" data-kt-sticky-offset=\\\"{default: '200px', lg: '300px'}\\\" style=\\\"animation-duration: 0.3s;\\\">\\n          <!--begin::Container-->\\n          <div class=\\\"d-flex align-items-center w-100 content-margin\\\">\\n            <!--begin::Header menu toggle-->\\n            <div class=\\\"d-flex topbar align-items-center d-md-none ms-n2 me-3\\\" title=\\\"Show aside menu\\\">\\n              <div class=\\\"btn btn-icon btn-active-light-primary btn-custom w-30px h-30px w-md-40px h-md-40px\\\" id=\\\"kt_header_menu_mobile_toggle\\\">\\n                <!--begin::Svg Icon | path: icons/duotune/abstract/abs015.svg-->\\n                <span class=\\\"svg-icon svg-icon-1\\\" style=\\\"margin-left: 20px;\\\">\\n                  <svg width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" style=\\\"filter: invert(1);\\\">\\n                    <path d=\\\"M21 7H3C2.4 7 2 6.6 2 6V4C2 3.4 2.4 3 3 3H21C21.6 3 22 3.4 22 4V6C22 6.6 21.6 7 21 7Z\\\" fill=\\\"black\\\"></path>\\n                    <path opacity=\\\"0.3\\\" d=\\\"M21 14H3C2.4 14 2 13.6 2 13V11C2 10.4 2.4 10 3 10H21C21.6 10 22 10.4 22 11V13C22 13.6 21.6 14 21 14ZM22 20V18C22 17.4 21.6 17 21 17H3C2.4 17 2 17.4 2 18V20C2 20.6 2.4 21 3 21H21C21.6 21 22 20.6 22 20Z\\\" fill=\\\"black\\\"></path>\\n                  </svg>\\n                </span>\\n                <!--end::Svg Icon-->\\n              </div>\\n            </div>\\n            <!--end::Heaeder menu toggle-->\\n            <!--begin::Header Logo-->\\n            <div class=\\\"header-logo me-0 me-xl-10 flex-grow-1 flex-lg-grow-0\\\" style=\\\"margin-left:20px;\\\">\\n              <!--<a href=\\\"${ClientBaseUrl}#/Modules/Aqs/HomePage\\\">-->\\n              <a onclick=\\\"window.location.replace('#/Modules/Aqs/MapMonitoringEgatPage'); \\\">\\n                <img alt=\\\"Logo\\\" src=\\\"Assets/media/logos/logo3egat.png\\\" class=\\\"logo-default \\\">\\n                <img alt=\\\"Logo\\\" src=\\\"Assets/media/logos/logo3egat.png\\\" class=\\\"logo-sticky \\\">\\n              </a>\\n            </div>\\n            <!--end::Header Logo-->\\n            <!--begin::Wrapper-->\\n            <!--begin::Menu wrapper-->\\n            <div><h1 class=\\\"text-light d-none d-md-block\\\"><span t=\\\"Aqs.Common:HeaderName\\\"></span></h1></div>\\n            <div class=\\\"d-flex align-items-stretch justify-content-between flex-lg-grow-1 d-md-none\\\" style=\\\"margin-left: 50px;\\\">\\n              <!-- #region Navbar -->\\n              <!--begin::Navbar-->\\n              <div class=\\\"d-flex align-items-stretch w-100\\\" id=\\\"kt_header_nav\\\">\\n                <div class=\\\"header-menu align-items-stretch w-100\\\" data-kt-drawer=\\\"true\\\" data-kt-drawer-name=\\\"header-menu\\\" data-kt-drawer-activate=\\\"{default: true, lg: false}\\\" data-kt-drawer-overlay=\\\"true\\\" data-kt-drawer-width=\\\"{default:'200px', '300px': '250px'}\\\" data-kt-drawer-direction=\\\"start\\\" data-kt-drawer-toggle=\\\"#kt_header_menu_mobile_toggle\\\" data-kt-swapper=\\\"true\\\" data-kt-swapper-mode=\\\"prepend\\\" data-kt-swapper-parent=\\\"{default: '#kt_body', lg: '#kt_header_nav'}\\\">\\n                  <!--begin::Menu-->\\n                  <div class=\\\"menu menu-rounded menu-column menu-lg-row menu-active-bg menu-title-gray-700 menu-state-primary menu-arrow-gray-400 fw-semibold my-5 my-lg-0 align-items-stretch px-2 px-lg-0\\\" id=\\\"#kt_header_menu\\\" data-kt-menu=\\\"true\\\">\\n                    <!--begin:Menu item-->\\n                    <div class=\\\"menu-item menu-here-bg me-0 me-lg-2\\\">\\n                      <!--begin:Menu link-->\\n                      <span class=\\\"menu-link menu-title py-3\\\" class.bind=\\\"CurrentPage == 'MapMonitoringPage' ? 'menu-title-active':''\\\">\\n                        <!--<a href=\\\"${ClientBaseUrl}#/Modules/Aqs/MapMonitoringPage\\\">-->\\n                        <a onclick=\\\"window.location.replace( '#/Modules/Aqs/MapMonitoringEgatPage'); \\\">\\n                          <i class=\\\"fa-sharp fa-solid fa-map-location-dot\\\" style=\\\"font-size: 24px;\\\"></i>\\n                          &nbsp;<span t=\\\"Aqs.Common:Menu.MapMonitoring\\\"></span>\\n                        </a>\\n                      </span>\\n                      <!--end:Menu link-->\\n                    </div>\\n                    <!--end:Menu item-->\\n                    <!--begin:Menu item-->\\n                    <!--end:Menu item-->\\n                    <!--begin:Menu item-->\\n                    <!--end:Menu item-->\\n                    <!--begin:Menu item-->\\n                    <!--end:Menu item-->\\n                    <!--begin:Menu item-->\\n                    <div class=\\\"menu-item menu-here-bg me-0 me-lg-2\\\">\\n                      <!--begin:Menu link-->\\n                      <span class=\\\"menu-link menu-title py-3\\\" class.bind=\\\"CurrentPage == 'DashboardPage' ? 'menu-title-active':''\\\">\\n                        <!--<a href=\\\"${ClientBaseUrl}#/Modules/Aqs/DashboardPage\\\">-->\\n                        <a onclick=\\\"window.location.replace('#/Modules/Aqs/DashboardEgatPage'); \\\">\\n                          <i class=\\\"fa-solid fa-chart-line\\\" style=\\\"font-size: 24px;\\\"></i>\\n                          &nbsp;<span t=\\\"Aqs.Common:Menu.Dashboard\\\"></span>\\n                        </a>\\n                      </span>\\n                      <!--end:Menu link-->\\n                    </div>\\n                    <!--end:Menu item-->\\n                    <!--begin:Menu item-->\\n                    <div class=\\\"menu-item menu-here-bg me-0 me-lg-2\\\">\\n                      <!--begin:Menu link-->\\n                      <span class=\\\"menu-title py-3\\\">\\n                        <select class=\\\"form-select form-select-transparent\\\" value.bind=\\\"LocaleString\\\" change.delegate=\\\"ChangeLocale(LocaleString)\\\" style=\\\"font-weight:bold\\\">\\n                          <option repeat.for=\\\"item of LangList\\\" model.bind=\\\"item.Code\\\" selected>\\n                            ${item.Name}\\n                          </option>\\n                        </select>\\n                      </span>\\n                      <!--end:Menu link-->\\n                    </div>\\n                    <!--end:Menu item-->\\n                  </div>\\n                </div>\\n              </div>\\n              <!--end::Navbar-->\\n              <!-- #endregion -->\\n            </div>\\n            <!--end::Wrapper-->\\n\\n          </div>\\n          <!--end::Container-->\\n        </div>\\n        <!--end::Header-->\\n        <div class=\\\"d-none d-md-block card-body\\\" style=\\\"margin-left: 50px;\\\">\\n          <!-- #region Navbar -->\\n          <!--begin::Navbar-->\\n          <div class=\\\"d-flex align-items-stretch w-100\\\">\\n            <div class=\\\"header-menu align-items-stretch w-100\\\">\\n              <!--begin::Menu-->\\n              <div class=\\\" menu-active-bg menu-title-gray-700 menu-state-primary menu-arrow-gray-400 fw-semibold align-items-stretch px-2 px-lg-0\\\" id=\\\"#kt_header_menu\\\" data-kt-menu=\\\"true\\\">\\n                <!--begin:Menu item-->\\n                <div class=\\\"menu-item menu-here-bg me-0 me-lg-2\\\">\\n                  <!--begin:Menu link-->\\n                  <span class=\\\"menu-link menu-title py-3 me-15\\\" class.bind=\\\"CurrentPage == 'MapMonitoringEgatPage' ? 'menu-title-active':''\\\">\\n                    <!--<a href=\\\"${ClientBaseUrl}#/Modules/Aqs/MapMonitoringPage\\\">-->\\n                    <a onclick=\\\"window.location.replace('#/Modules/Aqs/MapMonitoringEgatPage');\\\">\\n                      <i class=\\\"fa-sharp fa-solid fa-map-location-dot\\\" style=\\\"font-size: 24px;\\\"></i>\\n                      &nbsp;<span t=\\\"Aqs.Common:Menu.MapMonitoringEgat\\\"></span>\\n                    </a>\\n                  </span>\\n                  <!--end:Menu link-->\\n                </div>\\n                <!--end:Menu item-->\\n                <!--begin:Menu item-->\\n                <!--end:Menu item-->\\n                <!--begin:Menu item-->\\n                <!--end:Menu item-->\\n                <!--begin:Menu item-->\\n                <!--end:Menu item-->\\n                <!--begin:Menu item-->\\n                <div class=\\\"menu-item menu-here-bg me-0 me-lg-2\\\">\\n                  <!--begin:Menu link-->\\n                  <span class=\\\"menu-link menu-title py-3 me-15\\\" class.bind=\\\"CurrentPage == 'DashboardEgatPage' ? 'menu-title-active':''\\\">\\n                    <!--<a href=\\\"${ClientBaseUrl}#/Modules/Aqs/DashboardPage\\\">-->\\n                    <a onclick=\\\"window.location.replace('#/Modules/Aqs/DashboardEgatPage');\\\">\\n                      <i class=\\\"fa-solid fa-chart-line\\\" style=\\\"font-size: 24px;\\\"></i>\\n                      &nbsp;<span t=\\\"Aqs.Common:Menu.DashboardEgat\\\"></span>\\n                    </a>\\n                  </span>\\n                  <!--end:Menu link-->\\n                </div>\\n                <!--end:Menu item-->\\n                <!--begin:Menu item-->\\n                <div class=\\\"menu-item menu-here-bg me-0 me-lg-2\\\">\\n                  <!--begin:Menu link-->\\n                  <span class=\\\"menu-link menu-title py-3 me-15\\\">\\n                    <select class=\\\"form-select form-select-transparent\\\" value.bind=\\\"LocaleString\\\" change.delegate=\\\"ChangeLocale(LocaleString)\\\" style=\\\"font-weight:bold;padding: 0 3rem 0 1rem;\\\">\\n                      <option repeat.for=\\\"item of LangList\\\" model.bind=\\\"item.Code\\\" selected>\\n                        ${item.Name}\\n                      </option>\\n                    </select>\\n                  </span>\\n                  <!--end:Menu link-->\\n                </div>\\n                <!--end:Menu item-->\\n              </div>\\n            </div>\\n          </div>\\n          <!--end::Navbar-->\\n          <!-- #endregion -->\\n        </div>\\n\\n\\n        <div class=\\\"app-wrapper flex-column flex-row-fluid\\\" id=\\\"kt_app_wrapper\\\">\\n          <!--begin::Wrapper container-->\\n          <div class=\\\"app-container d-flex flex-row flex-column-fluid\\\">\\n            <!--begin::Main-->\\n            <div class=\\\"app-main flex-column flex-row-fluid\\\" id=\\\"kt_app_main\\\">\\n              <!--begin::Content wrapper-->\\n              <div class=\\\"d-flex flex-column flex-column-fluid\\\">\\n                <!--begin::Content-->\\n                <div id=\\\"kt_app_content\\\" class=\\\"app-content flex-column-fluid content-margin\\\" style=\\\"padding: 20px;text-align: center;\\\">\\n                  <slot name=\\\"content\\\"></slot>\\n                </div>\\n                <!--end::Content-->\\n              </div>\\n              <!--end::Content wrapper-->\\n            </div>\\n            <!--end:::Main-->\\n          </div>\\n          <!--end::Wrapper container-->\\n        </div>\\n        <!--begin::Footer-->\\n        <!--<div class=\\\"footer\\\" id=\\\"kt_footer\\\" style=\\\"border-top: 1px solid LightGray; border-bottom: 1px solid LightGray; border-left: 0px; border-right: 0px\\\">-->\\n        <!--begin::Container-->\\n        <!--<div class=\\\"row\\\" style=\\\" margin-top: 25px;\\\">\\n          <div class=\\\"col-md-4 col-12 text-center\\\" style=\\\"margin-bottom:15px\\\">\\n            <img alt=\\\"Logo\\\" src=\\\"Assets/media/logos/logo3.png\\\" class=\\\"logo-default h-lg-80px h-60px\\\">\\n          </div>\\n          <div class=\\\"col-md-2 col-12 text-md-left text-center\\\" style=\\\"margin-bottom:5px\\\">\\n            <h4 class=\\\"fw-bold text-gray-800 mb-3\\\" t=\\\"Aqs.Common:Address\\\"></h4>\\n            <h5 class=\\\"fw-bold text-gray-700 mb-3\\\" t=\\\"Aqs.Common:AddressText\\\"></h5>\\n          </div>\\n          <div class=\\\"col-md-2 col-12 text-center\\\">\\n            <h4 class=\\\"fw-bold text-gray-800 mb-3\\\" t=\\\"Aqs.Common:ContactUs\\\"></h4>\\n            <a href=\\\"https://www.facebook.com/air4bangkok/\\\">\\n              <i class=\\\"fa-brands fa-facebook\\\" style=\\\"font-size: 20px; color: #4267B2\\\"></i>\\n            </a>\\n          </div>\\n          <div class=\\\"col-md-3 col-12 text-md-right text-center\\\">\\n\\n            <h4 class=\\\"fw-bold text-gray-800 mb-3\\\">\\n              <span class=\\\"d-md-none d-block\\\"><br /></span>\\n              <span t=\\\"Aqs.Common:AirQualityDepartment\\\"></span> <span t=\\\"Aqs.Common:Bangkok\\\"></span>\\n            </h4>\\n            <span>\\n              <i class=\\\"fa-solid fa-phone\\\" style=\\\"font-size: 32px;color: dimgray;\\\"></i>\\n              <label class=\\\"fw-bold text-gray-700 mb-3\\\" style=\\\"font-size:38px\\\">1234</label>\\n            </span>\\n          </div>\\n        </div>-->\\n        <!--end::Container-->\\n        <!--</div>\\n        <div class=\\\"footer py-4 d-flex flex-column\\\" id=\\\"kt_footer2\\\">\\n          <span class=\\\"text-muted fw-semibold me-1 text-center\\\">&copy; 2022 Bangkok Air Quality, ALL RIGHT RESERVED</span>\\n        </div>-->\\n        <!--end::Footer-->\\n      </div>\\n      <!--end::Wrapper-->\\n    </div>\\n    <!--end::Page-->\\n  </div>\\n  <!--end::App-->\\n</template>\\n\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\n  \\n  <div class=\\\"d-flex flex-column flex-root layuot-login\\\">\\n    <!--begin::Login-->\\n    <div class=\\\"login login-3 login-signin-on d-flex flex-column flex-lg-row flex-row-fluid bg-white layuot-login\\\" id=\\\"kt_login\\\">\\n      <!--begin::Aside-->\\n      <div class=\\\"login-aside d-flex flex-row-auto bgi-size-cover bgi-no-repeat p-10 p-lg-10 bg-primary\\\">\\n        <!--begin: Aside Container-->\\n        <div class=\\\"d-flex flex-row-fluid flex-column justify-content-between\\\">\\n          <!--begin: Aside header-->\\n          <a href=\\\"javascript:void(0);\\\" class=\\\"flex-column-auto mt-5\\\">\\n            <img src=\\\"assets/media/logos/s-BrighterBee_Logo.png\\\" class=\\\"max-h-70px\\\" alt=\\\"\\\" />\\n          </a>\\n          <!--end: Aside header-->\\n          <!--begin: Aside content-->\\n          <div class=\\\"flex-column-fluid d-flex flex-column justify-content-center\\\">\\n            <h3 class=\\\"font-size-h1 mb-5 text-white\\\">BrighterBee</h3>\\n            <!--<p class=\\\"font-weight-lighter text-white opacity-80\\\">The ultimate Bootstrap, Angular 8, React &amp; VueJS admin theme framework for next generation web apps.</p>-->\\n          </div>\\n          <!--end: Aside content-->\\n          <!--begin: Aside footer for desktop-->\\n          <div class=\\\"d-none flex-column-auto d-lg-flex justify-content-between mt-10\\\">\\n            <div class=\\\"opacity-70 font-weight-bold text-white\\\">© 2020 Metronic</div>\\n            <!--<div class=\\\"d-flex\\\">\\n                <a href=\\\"#\\\" class=\\\"text-white\\\">Privacy</a>\\n                <a href=\\\"#\\\" class=\\\"text-white ml-10\\\">Legal</a>\\n                <a href=\\\"#\\\" class=\\\"text-white ml-10\\\">Contact</a>\\n            </div>-->\\n          </div>\\n          <!--end: Aside footer for desktop-->\\n        </div>\\n        <!--end: Aside Container-->\\n      </div>\\n\\n      <!--begin::Content-->\\n      <!--begin::Container-->\\n      <div class=\\\"container\\\">\\n        <!--begin::Dashboard-->\\n        <!--begin::Row-->\\n        <div class=\\\"row mt-0 mt-lg-3 layuot-login\\\">\\n          <div class=\\\"col-12 layuot-login\\\">\\n            <slot name=\\\"content\\\"></slot>\\n          </div>\\n        </div>\\n      </div>\\n      <!--end::Container-->\\n    </div>\\n    <!--end::Entry-->\\n  </div>\\n  <!--end::Content-->\\n</template>\\n\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\n  <style>\\n    .navmenucolor, .navmenucolor:hover, .navmenucolor:link, .navmenucolor:visited {\\n      color: grey !important;\\n      display: flex;\\n      align-items: center;\\n      flex-grow: 1;\\n      font-size: 14px;\\n    }\\n\\n    @media only screen and (max-width: 991px) {\\n      .navmenucolor, .navmenucolor:hover, .navmenucolor:link, .navmenucolor:visited {\\n        color: grey !important;\\n      }\\n    }\\n  </style>\\n  <!--begin::App-->\\n  <div class=\\\"d-flex flex-column flex-root app-root\\\" id=\\\"kt_app_root\\\">\\n    <!--begin::Page-->\\n    <div class=\\\"app-page d-flex flex-row flex-column-fluid page page-margin\\\" id=\\\"kt_app_page\\\">\\n      <!--begin::Wrapper-->\\n      <div class=\\\"d-flex flex-column flex-row-fluid wrapper\\\" id=\\\"kt_wrapper\\\">\\n        <!--begin::Header-->\\n        <div id=\\\"kt_header\\\" class=\\\"header align-items-stretch\\\" data-kt-sticky=\\\"true\\\" data-kt-sticky-name=\\\"header\\\" data-kt-sticky-offset=\\\"{default: '200px', lg: '300px'}\\\" style=\\\"animation-duration: 0.3s;\\\">\\n          <!--begin::Container-->\\n          <div class=\\\"d-flex align-items-center w-100\\\">\\n            <!--begin::Header menu toggle-->\\n            <div class=\\\"d-flex topbar align-items-center d-lg-none ms-n2 me-3\\\" title=\\\"Show aside menu\\\">\\n              <div class=\\\"btn btn-icon btn-active-light-primary btn-custom w-30px h-30px w-md-40px h-md-40px\\\" id=\\\"kt_header_menu_mobile_toggle\\\">\\n                <!--begin::Svg Icon | path: icons/duotune/abstract/abs015.svg-->\\n                <span class=\\\"svg-icon svg-icon-1\\\" style=\\\"margin-left: 20px;\\\">\\n                  <svg width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\n                    <path d=\\\"M21 7H3C2.4 7 2 6.6 2 6V4C2 3.4 2.4 3 3 3H21C21.6 3 22 3.4 22 4V6C22 6.6 21.6 7 21 7Z\\\" fill=\\\"black\\\"></path>\\n                    <path opacity=\\\"0.3\\\" d=\\\"M21 14H3C2.4 14 2 13.6 2 13V11C2 10.4 2.4 10 3 10H21C21.6 10 22 10.4 22 11V13C22 13.6 21.6 14 21 14ZM22 20V18C22 17.4 21.6 17 21 17H3C2.4 17 2 17.4 2 18V20C2 20.6 2.4 21 3 21H21C21.6 21 22 20.6 22 20Z\\\" fill=\\\"black\\\"></path>\\n                  </svg>\\n                </span>\\n                <!--end::Svg Icon-->\\n              </div>\\n            </div>\\n            <!--end::Heaeder menu toggle-->\\n            <!--begin::Header Logo-->\\n            <div class=\\\"header-logo me-0 me-xl-10 flex-grow-1 flex-lg-grow-0\\\" style=\\\"margin-left:20px;\\\">\\n              <!--<a href=\\\"${ClientBaseUrl}#/Modules/Aqs/HomePage\\\">-->\\n              <a onclick=\\\"window.location.replace('#/Modules/Aqs/HomePage'); location.reload();\\\">\\n                <img alt=\\\"Logo\\\" src=\\\"Assets/media/logos/logo3.png\\\" class=\\\"logo-default h-xl-80px h-lg-60px h-60px\\\">\\n                <img alt=\\\"Logo\\\" src=\\\"Assets/media/logos/logo3.png\\\" class=\\\"logo-sticky h-md-80px h-80px\\\">\\n              </a>\\n            </div>\\n            <!--end::Header Logo-->\\n            <!--begin::Wrapper-->\\n            <!--begin::Menu wrapper-->\\n\\n            <div class=\\\"d-flex align-items-stretch justify-content-between flex-lg-grow-1\\\" style=\\\"margin-left: 50px;\\\">\\n              <!-- #region Navbar -->\\n              <!--begin::Navbar-->\\n              <div class=\\\"d-flex align-items-stretch w-100\\\" id=\\\"kt_header_nav\\\">\\n                <div class=\\\"header-menu align-items-stretch w-100\\\" data-kt-drawer=\\\"true\\\" data-kt-drawer-name=\\\"header-menu\\\" data-kt-drawer-activate=\\\"{default: true, lg: false}\\\" data-kt-drawer-overlay=\\\"true\\\" data-kt-drawer-width=\\\"{default:'200px', '300px': '250px'}\\\" data-kt-drawer-direction=\\\"start\\\" data-kt-drawer-toggle=\\\"#kt_header_menu_mobile_toggle\\\" data-kt-swapper=\\\"true\\\" data-kt-swapper-mode=\\\"prepend\\\" data-kt-swapper-parent=\\\"{default: '#kt_body', lg: '#kt_header_nav'}\\\">\\n                  <!--begin::Menu-->\\n                  <div class=\\\"menu menu-rounded menu-column menu-lg-row menu-active-bg menu-title-gray-700 menu-state-primary menu-arrow-gray-400 fw-semibold my-5 my-lg-0 align-items-stretch px-2 px-lg-0\\\" id=\\\"#kt_header_menu\\\" data-kt-menu=\\\"true\\\">\\n                    <!--begin:Menu item-->\\n                    <div class=\\\"menu-item menu-here-bg me-0 me-lg-2\\\">\\n                      <!--begin:Menu link-->\\n                      <span class=\\\"menu-link menu-title py-3\\\" class.bind=\\\"CurrentPage == 'HomePage' ? 'menu-title-active':''\\\">\\n                        <!--<a href=\\\"${ClientBaseUrl}#/Modules/Aqs/MapMonitoringPage\\\">-->\\n                        <a onclick=\\\"window.location.href = '#/Modules/Aqs/HomePage'; location.reload();\\\">\\n                          <i class=\\\"fa-sharp fa-solid fa-map-location-dot\\\" style=\\\"font-size: 24px;\\\"></i>\\n                          &nbsp;<span t=\\\"Aqs.Common:Menu.MapMonitoring\\\"></span>\\n                        </a>\\n                      </span>\\n                      <!--end:Menu link-->\\n                    </div>\\n                    <!--end:Menu item-->\\n                    <!--begin:Menu item-->\\n                    <div class=\\\"menu-item menu-here-bg me-0 me-lg-2\\\">\\n                      <!--begin:Menu link-->\\n                      <span class=\\\"menu-link menu-title py-3\\\" class.bind=\\\"CurrentPage == 'AirQualityIndexPage' ? 'menu-title-active':''\\\">\\n                        <!--<a href=\\\"${ClientBaseUrl}#/Modules/Aqs/AirQualityIndexPage\\\">-->\\n                        <a onclick=\\\"window.location.href = '#/Modules/Aqs/AirQualityIndexPage'; location.reload();\\\">\\n                          <i class=\\\"fa-solid fa-cloud-sun\\\" style=\\\"font-size: 20px;\\\"></i>\\n                          &nbsp;<span t=\\\"Aqs.Common:Menu.AirQualityIndex\\\"></span>\\n                        </a>\\n                      </span>\\n                      <!--end:Menu link-->\\n                    </div>\\n                    <!--end:Menu item-->\\n                    <div class=\\\"menu-item menu-here-bg me-0 me-lg-2 \\\" id=\\\"#kt_header_menu\\\" data-kt-menu=\\\"true\\\">\\n                      <!--begin:Menu item-->\\n                      <div data-kt-menu-trigger=\\\"{default: 'click', lg: 'hover'}\\\" data-kt-menu-placement=\\\"bottom-start\\\" class=\\\"menu-item menu-lg-down-accordion menu-sub-lg-down-indention me-0 me-lg-2\\\">\\n                        <!--begin:Menu link-->\\n                        <span class=\\\"menu-link menu-title py-3\\\" class.bind=\\\"CurrentPage == 'DashboardPage' ? 'menu-title-active':''\\\">\\n\\n                          <a>\\n                            <i class=\\\"fa-solid fa-chart-line\\\" style=\\\"font-size: 24px;\\\"></i>\\n                            &nbsp;<span t=\\\"Aqs.Common:Menu.Dashboard\\\"></span>\\n                          </a>\\n                    \\n\\n                        </span>\\n\\n\\n                        <!--end:Menu link-->\\n                        <!--begin:Menu sub-->\\n                        <div class=\\\"menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown\\\" style=\\\"font-size:18px\\\">\\n                          <!--begin:Menu item-->\\n                          <div class=\\\"menu-sub menu-sub-accordion\\\">\\n                            <div class=\\\"menu-item\\\">\\n                              <!--begin:Menu link-->\\n                              <!--<a href.bind=\\\"child.Command\\\" class.bind=\\\"child.Code == Code ? 'menu-link' : 'menu-link'\\\" style=\\\"background-color:white\\\">-->\\n                              <a onclick=\\\"window.location.replace('#/Modules/Aqs/DashboardPage'); location.reload();\\\" class=\\\"menu-link\\\" style=\\\"background-color:white\\\">\\n                                <span class=\\\"menu-bullet pl-2\\\">\\n                                  <span class=\\\"bullet bullet-dot\\\"></span>\\n                                </span>\\n                                <span class=\\\"menu-title pr-2\\\" t=\\\"Aqs.Common:Menu.Dashboard11\\\"></span>\\n                              </a>\\n                              <!--end:Menu link-->\\n                            </div>\\n                            <div class=\\\"menu-item\\\">\\n                              <!--begin:Menu link-->\\n                              <!--<a href.bind=\\\"child.Command\\\" class.bind=\\\"child.Code == Code ? 'menu-link' : 'menu-link'\\\" style=\\\"background-color:white\\\">-->\\n                              <a onclick=\\\"window.open('https://stations.airbkk.com/compare_graph/', '_blank');\\\" class=\\\"menu-link\\\" style=\\\"background-color:white\\\">\\n                                <span class=\\\"menu-bullet pl-2\\\">\\n                                  <span class=\\\"bullet bullet-dot\\\"></span>\\n                                </span>\\n                                <span class=\\\"menu-title pr-2\\\" t=\\\"Aqs.Common:Menu.Dashboard12\\\"></span>\\n                              </a>\\n                              <!--end:Menu link-->\\n                            </div>\\n                          </div>\\n\\n                          <!--end:Menu item-->\\n                        </div>\\n                        <!--end:Menu sub-->\\n                      </div>\\n                      <!--end:Menu item-->\\n                    </div>\\n\\n                    <!--begin:Menu Dashboard item-->\\n                    <!--<div class=\\\"menu-item menu-here-bg me-0 me-lg-2\\\">-->\\n                    <!--begin:Menu link-->\\n                    <!--<span class=\\\"menu-link menu-title py-3\\\" class.bind=\\\"CurrentPage == 'DashboardPage' ? 'menu-title-active':''\\\">\\n\\n                      <a onclick=\\\"window.location.replace('#/Modules/Aqs/DashboardPage'); location.reload();\\\">\\n                        <i class=\\\"fa-solid fa-chart-line\\\" style=\\\"font-size: 24px;\\\"></i>\\n                        &nbsp;<span t=\\\"Aqs.Common:Menu.Dashboard\\\"></span>\\n                      </a>\\n                    </span>-->\\n                    <!--end:Menu link-->\\n                    <!--</div>-->\\n                    <!--end:Menu item-->\\n                    <!--begin:Menu item-->\\n                    <div class=\\\"menu-item menu-here-bg me-0 me-lg-2\\\">\\n\\n                      <span class=\\\"menu-link menu-title py-3\\\" class.bind=\\\"CurrentPage == 'EmissionMapGraphPublicPage' ? 'menu-title-active':''\\\">\\n\\n                        <a onclick=\\\"window.location.replace('#/Modules/Aqs/EmissionMapGraphPublicPage'); location.reload();\\\">\\n                          <i class=\\\"fa fa-area-chart\\\" style=\\\"font-size: 24px;\\\"></i>\\n                          &nbsp;<span t=\\\"Aqs.Common:Menu.EmissionMapGraphPublic\\\"></span>\\n                        </a>\\n                      </span>\\n\\n                    </div>\\n                    <!--end:Menu item-->\\n                    <!--begin:Menu item-->\\n                    <div class=\\\"menu-item menu-here-bg me-0 me-lg-2\\\">\\n                      <!--begin:Menu link-->\\n                      <span class=\\\"menu-link menu-title py-3\\\" class.bind=\\\"CurrentPage == 'NewsPage' ? 'menu-title-active':''\\\">\\n                        <!--<a href=\\\"${ClientBaseUrl}#/Modules/Aqs/NewsPage\\\">-->\\n                        <a onclick=\\\"window.location.replace('#/Modules/Aqs/NewsPage'); location.reload();\\\">\\n                          <i class=\\\"fa-solid fa-bullhorn\\\" style=\\\"font-size: 24px;\\\"></i>\\n                          &nbsp;<span t=\\\"Aqs.Common:Menu.News\\\"></span>\\n                        </a>\\n                      </span>\\n                      <!--end:Menu link-->\\n                    </div>\\n                    <!--end:Menu item-->\\n                    <!--begin:Menu item-->\\n                    <div class=\\\"menu-item menu-here-bg me-0 me-lg-2\\\">\\n                      <!--begin:Menu link-->\\n                      <span class=\\\"menu-link menu-title py-3\\\" class.bind=\\\"CurrentPage == 'IssuePage' ? 'menu-title-active':''\\\">\\n                        <!--<a href=\\\"${ClientBaseUrl}#/Modules/Aqs/IssuePage\\\">-->\\n                        <a onclick=\\\"window.location.replace('#/Modules/Aqs/IssuePage'); location.reload();\\\">\\n                          <i class=\\\"fa-solid fa-newspaper\\\" style=\\\"font-size: 24px;\\\"></i>\\n                          &nbsp;<span t=\\\"Aqs.Common:Menu.Issue\\\"></span>\\n                        </a>\\n                      </span>\\n                      <!--end:Menu link-->\\n                    </div>\\n                    <!--end:Menu item-->\\n                    <!--begin:Menu item-->\\n                    <div class=\\\"menu-item menu-here-bg me-0 me-lg-2\\\">\\n                      <!--begin:Menu link-->\\n                      <span class=\\\"menu-link menu-title py-3\\\" class.bind=\\\"CurrentPage == 'IssuePage' ? 'menu-title-active':''\\\">\\n                        <a href=\\\"https://stations.airbkk.com/bma_register/register.html\\\" target=\\\"_blank\\\" class=\\\"navmenucolor\\\">\\n                          <i class=\\\"fa-solid fa-folder-open navmenucolor\\\" style=\\\"font-size: 24px;\\\"></i>\\n                          &nbsp;<span t=\\\"Aqs.Common:Menu.Service\\\"></span>\\n                        </a>\\n                      </span>\\n                      <!--end:Menu link-->\\n                    </div>\\n                    <!--end:Menu item-->\\n                    <!--begin:Menu item-->\\n                    <div class=\\\"menu-item menu-here-bg me-0 me-lg-2\\\">\\n                      <!--begin:Menu link-->\\n                      <span class=\\\"menu-title py-3\\\">\\n                        <select class=\\\"form-select form-select-transparent\\\" value.bind=\\\"LocaleString\\\" change.delegate=\\\"ChangeLocale(LocaleString)\\\" style=\\\"font-weight:bold\\\">\\n                          <option repeat.for=\\\"item of LangList\\\" model.bind=\\\"item.Code\\\" selected>\\n                            ${item.Name}\\n                          </option>\\n                        </select>\\n                      </span>\\n                      <!--end:Menu link-->\\n                    </div>\\n                    <!--end:Menu item-->\\n                  </div>\\n                </div>\\n              </div>\\n              <!--end::Navbar-->\\n              <!-- #endregion -->\\n            </div>\\n            <!--end::Wrapper-->\\n\\n          </div>\\n          <!--end::Container-->\\n        </div>\\n        <!--end::Header-->\\n        <div class=\\\"app-wrapper flex-column flex-row-fluid\\\" id=\\\"kt_app_wrapper\\\">\\n          <!--begin::Wrapper container-->\\n          <div class=\\\"app-container d-flex flex-row flex-column-fluid\\\">\\n            <!--begin::Main-->\\n            <div class=\\\"app-main flex-column flex-row-fluid\\\" id=\\\"kt_app_main\\\">\\n              <!--begin::Content wrapper-->\\n              <div class=\\\"d-flex flex-column flex-column-fluid\\\">\\n                <!--begin::Content-->\\n                <div id=\\\"kt_app_content\\\" class=\\\"app-content flex-column-fluid content-margin\\\">\\n                  <slot name=\\\"content\\\"></slot>\\n                </div>\\n                <!--end::Content-->\\n              </div>\\n              <!--end::Content wrapper-->\\n            </div>\\n            <!--end:::Main-->\\n          </div>\\n          <!--end::Wrapper container-->\\n        </div>\\n        <img if.bind=\\\"CurrentPage == 'HomePage'\\\" alt=\\\"Logo\\\" src=\\\"Assets/media/logos/downloads.png\\\" style=\\\" margin-left:-15px;margin-right:-15px;\\\" />\\n        <!--begin::Footer-->\\n        <div class=\\\"footer\\\" id=\\\"kt_footer\\\" style=\\\"border-top: 1px solid LightGray; border-bottom: 1px solid LightGray; border-left: 0px; border-right: 0px\\\">\\n          <!--begin::Container-->\\n          <div class=\\\"row\\\" style=\\\" margin-top: 25px;\\\">\\n\\n            <div class=\\\"col-md col-12 text-center\\\" style=\\\"margin-bottom:15px\\\">\\n              <img alt=\\\"Logo\\\" src=\\\"Assets/media/logos/logo3.png\\\" class=\\\"logo-default h-lg-80px h-60px mb-3\\\">\\n            </div>\\n\\n            <div class=\\\"col-md col-12 text-md-left text-center\\\" style=\\\"margin-bottom:5px\\\">\\n              <h4 class=\\\"col fw-bold text-gray-800 mb-3\\\" t=\\\"Aqs.Common:Address\\\"></h4>\\n              <h5 class=\\\"col fw-bold text-gray-700 mb-3\\\">${Address.Content}</h5>\\n            </div>\\n\\n            <div class=\\\"col-md col-12 text-md-left text-center\\\">\\n              <h4 class=\\\"fw-bold text-gray-800 mb-3\\\" t=\\\"Aqs.Common:ContactUs\\\"></h4>\\n              <span innerhtml.bind=\\\"Contact.Content\\\"></span>\\n            </div>\\n\\n            <div class=\\\"col-md col-12 text-md-left text-center\\\">\\n              <h4 class=\\\"fw-bold text-gray-800 mb-3\\\" t=\\\"Aqs.Common:ExtLink\\\"></h4>\\n              <span innerhtml.bind=\\\"ExtLink.Content\\\"></span>\\n            </div>\\n\\n            <div class=\\\"col-md col-12 text-md-left text-center\\\">\\n              <h4 class=\\\"fw-bold text-gray-800 mb-3\\\">\\n                <span class=\\\"d-md-none d-block\\\"><br /></span>\\n                <span t=\\\"Aqs.Common:AirQualityDepartment\\\"></span>\\n                <span t=\\\"Aqs.Common:Bangkok\\\"></span>\\n              </h4>\\n\\n              <span>\\n                <i class=\\\"fa-solid fa-phone\\\" style=\\\"font-size: 32px;color: dimgray;\\\"></i>\\n                <label class=\\\"fw-bold text-gray-700 mb-3\\\" style=\\\"font-size:38px\\\">${Tel.Content}</label>\\n              </span>\\n\\n            </div>\\n\\n          </div>\\n          <!--end::Container-->\\n        </div>\\n        <div class=\\\"footer py-4 d-flex flex-column\\\" id=\\\"kt_footer2\\\">\\n          <span class=\\\"text-muted fw-semibold me-1 text-center\\\">&copy; 2022 Bangkok Air Quality, ALL RIGHT RESERVED</span>\\n        </div>\\n        <!--end::Footer-->\\n      </div>\\n      <!--end::Wrapper-->\\n    </div>\\n    <!--end::Page-->\\n  </div>\\n  <!--end::App-->\\n</template>\\n\";\n// Exports\nexport default code;","module.exports = {\"debug\":true,\"testing\":true}","var map = {\n\t\"./af\": 42786,\n\t\"./af.js\": 42786,\n\t\"./ar\": 30867,\n\t\"./ar-dz\": 14130,\n\t\"./ar-dz.js\": 14130,\n\t\"./ar-kw\": 96135,\n\t\"./ar-kw.js\": 96135,\n\t\"./ar-ly\": 56440,\n\t\"./ar-ly.js\": 56440,\n\t\"./ar-ma\": 47702,\n\t\"./ar-ma.js\": 47702,\n\t\"./ar-sa\": 16040,\n\t\"./ar-sa.js\": 16040,\n\t\"./ar-tn\": 37100,\n\t\"./ar-tn.js\": 37100,\n\t\"./ar.js\": 30867,\n\t\"./az\": 31083,\n\t\"./az.js\": 31083,\n\t\"./be\": 9808,\n\t\"./be.js\": 9808,\n\t\"./bg\": 68338,\n\t\"./bg.js\": 68338,\n\t\"./bm\": 67438,\n\t\"./bm.js\": 67438,\n\t\"./bn\": 8905,\n\t\"./bn-bd\": 76225,\n\t\"./bn-bd.js\": 76225,\n\t\"./bn.js\": 8905,\n\t\"./bo\": 11560,\n\t\"./bo.js\": 11560,\n\t\"./br\": 1278,\n\t\"./br.js\": 1278,\n\t\"./bs\": 80622,\n\t\"./bs.js\": 80622,\n\t\"./ca\": 2468,\n\t\"./ca.js\": 2468,\n\t\"./cs\": 5822,\n\t\"./cs.js\": 5822,\n\t\"./cv\": 50877,\n\t\"./cv.js\": 50877,\n\t\"./cy\": 47373,\n\t\"./cy.js\": 47373,\n\t\"./da\": 24780,\n\t\"./da.js\": 24780,\n\t\"./de\": 59740,\n\t\"./de-at\": 60217,\n\t\"./de-at.js\": 60217,\n\t\"./de-ch\": 60894,\n\t\"./de-ch.js\": 60894,\n\t\"./de.js\": 59740,\n\t\"./dv\": 5300,\n\t\"./dv.js\": 5300,\n\t\"./el\": 50837,\n\t\"./el.js\": 50837,\n\t\"./en-au\": 78348,\n\t\"./en-au.js\": 78348,\n\t\"./en-ca\": 77925,\n\t\"./en-ca.js\": 77925,\n\t\"./en-gb\": 22243,\n\t\"./en-gb.js\": 22243,\n\t\"./en-ie\": 46436,\n\t\"./en-ie.js\": 46436,\n\t\"./en-il\": 47207,\n\t\"./en-il.js\": 47207,\n\t\"./en-in\": 44175,\n\t\"./en-in.js\": 44175,\n\t\"./en-nz\": 76319,\n\t\"./en-nz.js\": 76319,\n\t\"./en-sg\": 31662,\n\t\"./en-sg.js\": 31662,\n\t\"./eo\": 92915,\n\t\"./eo.js\": 92915,\n\t\"./es\": 55655,\n\t\"./es-do\": 55251,\n\t\"./es-do.js\": 55251,\n\t\"./es-mx\": 96112,\n\t\"./es-mx.js\": 96112,\n\t\"./es-us\": 71146,\n\t\"./es-us.js\": 71146,\n\t\"./es.js\": 55655,\n\t\"./et\": 5603,\n\t\"./et.js\": 5603,\n\t\"./eu\": 77763,\n\t\"./eu.js\": 77763,\n\t\"./fa\": 76959,\n\t\"./fa.js\": 76959,\n\t\"./fi\": 11897,\n\t\"./fi.js\": 11897,\n\t\"./fil\": 42549,\n\t\"./fil.js\": 42549,\n\t\"./fo\": 94694,\n\t\"./fo.js\": 94694,\n\t\"./fr\": 94470,\n\t\"./fr-ca\": 63049,\n\t\"./fr-ca.js\": 63049,\n\t\"./fr-ch\": 52330,\n\t\"./fr-ch.js\": 52330,\n\t\"./fr.js\": 94470,\n\t\"./fy\": 5044,\n\t\"./fy.js\": 5044,\n\t\"./ga\": 29295,\n\t\"./ga.js\": 29295,\n\t\"./gd\": 2101,\n\t\"./gd.js\": 2101,\n\t\"./gl\": 38794,\n\t\"./gl.js\": 38794,\n\t\"./gom-deva\": 27884,\n\t\"./gom-deva.js\": 27884,\n\t\"./gom-latn\": 23168,\n\t\"./gom-latn.js\": 23168,\n\t\"./gu\": 95349,\n\t\"./gu.js\": 95349,\n\t\"./he\": 24206,\n\t\"./he.js\": 24206,\n\t\"./hi\": 30094,\n\t\"./hi.js\": 30094,\n\t\"./hr\": 30316,\n\t\"./hr.js\": 30316,\n\t\"./hu\": 22138,\n\t\"./hu.js\": 22138,\n\t\"./hy-am\": 11423,\n\t\"./hy-am.js\": 11423,\n\t\"./id\": 29218,\n\t\"./id.js\": 29218,\n\t\"./is\": 90135,\n\t\"./is.js\": 90135,\n\t\"./it\": 90626,\n\t\"./it-ch\": 10150,\n\t\"./it-ch.js\": 10150,\n\t\"./it.js\": 90626,\n\t\"./ja\": 39183,\n\t\"./ja.js\": 39183,\n\t\"./jv\": 24286,\n\t\"./jv.js\": 24286,\n\t\"./ka\": 12105,\n\t\"./ka.js\": 12105,\n\t\"./kk\": 47772,\n\t\"./kk.js\": 47772,\n\t\"./km\": 18758,\n\t\"./km.js\": 18758,\n\t\"./kn\": 79282,\n\t\"./kn.js\": 79282,\n\t\"./ko\": 33730,\n\t\"./ko.js\": 33730,\n\t\"./ku\": 1408,\n\t\"./ku.js\": 1408,\n\t\"./ky\": 33291,\n\t\"./ky.js\": 33291,\n\t\"./lb\": 36841,\n\t\"./lb.js\": 36841,\n\t\"./lo\": 55466,\n\t\"./lo.js\": 55466,\n\t\"./lt\": 57010,\n\t\"./lt.js\": 57010,\n\t\"./lv\": 37595,\n\t\"./lv.js\": 37595,\n\t\"./me\": 39861,\n\t\"./me.js\": 39861,\n\t\"./mi\": 35493,\n\t\"./mi.js\": 35493,\n\t\"./mk\": 95966,\n\t\"./mk.js\": 95966,\n\t\"./ml\": 87341,\n\t\"./ml.js\": 87341,\n\t\"./mn\": 5115,\n\t\"./mn.js\": 5115,\n\t\"./mr\": 10370,\n\t\"./mr.js\": 10370,\n\t\"./ms\": 9847,\n\t\"./ms-my\": 41237,\n\t\"./ms-my.js\": 41237,\n\t\"./ms.js\": 9847,\n\t\"./mt\": 72126,\n\t\"./mt.js\": 72126,\n\t\"./my\": 56165,\n\t\"./my.js\": 56165,\n\t\"./nb\": 64924,\n\t\"./nb.js\": 64924,\n\t\"./ne\": 16744,\n\t\"./ne.js\": 16744,\n\t\"./nl\": 93901,\n\t\"./nl-be\": 59814,\n\t\"./nl-be.js\": 59814,\n\t\"./nl.js\": 93901,\n\t\"./nn\": 83877,\n\t\"./nn.js\": 83877,\n\t\"./oc-lnc\": 92135,\n\t\"./oc-lnc.js\": 92135,\n\t\"./pa-in\": 15858,\n\t\"./pa-in.js\": 15858,\n\t\"./pl\": 64495,\n\t\"./pl.js\": 64495,\n\t\"./pt\": 89520,\n\t\"./pt-br\": 57971,\n\t\"./pt-br.js\": 57971,\n\t\"./pt.js\": 89520,\n\t\"./ro\": 96459,\n\t\"./ro.js\": 96459,\n\t\"./ru\": 21793,\n\t\"./ru.js\": 21793,\n\t\"./sd\": 40950,\n\t\"./sd.js\": 40950,\n\t\"./se\": 10490,\n\t\"./se.js\": 10490,\n\t\"./si\": 90124,\n\t\"./si.js\": 90124,\n\t\"./sk\": 64249,\n\t\"./sk.js\": 64249,\n\t\"./sl\": 14985,\n\t\"./sl.js\": 14985,\n\t\"./sq\": 51104,\n\t\"./sq.js\": 51104,\n\t\"./sr\": 49131,\n\t\"./sr-cyrl\": 79915,\n\t\"./sr-cyrl.js\": 79915,\n\t\"./sr.js\": 49131,\n\t\"./ss\": 85893,\n\t\"./ss.js\": 85893,\n\t\"./sv\": 98760,\n\t\"./sv.js\": 98760,\n\t\"./sw\": 91172,\n\t\"./sw.js\": 91172,\n\t\"./ta\": 27333,\n\t\"./ta.js\": 27333,\n\t\"./te\": 23110,\n\t\"./te.js\": 23110,\n\t\"./tet\": 52095,\n\t\"./tet.js\": 52095,\n\t\"./tg\": 27321,\n\t\"./tg.js\": 27321,\n\t\"./th\": 9041,\n\t\"./th.js\": 9041,\n\t\"./tk\": 19005,\n\t\"./tk.js\": 19005,\n\t\"./tl-ph\": 75768,\n\t\"./tl-ph.js\": 75768,\n\t\"./tlh\": 89444,\n\t\"./tlh.js\": 89444,\n\t\"./tr\": 72397,\n\t\"./tr.js\": 72397,\n\t\"./tzl\": 28254,\n\t\"./tzl.js\": 28254,\n\t\"./tzm\": 51106,\n\t\"./tzm-latn\": 30699,\n\t\"./tzm-latn.js\": 30699,\n\t\"./tzm.js\": 51106,\n\t\"./ug-cn\": 9288,\n\t\"./ug-cn.js\": 9288,\n\t\"./uk\": 67691,\n\t\"./uk.js\": 67691,\n\t\"./ur\": 13795,\n\t\"./ur.js\": 13795,\n\t\"./uz\": 6791,\n\t\"./uz-latn\": 60588,\n\t\"./uz-latn.js\": 60588,\n\t\"./uz.js\": 6791,\n\t\"./vi\": 65666,\n\t\"./vi.js\": 65666,\n\t\"./x-pseudo\": 14378,\n\t\"./x-pseudo.js\": 14378,\n\t\"./yo\": 75805,\n\t\"./yo.js\": 75805,\n\t\"./zh-cn\": 83839,\n\t\"./zh-cn.js\": 83839,\n\t\"./zh-hk\": 55726,\n\t\"./zh-hk.js\": 55726,\n\t\"./zh-mo\": 99807,\n\t\"./zh-mo.js\": 99807,\n\t\"./zh-tw\": 74152,\n\t\"./zh-tw.js\": 74152\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 46700;","export class fs {\r\n\r\n  static get Config(): FsConfig {\r\n    return window['_config'];\r\n  }\r\n  static set Config(config: FsConfig) {\r\n    window['_config'] = config;\r\n  }\r\n\r\n  static async InitConfig() {\r\n    const configFile = require('Config/FsConfig.json');\r\n    var response = await fetch(configFile.default);\r\n    var result = await response.json();\r\n    console.log('JSON loaded via fetch', result);\r\n    this.Config = $.extend(this.Config, result.Config);\r\n  }\r\n}\r\n\r\nexport class FsConfig {\r\n  ServiceBaseUrl: string;\r\n  ClientBaseUrl: string;\r\n  ClientUrl: string;\r\n  UserDetailUrl: string;\r\n  UserGroupDetailUrl: string;\r\n  YearOffset: number;\r\n  EnableManualCheckSession: boolean = false;\r\n  IsShowPasswordRequirements: boolean = true;\r\n}\r\n","import { OpenIdConnectConfiguration } from \"aurelia-open-id-connect\";\r\nimport { UserManagerSettings, WebStorageStateStore } from \"oidc-client\";\r\nimport { fs } from \"Config/FsConfig\";\r\n\r\nexport default class OidcConfig {\r\n  static get Config(): OpenIdConnectConfiguration {\r\n    return window['_oidc-config'];\r\n  }\r\n  static set Config(config: OpenIdConnectConfiguration) {\r\n    window['_oidc-config'] = config;\r\n  }\r\n\r\n  static async InitConfig() {\r\n\r\n    const oidcConfigFile = require('Config/open-id-connect-configuration.json');\r\n    var oidcResponse = await fetch(oidcConfigFile.default);\r\n    var oidcResult = await oidcResponse.json();\r\n    console.log('JSON loaded via fetch', oidcResult.OpenIdConnectConfiguration);\r\n\r\n    var userStore = oidcResult.OpenIdConnectConfiguration.userManagerSettings.userStore;\r\n    if (userStore.type == \"WebStorageStateStore\") {\r\n      var storage = new WebStorageStateStore(\r\n        {\r\n          prefix: userStore.prefix,\r\n          store: eval(userStore.store)\r\n        });\r\n      oidcResult.OpenIdConnectConfiguration.userManagerSettings.userStore = storage;\r\n    }\r\n\r\n    this.Config = $.extend(oidcResult.Config, oidcResult.OpenIdConnectConfiguration);\r\n  }\r\n}\r\n","import FsUtility from \"../Lib/Fs.SmartClient.Client/FsUtility\";\r\nimport { autoinject, Container } from 'aurelia-framework';\r\nimport MenuParameter from \"../Modules/Core/Scripts/AppServiceContract/MenuParameter\";\r\nimport MenuData from \"../Modules/Core/Scripts/AppServiceContract/MenuData\";\r\nimport { OpenIdConnect, OpenIdConnectRoles } from \"aurelia-open-id-connect\";\r\nimport { User } from \"oidc-client\";\r\nimport { I18N } from 'aurelia-i18n';\r\nimport { EventAggregator } from 'aurelia-event-aggregator';\r\nimport UserProfile from \"../Modules/Core/Scripts/UserProfile\";\r\nimport { DialogService } from 'aurelia-dialog';\r\nimport { fs } from \"../Config/FsConfig\";\r\n\r\ndeclare var KTToggle: any;\r\ndeclare var KTApp: any;\r\ndeclare var KTAppLayoutBuilder: any;\r\ndeclare var KTThemeMode: any;\r\ndeclare var KTDialer: any;\r\ndeclare var KTDrawer: any;\r\ndeclare var KTMenu: any;\r\ndeclare var KTImageInput: any;\r\ndeclare var KTPasswordMeter: any;\r\ndeclare var KTScroll: any;\r\ndeclare var KTScrolltop: any;\r\ndeclare var KTSticky: any;\r\ndeclare var KTLayoutSearch: any;\r\ndeclare var KTSwapper: any;\n\r\n@autoinject\r\nexport default class MasterPage {\r\n\r\n  public Links: MenuData[];\r\n  public Id: string;\r\n  public Code: string;\r\n  public Root: string;\r\n  public MainParent: MenuData;\n  public ParentLast: MenuData;\r\n  public ParentCode: string;\r\n  public OpenIdConnect: OpenIdConnect;\r\n  public i18n: I18N;\r\n  public currentLocale: string;\r\n  public UserProfile: UserProfile;\r\n  public eventAggregator: EventAggregator;\r\n  public changeLocaleSubscribe: any;\r\n  public isshow: boolean = false;\r\n  public showmenu: boolean = false;\r\n  public dropdownsearch: boolean = false;\r\n  public User: User;\r\n  public SwitchbackUserToken: string;\n  public ClientBaseUrl: string = fs.Config.ClientBaseUrl;\r\n  LangList: { Code: string, Name: string }[];\r\n  LocaleString: string;\n  CurrentPage: string;\r\n  dialogService: DialogService;\r\n\r\n  constructor(openIdConnect: OpenIdConnect, i18n: I18N, eventAggregator: EventAggregator, dialogService: DialogService) {\r\n    var self = this;\r\n    this.Links = [];\n    this.LangList = [\r\n      { Code: 'th', Name: \"ไทย\" },\n      { Code: 'en', Name: \"ENG\" }\r\n    ];\r\n    this.i18n = i18n;\r\n    this.eventAggregator = eventAggregator;\r\n    this.changeLocaleSubscribe = this.eventAggregator.subscribe('ChangeLocale', function (response) {\r\n      self.GenerateMenu();\r\n    });\r\n    this.dialogService = dialogService;\n    this.SetActivePage();\r\n  }\n\r\n  attached() {\r\n    KTDialer.init();\r\n    KTDrawer.init();\r\n    KTImageInput.init();\r\n    KTMenu.init();\r\n    KTPasswordMeter.init();\r\n    KTScroll.init();\r\n    KTScrolltop.init();\r\n    KTSticky.init()\r\n    KTSwapper.init();\r\n    KTToggle.init();\r\n    KTApp.init();\r\n    KTAppLayoutBuilder.init();\r\n    KTLayoutSearch.init();\r\n    KTThemeMode.init();\r\n  }\n\n  activate(model: any) {\r\n    var self = this;\n    if (model != null) {\r\n      this.Code = model.Code;\r\n      this.Root = model.Root;\r\n      this.currentLocale = sessionStorage.getItem(\"CurrentSystemLocale\");\r\n      var i18nlocale = self.i18n.getLocale();\r\n\r\n      if (self.currentLocale == null) {\n\r\n        self.GetDefaultLocale();\r\n      } else if (self.currentLocale != i18nlocale) {\r\n        self.ChangeLocale(self.currentLocale);\r\n      }\n      self.LocaleString = self.currentLocale;\n\r\n\r\n      //this.GenerateMenu();\r\n    }\n\r\n    //var service = Container.instance.get(AqsMenuAppService) as AqsMenuAppService;\r\n    //service.RetrieveUserProfile().done((result) => {\r\n    //  self.UserProfile = result;\r\n    //}).fail(FsUtility.CommonErrorHandler);\n\r\n  }\r\n\r\n  public GetDefaultLocale() {\n    var localeString = \"th\";\n    this.LocaleString = localeString;\r\n    this.ChangeLocale(localeString);\r\n  }\r\n\r\n  public Logout() {\r\n    localStorage.setItem(\"callbackLink\", window.location.href);\r\n    this.OpenIdConnect.logout();\r\n  }\r\n\r\n  public ChangePassword() {\r\n    localStorage.setItem(\"callbackLink\", window.location.href);\r\n    location.href = \"Modules/Core/ChangePasswordPage\";\r\n  }\r\n\r\n  public show() {\r\n    this.isshow = !this.isshow;\r\n  }\r\n\r\n  public showmenumobile() {\r\n    this.showmenu = !this.showmenu;\r\n  }\r\n\r\n  public showsearch() {\r\n    this.dropdownsearch = !this.dropdownsearch;\r\n  }\r\n\r\n  public ChangeLocale(locale: string) {\r\n    this.i18n.setLocale(locale);\r\n    this.i18n.i18next.changeLanguage(locale);\r\n    document.body.className = \"lang-\" + locale;\r\n    sessionStorage.setItem(\"CurrentSystemLocale\", locale);\r\n    this.currentLocale = sessionStorage.getItem(\"CurrentSystemLocale\");\r\n    this.eventAggregator.publish('ChangeLocale');\n    this.LocaleString = locale;\r\n  }\r\n\r\n  public GenerateMenu() {\r\n    var self = this;\r\n    //var service = Container.instance.get(AqsMenuAppService) as AqsMenuAppService;\r\n\r\n    //service.GenerateMenu(this.GetMenuCriteria()).done((result) => {\r\n    //  self.Links = result;\r\n    //  var menuData = this.FindMenuData(self.Links, self.Code);\r\n\r\n    //  if (menuData != null) {\n\r\n    //    this.MainParent = this.FindMainParentCode(menuData);\r\n    //  }\r\n\r\n    //}).fail(FsUtility.CommonErrorHandler);\r\n  }\r\n\r\n  FindMenuData(links: MenuData[], code: string): MenuData {\r\n    if (links.length == 0) {\r\n      return null;\r\n    }\r\n\r\n    var menuData = links.find(t => t.Code == code);\r\n\r\n    if (menuData != null) {\r\n      return menuData;\r\n    } else {\r\n      var result = null;\r\n      for (var i = 0; i < links.length; i++) {\r\n        result = this.FindMenuData(links[i].ChildrenMenu, code);\r\n        if (result != null) {\r\n          break;\r\n        }\r\n      }\r\n      return result;\r\n    }\r\n  }\r\n\r\n  FindMainParentCode(menuData: MenuData): MenuData {\r\n    if (menuData == null) {\r\n      return null;\r\n    }\r\n\r\n    if (menuData.ParentCode == this.Root || menuData.ParentCode == null) {\n\r\n      return menuData;\r\n    }\r\n    this.ParentLast = menuData;\r\n    var parentMenu = this.FindMenuData(this.Links, menuData.ParentCode);\r\n\r\n    return this.FindMainParentCode(parentMenu);\r\n  }\n\r\n  private GetMenuCriteria(): MenuParameter {\r\n    var criteria = new MenuParameter();\r\n    criteria.IsShowAll = false;\r\n    criteria.Root = this.Root;\r\n    return criteria;\r\n  }\r\n\r\n  detached() {\r\n    this.changeLocaleSubscribe.dispose();\r\n  }\n\n  SetActivePage() {\n    var url = window.location.href.substring(window.location.href.lastIndexOf('/') + 1);\n    this.CurrentPage = url;\r\n  }\r\n}\n","\r\nexport default class MasterPage {\r\n}","import FsUtility from \"../Lib/Fs.SmartClient.Client/FsUtility\";\r\nimport { autoinject, Container } from 'aurelia-framework';\r\nimport MenuParameter from \"../Modules/Core/Scripts/AppServiceContract/MenuParameter\";\r\nimport MenuData from \"../Modules/Core/Scripts/AppServiceContract/MenuData\";\r\nimport { OpenIdConnect, OpenIdConnectRoles } from \"aurelia-open-id-connect\";\r\nimport { User } from \"oidc-client\";\r\nimport { I18N } from 'aurelia-i18n';\r\nimport { EventAggregator } from 'aurelia-event-aggregator';\r\nimport UserProfile from \"../Modules/Core/Scripts/UserProfile\";\r\nimport { DialogService } from 'aurelia-dialog';\r\nimport { fs } from \"../Config/FsConfig\";\nimport CustomContentAppService from '../Modules/Aqs/Scripts/AppServiceContract/CustomContentAppService';\r\n\r\ndeclare var KTToggle: any;\r\ndeclare var KTApp: any;\r\ndeclare var KTAppLayoutBuilder: any;\r\ndeclare var KTThemeMode: any;\r\ndeclare var KTDialer: any;\r\ndeclare var KTDrawer: any;\r\ndeclare var KTMenu: any;\r\ndeclare var KTImageInput: any;\r\ndeclare var KTPasswordMeter: any;\r\ndeclare var KTScroll: any;\r\ndeclare var KTScrolltop: any;\r\ndeclare var KTSticky: any;\r\ndeclare var KTLayoutSearch: any;\r\ndeclare var KTSwapper: any;\n\r\n@autoinject\r\nexport default class MasterPage {\r\n\r\n  public Links: MenuData[];\r\n  public Id: string;\r\n  public Code: string;\r\n  public Root: string;\r\n  public MainParent: MenuData;\n  public ParentLast: MenuData;\r\n  public ParentCode: string;\r\n  public OpenIdConnect: OpenIdConnect;\r\n  public i18n: I18N;\r\n  public currentLocale: string;\r\n  public UserProfile: UserProfile;\r\n  public eventAggregator: EventAggregator;\r\n  public changeLocaleSubscribe: any;\r\n  public isshow: boolean = false;\r\n  public showmenu: boolean = false;\r\n  public dropdownsearch: boolean = false;\r\n  public User: User;\r\n  public SwitchbackUserToken: string;\n  public ClientBaseUrl: string = fs.Config.ClientBaseUrl;\r\n  LangList: { Code: string, Name: string }[];\r\n  LocaleString: string;\n  CurrentPage: string;\r\n  dialogService: DialogService;\r\n\r\n  constructor(openIdConnect: OpenIdConnect, i18n: I18N, eventAggregator: EventAggregator, dialogService: DialogService) {\r\n    var self = this;\r\n    this.Links = [];\n    this.LangList = [\r\n      { Code: 'th', Name: \"ไทย\" },\n      { Code: 'en', Name: \"ENG\" }\r\n    ];\r\n    this.i18n = i18n;\r\n    this.eventAggregator = eventAggregator;\r\n    this.changeLocaleSubscribe = this.eventAggregator.subscribe('ChangeLocale', function (response) {\r\n      self.GenerateMenu();\n      self.FindFooterContent();\r\n    });\r\n    this.dialogService = dialogService;\n    this.SetActivePage();\r\n  }\n\r\n  attached() {\r\n    KTDialer.init();\r\n    KTDrawer.init();\r\n    KTImageInput.init();\r\n    KTMenu.init();\r\n    KTPasswordMeter.init();\r\n    KTScroll.init();\r\n    KTScrolltop.init();\r\n    KTSticky.init()\r\n    KTSwapper.init();\r\n    KTToggle.init();\r\n    KTApp.init();\r\n    KTAppLayoutBuilder.init();\r\n    KTLayoutSearch.init();\r\n    KTThemeMode.init();\r\n  }\n\n  activate(model: any) {\r\n    var self = this;\n    if (model != null) {\r\n      this.Code = model.Code;\r\n      this.Root = model.Root;\r\n      this.currentLocale = sessionStorage.getItem(\"CurrentSystemLocale\");\r\n      var i18nlocale = self.i18n.getLocale();\r\n\r\n      if (self.currentLocale == null) {\n\r\n        self.GetDefaultLocale();\r\n      } else if (self.currentLocale != i18nlocale) {\r\n        self.ChangeLocale(self.currentLocale);\r\n      }\n      self.LocaleString = self.currentLocale;\n\r\n\r\n      //this.GenerateMenu();\r\n    }\n\r\n    //var service = Container.instance.get(AqsMenuAppService) as AqsMenuAppService;\r\n    //service.RetrieveUserProfile().done((result) => {\r\n    //  self.UserProfile = result;\r\n    //}).fail(FsUtility.CommonErrorHandler);\n\r\n  }\r\n\r\n  public GetDefaultLocale() {\n    var localeString = \"th\";\n    this.LocaleString = localeString;\r\n    this.ChangeLocale(localeString);\r\n  }\r\n\r\n  public Logout() {\r\n    localStorage.setItem(\"callbackLink\", window.location.href);\r\n    this.OpenIdConnect.logout();\r\n  }\r\n\r\n  public ChangePassword() {\r\n    localStorage.setItem(\"callbackLink\", window.location.href);\r\n    location.href = \"Modules/Core/ChangePasswordPage\";\r\n  }\r\n\r\n  public show() {\r\n    this.isshow = !this.isshow;\r\n  }\r\n\r\n  public showmenumobile() {\r\n    this.showmenu = !this.showmenu;\r\n  }\r\n\r\n  public showsearch() {\r\n    this.dropdownsearch = !this.dropdownsearch;\r\n  }\r\n\r\n  public ChangeLocale(locale: string) {\r\n    this.i18n.setLocale(locale);\r\n    this.i18n.i18next.changeLanguage(locale);\r\n    document.body.className = \"lang-\" + locale;\r\n    sessionStorage.setItem(\"CurrentSystemLocale\", locale);\r\n    this.currentLocale = sessionStorage.getItem(\"CurrentSystemLocale\");\r\n    this.eventAggregator.publish('ChangeLocale');\n    this.LocaleString = locale;\r\n  }\r\n\r\n  public GenerateMenu() {\r\n    var self = this;\r\n    //var service = Container.instance.get(AqsMenuAppService) as AqsMenuAppService;\r\n\r\n    //service.GenerateMenu(this.GetMenuCriteria()).done((result) => {\r\n    //  self.Links = result;\r\n    //  var menuData = this.FindMenuData(self.Links, self.Code);\r\n\r\n    //  if (menuData != null) {\n\r\n    //    this.MainParent = this.FindMainParentCode(menuData);\r\n    //  }\r\n\r\n    //}).fail(FsUtility.CommonErrorHandler);\r\n  }\n\n  public FooterDatas: any;\n  public CustomeContentCode = [\"footer-address\", \"footer-contact\", \"footer-tel\", \"footer-link\"];\n  FindFooterContent() {\n    var self = this;\n    var service = Container.instance.get(CustomContentAppService) as CustomContentAppService;\r\n    service.LoadCustomContentFooter(this.CustomeContentCode)\r\n      .done((result) => {\n        self.FooterDatas = result;\n        self.FilterFooter();\n      })\n      .fail((error) => {\r\n        FsUtility.CommonErrorHandler(error);\r\n      });\r\n  }\n\n  public Address: string;\n  public Contact: string;\n  public Tel: string;\n  public ExtLink: string;\n  FilterFooter() {\n    var self = this;\n    this.Address = self.FooterDatas.find(t => t.Code == \"footer-address\");\n    this.Contact = self.FooterDatas.find(t => t.Code == \"footer-contact\");\n    this.Tel = self.FooterDatas.find(t => t.Code == \"footer-tel\");\n    this.ExtLink = self.FooterDatas.find(t => t.Code == \"footer-link\");\r\n  }\r\n\r\n  FindMenuData(links: MenuData[], code: string): MenuData {\r\n    if (links.length == 0) {\r\n      return null;\r\n    }\r\n\r\n    var menuData = links.find(t => t.Code == code);\r\n\r\n    if (menuData != null) {\r\n      return menuData;\r\n    } else {\r\n      var result = null;\r\n      for (var i = 0; i < links.length; i++) {\r\n        result = this.FindMenuData(links[i].ChildrenMenu, code);\r\n        if (result != null) {\r\n          break;\r\n        }\r\n      }\r\n      return result;\r\n    }\r\n  }\r\n\r\n  FindMainParentCode(menuData: MenuData): MenuData {\r\n    if (menuData == null) {\r\n      return null;\r\n    }\r\n\r\n    if (menuData.ParentCode == this.Root || menuData.ParentCode == null) {\n\r\n      return menuData;\r\n    }\r\n    this.ParentLast = menuData;\r\n    var parentMenu = this.FindMenuData(this.Links, menuData.ParentCode);\r\n\r\n    return this.FindMainParentCode(parentMenu);\r\n  }\n\n\n\r\n  private GetMenuCriteria(): MenuParameter {\r\n    var criteria = new MenuParameter();\r\n    criteria.IsShowAll = false;\r\n    criteria.Root = this.Root;\r\n    return criteria;\r\n  }\r\n\r\n  detached() {\r\n    this.changeLocaleSubscribe.dispose();\r\n  }\n\n  SetActivePage() {\n    var url = window.location.href.substring(window.location.href.lastIndexOf('/') + 1);\n    this.CurrentPage = url;\r\n  }\r\n}\n"],"names":[],"sourceRoot":""}