{"version":3,"sources":["webpack:///./src/views/auth/poppuRequiedLoginSSO.vue?9c3c","webpack:///src/views/auth/poppuRequiedLoginSSO.vue","webpack:///./src/views/auth/poppuRequiedLoginSSO.vue?952a","webpack:///./src/views/auth/poppuRequiedLoginSSO.vue","webpack:///./src/views/auth/poppuRequiedLoginSSO.vue?0506"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","modalId","on","handleCloseModal","_v","handleLogin","staticRenderFns","name","data","configKeyclock","components","computed","mapState","watch","isOpenLoginFormSSO","newVal","mounted","methods","mapActions","openModal","fetch","request","response","pageUrl","window","handleLogout","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,UAAU,CAACG,MAAM,CAAC,GAAKP,EAAIQ,QAAQ,SAAW,GAAG,cAAc,GAAG,cAAc,IAAIC,GAAG,CAAC,QAAUT,EAAIU,mBAAmB,CAACN,EAAG,KAAK,CAACE,YAAY,sFAAsF,CAACN,EAAIW,GAAG,eAAeP,EAAG,IAAI,CAACE,YAAY,2DAA2D,CAACN,EAAIW,GAAG,oFAAoFP,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,SAAS,CAACE,YAAY,2IAA2IC,MAAM,CAAC,KAAO,UAAUE,GAAG,CAAC,MAAQT,EAAIY,cAAc,CAACZ,EAAIW,GAAG,oDAAoD,IACr6BE,EAAkB,G,4iCC0BtB,OACAC,kBACAC,KAFA,WAGA,OACAP,eACAQ,oBAGAC,cACAC,cACAC,+CAEAC,OACAC,mBADA,SACAC,GACA,EACA,2BAEA,6BAIAC,QArBA,WAqBA,WACA,6CACA,gCAGAC,eACAC,kDADA,IAEAC,UAFA,WAGA,oCAGAd,YANA,sIAOAe,wCAPA,cAOAC,EAPA,gBAQAA,SARA,OAQAC,EARA,OASA,sBACAC,EAAAC,2CACAA,gRAXA,wGAcArB,iBAdA,WAeA,gCAGAsB,aAlBA,WAmBA,uCCxE6W,I,wBCQzWC,EAAY,eACd,EACAlC,EACAc,GACA,EACA,KACA,KACA,MAIa,aAAAoB,E,2CCnBf,W","file":"js/chunk-2dc1c6fe.f5fa4588.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"login-modal-sso\"},[_c('b-modal',{attrs:{\"id\":_vm.modalId,\"centered\":\"\",\"hide-header\":\"\",\"hide-footer\":\"\"},on:{\"visible\":_vm.handleCloseModal}},[_c('h2',{staticClass:\"login-modal__title font-size-24 font-sanpro-semibold primary-color-txt text-center\"},[_vm._v(\"Đăng nhập\")]),_c('p',{staticClass:\"login-modal__desc secondary-color-txt font-sanpro-light\"},[_vm._v(\"\\n                Tính năng hoặc học liệu này yêu cầu đăng nhập.\\n            \")]),_c('div',{staticClass:\"login-moal__form\"},[_c('div',{staticClass:\"login-modal__form__action\"},[_c('button',{staticClass:\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold full-width display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"submit\"},on:{\"click\":_vm.handleLogin}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\tĐăng nhập\\n\\t\\t\\t\\t\\t\\t\")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"login-modal-sso\">\r\n\t\t<b-modal :id=\"modalId\" centered hide-header hide-footer @visible=\"handleCloseModal\">\r\n\t\t\t<h2 class=\"login-modal__title font-size-24 font-sanpro-semibold primary-color-txt text-center\">Đăng nhập</h2>\r\n\t\t\t<p class=\"login-modal__desc secondary-color-txt font-sanpro-light\">\r\n                Tính năng hoặc học liệu này yêu cầu đăng nhập.\r\n            </p>\r\n\t\t\t<div class=\"login-moal__form\">\r\n\t\t\t\t<div class=\"login-modal__form__action\">\r\n\t\t\t\t\t\t<button \r\n\t\t\t\t\t\t\ttype=\"submit\" \r\n\t\t\t\t\t\t\tclass=\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold full-width display-flex-center justify-content-center line-height-1\" \r\n                    \r\n\t\t\t\t\t\t\t@click=\"handleLogin\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\tĐăng nhập\r\n\t\t\t\t\t\t</button>                  \r\n\t\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</b-modal>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport { mapState, mapActions } from 'vuex';\r\n\timport { ID_MODAL_LOGIN_SSO } from '@/store/auth/constants';\r\n    import { APP_CONFIG } from \"@/utils/constants\";\r\n\texport default {\r\n\t\tname: 'LoginPopup',\r\n\t\tdata () {\r\n\t\t\treturn {\r\n\t\t\t\tmodalId: ID_MODAL_LOGIN_SSO,\r\n                configKeyclock: {}\r\n\t\t\t}\r\n\t\t},\r\n\t\tcomponents: {},\r\n\t\tcomputed: {\r\n\t\t\t...mapState('auth', ['isOpenLoginFormSSO']),\r\n\t\t},\r\n\t\twatch: {\r\n\t\t\tisOpenLoginFormSSO(newVal) {\r\n\t\t\t\tif(newVal) {\r\n\t\t\t\t\tthis.$bvModal.show(ID_MODAL_LOGIN_SSO);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.$bvModal.hide(ID_MODAL_LOGIN_SSO);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tmounted() {\r\n\t\t\tthis.$root.$on('bv::modal::hide', () => {\r\n\t\t      this.setToggleLoginSSOForm(false);\r\n\t\t    })\r\n\t\t},\r\n\t\tmethods: {\r\n            ...mapActions(\"auth\", [ \"setToggleLoginSSOForm\"]),\r\n\t\t\topenModal() {\r\n\t\t\t\tthis.$bvModal.show(ID_MODAL_LOGIN);\r\n\t\t\t},\r\n\r\n\t\t\tasync handleLogin() {\r\n                const request = await fetch(APP_CONFIG.dataUrl+\"IsLoginkeyCloak\");\r\n                const response = await request.json();\r\n                this.configKeyclock = response\r\n\t\t\t\tconst pageUrl = window.location.href.replace('&','th98th');\r\n                window.location.href= this.configKeyclock.urlServerKeyCloak+\"/realms/\"+this.configKeyclock.realm+\"/protocol/openid-connect/auth?response_type=code&client_id=\"+this.configKeyclock.audience+\"&redirect_uri=\"+window.location.origin+this.configKeyclock.redirect +'?urlReturn='+ pageUrl\r\n\t\t\t},\r\n\r\n\t\t\thandleCloseModal() {\r\n\t\t\t\tthis.setToggleLoginSSOForm(false);\r\n\t\t\t},\r\n\r\n\t\t\thandleLogout() {\r\n\t\t\t\tthis.$bvModal.hide(ID_MODAL_LOGIN);\r\n\t\t\t},\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n\t.icon-switch{\r\n\t\tposition: absolute;\r\n\t\ttop: 7px;\r\n\t\tright: 10px;\r\n\t\ti{\r\n\t\tcolor: #40505E;\r\n\t\tfont-size: 14px;\r\n\t\topacity: .5;\r\n\t\t}\r\n\t}\r\n\t#modal_login_sso {\r\n\t\t.modal-content {\r\n\t\t\tborder: 0;\r\n\t\t\tmax-width: 365px;\r\n    \t\tmargin: auto;\r\n    \t\tborder-radius: 20px;\r\n\r\n    \t\t@media screen and ( max-width: 575px ) {\r\n    \t\t\tmax-width: 90%;\r\n    \t\t}\r\n\t\t}\r\n\r\n\t\t.modal-body {\r\n\t\t\tbackground: #fff;\r\n\t\t\tpadding: 15px;\r\n\t\t\tborder-radius: 15px;\r\n\t\t}\r\n\r\n\t\t.forgot-pass-btn {\r\n\t\t\tpadding: 0;\r\n\t\t}\r\n\r\n\t\t.error {\r\n\t\t\tmargin-top: 7px;\r\n\t\t}\r\n\r\n\t\t.login-modal-sso {\r\n\r\n\t\t\t&__title, &__readmore, &__forgot {\r\n\t\t\t\tmargin-bottom: 15px;\r\n\t\t\t}\r\n\r\n\t\t\t&__desc {\r\n\t\t\t\tmargin-bottom: 10px;\r\n\t\t\t}\r\n\r\n\t\t\t&__form {\r\n\t\t\t\t&__item {\r\n\t\t\t\t\tmargin-bottom: 15px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&__action {\r\n\t\t\t\t\tmargin: 10px 0 18px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./poppuRequiedLoginSSO.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./poppuRequiedLoginSSO.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./poppuRequiedLoginSSO.vue?vue&type=template&id=7dfc51f1&\"\nimport script from \"./poppuRequiedLoginSSO.vue?vue&type=script&lang=js&\"\nexport * from \"./poppuRequiedLoginSSO.vue?vue&type=script&lang=js&\"\nimport style0 from \"./poppuRequiedLoginSSO.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./poppuRequiedLoginSSO.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}