{"version":3,"sources":["webpack:///./src/module/UserPermission/components/CreateBranchModal.vue?303e","webpack:///./src/module/UserPermission/components/CreateBranchModal.vue?451b","webpack:///./src/module/UserPermission/UserPermissionCreate.vue?654a","webpack:///./src/module/UserPermission/components/DeleteModal.vue?f44d","webpack:///./src/module/UserPermission/UserPermissionCreate.vue?2435","webpack:///./src/module/UserPermission/components/CreateBranchModal.vue?cd81","webpack:///src/module/UserPermission/components/CreateBranchModal.vue","webpack:///./src/module/UserPermission/components/CreateBranchModal.vue?7f11","webpack:///./src/module/UserPermission/components/CreateBranchModal.vue","webpack:///./src/module/UserPermission/components/DeleteModal.vue?1ff7","webpack:///src/module/UserPermission/components/DeleteModal.vue","webpack:///./src/module/UserPermission/components/DeleteModal.vue?538f","webpack:///./src/module/UserPermission/components/DeleteModal.vue","webpack:///src/module/UserPermission/UserPermissionCreate.vue","webpack:///./src/module/UserPermission/UserPermissionCreate.vue?e6c8","webpack:///./src/module/UserPermission/UserPermissionCreate.vue","webpack:///./src/module/UserPermission/components/UserDetailModal.vue?1547","webpack:///src/module/UserPermission/components/UserDetailModal.vue","webpack:///./src/module/UserPermission/components/UserDetailModal.vue?6ac9","webpack:///./src/module/UserPermission/components/UserDetailModal.vue","webpack:///./src/components/Modal/Component/alertmodal2.vue?d258","webpack:///./src/core/UserPermission/service/BzbsUserPermission.js","webpack:///./src/components/Maps/GoogleMap.vue?5996","webpack:///./src/components/Modal/Component/alertmodal2.vue?9152","webpack:///src/components/Modal/Component/alertmodal2.vue","webpack:///./src/components/Modal/Component/alertmodal2.vue?1e53","webpack:///./src/components/Modal/Component/alertmodal2.vue","webpack:///./src/components/Maps/GoogleMap.vue?b742","webpack:///src/components/Maps/GoogleMap.vue","webpack:///./src/components/Maps/GoogleMap.vue?200c","webpack:///./src/components/Maps/GoogleMap.vue","webpack:///./src/module/UserPermission/components/UserDetailModal.vue?cb43"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","menu","key","name","attrs","_v","_s","breadcrumbName","on","$event","goback","mode","lbl","brandId","terminaId","detail","PosRole","toggleDeleteModal","_e","slot","model","value","callback","$$v","$set","expression","role","roleList","active","oldRole","onChangeRole","inputUsername","usernameDanger","class","validLengthUsername","validLowerCaseUsername","isEditPassword","inputPassword","changePassword","inputConfirmPassword","confirmPassword","validateMatchPassword","validLengthPassword","validLowerAndUpperCasePassword","validLeastNumberPassword","validNotBlankAtStartandEndPassword","validSymbolsPassword","emaildup","email","validateEmailFormat","phoneMaxlength","isNumber","contactNumber","validateContactNumberFormat","staticStyle","onSearch","showCreateBranch","onSelectBranch","branchIdsSelect","branch","ID","Display","validateState","handleSaveData","isUserDetailModal","toggleUserDetailModal","UserDetail","copyToClipBoard","userTitle","alertModalSetting","isOpenModal","modalType","title","details","onCreateBranch","onCloseCreateBranch","isDeleteModal","postDeleteUser","staticRenderFns","visible","form","handleSubmit","contact_number","openMap","onlyNumberDecimal","changeLatitude","latitude","changeLongtitude","longtitude","onClose","isComplete","showGoogleMap","changeCloseGoogleMap","changeSubmitGoogleMap","mixins","data","components","GoogleMap","props","show","type","default","watch","handler","immediate","computed","beforeCreate","created","methods","reset","event","component","toggle","cfDelete","Header","AlertModal","CreateBranchModal","UserDetailModal","DeleteModal","breadcrumbs","label","storeName","branchList","showFunctionCreateBranch","isValueDesign","Vue","isUsernameValid","isPasswordValid","init","Promise","setLocale","resolve","setDefault","getBranchList","BzbsProfile","then","item","catch","getProfile","BzbsUserPermission","res","error","finally","pasteBox","e","pasteBoxCF","clickCreateBarnch","postCreateUser","firstName","lastName","userName","password","branchIds","UserName","Password","BrandId","TerminalId","Branches","err","postUpdateUser","pk","navigator","obj","alertModalAction","setTimeout","index","icon","image_url","website","copyImage","copyied","qrData","Android","IOS","Website","getConfigQrcode","Config","htmlToImage","quality","copyImageToClipboard","config","bzbsConfig","token","Cache","get","Token","agencyId","AgencyId","getCRMPlusAllUser","filter","params","device_app_id","client_id","branchId","branchName","strUrl","bzbsModuleUrl","BzbsApi","connectBzbsGet","getCRMPlusUserList","crmPlusRole","getCRMPlusStaffUserList","getCRMPlusStoreInfo","CreatPermission","connectBzbsPost","EditPermission","DeletePermission","connectBzbsDeleteFormData","postCRMPlusCreateUser","isOperator","newStaffRole","postCRMPlusUpdateUser","isDeleted","id","userNameApi","PartitionKey","includes","postCRMPlusDeleteUser","desciption","onActionModal","currentLocale","mapsClose","scopedSlots","_u","fn","proxy","showModal","ref","center","mapOptions","handleMapClick","marker","position","handleMarkerDrag","panToMarker","lat","lng","disableDefaultUI","geolocate","modalShow"],"mappings":"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,8BACA,wCAKAG,+BACA,sBACA,mCACA,iCAEA,UAGAI,uCACA,mCAEA,mCACAwE,sDAMApF,iCACA,2DAEAqF,2BACA,8DAEAC,2BACA,iDAEA,0BACA,yBAGA,0BACA,qCACA,+BACA,2BACA,4BACA,0CAKAjE,yBACA,OACA,uBACA,sBACA,sBACA,sBACA,kCACA,0BACA,gCAIA8C,SACAoB,gBAAA,WACA,uBACAC,aACA,kBACA,iBACA,kBACA,uBACA,iBACA,wBAGAC,qBAAA,WACA,gCACA,2CACA,OACAV,mBACAnG,kBAGA8G,QAGAC,sBAAA,WACA,gCACA,mBACA,4BACA,sEACA,eACA,CACAjI,sBACAI,eACA,MACA,iEAGA,CACAJ,4BACAI,eACA,gBACA,MACA,0DAEA,MACA,kEAIA,2CAGA,2DACA,iDACA,oBAEA4H,QAGAE,yBAAA,WACA,gCACAC,2BACAC,kBACA,2BACA,kCACAC,kCAEAL,oBAEAM,2BAGAC,sBAAA,WACA,gCACAC,6BACAJ,kBACA,gCACA,gCACA,oEACA,uCAEA,kBACA,8BACA,0CAGAJ,OAEAM,2BAGAxH,8BACA,sBAEA4D,0BAAA,WACA,uBACA8D,kDACAJ,kBACA,gBACA,wBACA,mBACA,kCACA,KACA,WACA,KAGA,wBACA,mBACA,gCACAK,iCACA,SACA,OAIAH,mBAEA,wBACA,mBACA,gCACAI,8BACA,SACA,MAGAC,oBAAA,+BAEApI,kBACA,mBAAAP,yBAEAmC,2BACA,uBAEAR,yBACA,gCACA,gDACAiH,sBAEA,OADAC,oBACA,GAEA,2DACAC,sBAEA,OADAD,oBACA,IAGAzF,qBAAA,WACA,sCACA,kCACA,mBACAlC,mDACAmH,yDAIAU,6BACA,0BAEAxE,2BAEA,qBACA,0BAEAC,gCACA,0BAGAZ,0BACA,2CACA,qBACA,sBAEA,uBAGAN,2BACA,wBAEA0F,0BAAA,WACA,uBACA,OACAvH,0BACAF,+BACA0H,oCACAC,kCACAC,kCACAC,kCACA/G,gDACAQ,4BACAI,4CACAoG,qCAEAb,0BACAJ,kBAEA,mBACA,OACAkB,2BACAC,2BACAC,kBACA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","file":"js/chunk-637b3159.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateBranchModal.vue?vue&type=style&index=1&id=1981765d&scoped=true&lang=css&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.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!./CreateBranchModal.vue?vue&type=style&index=0&id=1981765d&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.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!./UserPermissionCreate.vue?vue&type=style&index=0&id=7f4d6926&lang=scss&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.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!./DeleteModal.vue?vue&type=style&index=0&id=1478b9b7&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid pb-permission create-user-permission-wrapper\"},[_c('Header'),_c('a-breadcrumb',{staticClass:\"breadcrumb-wrapper\"},_vm._l((_vm.breadcrumbs),function(menu){return _c('a-breadcrumb-item',{key:menu.name},[_c('router-link',{staticClass:\"mx-2\",attrs:{\"to\":{\n          name: menu.name,\n        }}},[_vm._v(\" \"+_vm._s(menu.breadcrumbName)+\" \")])],1)}),1),_c('div',{staticClass:\"mx-auto content-outer-container\"},[_c('div',{staticClass:\"page-title\"},[_c('div',{staticClass:\"left\"},[_c('div',{staticClass:\"back-btn\",on:{\"click\":function($event){return _vm.goback()}}},[_c('img',{staticClass:\"button-arrow-back\",attrs:{\"src\":require(\"@/assets/images/userlevel/arrow_back.svg\"),\"alt\":\"arrow back\"}})]),_c('h5',[_vm._v(\" \"+_vm._s(this.mode === 'Edit' ? this.lbl[ 'create_user_permission_page_breadcrumb_edit_user_title' ] : this.lbl[ 'create_user_permission_page_breadcrumb_create_new_user_title' ])+\" \")])]),_c('div',{staticClass:\"right\"},[_c('span',[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-brand-id'])+\": \"+_vm._s(_vm.brandId)+\" \")]),_c('span',[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-terminal'])+\": \"+_vm._s(_vm.terminaId)+\" \")]),(this.mode === 'Edit' && _vm.detail.PosRole != 'Owner')?_c('div',{staticClass:\"delete\",on:{\"click\":function($event){return _vm.toggleDeleteModal(true)}}},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-delete'])+\" \")]):_vm._e()])]),_c('div',{staticClass:\"user-detail-wrapper\"},[_c('div',{staticClass:\"role-detail\"},[_c('div',{staticClass:\"assign-to\"},[_c('strong',[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-role'])+\" \")]),_c('a-tooltip',[_c('template',{slot:\"title\"},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-role-tooltip'])+\" \")]),_c('a-icon',{staticClass:\"info-icon\",attrs:{\"type\":\"info-circle\"}})],2)],1),_c('div',{staticClass:\"user-status\"},[_c('div',{staticClass:\"info\"},[_c('strong',[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-user-status'])+\" \")]),_c('a-tooltip',[_c('template',{slot:\"title\"},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-user-status-tooltip'])+\" \")]),_c('a-icon',{staticClass:\"info-icon\",attrs:{\"type\":\"info-circle\"}})],2)],1),_c('a-switch',{attrs:{\"disabled\":_vm.detail.PosRole === 'Owner'},model:{value:(_vm.detail.active),callback:function ($$v) {_vm.$set(_vm.detail, \"active\", $$v)},expression:\"detail.active\"}})],1)]),_c('div',{staticClass:\"select-role-wrapper\"},[_c('a-radio-group',{attrs:{\"defaultValue\":_vm.detail.role ? _vm.detail.role : 'admin',\"options\":_vm.roleList,\"disabled\":_vm.mode === 'Edit' &&\n            (!_vm.detail.active ||\n              _vm.detail.oldRole === 'staff' ||\n              _vm.detail.PosRole === 'Owner')},on:{\"change\":_vm.onChangeRole},model:{value:(_vm.detail.role),callback:function ($$v) {_vm.$set(_vm.detail, \"role\", $$v)},expression:\"detail.role\"}})],1),_c('div',{staticClass:\"input-detail-wrapper\"},[_c('div',{staticClass:\"input-wrapper\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-firstname'])+\" \")]),_c('a-input',{staticClass:\"w-100\",attrs:{\"size\":\"large\",\"placeholder\":_vm.lbl['user-permissions-firstname'],\"disabled\":_vm.mode === 'Edit' && !_vm.detail.active},model:{value:(_vm.detail.firstName),callback:function ($$v) {_vm.$set(_vm.detail, \"firstName\", $$v)},expression:\"detail.firstName\"}})],1),_c('div',{staticClass:\"input-wrapper\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-lastname'])+\" \")]),_c('a-input',{staticClass:\"w-100\",attrs:{\"size\":\"large\",\"placeholder\":_vm.lbl['user-permissions-lastname'],\"disabled\":_vm.mode === 'Edit' && !_vm.detail.active},model:{value:(_vm.detail.lastName),callback:function ($$v) {_vm.$set(_vm.detail, \"lastName\", $$v)},expression:\"detail.lastName\"}})],1),_c('div',{staticClass:\"empty\"}),_c('div',{staticClass:\"empty\"}),_c('div',{staticClass:\"input-wrapper\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-username'])+\" \")]),_c('a-input',{staticClass:\"w-100\",attrs:{\"size\":\"large\",\"max-length\":20,\"placeholder\":_vm.lbl['user-permissions-username'],\"disabled\":_vm.mode === 'Edit'},on:{\"input\":function($event){return _vm.inputUsername($event)}},model:{value:(_vm.detail.userName),callback:function ($$v) {_vm.$set(_vm.detail, \"userName\", $$v)},expression:\"detail.userName\"}}),(_vm.usernameDanger && _vm.mode !== 'Edit')?_c('div',{staticClass:\"danger\"},[_vm._v(\" \"+_vm._s(_vm.usernameDanger)+\" \")]):_vm._e()],1),_c('div',{staticClass:\"warning-wrapper\"},[_c('div',{staticClass:\"empty-area\"}),_c('div',{staticClass:\"warning\",class:[_vm.validLengthUsername ? 'valid' : '']},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-username-min-max-charactor-validate'])+\" \"),_c('img',{attrs:{\"src\":require((\"@/assets/images/\" + (_vm.validLengthUsername ? 'check_circle' : 'cross_red') + \".png\")),\"alt\":\"validate\"}})]),_c('div',{staticClass:\"warning\",class:[_vm.validLowerCaseUsername ? 'valid' : '']},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-username-eng-lowercase-validate'])+\" \"),_c('img',{attrs:{\"src\":require((\"@/assets/images/\" + (_vm.validLowerCaseUsername ? 'check_circle' : 'cross_red') + \".png\")),\"alt\":\"validate\"}})])]),_c('div',{staticClass:\"empty\"}),_c('div',{staticClass:\"empty\"}),_c('div',{staticClass:\"input-wrapper\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-password'])+\" \")]),_c('a-input-password',{staticClass:\"w-100\",attrs:{\"id\":\"paste-no-event\",\"size\":\"large\",\"max-length\":20,\"placeholder\":_vm.lbl['user-permissions-password'],\"disabled\":_vm.mode === 'Edit' && !_vm.isEditPassword},on:{\"input\":function($event){return _vm.inputPassword($event)}},model:{value:(_vm.detail.password),callback:function ($$v) {_vm.$set(_vm.detail, \"password\", $$v)},expression:\"detail.password\"}}),(_vm.mode === 'Edit' && !_vm.isEditPassword)?_c('a-button',{staticClass:\"mt-3\",attrs:{\"type\":\"primary\",\"ghost\":\"\",\"disabled\":_vm.mode === 'Edit' && !_vm.detail.active},on:{\"click\":function($event){return _vm.changePassword(true)}}},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-changepassword'])+\" \")]):_vm._e()],1),_c('div',{staticClass:\"input-wrapper\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-cfpassword'])+\" \")]),_c('a-input-password',{staticClass:\"w-100\",attrs:{\"id\":\"paste-no-event-cfpassword\",\"size\":\"large\",\"max-length\":20,\"placeholder\":_vm.lbl['user-permissions-cfpassword'],\"disabled\":_vm.mode === 'Edit' && !_vm.isEditPassword},on:{\"input\":function($event){return _vm.inputConfirmPassword($event)}},model:{value:(_vm.detail.confirmPassword),callback:function ($$v) {_vm.$set(_vm.detail, \"confirmPassword\", $$v)},expression:\"detail.confirmPassword\"}}),(_vm.detail.confirmPassword && !_vm.validateMatchPassword)?_c('div',{staticClass:\"danger\"},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-passwordnotmatch'])+\" \")]):_vm._e()],1),_c('div',{staticClass:\"warning-wrapper two-block\"},[_c('div',{staticClass:\"empty-area\"}),_c('div',{staticClass:\"warning\",class:[_vm.validLengthPassword ? 'valid' : '']},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-username-min-max-charactor-validate'])+\" \"),_c('img',{attrs:{\"src\":require((\"@/assets/images/\" + (_vm.validLengthPassword ? 'check_circle' : 'cross_red') + \".png\")),\"alt\":\"validate\"}})]),(this.detail.role !== 'staff')?_c('div',{staticClass:\"warning\",class:[_vm.validLowerAndUpperCasePassword ? 'valid' : '']},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-password-validate-3'])+\" \"),_c('img',{attrs:{\"src\":require((\"@/assets/images/\" + (_vm.validLowerAndUpperCasePassword\n                    ? 'check_circle'\n                    : 'cross_red') + \".png\")),\"alt\":\"validate\"}})]):_vm._e(),(this.detail.role !== 'staff')?_c('div',{staticClass:\"warning\",class:[_vm.validLeastNumberPassword ? 'valid' : '']},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-include-one-number-validate'])+\" \"),_c('img',{attrs:{\"src\":require((\"@/assets/images/\" + (_vm.validLeastNumberPassword ? 'check_circle' : 'cross_red') + \".png\")),\"alt\":\"validate\"}})]):_vm._e(),(this.detail.role !== 'staff')?_c('div',{staticClass:\"warning\",class:[_vm.validNotBlankAtStartandEndPassword ? 'valid' : '']},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-not-blank-validate'])+\" \"),_c('img',{attrs:{\"src\":require((\"@/assets/images/\" + (_vm.validNotBlankAtStartandEndPassword\n                    ? 'check_circle'\n                    : 'cross_red') + \".png\")),\"alt\":\"validate\"}})]):_vm._e(),(this.detail.role !== 'staff')?_c('div',{staticClass:\"warning\",class:[_vm.validSymbolsPassword ? 'valid' : '']},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-username-symbols-validate'])+\" \"),_c('img',{attrs:{\"src\":require((\"@/assets/images/\" + (_vm.validSymbolsPassword ? 'check_circle' : 'cross_red') + \".png\")),\"alt\":\"validate\"}})]):_vm._e()]),_c('div',{staticClass:\"input-wrapper\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-email'])+\" \")]),_c('a-input',{staticClass:\"w-100\",attrs:{\"size\":\"large\",\"placeholder\":_vm.lbl['user-permissions-email'],\"disabled\":_vm.mode === 'Edit'},model:{value:(_vm.detail.email),callback:function ($$v) {_vm.$set(_vm.detail, \"email\", $$v)},expression:\"detail.email\"}}),(_vm.emaildup && _vm.mode !== 'Edit')?_c('div',{staticClass:\"danger\"},[_vm._v(\" \"+_vm._s(_vm.emaildup)+\" \")]):_vm._e(),(_vm.detail.email && !_vm.validateEmailFormat)?_c('div',{staticClass:\"danger\"},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-emailvalidate'])+\" \")]):_vm._e()],1),_c('div',{staticClass:\"input-wrapper\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-phone'])+\" \")]),_c('a-input',{staticClass:\"w-100\",attrs:{\"size\":\"large\",\"max-length\":_vm.phoneMaxlength,\"placeholder\":_vm.lbl['user-permissions-phone'],\"disabled\":_vm.mode === 'Edit' && !_vm.detail.active},on:{\"keypress\":function($event){return _vm.isNumber($event)}},model:{value:(_vm.detail.contactNumber),callback:function ($$v) {_vm.$set(_vm.detail, \"contactNumber\", $$v)},expression:\"detail.contactNumber\"}}),(_vm.detail.contactNumber && !_vm.validateContactNumberFormat)?_c('div',{staticClass:\"danger\"},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-phonevalidate'])+\" \")]):_vm._e()],1),_c('div',{staticClass:\"empty\"}),_c('div',{staticClass:\"empty\"})]),_c('div',{staticClass:\"select-branch-wrapper\"},[_c('div',{staticClass:\"head\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-assign-to-branch'])+\" \")]),_c('div',{staticClass:\"action\"},[_c('a-input-search',{staticStyle:{\"width\":\"230px\"},attrs:{\"placeholder\":_vm.lbl['search-branch-placeholder']},on:{\"search\":_vm.onSearch}}),(_vm.showFunctionCreateBranch)?_c('a-button',{staticClass:\"create-new-branch-btn\",attrs:{\"type\":\"primary\",\"ghost\":\"\"},on:{\"click\":function($event){_vm.showCreateBranch = !_vm.showCreateBranch}}},[_c('a-icon',{attrs:{\"type\":\"plus\"}}),_c('span',[_vm._v(_vm._s(_vm.lbl['create-new-branch-btn']))])],1):_vm._e()],1)]),_c('div',{staticClass:\"select-wrapper\"},[_c('a-checkbox-group',{staticClass:\"w-100\",attrs:{\"disabled\":_vm.mode === 'Edit' && !_vm.detail.active},on:{\"change\":_vm.onSelectBranch},model:{value:(_vm.branchIdsSelect),callback:function ($$v) {_vm.branchIdsSelect=$$v},expression:\"branchIdsSelect\"}},[_c('a-row',_vm._l((_vm.branchList),function(branch){return _c('a-col',{key:branch.ID,staticClass:\"mb-3\",attrs:{\"span\":6}},[_c('a-checkbox',{attrs:{\"value\":branch.ID}},[_vm._v(\" \"+_vm._s(branch.Display)+\" \")])],1)}),1)],1)],1)]),_c('div',{staticClass:\"save-permission\"},[_c('a-button',{staticClass:\"save-btn\",attrs:{\"type\":\"primary\",\"disabled\":!_vm.validateState},on:{\"click\":_vm.handleSaveData}},[_vm._v(\" \"+_vm._s(_vm.mode === 'Create' ? _vm.lbl['user-permissions-save'] : _vm.lbl['user-permissions-update'])+\" \")])],1)])]),_c('UserDetailModal',{attrs:{\"isUserDetailModal\":_vm.isUserDetailModal,\"toggle\":_vm.toggleUserDetailModal,\"UserDetail\":_vm.UserDetail,\"copyToClipBoard\":_vm.copyToClipBoard,\"brandId\":_vm.brandId,\"terminaId\":_vm.terminaId,\"title\":_vm.userTitle}}),_c('AlertModal',{attrs:{\"isOpenModal\":_vm.alertModalSetting.isOpenModal,\"modalType\":_vm.alertModalSetting.modalType,\"title\":_vm.alertModalSetting.title,\"details\":_vm.alertModalSetting.details}}),_c('CreateBranchModal',{attrs:{\"show\":_vm.showCreateBranch},on:{\"create\":_vm.onCreateBranch,\"close\":_vm.onCloseCreateBranch}}),_c('DeleteModal',{attrs:{\"toggle\":_vm.toggleDeleteModal,\"isDeleteModal\":_vm.isDeleteModal,\"cfDelete\":_vm.postDeleteUser}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('a-modal',{staticClass:\"create-branch-modal\",attrs:{\"centered\":\"\",\"width\":\"70%\",\"title\":_vm.lbl['account-setup-add-branch'],\"maskClosable\":false,\"footer\":null},model:{value:(_vm.visible),callback:function ($$v) {_vm.visible=$$v},expression:\"visible\"}},[_c('a-form',{staticClass:\"wrapper\",attrs:{\"form\":_vm.form},on:{\"submit\":_vm.handleSubmit}},[_c('a-row',{attrs:{\"gutter\":24}},[_c('a-col',{attrs:{\"span\":12}},[_c('a-form-item',{attrs:{\"label\":_vm.lbl['create_branch_name_label'],\"colon\":false}},[_c('a-input',{attrs:{\"placeholder\":_vm.lbl['create_branch_name_label']},model:{value:(_vm.name),callback:function ($$v) {_vm.name=$$v},expression:\"name\"}})],1)],1),_c('a-col',{attrs:{\"span\":12}},[_c('a-form-item',{attrs:{\"label\":_vm.lbl['create_branch_contact_number_label'],\"colon\":false}},[_c('a-input',{attrs:{\"placeholder\":_vm.lbl['create_branch_contact_number_label'],\"max-length\":_vm.phoneMaxlength},on:{\"keypress\":function($event){return _vm.isNumber($event)}},model:{value:(_vm.contact_number),callback:function ($$v) {_vm.contact_number=$$v},expression:\"contact_number\"}})],1)],1),_c('a-col',{attrs:{\"span\":4}},[_c('a-form-item',{attrs:{\"label\":_vm.lbl['account-setup-select-your-location'],\"colon\":false}},[_c('a-botton',{staticClass:\"map-btn\",on:{\"click\":_vm.openMap}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/accountsetup/map.svg\"),\"alt\":\"map\",\"width\":\"18\",\"height\":\"18\"}}),_c('span',[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-open-maps'])+\" \")])])],1)],1),_c('a-col',{attrs:{\"span\":4}},[_c('a-form-item',{attrs:{\"label\":\" \",\"colon\":false}},[_c('span',{staticClass:\"text-annual\"},[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-or-add-manual'])+\" \")])])],1),_c('a-col',{attrs:{\"span\":8}},[_c('a-form-item',{attrs:{\"label\":\" \",\"colon\":false}},[_c('a-input',{attrs:{\"placeholder\":_vm.lbl['create_branch_latitude_label']},on:{\"keypress\":_vm.onlyNumberDecimal,\"change\":_vm.changeLatitude},model:{value:(_vm.latitude),callback:function ($$v) {_vm.latitude=$$v},expression:\"latitude\"}})],1)],1),_c('a-col',{attrs:{\"span\":8}},[_c('a-form-item',{attrs:{\"label\":\" \",\"colon\":false}},[_c('a-input',{attrs:{\"placeholder\":_vm.lbl['create_branch_longitude_label']},on:{\"keypress\":_vm.onlyNumberDecimal,\"change\":_vm.changeLongtitude},model:{value:(_vm.longtitude),callback:function ($$v) {_vm.longtitude=$$v},expression:\"longtitude\"}})],1)],1)],1)],1),_c('div',{staticClass:\"bottom\"},[_c('a-button',{staticClass:\"btn-cancel\",on:{\"click\":_vm.onClose}},[_vm._v(\" \"+_vm._s(_vm.lbl['confirm-box-cancel-button'])+\" \")]),_c('a-button',{attrs:{\"type\":\"primary\",\"disabled\":!_vm.isComplete},on:{\"click\":_vm.handleSubmit}},[_vm._v(\" \"+_vm._s(_vm.lbl['user-role-manage-save-button'])+\" \")])],1)],1),_c('GoogleMap',{attrs:{\"show\":_vm.showGoogleMap},on:{\"changeCloseGoogleMap\":function($event){return _vm.changeCloseGoogleMap($event)},\"changeSubmitGoogleMap\":function($event){return _vm.changeSubmitGoogleMap($event)}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <a-modal\r\n      v-model=\"visible\"\r\n      centered\r\n      width=\"70%\"\r\n      :title=\"lbl['account-setup-add-branch']\"\r\n      class=\"create-branch-modal\"\r\n      :maskClosable=\"false\"\r\n      :footer=\"null\"\r\n    >\r\n      <a-form :form=\"form\" @submit=\"handleSubmit\" class=\"wrapper\">\r\n        <a-row :gutter=\"24\">\r\n          <a-col :span=\"12\">\r\n            <a-form-item\r\n              :label=\"lbl['create_branch_name_label']\"\r\n              :colon=\"false\"\r\n            >\r\n              <a-input\r\n                v-model=\"name\"\r\n                :placeholder=\"lbl['create_branch_name_label']\"\r\n              />\r\n            </a-form-item>\r\n          </a-col>\r\n          <a-col :span=\"12\">\r\n            <a-form-item\r\n              :label=\"lbl['create_branch_contact_number_label']\"\r\n              :colon=\"false\"\r\n            >\r\n              <a-input\r\n                v-model=\"contact_number\"\r\n                :placeholder=\"lbl['create_branch_contact_number_label']\"\r\n                :max-length=\"phoneMaxlength\"\r\n                @keypress=\"isNumber($event)\"\r\n              />\r\n            </a-form-item>\r\n          </a-col>\r\n          <a-col :span=\"4\">\r\n            <a-form-item\r\n              :label=\"lbl['account-setup-select-your-location']\"\r\n              :colon=\"false\"\r\n            >\r\n              <a-botton class=\"map-btn\" @click=\"openMap\">\r\n                <img\r\n                  src=\"@/assets/images/accountsetup/map.svg\"\r\n                  alt=\"map\"\r\n                  width=\"18\"\r\n                  height=\"18\"\r\n                />\r\n                <span>\r\n                  {{ lbl['account-setup-open-maps'] }}\r\n                </span>\r\n              </a-botton>\r\n            </a-form-item>\r\n          </a-col>\r\n          <a-col :span=\"4\">\r\n            <a-form-item label=\" \" :colon=\"false\">\r\n              <span class=\"text-annual\">\r\n                {{ lbl['account-setup-or-add-manual'] }}\r\n              </span>\r\n            </a-form-item>\r\n          </a-col>\r\n          <a-col :span=\"8\">\r\n            <a-form-item label=\" \" :colon=\"false\">\r\n              <a-input\r\n                v-model=\"latitude\"\r\n                :placeholder=\"lbl['create_branch_latitude_label']\"\r\n                @keypress=\"onlyNumberDecimal\"\r\n                @change=\"changeLatitude\"\r\n              />\r\n            </a-form-item>\r\n          </a-col>\r\n          <a-col :span=\"8\">\r\n            <a-form-item label=\" \" :colon=\"false\">\r\n              <a-input\r\n                v-model=\"longtitude\"\r\n                :placeholder=\"lbl['create_branch_longitude_label']\"\r\n                @keypress=\"onlyNumberDecimal\"\r\n                @change=\"changeLongtitude\"\r\n              />\r\n            </a-form-item>\r\n          </a-col>\r\n        </a-row>\r\n      </a-form>\r\n      <div class=\"bottom\">\r\n        <a-button class=\"btn-cancel\" @click=\"onClose\">\r\n          {{ lbl['confirm-box-cancel-button'] }}\r\n        </a-button>\r\n        <a-button type=\"primary\" @click=\"handleSubmit\" :disabled=\"!isComplete\">\r\n          {{ lbl['user-role-manage-save-button'] }}\r\n        </a-button>\r\n      </div>\r\n    </a-modal>\r\n    <GoogleMap\r\n      :show=\"showGoogleMap\"\r\n      @changeCloseGoogleMap=\"changeCloseGoogleMap($event)\"\r\n      @changeSubmitGoogleMap=\"changeSubmitGoogleMap($event)\"\r\n    />\r\n  </div>\r\n</template>\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\nimport Vue from 'vue'\r\nimport GoogleMap from '@/components/Maps/GoogleMap.vue'\r\n\r\nexport default {\r\n  name: 'CreateBranchModal',\r\n  mixins: [Mixin],\r\n\r\n  data() {\r\n    return {\r\n      visible: false,\r\n      phoneMaxlength: 10,\r\n      showGoogleMap: false,\r\n      name: '',\r\n      contact_number: '',\r\n      latitude: '',\r\n      longtitude: '',\r\n    }\r\n  },\r\n  components: {\r\n    GoogleMap,\r\n  },\r\n  props: {\r\n    show: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n  },\r\n  watch: {\r\n    show: {\r\n      handler(val) {\r\n        this.visible = val\r\n      },\r\n      immediate: true,\r\n    },\r\n  },\r\n  computed: {\r\n    isComplete() {\r\n      return (\r\n        this.latitude && this.longtitude && this.name && this.contact_number\r\n      )\r\n    },\r\n  },\r\n  beforeCreate() {\r\n    this.form = this.$form.createForm(this, {\r\n      name: 'branch-setting',\r\n    })\r\n  },\r\n  created() {\r\n    this.phoneMaxlength = Vue.bzbsConfig.businessRule.max.phoneLength\r\n  },\r\n  methods: {\r\n    openMap() {\r\n      this.showGoogleMap = true\r\n    },\r\n    changeCloseGoogleMap() {\r\n      this.showGoogleMap = false\r\n    },\r\n    changeSubmitGoogleMap(res) {\r\n      this.showGoogleMap = false\r\n      if (res) {\r\n        this.latitude = res.lat\r\n        this.longtitude = res.lng\r\n      }\r\n    },\r\n    changeLatitude(e) {\r\n      this.latitude = e.target.value\r\n    },\r\n    changeLongtitude(e) {\r\n      this.longtitude = e.target.value\r\n    },\r\n    handleSubmit() {\r\n      var data = {\r\n        latitude: this.latitude,\r\n        longtitude: this.longtitude,\r\n        name: this.name,\r\n        contact_number: this.contact_number,\r\n      }\r\n      this.$emit('create', data)\r\n      this.reset()\r\n    },\r\n    onClose() {\r\n      this.$emit('close')\r\n      this.reset()\r\n      this.visible = false\r\n    },\r\n    reset() {\r\n      this.latitude = ''\r\n      this.longtitude = ''\r\n      this.name = ''\r\n      this.contact_number = ''\r\n    },\r\n    isNumber(event) {\r\n      const char = String.fromCharCode(event.keyCode)\r\n      if (!/[0-9]/.test(char)) {\r\n        event.preventDefault()\r\n      }\r\n    },\r\n    onlyNumberDecimal($event) {\r\n      let keyCode = $event.keyCode ? $event.keyCode : $event.which\r\n      if ((keyCode < 48 || keyCode > 57) && keyCode !== 46) {\r\n        $event.preventDefault()\r\n      }\r\n    },\r\n  },\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.wrapper {\r\n  text-align: left !important;\r\n  padding: 0px 30px;\r\n  .text-annual {\r\n    font-weight: 500;\r\n    line-height: 20px;\r\n  }\r\n}\r\n.map-btn {\r\n  cursor: pointer;\r\n  padding: 0px 16px;\r\n  display: flex;\r\n  gap: 4px;\r\n  border-radius: 4px;\r\n  border: 1px solid #ff9800;\r\n  color: #ff9800;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.btn-cancel {\r\n  border: 1px solid #f9a601;\r\n  background: #ffffff;\r\n  color: #f9a601;\r\n  padding: 0px 16px;\r\n  border-radius: 6px;\r\n}\r\n.bottom {\r\n  display: flex;\r\n  gap: 16px;\r\n  justify-content: flex-end;\r\n  margin: 24px 30px;\r\n}\r\n</style>\r\n<style scoped>\r\n.ant-form-item-label > label {\r\n  font-size: 16px !important;\r\n  font-weight: 600 !important;\r\n  line-height: 24px !important;\r\n  letter-spacing: 0.5px !important;\r\n  text-align: left !important;\r\n  color: #424242 !important;\r\n}\r\n</style>\r\n","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!./CreateBranchModal.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!./CreateBranchModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CreateBranchModal.vue?vue&type=template&id=1981765d&scoped=true&\"\nimport script from \"./CreateBranchModal.vue?vue&type=script&lang=js&\"\nexport * from \"./CreateBranchModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CreateBranchModal.vue?vue&type=style&index=0&id=1981765d&lang=scss&scoped=true&\"\nimport style1 from \"./CreateBranchModal.vue?vue&type=style&index=1&id=1981765d&scoped=true&lang=css&\"\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  \"1981765d\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{class:['backDrop', _vm.isDeleteModal ? 'isShow' : ''],on:{\"click\":function($event){return _vm.toggle(false)}}}),_c('div',{class:['deleteModal', _vm.isDeleteModal ? 'isShow' : '']},[_c('div',{staticClass:\"modalHeader\"},[_c('img',{attrs:{\"src\":require('@/assets/images/delete_outline.png'),\"alt\":\"image\"}}),_vm._v(_vm._s(_vm.lbl['user-permissions-deletetitle'])+\" \")]),_c('div',{staticClass:\"subText\"},[_vm._v(_vm._s(_vm.lbl['user-permissions-deletesubtitle']))]),_c('div',{staticClass:\"footerAction\"},[_c('button',{staticClass:\"closeBtn\",on:{\"click\":function($event){return _vm.toggle(false)}}},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-no'])+\" \")]),_c('button',{staticClass:\"saveBtn\",on:{\"click\":function($event){return _vm.cfDelete()}}},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-yes'])+\" \")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div\r\n      :class=\"['backDrop', isDeleteModal ? 'isShow' : '']\"\r\n      @click=\"toggle(false)\"\r\n    ></div>\r\n    <div :class=\"['deleteModal', isDeleteModal ? 'isShow' : '']\">\r\n      <div class=\"modalHeader\">\r\n        <img\r\n          :src=\"require('@/assets/images/delete_outline.png')\"\r\n          alt=\"image\"\r\n        />{{ lbl['user-permissions-deletetitle'] }}\r\n      </div>\r\n      <div class=\"subText\">{{ lbl['user-permissions-deletesubtitle'] }}</div>\r\n      <div class=\"footerAction\">\r\n        <button class=\"closeBtn\" @click=\"toggle(false)\">\r\n          {{ lbl['user-permissions-no'] }}\r\n        </button>\r\n        <button class=\"saveBtn\" @click=\"cfDelete()\">\r\n          {{ lbl['user-permissions-yes'] }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\nexport default {\r\n  mixins: [Mixin],\r\n  props: {\r\n    isDeleteModal: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    toggle: {\r\n      type: Function,\r\n    },\r\n    cfDelete: {\r\n      type: Function,\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.deleteModal {\r\n  width: 530px;\r\n  transition: all 0.3s ease-in-out;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  padding: 34px 34px 34px 48px;\r\n  position: fixed;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  background-color: #ffffff;\r\n  border: solid 1px #e0e0e0;\r\n  border-radius: 5px;\r\n  z-index: 729;\r\n  img {\r\n    position: absolute;\r\n    top: 51%;\r\n    transform: translateY(-50%);\r\n    left: -28px;\r\n  }\r\n  &.isShow {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n  .modalHeader {\r\n    font-size: 24px;\r\n    position: relative;\r\n  }\r\n  .subText {\r\n    font-size: 14px;\r\n  }\r\n  .footerAction {\r\n    text-align: end;\r\n    button {\r\n      padding: 8px 16px;\r\n      border-radius: 5px;\r\n      margin: 24px 8px 0 0;\r\n    }\r\n    .closeBtn {\r\n      background-color: white;\r\n      border: solid 1px #e0e0e0;\r\n    }\r\n    .saveBtn {\r\n      color: white;\r\n      background-color: #ff5252;\r\n      border: solid 1px #ff5252;\r\n    }\r\n  }\r\n}\r\n.backDrop {\r\n  z-index: 729;\r\n  &.isShow {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n  transition: all 0.3s ease-in-out;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n</style>\r\n","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!./DeleteModal.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!./DeleteModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DeleteModal.vue?vue&type=template&id=1478b9b7&scoped=true&\"\nimport script from \"./DeleteModal.vue?vue&type=script&lang=js&\"\nexport * from \"./DeleteModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DeleteModal.vue?vue&type=style&index=0&id=1478b9b7&lang=scss&scoped=true&\"\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  \"1478b9b7\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"container-fluid pb-permission create-user-permission-wrapper\">\r\n    <Header />\r\n    <a-breadcrumb class=\"breadcrumb-wrapper\">\r\n      <a-breadcrumb-item v-for=\"menu in breadcrumbs\" :key=\"menu.name\">\r\n        <router-link\r\n          :to=\"{\r\n            name: menu.name,\r\n          }\"\r\n          class=\"mx-2\"\r\n        >\r\n          {{ menu.breadcrumbName }}\r\n        </router-link>\r\n      </a-breadcrumb-item>\r\n    </a-breadcrumb>\r\n    <div class=\"mx-auto content-outer-container\">\r\n      <div class=\"page-title\">\r\n        <div class=\"left\">\r\n          <div class=\"back-btn\" @click=\"goback()\">\r\n            <img\r\n              class=\"button-arrow-back\"\r\n              src=\"@/assets/images/userlevel/arrow_back.svg\"\r\n              alt=\"arrow back\"\r\n            />\r\n          </div>\r\n          <h5>\r\n            {{\r\n                this.mode === 'Edit'\r\n                ? this.lbl[\r\n                    'create_user_permission_page_breadcrumb_edit_user_title'\r\n                  ]\r\n                : this.lbl[\r\n                    'create_user_permission_page_breadcrumb_create_new_user_title'\r\n                  ],\r\n            }}\r\n          </h5>\r\n        </div>\r\n        <div class=\"right\">\r\n          <span> {{ lbl['user-permissions-brand-id'] }}: {{ brandId }} </span>\r\n          <span> {{ lbl['user-permissions-terminal'] }}: {{ terminaId }} </span>\r\n          <div\r\n            v-if=\"this.mode === 'Edit' && detail.PosRole != 'Owner'\"\r\n            class=\"delete\"\r\n            @click=\"toggleDeleteModal(true)\"\r\n          >\r\n            {{ lbl['user-permissions-delete'] }}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"user-detail-wrapper\">\r\n        <div class=\"role-detail\">\r\n          <div class=\"assign-to\">\r\n            <strong>\r\n              {{ lbl['user-permissions-role'] }}\r\n            </strong>\r\n            <a-tooltip>\r\n              <template slot=\"title\">\r\n                {{ lbl['user-permissions-role-tooltip'] }}\r\n              </template>\r\n              <a-icon type=\"info-circle\" class=\"info-icon\" />\r\n            </a-tooltip>\r\n          </div>\r\n          <div class=\"user-status\">\r\n            <div class=\"info\">\r\n              <strong>\r\n                {{ lbl['user-permissions-user-status'] }}\r\n              </strong>\r\n              <a-tooltip>\r\n                <template slot=\"title\">\r\n                  {{ lbl['user-permissions-user-status-tooltip'] }}\r\n                </template>\r\n                <a-icon type=\"info-circle\" class=\"info-icon\" />\r\n              </a-tooltip>\r\n            </div>\r\n            <a-switch\r\n              v-model=\"detail.active\"\r\n              :disabled=\"detail.PosRole === 'Owner'\"\r\n            />\r\n          </div>\r\n        </div>\r\n        <div class=\"select-role-wrapper\">\r\n          <a-radio-group\r\n            v-model=\"detail.role\"\r\n            :defaultValue=\"detail.role ? detail.role : 'admin'\"\r\n            :options=\"roleList\"\r\n            :disabled=\"\r\n              mode === 'Edit' &&\r\n              (!detail.active ||\r\n                detail.oldRole === 'staff' ||\r\n                detail.PosRole === 'Owner')\r\n            \"\r\n            @change=\"onChangeRole\"\r\n          />\r\n        </div>\r\n        <div class=\"input-detail-wrapper\">\r\n          <div class=\"input-wrapper\">\r\n            <div class=\"title\">\r\n              {{ lbl['user-permissions-firstname'] }}\r\n            </div>\r\n            <a-input\r\n              v-model=\"detail.firstName\"\r\n              class=\"w-100\"\r\n              size=\"large\"\r\n              :placeholder=\"lbl['user-permissions-firstname']\"\r\n              :disabled=\"mode === 'Edit' && !detail.active\"\r\n            />\r\n          </div>\r\n          <div class=\"input-wrapper\">\r\n            <div class=\"title\">\r\n              {{ lbl['user-permissions-lastname'] }}\r\n            </div>\r\n            <a-input\r\n              v-model=\"detail.lastName\"\r\n              class=\"w-100\"\r\n              size=\"large\"\r\n              :placeholder=\"lbl['user-permissions-lastname']\"\r\n              :disabled=\"mode === 'Edit' && !detail.active\"\r\n            />\r\n          </div>\r\n          <div class=\"empty\"></div>\r\n          <div class=\"empty\"></div>\r\n          <div class=\"input-wrapper\">\r\n            <div class=\"title\">\r\n              {{ lbl['user-permissions-username'] }}\r\n            </div>\r\n            <a-input\r\n              v-model=\"detail.userName\"\r\n              class=\"w-100\"\r\n              size=\"large\"\r\n              :max-length=\"20\"\r\n              :placeholder=\"lbl['user-permissions-username']\"\r\n              :disabled=\"mode === 'Edit'\"\r\n              @input=\"inputUsername($event)\"\r\n            />\r\n            <div v-if=\"usernameDanger && mode !== 'Edit'\" class=\"danger\">\r\n              {{ usernameDanger }}\r\n            </div>\r\n          </div>\r\n          <div class=\"warning-wrapper\">\r\n            <div class=\"empty-area\"></div>\r\n            <div class=\"warning\" :class=\"[validLengthUsername ? 'valid' : '']\">\r\n              {{ lbl['user-permissions-username-min-max-charactor-validate'] }}\r\n              <img\r\n                :src=\"\r\n                  require(`@/assets/images/${\r\n                    validLengthUsername ? 'check_circle' : 'cross_red'\r\n                  }.png`)\r\n                \"\r\n                alt=\"validate\"\r\n              />\r\n            </div>\r\n            <div\r\n              class=\"warning\"\r\n              :class=\"[validLowerCaseUsername ? 'valid' : '']\"\r\n            >\r\n              {{ lbl['user-permissions-username-eng-lowercase-validate'] }}\r\n              <img\r\n                :src=\"\r\n                  require(`@/assets/images/${\r\n                    validLowerCaseUsername ? 'check_circle' : 'cross_red'\r\n                  }.png`)\r\n                \"\r\n                alt=\"validate\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <div class=\"empty\"></div>\r\n          <div class=\"empty\"></div>\r\n          <div class=\"input-wrapper\">\r\n            <div class=\"title\">\r\n              {{ lbl['user-permissions-password'] }}\r\n            </div>\r\n            <a-input-password\r\n              id=\"paste-no-event\"\r\n              v-model=\"detail.password\"\r\n              class=\"w-100\"\r\n              size=\"large\"\r\n              :max-length=\"20\"\r\n              :placeholder=\"lbl['user-permissions-password']\"\r\n              :disabled=\"mode === 'Edit' && !isEditPassword\"\r\n              @input=\"inputPassword($event)\"\r\n            />\r\n            <a-button\r\n              v-if=\"mode === 'Edit' && !isEditPassword\"\r\n              type=\"primary\"\r\n              ghost\r\n              class=\"mt-3\"\r\n              :disabled=\"mode === 'Edit' && !detail.active\"\r\n              @click=\"changePassword(true)\"\r\n            >\r\n              {{ lbl['user-permissions-changepassword'] }}\r\n            </a-button>\r\n          </div>\r\n          <div class=\"input-wrapper\">\r\n            <div class=\"title\">\r\n              {{ lbl['user-permissions-cfpassword'] }}\r\n            </div>\r\n            <a-input-password\r\n              id=\"paste-no-event-cfpassword\"\r\n              v-model=\"detail.confirmPassword\"\r\n              class=\"w-100\"\r\n              size=\"large\"\r\n              :max-length=\"20\"\r\n              :placeholder=\"lbl['user-permissions-cfpassword']\"\r\n              :disabled=\"mode === 'Edit' && !isEditPassword\"\r\n              @input=\"inputConfirmPassword($event)\"\r\n            />\r\n            <div\r\n              v-if=\"detail.confirmPassword && !validateMatchPassword\"\r\n              class=\"danger\"\r\n            >\r\n              {{ lbl['user-permissions-passwordnotmatch'] }}\r\n            </div>\r\n          </div>\r\n          <div class=\"warning-wrapper two-block\">\r\n            <div class=\"empty-area\"></div>\r\n            <div class=\"warning\" :class=\"[validLengthPassword ? 'valid' : '']\">\r\n              {{ lbl['user-permissions-username-min-max-charactor-validate'] }}\r\n              <img\r\n                :src=\"\r\n                  require(`@/assets/images/${\r\n                    validLengthPassword ? 'check_circle' : 'cross_red'\r\n                  }.png`)\r\n                \"\r\n                alt=\"validate\"\r\n              />\r\n            </div>\r\n            <div\r\n              v-if=\"this.detail.role !== 'staff'\"\r\n              class=\"warning\"\r\n              :class=\"[validLowerAndUpperCasePassword ? 'valid' : '']\"\r\n            >\r\n              {{ lbl['user-permissions-password-validate-3'] }}\r\n              <img\r\n                :src=\"\r\n                  require(`@/assets/images/${\r\n                    validLowerAndUpperCasePassword\r\n                      ? 'check_circle'\r\n                      : 'cross_red'\r\n                  }.png`)\r\n                \"\r\n                alt=\"validate\"\r\n              />\r\n            </div>\r\n            <div\r\n              v-if=\"this.detail.role !== 'staff'\"\r\n              class=\"warning\"\r\n              :class=\"[validLeastNumberPassword ? 'valid' : '']\"\r\n            >\r\n              {{ lbl['user-permissions-include-one-number-validate'] }}\r\n              <img\r\n                :src=\"\r\n                  require(`@/assets/images/${\r\n                    validLeastNumberPassword ? 'check_circle' : 'cross_red'\r\n                  }.png`)\r\n                \"\r\n                alt=\"validate\"\r\n              />\r\n            </div>\r\n            <div\r\n              v-if=\"this.detail.role !== 'staff'\"\r\n              class=\"warning\"\r\n              :class=\"[validNotBlankAtStartandEndPassword ? 'valid' : '']\"\r\n            >\r\n              {{ lbl['user-permissions-not-blank-validate'] }}\r\n              <img\r\n                :src=\"\r\n                  require(`@/assets/images/${\r\n                    validNotBlankAtStartandEndPassword\r\n                      ? 'check_circle'\r\n                      : 'cross_red'\r\n                  }.png`)\r\n                \"\r\n                alt=\"validate\"\r\n              />\r\n            </div>\r\n            <div\r\n              v-if=\"this.detail.role !== 'staff'\"\r\n              class=\"warning\"\r\n              :class=\"[validSymbolsPassword ? 'valid' : '']\"\r\n            >\r\n              {{ lbl['user-permissions-username-symbols-validate'] }}\r\n              <img\r\n                :src=\"\r\n                  require(`@/assets/images/${\r\n                    validSymbolsPassword ? 'check_circle' : 'cross_red'\r\n                  }.png`)\r\n                \"\r\n                alt=\"validate\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <div class=\"input-wrapper\">\r\n            <div class=\"title\">\r\n              {{ lbl['user-permissions-email'] }}\r\n            </div>\r\n            <a-input\r\n              v-model=\"detail.email\"\r\n              size=\"large\"\r\n              class=\"w-100\"\r\n              :placeholder=\"lbl['user-permissions-email']\"\r\n              :disabled=\"mode === 'Edit'\"\r\n            />\r\n            <div v-if=\"emaildup && mode !== 'Edit'\" class=\"danger\">\r\n              {{ emaildup }}\r\n            </div>\r\n            <div v-if=\"detail.email && !validateEmailFormat\" class=\"danger\">\r\n              {{ lbl['user-permissions-emailvalidate'] }}\r\n            </div>\r\n          </div>\r\n          <div class=\"input-wrapper\">\r\n            <div class=\"title\">\r\n              {{ lbl['user-permissions-phone'] }}\r\n            </div>\r\n\r\n            <a-input\r\n              v-model=\"detail.contactNumber\"\r\n              size=\"large\"\r\n              class=\"w-100\"\r\n              :max-length=\"phoneMaxlength\"\r\n              :placeholder=\"lbl['user-permissions-phone']\"\r\n              :disabled=\"mode === 'Edit' && !detail.active\"\r\n              @keypress=\"isNumber($event)\"\r\n            />\r\n            <div\r\n              v-if=\"detail.contactNumber && !validateContactNumberFormat\"\r\n              class=\"danger\"\r\n            >\r\n              {{ lbl['user-permissions-phonevalidate'] }}\r\n            </div>\r\n          </div>\r\n          <!-- <div class=\"input-wrapper on-center\">\r\n            <div class=\"empty-area\" ></div>\r\n            <a-checkbox v-model=\"detail.receiveTest\" class=\"check-wrapper\">\r\n              <div class=\"check-title\">\r\n                <span>\r\n                  {{ lbl['user-permissions-receive-campaign-test-in-line'] }}\r\n                </span>\r\n                <a-tooltip>\r\n                  <template slot=\"title\">\r\n                    {{\r\n                      lbl[\r\n                        'user-permissions-receive-campaign-test-in-line-tooltip'\r\n                      ]\r\n                    }}\r\n                  </template>\r\n                  <a-icon type=\"info-circle\" class=\"info-icon\" />\r\n                </a-tooltip>\r\n              </div>\r\n            </a-checkbox>\r\n          </div> -->\r\n          <div class=\"empty\"></div>\r\n          <div class=\"empty\"></div>\r\n        </div>\r\n        <div class=\"select-branch-wrapper\">\r\n          <div class=\"head\">\r\n            <div class=\"title\">\r\n              {{ lbl['account-setup-assign-to-branch'] }}\r\n            </div>\r\n            <div class=\"action\">\r\n              <a-input-search\r\n                :placeholder=\"lbl['search-branch-placeholder']\"\r\n                style=\"width: 230px\"\r\n                @search=\"onSearch\"\r\n              />\r\n              <a-button\r\n                v-if=\"showFunctionCreateBranch\"\r\n                type=\"primary\"\r\n                ghost\r\n                class=\"create-new-branch-btn\"\r\n                @click=\"showCreateBranch = !showCreateBranch\"\r\n              >\r\n                <a-icon type=\"plus\" />\r\n                <span>{{ lbl['create-new-branch-btn'] }}</span>\r\n              </a-button>\r\n            </div>\r\n          </div>\r\n          <div class=\"select-wrapper\">\r\n            <a-checkbox-group\r\n              v-model=\"branchIdsSelect\"\r\n              class=\"w-100\"\r\n              :disabled=\"mode === 'Edit' && !detail.active\"\r\n              @change=\"onSelectBranch\"\r\n            >\r\n              <a-row>\r\n                <a-col\r\n                  v-for=\"branch in branchList\"\r\n                  :key=\"branch.ID\"\r\n                  :span=\"6\"\r\n                  class=\"mb-3\"\r\n                >\r\n                  <a-checkbox :value=\"branch.ID\">\r\n                    {{ branch.Display }}\r\n                  </a-checkbox>\r\n                </a-col>\r\n              </a-row>\r\n            </a-checkbox-group>\r\n          </div>\r\n        </div>\r\n        <div class=\"save-permission\">\r\n          <a-button\r\n            type=\"primary\"\r\n            :disabled=\"!validateState\"\r\n            class=\"save-btn\"\r\n            @click=\"handleSaveData\"\r\n          >\r\n            {{\r\n              mode === 'Create'\r\n                ? lbl['user-permissions-save']\r\n                : lbl['user-permissions-update']\r\n            }}\r\n          </a-button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <UserDetailModal\r\n      :isUserDetailModal=\"isUserDetailModal\"\r\n      :toggle=\"toggleUserDetailModal\"\r\n      :UserDetail=\"UserDetail\"\r\n      :copyToClipBoard=\"copyToClipBoard\"\r\n      :brandId=\"brandId\"\r\n      :terminaId=\"terminaId\"\r\n      :title=\"userTitle\"\r\n    />\r\n    <AlertModal\r\n      :isOpenModal=\"alertModalSetting.isOpenModal\"\r\n      :modalType=\"alertModalSetting.modalType\"\r\n      :title=\"alertModalSetting.title\"\r\n      :details=\"alertModalSetting.details\"\r\n    />\r\n    <CreateBranchModal\r\n      :show=\"showCreateBranch\"\r\n      @create=\"onCreateBranch\"\r\n      @close=\"onCloseCreateBranch\"\r\n    />\r\n    <DeleteModal\r\n      :toggle=\"toggleDeleteModal\"\r\n      :isDeleteModal=\"isDeleteModal\"\r\n      :cfDelete=\"postDeleteUser\"\r\n    />\r\n  </div>\r\n</template>\r\n<script>\r\nimport _ from 'lodash'\r\nimport Mixin from '@/mixin/Mixin'\r\nimport Header from '@/components/Layout/Header'\r\nimport AlertModal from '@/components/Modal/Component/alertmodal2'\r\nimport CreateBranchModal from './components/CreateBranchModal'\r\nimport UserDetailModal from './components/UserDetailModal'\r\nimport DeleteModal from '@/module/UserPermission/components/DeleteModal'\r\nimport BzbsUserPermission from '@/core/UserPermission/service/BzbsUserPermission'\r\nimport BzbsProfile from '@/core/Account/service/BzbsProfile'\r\nimport Vue from 'vue'\r\n\r\nexport default {\r\n  name: 'UserPermissionCreate',\r\n  mixins: [Mixin],\r\n  components: {\r\n    Header,\r\n    AlertModal,\r\n    CreateBranchModal,\r\n    UserDetailModal,\r\n    DeleteModal,\r\n  },\r\n  data() {\r\n    return {\r\n      breadcrumbs: [\r\n        {\r\n          name: 'UserPermission',\r\n          breadcrumbName: 'User permission',\r\n        },\r\n        {\r\n          name: 'UserPermissionCreate',\r\n          breadcrumbName: 'Create new user',\r\n        },\r\n      ],\r\n      roleList: [\r\n        { label: 'Admin', value: 'admin', key: 'permission-type-admin-role' },\r\n        {\r\n          label: 'Operator',\r\n          value: 'operator',\r\n          key: 'permission-type-operator-role',\r\n        },\r\n        { label: 'Staff', value: 'staff', key: 'permission-type-staff-role' },\r\n        {\r\n          label: 'Partner',\r\n          value: 'partner',\r\n          key: 'permission-type-partner-role',\r\n        },\r\n      ],\r\n      phoneMaxlength: 10,\r\n      mode: 'create',\r\n      storeName: '',\r\n      brandId: '',\r\n      terminaId: '',\r\n      branchList: [],\r\n      branchIdsSelect: [],\r\n      detail: {},\r\n      isUserDetailModal: false,\r\n      UserDetail: {},\r\n      isEditPassword: false,\r\n      usernameDanger: '',\r\n      emaildup: '',\r\n      userTitle: '',\r\n      alertModalSetting: {\r\n        title: '',\r\n        detail: '',\r\n        modalType: '',\r\n        isOpenModal: false,\r\n      },\r\n      showFunctionCreateBranch: false,\r\n      showCreateBranch: false,\r\n      isDeleteModal: false,\r\n      isValueDesign: false,\r\n    }\r\n  },\r\n  created() {\r\n    this.init()\r\n  },\r\n  computed: {\r\n    validLengthUsername() {\r\n      if (this.detail.userName) {\r\n        return (\r\n          this.detail.userName.length >= 6 && this.detail.userName.length <= 20\r\n        )\r\n      } else {\r\n        return false\r\n      }\r\n    },\r\n    validLowerCaseUsername() {\r\n      if (this.detail.userName) {\r\n        return (\r\n          /[a-z]/.test(this.detail.userName) &&\r\n          !/[A-Z]/.test(this.detail.userName)\r\n        )\r\n      } else {\r\n        return false\r\n      }\r\n    },\r\n    validLengthPassword() {\r\n      if (this.detail.password) {\r\n        return (\r\n          this.detail.password.length >= 6 && this.detail.password.length <= 20\r\n        )\r\n      } else {\r\n        return false\r\n      }\r\n    },\r\n    validLeastNumberPassword() {\r\n      if (this.detail.password) {\r\n        return /\\d/.test(this.detail.password)\r\n      } else {\r\n        return false\r\n      }\r\n    },\r\n    validLowerAndUpperCasePassword() {\r\n      if (this.detail.password) {\r\n        const upper = /[A-Z]/.test(this.detail.password)\r\n        const lower = /[a-z]/.test(this.detail.password)\r\n        const no_thai = !/[ก-๙]/.test(this.detail.password)\r\n        return upper && lower && no_thai\r\n      } else {\r\n        return false\r\n      }\r\n    },\r\n    validNotBlankAtStartandEndPassword() {\r\n      if (this.detail.password) {\r\n        return !/^\\s|\\s$/.test(this.detail.password)\r\n      } else {\r\n        return false\r\n      }\r\n    },\r\n    validSymbolsPassword() {\r\n      if (this.detail.password) {\r\n        return /[@#$%^&*]/.test(this.detail.password)\r\n      } else {\r\n        return false\r\n      }\r\n    },\r\n    validateEmailFormat() {\r\n      if (this.detail.email) {\r\n        const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/\r\n        return emailRegex.test(this.detail.email)\r\n      } else {\r\n        return false\r\n      }\r\n    },\r\n    validateContactNumberFormat() {\r\n      if (this.detail.contactNumber) {\r\n        return (\r\n          this.detail.contactNumber.length ===\r\n          Vue.bzbsConfig.businessRule.max.phoneLength\r\n        )\r\n      } else {\r\n        return false\r\n      }\r\n    },\r\n    validateMatchPassword() {\r\n      return this.detail.password === this.detail.confirmPassword\r\n    },\r\n    isUsernameValid() {\r\n      return this.validLengthUsername && this.validLowerCaseUsername\r\n    },\r\n    isPasswordValid() {\r\n      if (this.mode === 'Edit' && !this.isEditPassword) return true\r\n      else {\r\n        if (this.detail.role == 'staff') {\r\n          return this.validLengthPassword\r\n        } else {\r\n          return (\r\n            this.validLengthPassword &&\r\n            this.validLowerAndUpperCasePassword &&\r\n            this.validLeastNumberPassword &&\r\n            this.validSymbolsPassword &&\r\n            this.validateMatchPassword &&\r\n            this.validNotBlankAtStartandEndPassword\r\n          )\r\n        }\r\n      }\r\n    },\r\n    validateState() {\r\n      return (\r\n        this.detail.firstName &&\r\n        this.detail.lastName &&\r\n        this.isUsernameValid &&\r\n        this.isPasswordValid &&\r\n        this.validateContactNumberFormat &&\r\n        this.validateEmailFormat &&\r\n        this.branchIdsSelect.length > 0\r\n      )\r\n    },\r\n  },\r\n  methods: {\r\n    init() {\r\n      this.handleLoading(true)\r\n      Promise.all([\r\n        this.setDefault(),\r\n        this.setLocale(),\r\n        this.getProfile(),\r\n        this.getBranchList(),\r\n      ]).then(() => {\r\n        this.handleLoading(false)\r\n      })\r\n    },\r\n    setLocale() {\r\n      return new Promise(resolve => {\r\n        this.roleList = _.map(this.roleList, item => {\r\n          return {\r\n            label: this.lbl[item.key],\r\n            value: item.value,\r\n          }\r\n        })\r\n        resolve()\r\n      })\r\n    },\r\n    setDefault() {\r\n      return new Promise(resolve => {\r\n        this.handleFooter(true)\r\n        this.mode = this.$route.params.mode\r\n        this.phoneMaxlength = Vue.bzbsConfig.businessRule.max.phoneLength\r\n        this.breadcrumbs = [\r\n          {\r\n            name: 'UserPermission',\r\n            breadcrumbName:\r\n              this.lbl[\r\n                'create_user_permission_page_breadcrumb_user_permission_title'\r\n              ],\r\n          },\r\n          {\r\n            name: 'UserPermissionCreate',\r\n            breadcrumbName:\r\n              this.mode === 'Edit'\r\n                ? this.lbl[\r\n                    'create_user_permission_page_breadcrumb_edit_user_title'\r\n                  ]\r\n                : this.lbl[\r\n                    'create_user_permission_page_breadcrumb_create_new_user_title'\r\n                  ],\r\n          },\r\n        ]\r\n        this.detail = this.$store.state.permission_details\r\n        console.log(this.detail)\r\n\r\n        if (this.detail.branchIds) this.branchIdsSelect = this.detail.branchIds\r\n        if (this.detail.active == null || this.detail.active == undefined)\r\n          this.detail.active = true\r\n\r\n        resolve()\r\n      })\r\n    },\r\n    getBranchList() {\r\n      return new Promise(resolve => {\r\n        BzbsProfile.getCRMPlusProfile()\r\n          .then(res => {\r\n            this.branchList = res.data.Stores\r\n            this.branchList.forEach(item => {\r\n              item.Display = item.Name + ' (' + item.ID + ')'\r\n            })\r\n            resolve(res.data.Stores)\r\n          })\r\n          .catch(err => console.log(err))\r\n      })\r\n    },\r\n    getProfile() {\r\n      return new Promise(resolve => {\r\n        BzbsUserPermission.getCRMPlusStoreInfo()\r\n          .then(res => {\r\n            this.storeName = res.data.BusinessName\r\n            this.brandId = res.data.EwalletBrandId\r\n            this.terminaId = Vue.bzbsConfig.businessRule.default.terminalId\r\n            this.isValueDesign = res.data.ShowValueDesign\r\n\r\n            if (!this.isValueDesign) {\r\n              this.roleList = this.roleList.filter(\r\n                item => item.value !== 'partner',\r\n              )\r\n            }\r\n            resolve()\r\n          })\r\n          .catch(err => console.log(err))\r\n      })\r\n    },\r\n    toggleDeleteModal(type) {\r\n      this.isDeleteModal = type\r\n    },\r\n    postDeleteUser() {\r\n      this.handleLoading(true)\r\n      BzbsUserPermission.DeletePermission(this.detail.PartitionKey)\r\n        .then(res => {\r\n          if (res.data.success) {\r\n            this.toggleDeleteModal(false)\r\n            this.alertModalAction(\r\n              this.lbl['alert-box-success-header'],\r\n              null,\r\n              'success',\r\n              true,\r\n            )\r\n          } else {\r\n            this.toggleDeleteModal(false)\r\n            this.alertModalAction(\r\n              this.lbl['alert-box-error-header'],\r\n              res.data.message ? res.data.message : '',\r\n              'error',\r\n              true,\r\n            )\r\n          }\r\n        })\r\n        .catch(error => {\r\n          console.log(error)\r\n          this.toggleDeleteModal(false)\r\n          this.alertModalAction(\r\n            this.lbl['alert-box-error-header'],\r\n            error.response.data.error.message,\r\n            'error',\r\n            true,\r\n          )\r\n        })\r\n        .finally(() => this.handleLoading(false))\r\n    },\r\n    goback() {\r\n      this.$router.push({ name: 'UserPermission' })\r\n    },\r\n    changePassword(data) {\r\n      this.isEditPassword = data\r\n    },\r\n    onChangeRole(e) {\r\n      this.detail.role = e.target.value\r\n      const pasteBox = document.getElementById('paste-no-event')\r\n      pasteBox.onpaste = e => {\r\n        e.preventDefault()\r\n        return false\r\n      }\r\n      const pasteBoxCF = document.getElementById('paste-no-event-cfpassword')\r\n      pasteBoxCF.onpaste = e => {\r\n        e.preventDefault()\r\n        return false\r\n      }\r\n    },\r\n    onSearch(value) {\r\n      this.getBranchList().then(() => {\r\n        this.branchList = this.branchList.filter(\r\n          item =>\r\n            value.toLowerCase().includes(item.Display.toLowerCase()) ||\r\n            item.Display.toLowerCase().includes(value.toLowerCase()),\r\n        )\r\n      })\r\n    },\r\n    clickCreateBarnch() {\r\n      this.showCreateBranch = true\r\n    },\r\n    onCreateBranch(obj) {\r\n      console.log(obj)\r\n      this.getBranchList()\r\n      this.showCreateBranch = false\r\n    },\r\n    onCloseCreateBranch(obj) {\r\n      this.showCreateBranch = false\r\n      console.log(obj)\r\n    },\r\n    handleSaveData() {\r\n      this.detail.branchIds = this.branchIdsSelect\r\n      if (this.mode === 'Create') {\r\n        this.postCreateUser()\r\n      } else {\r\n        this.postUpdateUser()\r\n      }\r\n    },\r\n    onSelectBranch(v) {\r\n      this.branchIdsSelect = v\r\n    },\r\n    postCreateUser() {\r\n      this.handleLoading(true)\r\n      var params = {\r\n        active: this.detail.active,\r\n        role: this.detail.role || 'admin',\r\n        firstName: this.detail.firstName || '',\r\n        lastName: this.detail.lastName || '',\r\n        userName: this.detail.userName || '',\r\n        password: this.detail.password || '',\r\n        confirmPassword: this.detail.confirmPassword || '',\r\n        email: this.detail.email || '',\r\n        contactNumber: this.detail.contactNumber || '',\r\n        branchIds: this.detail.branchIds || '',\r\n      }\r\n      BzbsUserPermission.CreatPermission(params)\r\n        .then(res => {\r\n          console.log(res)\r\n          if (res.data.success) {\r\n            let user = {\r\n              UserName: this.detail.userName,\r\n              Password: this.detail.password,\r\n              BrandId: this.brandId,\r\n              TerminalId: this.terminaId,\r\n              Branches: this.detail.branchIds,\r\n            }\r\n            this.toggleUserDetailModal(true, user, 'User Created!')\r\n          } else {\r\n            if (res.data.message == 'This username has already been taken.') {\r\n              this.usernameDanger = this.lbl['user-permissions-usernametaken']\r\n            }\r\n            if (res.data.message == 'DuplicateEmail') {\r\n              this.emaildup = this.lbl['user-permissions-dupemail']\r\n            } else {\r\n              this.alertModalAction(\r\n                this.lbl['alert-box-error-header'],\r\n                res.data.message ? res.data.message : '',\r\n                'error',\r\n                true,\r\n              )\r\n            }\r\n          }\r\n        })\r\n        .catch(err => {\r\n          console.log(err.message)\r\n          if (\r\n            err.response.data.error.message ==\r\n            'This username has already been taken.'\r\n          ) {\r\n            this.usernameDanger = this.lbl['user-permissions-usernametaken']\r\n          }\r\n          if (err.response.data.error.message == 'DuplicateEmail') {\r\n            this.emaildup = this.lbl['user-permissions-dupemail']\r\n          }\r\n        })\r\n        .finally(() => {\r\n          this.handleLoading(false)\r\n        })\r\n    },\r\n    postUpdateUser() {\r\n      this.handleLoading(true)\r\n      var params = {\r\n        active: this.detail.active,\r\n        role: this.detail.role,\r\n        firstName: this.detail.firstName,\r\n        lastName: this.detail.lastName,\r\n        userName: this.detail.userName,\r\n        password: this.detail.password,\r\n        confirmPassword: this.detail.confirmPassword,\r\n        email: this.detail.email,\r\n        contactNumber: this.detail.contactNumber,\r\n        branchIds: this.detail.branchIds,\r\n        pk: this.detail.PartitionKey,\r\n      }\r\n      BzbsUserPermission.EditPermission(params)\r\n        .then(res => {\r\n          if (res.data.success) {\r\n            this.alertModalAction(\r\n              this.lbl['alert-box-success-header'],\r\n              null,\r\n              'success',\r\n              true,\r\n            )\r\n          } else {\r\n            this.alertModalAction(\r\n              this.lbl['alert-box-error-header'],\r\n              res.data.message ? res.data.message : '',\r\n              'error',\r\n              true,\r\n            )\r\n          }\r\n        })\r\n        .catch(error => {\r\n          this.alertModalAction(\r\n            this.lbl['alert-box-error-header'],\r\n            error.response.data.error.message,\r\n            'error',\r\n            true,\r\n          )\r\n        })\r\n        .finally(() => this.handleLoading(false))\r\n    },\r\n    toggleUserDetailModal(type, data, title) {\r\n      if (data) this.UserDetail = data\r\n      this.userTitle = title\r\n      this.isUserDetailModal = type\r\n      if (!type) {\r\n        this.$router.push({ name: 'UserPermission' })\r\n      }\r\n    },\r\n    copyToClipBoard(obj, type) {\r\n      if (type) {\r\n        navigator.clipboard.writeText(\r\n          `UserName : ${obj.UserName}\\r\\n Password : ${obj.Password}\\r\\n Brand Id : ${this.brandId}\\r\\n Terminal Id : ${this.terminaId}\\r\\n Branches : ${obj.Branches}\\r\\n`,\r\n        )\r\n      } else {\r\n        navigator.clipboard.writeText(\r\n          `UserName : ${obj.UserName}\\r\\n Brand Id : ${this.brandId}\\r\\n Terminal Id : ${this.terminaId}\\r\\n Branches : ${obj.Branches}\\r\\n`,\r\n        )\r\n      }\r\n    },\r\n    alertModalAction(title, details, modalType, isOpenModal) {\r\n      this.alertModalSetting.title = title\r\n      this.alertModalSetting.details = details\r\n      this.alertModalSetting.modalType = modalType\r\n      this.alertModalSetting.isOpenModal = isOpenModal\r\n      if (modalType == 'success' && isOpenModal) {\r\n        setTimeout(() => {\r\n          this.$router.push({ name: 'UserPermission' })\r\n          this.alertModalSetting.isOpenModal = false\r\n        }, 3000)\r\n      } else {\r\n        if (isOpenModal)\r\n          setTimeout(() => {\r\n            this.alertModalSetting.isOpenModal = false\r\n          }, 3000)\r\n      }\r\n    },\r\n    inputUsername(e) {\r\n      this.detail.userName = e.target.value.replace(\r\n        /[\\s\\u0E00-\\u0E7F!/_@#$%^&*(),.?\":{}|<>]/g,\r\n        '',\r\n      )\r\n    },\r\n    inputPassword(e) {\r\n      this.detail.password = e.target.value.replace(/[\\s\\u0E00-\\u0E7F]/g, '')\r\n    },\r\n    inputConfirmPassword(e) {\r\n      this.detail.confirmPassword = e.target.value.replace(\r\n        /[\\s\\u0E00-\\u0E7F]/g,\r\n        '',\r\n      )\r\n    },\r\n    isNumber(event) {\r\n      const char = String.fromCharCode(event.keyCode)\r\n      if (!/[0-9]/.test(char)) {\r\n        event.preventDefault()\r\n      }\r\n    },\r\n  },\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.create-user-permission-wrapper {\r\n  .breadcrumb-wrapper {\r\n    margin-bottom: 16px;\r\n    padding: 16px 30px;\r\n  }\r\n  .page-title {\r\n    padding: 16px 32px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    border-bottom: 1px solid #f5f5f5;\r\n    .right,\r\n    .left {\r\n      display: flex;\r\n      gap: 24px;\r\n      align-items: center;\r\n    }\r\n    .left {\r\n      color: #212121;\r\n\r\n      .back-btn {\r\n        cursor: pointer;\r\n        display: flex;\r\n        padding: 8px 16px;\r\n        border-radius: 8px;\r\n        border: 1px solid #757575;\r\n        align-items: center;\r\n      }\r\n      h5 {\r\n        font-size: 24px;\r\n        line-height: 28.13px;\r\n        text-align: left;\r\n      }\r\n    }\r\n    .right {\r\n      color: #616161;\r\n      .delete {\r\n        cursor: pointer;\r\n        color: #ff5252;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        line-height: 24px;\r\n      }\r\n    }\r\n  }\r\n  .user-detail-wrapper {\r\n    padding: 30px;\r\n    color: #424242;\r\n    .role-detail {\r\n      display: flex;\r\n      justify-content: space-between;\r\n\r\n      .assign-to {\r\n        font-size: 16px;\r\n        line-height: 24px;\r\n        letter-spacing: 0.5px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n      }\r\n      .user-status {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 24px;\r\n\r\n        .info {\r\n          font-size: 16px;\r\n          line-height: 24px;\r\n          letter-spacing: 0.5px;\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 8px;\r\n        }\r\n      }\r\n      .info-icon {\r\n        color: #bdbdbd;\r\n        font-size: 16px;\r\n      }\r\n    }\r\n    .select-role-wrapper {\r\n      margin: 16px 0;\r\n    }\r\n    .input-detail-wrapper {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr 1fr 1fr;\r\n      gap: 30px;\r\n      padding: 0px 0 30px;\r\n      border-bottom: 1px solid #f5f5f5;\r\n\r\n      .input-wrapper {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        .title {\r\n          font-size: 16px;\r\n          font-weight: 600;\r\n          line-height: 24px;\r\n          letter-spacing: 0.5px;\r\n          text-align: left;\r\n        }\r\n        .check-wrapper {\r\n          display: flex;\r\n          align-items: center;\r\n\r\n          .check-title {\r\n            display: flex;\r\n            gap: 8px;\r\n            align-items: center;\r\n            font-size: 16px;\r\n            font-weight: 400;\r\n            line-height: 20px;\r\n            letter-spacing: 0.25px;\r\n            text-align: left;\r\n          }\r\n        }\r\n      }\r\n      .on-center {\r\n        justify-content: center;\r\n        grid-column: 3 / 5;\r\n        grid-row: 4 / 5;\r\n      }\r\n      .warning-wrapper {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n\r\n        .warning {\r\n          display: flex;\r\n          gap: 8px;\r\n          align-items: center;\r\n          color: #757575;\r\n        }\r\n\r\n        .valid {\r\n          color: #bdbdbd;\r\n        }\r\n      }\r\n      .two-block {\r\n        grid-column: 3 / 5;\r\n        grid-row: 3 / 4;\r\n      }\r\n      .empty-area {\r\n        height: 24px;\r\n      }\r\n    }\r\n    .select-branch-wrapper {\r\n      color: #424242;\r\n      .head {\r\n        margin: 30px auto;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        .title {\r\n          font-size: 20px;\r\n          font-weight: 500;\r\n          line-height: 24px;\r\n          text-align: left;\r\n        }\r\n        .action {\r\n          display: flex;\r\n          gap: 16px;\r\n          align-items: center;\r\n\r\n          .create-new-branch-btn {\r\n            display: flex;\r\n            align-items: center;\r\n          }\r\n        }\r\n      }\r\n      .select-wrapper {\r\n      }\r\n    }\r\n    .save-permission {\r\n      margin: 30px auto 0px;\r\n      padding: 16px;\r\n      text-align: center;\r\n      border-top: 1px solid #f5f5f5;\r\n\r\n      .save-btn {\r\n        padding: 8px 6%;\r\n        max-width: 300px;\r\n        min-width: 200px;\r\n      }\r\n    }\r\n\r\n    .danger {\r\n      color: #ff5252;\r\n      font-size: 12px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","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!./UserPermissionCreate.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!./UserPermissionCreate.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserPermissionCreate.vue?vue&type=template&id=7f4d6926&scoped=true&\"\nimport script from \"./UserPermissionCreate.vue?vue&type=script&lang=js&\"\nexport * from \"./UserPermissionCreate.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UserPermissionCreate.vue?vue&type=style&index=0&id=7f4d6926&lang=scss&scoped=true&\"\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  \"7f4d6926\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{class:['backDrop', _vm.isUserDetailModal ? 'isShow' : '']}),_c('div',{class:['UserDetailModal', _vm.isUserDetailModal ? 'isShow' : '']},[_c('div',{staticClass:\"box-captrue\",attrs:{\"id\":\"captureDetail\"}},[_c('div',{staticClass:\"modalHeader\"},[_c('img',{attrs:{\"src\":require('@/assets/images/checkper.svg'),\"alt\":\"image\"}}),_c('div',{staticClass:\"header\"},[_vm._v(_vm._s(_vm.title))])]),_c('div',{staticClass:\"subText\"},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-sub-text'])+\" \")]),_c('hr',{staticClass:\"hr-top\"}),_c('div',{staticClass:\"mainDetail\"},[_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"title d-block\"},[_c('p',[_vm._v(_vm._s(_vm.lbl['user-permissions-username'])+\":\")])]),_c('div',{staticClass:\"value\"},[_c('p',[_vm._v(_vm._s(_vm.UserDetail.UserName))])])]),_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"title d-block\"},[(_vm.title === 'User Created!')?_c('p',[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-password'])+\": \")]):_vm._e()]),_c('div',{staticClass:\"value\"},[(_vm.title === 'User Created!')?_c('p',[_vm._v(_vm._s(_vm.UserDetail.Password))]):_vm._e()])]),_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"title d-block\"},[_c('p',[_vm._v(_vm._s(_vm.lbl['user-permissions-brand-id'])+\":\")])]),_c('div',{staticClass:\"value\"},[_c('p',[_vm._v(_vm._s(_vm.brandId))])])]),_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"title d-block\"},[_c('p',[_vm._v(_vm._s(_vm.lbl['user-permissions-terminal'])+\":\")])]),_c('div',{staticClass:\"value\"},[_c('p',[_vm._v(_vm._s(_vm.terminaId))])])]),_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"title d-block\"},[_c('p',[_vm._v(_vm._s(_vm.lbl['user-permissions-branch-id'])+\":\")])]),_c('div',{staticClass:\"value\"},[_c('p',[_vm._v(_vm._s(_vm.Branches))])])]),_c('button',{staticClass:\"copyBtn\",on:{\"click\":function($event){return _vm.copyToClipBoard(_vm.UserDetail, _vm.title === 'User Created!')}}},[_c('img',{attrs:{\"src\":require('@/assets/images/copy.svg'),\"alt\":\"image\"}})])]),_c('hr',{staticClass:\"hr-low\"}),_vm._l((_vm.qrData),function(item,index){return _c('div',{key:index,staticClass:\"information-box\"},[_c('div',{class:{\n            'col-12 p-0': index == 'Android',\n            'col-12 pl-0 pt-2': index == 'IOS' || index == 'Website',\n          }},[_c('span',[_c('img',{staticClass:\"iso-icon\",attrs:{\"src\":item.icon,\"alt\":\"image\"}})]),_c('span',{staticClass:\"title-platform\"},[_vm._v(_vm._s(item.name))])]),_c('div',{staticClass:\"box-qr\"},[_c('div',[_c('img',{staticClass:\"qr\",attrs:{\"src\":item.image_url,\"alt\":\"image\"}})]),_c('div',{staticClass:\"text\"},[_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"br\"}),_c('span',{staticClass:\"detail\"},[_vm._v(_vm._s(item.detail))]),_c('div',{staticClass:\"br\"}),_c('div',{staticClass:\"box-website\"},[_c('a',{staticClass:\"website\",attrs:{\"href\":item.website,\"target\":\"_blank\"}},[_vm._v(_vm._s(item.website))])])])])])})],2),_c('div',{staticClass:\"footerAction\"},[_c('div',{staticClass:\"col-md-6 col-8 pl-0\"},[_c('button',{staticClass:\"copy\",on:{\"click\":function($event){return _vm.copyImage()}}},[_c('span',[_c('img',{attrs:{\"src\":require('@/assets/images/camera.svg'),\"alt\":\"image\"}})]),(_vm.copyied)?_c('span',[_vm._v(_vm._s(_vm.lbl['third-party-message-after-copy']))]):_c('span',[_vm._v(_vm._s(_vm.lbl['copy-as-image']))])])]),_c('div',{staticClass:\"col-md-6 col-4 text-right pr-0\"},[_c('button',{staticClass:\"closeBtn\",on:{\"click\":function($event){return _vm.toggle(false, null, null, true)}}},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-close'])+\" \")])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div :class=\"['backDrop', isUserDetailModal ? 'isShow' : '']\" />\r\n    <div :class=\"['UserDetailModal', isUserDetailModal ? 'isShow' : '']\">\r\n      <div id=\"captureDetail\" class=\"box-captrue\">\r\n        <div class=\"modalHeader\">\r\n          <img :src=\"require('@/assets/images/checkper.svg')\" alt=\"image\" />\r\n          <div class=\"header\">{{ title }}</div>\r\n        </div>\r\n        <div class=\"subText\">\r\n          {{ lbl['user-permissions-sub-text'] }}\r\n        </div>\r\n        <hr class=\"hr-top\" />\r\n        <div class=\"mainDetail\">\r\n          <div class=\"body\">\r\n            <div class=\"title d-block\">\r\n              <p>{{ lbl['user-permissions-username'] }}:</p>\r\n            </div>\r\n            <div class=\"value\">\r\n              <p>{{ UserDetail.UserName }}</p>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"body\">\r\n            <div class=\"title d-block\">\r\n              <p v-if=\"title === 'User Created!'\">\r\n                {{ lbl['user-permissions-password'] }}:\r\n              </p>\r\n            </div>\r\n            <div class=\"value\">\r\n              <p v-if=\"title === 'User Created!'\">{{ UserDetail.Password }}</p>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"body\">\r\n            <div class=\"title d-block\">\r\n              <p>{{ lbl['user-permissions-brand-id'] }}:</p>\r\n            </div>\r\n            <div class=\"value\">\r\n              <p>{{ brandId }}</p>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"body\">\r\n            <div class=\"title d-block\">\r\n              <p>{{ lbl['user-permissions-terminal'] }}:</p>\r\n            </div>\r\n            <div class=\"value\">\r\n              <p>{{ terminaId }}</p>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"body\">\r\n            <div class=\"title d-block\">\r\n              <p>{{ lbl['user-permissions-branch-id'] }}:</p>\r\n            </div>\r\n            <div class=\"value\">\r\n              <p>{{ Branches }}</p>\r\n            </div>\r\n          </div>\r\n          <button\r\n            class=\"copyBtn\"\r\n            @click=\"copyToClipBoard(UserDetail, title === 'User Created!')\"\r\n          >\r\n            <img :src=\"require('@/assets/images/copy.svg')\" alt=\"image\" />\r\n          </button>\r\n        </div>\r\n        <hr class=\"hr-low\" />\r\n        <div\r\n          v-for=\"(item, index) in qrData\"\r\n          :key=\"index\"\r\n          class=\"information-box\"\r\n        >\r\n          <div\r\n            :class=\"{\r\n              'col-12 p-0': index == 'Android',\r\n              'col-12 pl-0 pt-2': index == 'IOS' || index == 'Website',\r\n            }\"\r\n          >\r\n            <span> <img :src=\"item.icon\" class=\"iso-icon\" alt=\"image\" /> </span\r\n            ><span class=\"title-platform\">{{ item.name }}</span>\r\n          </div>\r\n          <div class=\"box-qr\">\r\n            <div>\r\n              <img class=\"qr\" :src=\"item.image_url\" alt=\"image\" />\r\n            </div>\r\n            <div class=\"text\">\r\n              <span class=\"title\">{{ item.title }}</span>\r\n              <div class=\"br\" />\r\n              <span class=\"detail\">{{ item.detail }}</span>\r\n              <div class=\"br\" />\r\n              <div class=\"box-website\">\r\n                <a class=\"website\" :href=\"item.website\" target=\"_blank\">{{\r\n                  item.website\r\n                }}</a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"footerAction\">\r\n        <div class=\"col-md-6 col-8 pl-0\">\r\n          <button class=\"copy\" @click=\"copyImage()\">\r\n            <span\r\n              ><img\r\n                :src=\"require('@/assets/images/camera.svg')\"\r\n                alt=\"image\" /></span\r\n            ><span v-if=\"copyied\">{{\r\n              lbl['third-party-message-after-copy']\r\n            }}</span\r\n            ><span v-else>{{ lbl['copy-as-image'] }}</span>\r\n          </button>\r\n        </div>\r\n        <div class=\"col-md-6 col-4 text-right pr-0\">\r\n          <button class=\"closeBtn\" @click=\"toggle(false, null, null, true)\">\r\n            {{ lbl['user-permissions-close'] }}\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Vue from 'vue'\r\nimport { copyImageToClipboard } from 'copy-image-clipboard'\r\nVue.use(copyImageToClipboard)\r\nimport Config from '@/helper/Config.js'\r\nimport Mixin from '@/mixin/Mixin'\r\nimport * as htmlToImage from 'html-to-image' //ref >> https://vuejscomponent.com/package?name=html-to-image\r\n\r\nexport default {\r\n  mixins: [Mixin],\r\n  props: {\r\n    UserDetail: {\r\n      type: Object,\r\n    },\r\n    title: {\r\n      type: String,\r\n      default: 'User Created!',\r\n    },\r\n    terminaId: {\r\n      type: String,\r\n    },\r\n    brandId: {\r\n      type: String,\r\n    },\r\n    isUserDetailModal: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    toggle: {\r\n      type: Function,\r\n    },\r\n    copyToClipBoard: {\r\n      type: Function,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      copyied: false,\r\n      qrData: {\r\n        Android: {\r\n          icon: require('@/assets/images/android.png'),\r\n          name: 'Android',\r\n          title: 'Scan QR Code to Download Merchant App (APK)',\r\n          detail: 'or open link to download (APK)',\r\n          image_url:\r\n            'https://cdn.buzzebees-dev.com/th/config/crmplus/qr-code/Android.png',\r\n          website:\r\n            'https://crmplusoffice.buzzebees.com/UserProfile/UserCustomerManage',\r\n        },\r\n        IOS: {\r\n          icon: require('@/assets/images/ios.png'),\r\n          name: 'IOS',\r\n          title: 'Scan QR Code to Download Merchant App (APK)',\r\n          detail: 'or open link to download (APK)',\r\n          image_url:\r\n            'https://cdn.buzzebees-dev.com/th/config/crmplus/qr-code/IOS.png',\r\n          website:\r\n            'https://crmplusoffice.buzzebees.com/UserProfile/UserCustomerManage',\r\n        },\r\n        Website: {\r\n          icon: require('@/assets/images/website.png'),\r\n          name: 'Website',\r\n          title: 'Scan QR Code to Download Merchant App (APK)',\r\n          detail: 'or open link to download (APK)',\r\n          image_url:\r\n            'https://cdn.buzzebees-dev.com/th/config/crmplus/qr-code/website.png',\r\n          website:\r\n            'https://crmplusoffice.buzzebees.com/UserProfile/UserCustomerManage',\r\n        },\r\n      },\r\n    }\r\n  },\r\n  watch: {\r\n    lbl(newVal, oldVal) {\r\n      if (newVal != oldVal) {\r\n        this.setLocale()\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    Branches() {\r\n      if (!this.UserDetail.Branches) return '-'\r\n      return this.UserDetail.Branches.join(' ')\r\n    },\r\n  },\r\n  created() {\r\n    this.qrData = {\r\n      Android: {\r\n        icon: require('@/assets/images/android.png'),\r\n        name: 'Android',\r\n        title: 'Scan QR Code to Download Merchant App (APK)',\r\n        detail: 'or open link to download (APK)',\r\n        image_url:\r\n          Vue.bzbsConfig.bzbsBlobUrl + '/config/crmplus/qr-code/Android.png',\r\n        website:\r\n          'https://crmplusoffice.buzzebees.com/UserProfile/UserCustomerManage',\r\n      },\r\n      IOS: {\r\n        icon: require('@/assets/images/ios.png'),\r\n        name: 'IOS',\r\n        title: 'Scan QR Code to Download Merchant App (APK)',\r\n        detail: 'or open link to download (APK)',\r\n        image_url:\r\n          Vue.bzbsConfig.bzbsBlobUrl + '/config/crmplus/qr-code/IOS.png',\r\n        website:\r\n          'https://crmplusoffice.buzzebees.com/UserProfile/UserCustomerManage',\r\n      },\r\n      Website: {\r\n        icon: require('@/assets/images/website.png'),\r\n        name: 'Website',\r\n        title: 'Scan QR Code to Download Merchant App (APK)',\r\n        detail: 'or open link to download (APK)',\r\n        image_url:\r\n          Vue.bzbsConfig.bzbsBlobUrl + '/config/crmplus/qr-code/website.png',\r\n        website:\r\n          'https://crmplusoffice.buzzebees.com/UserProfile/UserCustomerManage',\r\n      },\r\n    }\r\n    this.getConfigQrcode()\r\n  },\r\n  methods: {\r\n    setLocale() {\r\n      this.qrData.Android.name = this.lbl['android']\r\n      this.qrData.Android.title = this.lbl['scan-qr-apk']\r\n      this.qrData.Android.detail = this.lbl['open-link-apk']\r\n      //\r\n      this.qrData.IOS.name = this.lbl['ios']\r\n      this.qrData.IOS.title = this.lbl['scan-qr-apk-ios']\r\n      this.qrData.IOS.detail = this.lbl['open-link-apk-ios']\r\n      //\r\n      this.qrData.Website.name = this.lbl['website']\r\n      this.qrData.Website.title = this.lbl['scan-qr-website']\r\n      this.qrData.Website.detail = this.lbl['open-merchant-website']\r\n    },\r\n    getConfigQrcode() {\r\n      Config.getConfigQrcode().then(res => {\r\n        this.qrData.Android.image_url = res.qrcode[0].image_url\r\n        this.qrData.IOS.image_url = res.qrcode[1].image_url\r\n        this.qrData.Website.image_url = res.qrcode[2].image_url\r\n        //\r\n        this.qrData.Android.website = res.qrcode[0].website\r\n        this.qrData.IOS.website = res.qrcode[1].website\r\n        this.qrData.Website.website = res.qrcode[2].website\r\n      })\r\n    },\r\n    copyImage() {\r\n      var node = document.getElementById('captureDetail')\r\n      htmlToImage.toJpeg(node, { quality: 1 }).then(function (dataUrl) {\r\n        //copy to clipboard\r\n        if (dataUrl) {\r\n          copyImageToClipboard(dataUrl)\r\n        }\r\n      })\r\n      this.copyied = true\r\n      setTimeout(() => {\r\n        this.copyied = false\r\n      }, 1000)\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '@/module/UserPermission/style/userpermission.scss';\r\n</style>\r\n","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!./UserDetailModal.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!./UserDetailModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserDetailModal.vue?vue&type=template&id=0b0df998&scoped=true&\"\nimport script from \"./UserDetailModal.vue?vue&type=script&lang=js&\"\nexport * from \"./UserDetailModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UserDetailModal.vue?vue&type=style&index=0&id=0b0df998&lang=scss&scoped=true&\"\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  \"0b0df998\",\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/@vue/cli-service/node_modules/css-loader/dist/cjs.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!./alertmodal2.vue?vue&type=style&index=0&id=00b8c840&lang=scss&scoped=true&\"","import Vue from 'vue'\r\nimport BzbsApi from '@/core/Http/BzbsApi.js'\r\nimport Cache from '@/helper/Cache.js'\r\n/**\r\n * @method getCRMPlusStaff\r\n * @method getCRMPlusAdmin\r\n */\r\nexport default {\r\n  config: function () {\r\n    return Vue.bzbsConfig\r\n  },\r\n  token: function () {\r\n    return Cache.get('CRMUser').Token\r\n  },\r\n  agencyId: function () {\r\n    return Cache.get('CRMUser').AgencyId\r\n  },\r\n  getCRMPlusAllUser: function (data, filter) {\r\n    const params = {\r\n      device_app_id: this.config().client_id,\r\n      agencyId: this.agencyId(),\r\n      active: data.active,\r\n      branchId: data.branchId,\r\n      branchName: data.branchName,\r\n      name: filter,\r\n      email: filter,\r\n    }\r\n    var strUrl = this.config().bzbsModuleUrl + '/crmplususer/all'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  getCRMPlusUserList: function (data, type, filter) {\r\n    const params = {\r\n      device_app_id: this.config().client_id,\r\n      agencyId: this.agencyId(),\r\n      active: data.active,\r\n      branchId: data.branchId,\r\n      branchName: data.branchName,\r\n      crmPlusRole: type,\r\n      name: filter,\r\n      email: filter,\r\n    }\r\n    var strUrl = this.config().bzbsModuleUrl + '/crmplusadmin'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  getCRMPlusStaffUserList: function (data, filter) {\r\n    const params = {\r\n      device_app_id: this.config().client_id,\r\n      agencyId: this.agencyId(),\r\n      active: data.active,\r\n      branchId: data.branchId,\r\n      branchName: data.branchName,\r\n      name: filter,\r\n      email: filter,\r\n    }\r\n    var strUrl = this.config().bzbsModuleUrl + '/crmplusstaff'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  getCRMPlusStoreInfo: function data() {\r\n    const params = {\r\n      device_app_id: this.config().client_id,\r\n      agencyId: this.agencyId(),\r\n    }\r\n\r\n    var strUrl = this.config().bzbsModuleUrl + '/crmplusoffice/profile'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  CreatPermission: function data(data) {\r\n    const params = {\r\n      ...data,\r\n      device_app_id: this.config().client_id,\r\n      agencyId: this.agencyId(),\r\n    }\r\n\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplususer/create?agencyId=' +\r\n      this.agencyId()\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), params)\r\n  },\r\n  EditPermission: function data(data) {\r\n    const params = {\r\n      ...data,\r\n      device_app_id: this.config().client_id,\r\n      agencyId: this.agencyId(),\r\n    }\r\n\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplususer/edit?agencyId=' +\r\n      this.agencyId()\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), params)\r\n  },\r\n  DeletePermission: function data(pk) {\r\n    const params = {\r\n      pk: pk,\r\n    }\r\n\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplususer/delete?agencyId=' +\r\n      this.agencyId()\r\n    return BzbsApi.connectBzbsDeleteFormData(strUrl, this.token(), params)\r\n  },\r\n  postCRMPlusCreateUser: function data(data) {\r\n    let isOperator = false\r\n    let newStaffRole = false\r\n    if (data.role === 'operator') {\r\n      isOperator = true\r\n      newStaffRole = false\r\n    } else if (data.role === 'admin') {\r\n      isOperator = false\r\n      newStaffRole = false\r\n    } else {\r\n      newStaffRole = true\r\n    }\r\n    const params = {\r\n      ...data,\r\n      device_app_id: this.config().client_id,\r\n      agencyId: this.agencyId(),\r\n      isOperator,\r\n      newStaffRole,\r\n    }\r\n\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl + '/crmplusadmin?agencyId=' + this.agencyId()\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), params)\r\n  },\r\n  postCRMPlusUpdateUser: function data(data) {\r\n    console.log(data)\r\n    let params = {}\r\n    if (data.role) {\r\n      params = {\r\n        ...data,\r\n        device_app_id: this.config().client_id,\r\n        agencyId: this.agencyId(),\r\n        crmPlusRole: data.role,\r\n        isDeleted: false,\r\n      }\r\n    } else {\r\n      params = {\r\n        ...data,\r\n        device_app_id: this.config().client_id,\r\n        agencyId: this.agencyId(),\r\n        isDeleted: false,\r\n      }\r\n    }\r\n    let id = data.userNameApi\r\n    if (data.oldRole === 'staff') {\r\n      id = data.PartitionKey\r\n    }\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplus' +\r\n      data.oldRole +\r\n      '/' +\r\n      id +\r\n      '?agencyId=' +\r\n      this.agencyId()\r\n\r\n    //if id is \"xxx.y\" then error url. by Achira\r\n    if (id.includes('.') && !data.PartitionKey.includes('.')) {\r\n      id = data.PartitionKey\r\n      strUrl =\r\n        this.config().bzbsModuleUrl +\r\n        '/crmplus' +\r\n        data.oldRole +\r\n        '/' +\r\n        id +\r\n        '?agencyId=' +\r\n        this.agencyId() +\r\n        '&check_by_pk=true'\r\n    }\r\n\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), params)\r\n  },\r\n  postCRMPlusDeleteUser: function data(data) {\r\n    const params = {\r\n      ...data,\r\n      device_app_id: this.config().client_id,\r\n      agencyId: this.agencyId(),\r\n      crmPlusRole: data.role,\r\n      isDeleted: true,\r\n    }\r\n    let id = data.userNameApi\r\n    if (data.oldRole === 'staff') {\r\n      id = data.PartitionKey\r\n    }\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplus' +\r\n      data.oldRole +\r\n      '/' +\r\n      id +\r\n      '?agencyId=' +\r\n      this.agencyId()\r\n\r\n    //if id is \"xxx.y\" then error url.\r\n    if (id.includes('.') && !data.PartitionKey.includes('.')) {\r\n      id = data.PartitionKey\r\n      strUrl =\r\n        this.config().bzbsModuleUrl +\r\n        '/crmplus' +\r\n        data.oldRole +\r\n        '/' +\r\n        id +\r\n        '?agencyId=' +\r\n        this.agencyId() +\r\n        '&check_by_pk=true'\r\n    }\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), params)\r\n  },\r\n}\r\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.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!./GoogleMap.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['mainBG', _vm.isOpenModal ? 'open' : '']},[_c('div',{staticClass:\"mainModal\"},[_c('div',{staticClass:\"icon\"},[(_vm.modalType == 'success')?_c('img',{attrs:{\"src\":require(\"@/assets/images/Done-circle2.svg\"),\"alt\":\"success\",\"width\":\"100\",\"height\":\"100\"}}):_vm._e(),(_vm.modalType == 'error')?_c('img',{attrs:{\"src\":require(\"@/assets/images/Error-circle.svg\"),\"alt\":\"error\",\"width\":\"100\",\"height\":\"100\"}}):_vm._e()]),_c('div',{staticClass:\"titleText\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"details\"},[_vm._v(_vm._s(_vm.details))]),(_vm.desciption)?_c('div',{staticClass:\"details\"},[_vm._v(_vm._s(_vm.desciption))]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :class=\"['mainBG', isOpenModal ? 'open' : '']\">\r\n    <div class=\"mainModal\">\r\n      <div class=\"icon\">\r\n        <img\r\n          src=\"@/assets/images/Done-circle2.svg\"\r\n          v-if=\"modalType == 'success'\"\r\n          alt=\"success\"\r\n          width=\"100\"\r\n          height=\"100\"\r\n        />\r\n        <img\r\n          src=\"@/assets/images/Error-circle.svg\"\r\n          v-if=\"modalType == 'error'\"\r\n          alt=\"error\"\r\n          width=\"100\"\r\n          height=\"100\"\r\n        />\r\n      </div>\r\n      <div class=\"titleText\">{{ title }}</div>\r\n      <div class=\"details\">{{ details }}</div>\r\n      <div v-if=\"desciption\" class=\"details\">{{ desciption }}</div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\nexport default {\r\n  mixins: [Mixin],\r\n  props: {\r\n    title: {\r\n      type: String,\r\n    },\r\n    details: {\r\n      type: String,\r\n    },\r\n    desciption: {\r\n      type: String,\r\n      default: null,\r\n    },\r\n    type: {\r\n      type: String,\r\n    },\r\n    modalType: {\r\n      type: String,\r\n    },\r\n    isOpenModal: {\r\n      type: Boolean,\r\n    },\r\n    onActionModal: {\r\n      type: Function,\r\n    },\r\n  },\r\n  methods: {},\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.mainBG {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background-color: rgba(0, 0, 0, 0.7);\r\n  z-index: 1256;\r\n  visibility: hidden;\r\n  opacity: 0;\r\n  transition: all 0.3s ease-in;\r\n  &.open {\r\n    visibility: visible;\r\n    opacity: 1;\r\n  }\r\n  .mainModal {\r\n    max-width: 310px;\r\n    width: 100%;\r\n    background-color: #eeeeee;\r\n    border-radius: 12px;\r\n    padding: 30px;\r\n    text-align: center;\r\n    .titleText {\r\n      margin-left: 8px;\r\n      font-size: 24px;\r\n      color: #424242;\r\n      font-weight: 600;\r\n    }\r\n    .details {\r\n      margin-top: 10px;\r\n      font-size: 14px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","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!./alertmodal2.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!./alertmodal2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./alertmodal2.vue?vue&type=template&id=00b8c840&scoped=true&\"\nimport script from \"./alertmodal2.vue?vue&type=script&lang=js&\"\nexport * from \"./alertmodal2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./alertmodal2.vue?vue&type=style&index=0&id=00b8c840&lang=scss&scoped=true&\"\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  \"00b8c840\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('a-modal',{staticClass:\"modal-Maps\",class:[_vm.currentLocale],attrs:{\"id\":\"modalMaps\",\"afterClose\":_vm.mapsClose},scopedSlots:_vm._u([{key:\"footer\",fn:function(){return [_c('a-button',{key:\"submit\",staticClass:\"btn-submit-map\",attrs:{\"type\":\"primary\"},on:{\"click\":_vm.handleSubmit}},[_vm._v(_vm._s(_vm.lbl['btn-submit']))])]},proxy:true}]),model:{value:(_vm.showModal),callback:function ($$v) {_vm.showModal=$$v},expression:\"showModal\"}},[_c('GmapMap',{ref:\"mapRef\",staticStyle:{\"width\":\"100%\",\"height\":\"50vmin\"},attrs:{\"center\":_vm.center,\"zoom\":12,\"map-style-id\":\"roadmap\",\"options\":_vm.mapOptions},on:{\"click\":_vm.handleMapClick}},[_c('GmapMarker',{attrs:{\"position\":_vm.marker.position,\"clickable\":true,\"draggable\":true},on:{\"drag\":_vm.handleMarkerDrag,\"click\":_vm.panToMarker}})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <a-modal\r\n      id=\"modalMaps\"\r\n      v-model=\"showModal\"\r\n      class=\"modal-Maps\"\r\n      :afterClose=\"mapsClose\"\r\n      :class=\"[currentLocale]\"\r\n    >\r\n      <GmapMap\r\n        :center=\"center\"\r\n        :zoom=\"12\"\r\n        map-style-id=\"roadmap\"\r\n        :options=\"mapOptions\"\r\n        style=\"width: 100%; height: 50vmin\"\r\n        ref=\"mapRef\"\r\n        @click=\"handleMapClick\"\r\n      >\r\n        <GmapMarker\r\n          :position=\"marker.position\"\r\n          :clickable=\"true\"\r\n          :draggable=\"true\"\r\n          @drag=\"handleMarkerDrag\"\r\n          @click=\"panToMarker\"\r\n        />\r\n      </GmapMap>\r\n      <!-- <button @click=\"geolocate\">Detect Location</button>\r\n      <p>Selected Position: {{ marker.position }}</p> -->\r\n      <template #footer>\r\n        <a-button\r\n          key=\"submit\"\r\n          type=\"primary\"\r\n          class=\"btn-submit-map\"\r\n          @click=\"handleSubmit\"\r\n          >{{ lbl['btn-submit'] }}</a-button\r\n        >\r\n      </template>\r\n    </a-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\nimport Locale from '@/helper/locale.js'\r\n\r\nexport default {\r\n  name: 'GoogleMap',\r\n  mixins: [Mixin],\r\n  props: {\r\n    show: Boolean,\r\n  },\r\n  data() {\r\n    return {\r\n      marker: { position: { lat: 13.764783502066184, lng: 100.5020819538797 } },\r\n      center: { lat: 13.764783502066184, lng: 100.5020819538797 },\r\n      mapOptions: {\r\n        disableDefaultUI: true,\r\n      },\r\n      showModal: false,\r\n      currentLocale: Locale.getLocaleShort(),\r\n    }\r\n  },\r\n  watch: {\r\n    show(newVal, oldVal) {\r\n      console.log('Prop show: ', newVal, ' | was: ', oldVal)\r\n      if (newVal == true) {\r\n        this.modalShow(newVal)\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    geolocate() {\r\n      navigator.geolocation.getCurrentPosition(position => {\r\n        this.marker.position = {\r\n          lat: position.coords.latitude,\r\n          lng: position.coords.longitude,\r\n        }\r\n        this.panToMarker()\r\n      })\r\n    },\r\n    //sets the position of marker when dragged\r\n    handleMarkerDrag(e) {\r\n      this.marker.position = { lat: e.latLng.lat(), lng: e.latLng.lng() }\r\n    },\r\n    //Moves the map view port to marker\r\n    panToMarker() {\r\n      this.$refs.mapRef.panTo(this.marker.position)\r\n      this.$refs.mapRef.setZoom(18)\r\n    },\r\n    //Moves the marker to click position on the map\r\n    handleMapClick(e) {\r\n      this.marker.position = { lat: e.latLng.lat(), lng: e.latLng.lng() }\r\n      console.log(e)\r\n    },\r\n    modalShow(newVal) {\r\n      this.showModal = newVal\r\n    },\r\n    mapsClose() {\r\n      this.showModal = false\r\n      this.$emit('changeCloseGoogleMap', false)\r\n    },\r\n    handleSubmit() {\r\n      this.showModal = false\r\n      this.$emit('changeSubmitGoogleMap', this.marker.position)\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@use '@/style/base/common' as common;\r\n\r\n\r\n#modalMaps {\r\n  .ant-modal {\r\n    width: 50% !important;\r\n  }\r\n\r\n  .btn-submit-map {\r\n    border: 1px solid common.$color-orange-2;\r\n    background-color: common.$color-orange-2;\r\n    padding: 0px 15px;\r\n    border-radius: 5px;\r\n    font-weight: 500;\r\n    font-size: 14px;\r\n    color: #fff;\r\n    cursor: pointer;\r\n  }\r\n\r\n  @media only screen and (max-width: 600px) {\r\n    .ant-modal {\r\n      width: 90% !important;\r\n    }\r\n  }\r\n  @media only screen and (max-width: 1280px) {\r\n    .ant-modal {\r\n      width: 80% !important;\r\n    }\r\n  }\r\n}\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!./GoogleMap.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!./GoogleMap.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GoogleMap.vue?vue&type=template&id=724bb9ec&\"\nimport script from \"./GoogleMap.vue?vue&type=script&lang=js&\"\nexport * from \"./GoogleMap.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GoogleMap.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/@vue/cli-service/node_modules/css-loader/dist/cjs.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!./UserDetailModal.vue?vue&type=style&index=0&id=0b0df998&lang=scss&scoped=true&\""],"sourceRoot":""}