{"version":3,"sources":["webpack:///./src/views/Company/Users/userDetails.vue?4d9c","webpack:///src/views/Company/Users/userDetails.vue","webpack:///./src/views/Company/Users/userDetails.vue?f6cf","webpack:///./src/views/Company/Users/userDetails.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","$route","query","name","directives","rawName","value","userDetails","expression","attrs","domProps","on","$event","target","composing","$set","staticStyle","$$selectedVal","Array","prototype","filter","call","options","o","selected","map","val","_value","multiple","groupId","replaceSel","_l","group","i","key","replaceSelect","rolesCategory","cList","id","newId","_e","category","index","isArray","forcePasswordChange","_i","$$a","$$el","$$c","checked","$$v","$$i","concat","slice","toggleBranchListDropdown","tags","newTags","model","callback","tag","searchInp","checkAll","nativeOn","toggleChckBox","filteredList","filteredList2","filteredList3","isButtonDisabled","updateUser","staticRenderFns","$","title","components","MasterLayout","TableLoader","VueTagsInput","PulseLoader","provide","grid","data","company","currentRoleCategory","currentId","backgroundUrl","accountType","usersCount","status","cardBackgroundUrl","groupRolesLoader","showLoader","pageSettings","pageSizes","pageCount","pageSize","toolbar","search","operator","ignoreCase","firstName","lastName","phoneNumber","funcListLoader","options2","options3","combinedOptions","selectAll","selectAllCheckbox","groups","categoryLists","showList","userRoles","groupRoles","functionList","listId","userBranchName","branches","branchName","isRemoveBtnDisabled","subCatNo","subCategories","UsersTemplate","template","created","dt","ml","sessionStorage","watch","filteredBranches","handler","deep","combinedArray","document","newSelectedArray","computed","userName","sortedList","ch","mounted","searchFun","methods","removeUser","email","roleCategory","post","configObject","then","message","type","duration","catch","error","getSubcategories","get","response","getGroupRoles","selectedUrl","res","el","copiedResponse","twoThirdOfArr","getRoleGroups","b","getCategotyLists","validEmail","roles","accountStatus","roleSubCategory","newRoleCategory","branchId","companyId","getBranches","getUserRoles","changeStatus","toolbarClick","refreshGrid","getCompanyUsers","user","dataSource","component"],"mappings":"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CA,iBACA,wBACA,0BAGAyF,WAMA,kBACA,2BAGA7E,WACA,sBACA,gCAGAc,MACAyE,aACA,SACA,sCACAG,wDAEAA,wDAEA,IACA,eACA3E,cACA4E,iBAGA5E,cACA4E,YAGA,aACAA,MAEA,MACAA,KAEA,iBAEAH,UAGAI,UACAC,WACA,oEAEAtE,eACA,0BAIA,OAHAuE,cACA,oBAEA,gBACAC,8DAGAvE,gBACA,2BAIA,OAHAsE,cACA,oBAEA,gBACAC,8DAGAtE,gBACA,2BAIA,OAHAqE,cACA,oBAEA,gBACAC,+DAIAC,UAIA,cACA,oEACA,iBACA3D,YANAR,iCACAoE,SAQAC,SACA7G,aAEA,uBAEA8G,aACA,uBACA,+CAEA,MACA,OAEA,OACAC,iCACAC,4CACAxG,6BAEA,4BACAgC,qBACA,WACAyE,KACA,4CACAhE,EACAiE,qBAEAC,KAAA,KACA,qBACA3E,qBACA,4BACA,kBACA4E,oCACAC,eACAC,eAEA,sBAEAC,MAAAC,IACAhF,qBACA,+BAsCAiF,mBACA,mBACA,WACAC,IACA,sDACA,4BACA,4BACA,gCAEAR,qBAEAC,KAAAQ,IAIA,4BACA,4BAKAJ,MAAAC,QAIAI,iBAIA,MAHA,yBACA,iBAGA,yFACA,KACAV,2DAEA,4BACA,4BACA,mBACA,gBAGAW,EADA,cACAA,EAEAA,EAGA,WACAH,IAAAG,EAAAX,qBACAC,KAAAW,IACA,uBACA,kBACA,iBACA,yBAEA,wCACA7E,cACA8E,cACAA,iBAEA,aACA,KACA,KACA,KACAC,kBACA,iBACA,MACAxI,YAIA,eACAwI,aACAA,YAEAC,kBACA,2BACA,KACAzD,UAEAC,YAIA,eACA,gBACA,gBAEA,wCAEA8C,MAAAC,IACA,mBACA,oBAKAU,gBACA,mBACA,WACAR,IACA,qCACAR,qBAEAC,KAAAW,IAEAA,mBACA,0CACA,EACAK,2CACA,EACA,GASA,qBAEAZ,MAAAC,IACA,sBAIAY,mBACA,mBACA,WACAV,IACA,kDACA,4BACA,4BACA,mBACA,eACAR,qBAEAC,KAAAW,IAEAA,mBACA,0CACA,EACAK,2CACA,EACA,GAEA,4BAEAZ,MAAAC,IACA,sBAGAa,cACA,iEAKA/F,cAEA,GADAxD,oBACA,2BAMA,YALA,kBACAsI,gDACAC,aACAC,eAIA,8BAMA,YALA,kBACAF,+CACAC,aACAC,eAIA,iCAMA,YALA,kBACAF,mDACAC,aACAC,eAIA,0CAMA,YALA,kBACAF,qDACAC,aACAC,eAIA,GACA,wCACA,uCAOA,YALA,kBACAF,gDACAC,aACAC,eAIA,SACA,iCACA,gCACAgB,iBAIA,mBACApI,0BACA,GAAA7B,KAEA,OACAmI,oCACApC,qCACAC,mCACAC,yCACAxD,6CACAyH,sCACAD,QACA9H,kBACAC,MACA,wBACA,4BACA,6BACA,WACA,yBACAuG,sCACAwB,8BACAC,gBACA,qCACA,aACA,gCAGA,yBACAjG,oBACA,WACAyE,KACA,oCACAhE,EACAiE,qBAEAC,KAAA,KACA,kBACAC,yEACAC,eACAC,eAEA,mBACAjJ,qBACAD,iCACA,CACAsK,qCAEA,CAAAC,yCAGAnG,oBACA,2BAEA+E,MAAAC,IACA,kBACAJ,gCACAC,aACAC,eAEA,yBACA9E,uBAGAoG,cACA,WACAlB,IACA,yCACA,4BACA,4BACA,kBAEAR,qBAEAC,KAAAQ,IACA,uBAEAJ,MAAAC,QAEAqB,eACA,WACA5B,KACA,mEACA,GACAC,qBAEAC,KAAAW,IACA,sBAEA,WACA,4BACA7E,iBAEA,SACA,KACA6E,mBACA,yBACArG,mBACA/B,sBAGA,YACA,kBAEA6H,MAAAC,QAEAsB,gBACA,eAEA/G,YACA,SACA,kBACA,iCACArC,iBAGA,gBACA,aAEA8B,2BACA,0DAEAS,iBACA,qBACA,+CAEA,QACA,mCACA,oCAEA,CACAoE,wDACA,8CACA,OACA,0BACA,uBAGA,oDACAA,0DAGA0C,gBACA,oBACA,iBACA,gCACA,MACA,mBACA,kCACA,QAGAC,gBACAC,kBACA,mBACA,WACAvB,IACA,sCACA,4BACA,4BACA,kBAEAR,qBAEAC,KAAAQ,IACAA,mBACA,wCAEAA,uBACAuB,YACAA,gBACAA,sCACAA,wCACA,KACAA,8CACAA,OACAA,qCACA,gBACAA,wCACA,iBACAA,uCACA,iBACAA,OACA,aACAA,2BAGA,8BACA,mBACA,gDACAC,oBAEA,qBAEA5B,MAAAC,IACA,wBCrqCmX,I,YCO/W4B,EAAY,eACd,EACA5L,EACA+E,GACA,EACA,KACA,KACA,MAIa,aAAA6G,E","file":"js/chunk-2d0aaa04.b32bc85f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('MasterLayout',[_c('div',{staticClass:\"new-staff\"},[_c('div',{staticClass:\"add_new_bank_account_header\"},[_c('p',[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"text.cUsers.userDetails.title\"))+\" (\"+_vm._s(_vm.$route.query.name)+\")\\n        \")])]),_vm._v(\" \"),_c('div',{staticClass:\"cover\"},[_c('div',{staticClass:\"personal\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"mt-4 input__group__block col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.editStaff.firstName\"))+\"\\n                \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userDetails.firstName),expression:\"userDetails.firstName\"}],staticClass:\"border-0\",attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.firstName')},domProps:{\"value\":(_vm.userDetails.firstName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.userDetails, \"firstName\", $event.target.value)}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-4 input__group__block col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.editStaff.lastName\"))+\"\\n                \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userDetails.lastName),expression:\"userDetails.lastName\"}],staticClass:\"border-0\",attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.lastName')},domProps:{\"value\":(_vm.userDetails.lastName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.userDetails, \"lastName\", $event.target.value)}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-4 input__group__block col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.cUsers.createUser.phone\"))+\"\\n                \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userDetails.phoneNumber),expression:\"userDetails.phoneNumber\"}],staticClass:\"border-0\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.cUsers.createUser.phone')},domProps:{\"value\":(_vm.userDetails.phoneNumber)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.userDetails, \"phoneNumber\", $event.target.value)}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-4 input__group__block col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"text.cUsers.status\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"height\":\"50px\"}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userDetails.status),expression:\"userDetails.status\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.userDetails, \"status\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"Active\"}},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.cUsers.userDetails.active\"))+\"\\n                  \")]),_vm._v(\" \"),_c('option',{attrs:{\"value\":\"Deactivated\"}},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.cUsers.userDetails.deactivate\"))+\"\\n                  \")]),_vm._v(\" \"),_c('option',{attrs:{\"value\":\"Suspended\"}},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.cUsers.userDetails.suspend\"))+\"\\n                  \")])])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.cUsers.createUser.selectAccess\"))+\"\\n                \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.groupId),expression:\"groupId\"}],on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.groupId=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},_vm.replaceSel]}},[_c('option',{attrs:{\"value\":\"select access level\",\"disabled\":\"\",\"selected\":\"\"}},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.cUsers.createUser.selectAccess\"))+\"\\n                  \")]),_vm._v(\" \"),_vm._l((_vm.groups),function(group,i){return _c('option',{key:i,domProps:{\"value\":group.name}},[_vm._v(\"\\n                    \"+_vm._s(group.name)+\"\\n                  \")])})],2)])]),_vm._v(\" \"),(_vm.groupId !== 'Company' && _vm.groupId !== 'Dealer Admin')?_c('div',{staticClass:\"mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.cUsers.createUser.select\"))+\" \"+_vm._s(_vm.groupId)+\"\\n                \")])]),_vm._v(\" \"),(\n                  _vm.replaceSelect == false ||\n                  _vm.groupId == _vm.userDetails.rolesCategory\n                )?_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userDetails.ownerId),expression:\"userDetails.ownerId\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.userDetails, \"ownerId\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"Please Select\",\"disabled\":\"\",\"selected\":\"\"}},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.cUsers.createUser.select\"))+\" \"+_vm._s(_vm.groupId)+\"\\n                  \")]),_vm._v(\" \"),_vm._l((_vm.categoryLists),function(cList,i){return _c('option',{key:i,domProps:{\"value\":cList.id}},[_vm._v(\"\\n                    \"+_vm._s(cList.name)+\"\\n                  \")])})],2)]):_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newId),expression:\"newId\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.newId=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"Please Select\",\"disabled\":\"\",\"selected\":\"\"}},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.cUsers.createUser.select\"))+\" \"+_vm._s(_vm.groupId)+\"\\n                  \")]),_vm._v(\" \"),_vm._l((_vm.categoryLists),function(cList,i){return _c('option',{key:i,domProps:{\"value\":cList.id}},[_vm._v(\"\\n                    \"+_vm._s(cList.name)+\"\\n                  \")])})],2)])]):_vm._e(),_vm._v(\" \"),(_vm.groupId == 'Team')?_c('div',{staticClass:\"mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.omit.selectSubcat\"))+\"\\n                \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.category),expression:\"category\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.category=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"null\",\"selected\":\"\",\"disabled\":\"\"}},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.omit.selectSubcat\"))+\"\\n                  \")]),_vm._v(\" \"),_vm._l((_vm.subCategories),function(category,index){return _c('option',{key:index,domProps:{\"value\":category.name}},[_c('span',[_vm._v(\"\\n                      \"+_vm._s(category.name)+\"\\n                    \")])])})],2)])]):_vm._e()]),_vm._v(\" \"),_c('div',{staticClass:\"pl-0 mt-3 col-md-6\"},[_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"height\":\"50px\"}},[_c('span',{staticClass:\"mr-3 mylabel primary-color\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.cUsers.userDetails.forcePassword\"))+\"\\n              \")]),_vm._v(\" \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.forcePasswordChange),expression:\"forcePasswordChange\"}],staticClass:\"border-0\",attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.forcePasswordChange)?_vm._i(_vm.forcePasswordChange,null)>-1:(_vm.forcePasswordChange)},on:{\"change\":function($event){var $$a=_vm.forcePasswordChange,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.forcePasswordChange=$$a.concat([$$v]))}else{$$i>-1&&(_vm.forcePasswordChange=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.forcePasswordChange=$$c}}}})])])]),_vm._v(\" \"),(_vm.groupRolesLoader)?_c('pulse-loader',{staticClass:\"py-5\",attrs:{\"size\":\"15px\"}}):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"mt-3\"},[(_vm.showList)?_c('div',{staticClass:\"mt-4\"},[_c('label',[_vm._v(\"Roles\")]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('div',{staticStyle:{\"padding\":\"5px\"},on:{\"click\":_vm.toggleBranchListDropdown}},[_c('vue-tags-input',{attrs:{\"tags\":_vm.tags},on:{\"tags-changed\":function (newTags) { return (_vm.tags = newTags); }},model:{value:(_vm.tag),callback:function ($$v) {_vm.tag=$$v},expression:\"tag\"}})],1),_vm._v(\" \"),_c('div',{},[_c('div',{staticClass:\"search__wrapper\"},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-10\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchInp),expression:\"searchInp\"}],attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.iUsers.search'),\"name\":\"search\"},domProps:{\"value\":(_vm.searchInp)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.searchInp=$event.target.value}}})]),_vm._v(\" \"),_c('div',{staticClass:\"text-right col-md-2\"},[_c('i',{staticClass:\"mr-3 fa fa-search\",staticStyle:{\"color\":\"#b6b6b6\"},attrs:{\"aria-hidden\":\"true\"}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 row\",staticStyle:{\"width\":\"100%\",\"margin\":\"0 auto\"}},[_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"d-flex align-items-center\",attrs:{\"styl\":\"height:50px\"}},[_c('input',{staticClass:\"mr-2\",attrs:{\"type\":\"checkbox\",\"id\":\"selectAllCheckbox\"},on:{\"click\":_vm.checkAll}}),_vm._v(\" \"),_c('span',{staticClass:\"primary-color\"},[_vm._v(_vm._s(_vm.$t(\"text.cUsers.userDetails.selectAll\"))+\"s\")])])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 row justify-content-center\",staticStyle:{\"width\":\"100%\",\"margin\":\"0 auto\"}},[_c('div',{staticClass:\"col-md-4\"},[_c('div',{},[_c('b-form-group',{attrs:{\"label\":\"\"},nativeOn:{\"click\":function($event){return _vm.toggleChckBox($event)}}},[_c('b-form-checkbox-group',{attrs:{\"options\":_vm.filteredList,\"name\":\"flavour-2a\",\"stacked\":\"\"},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}})],1)],1)]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4\"},[_c('b-form-group',{attrs:{\"label\":\"\"},nativeOn:{\"click\":function($event){return _vm.toggleChckBox($event)}}},[_c('b-form-checkbox-group',{attrs:{\"options\":_vm.filteredList2,\"name\":\"flavour-2a\",\"stacked\":\"\"},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}})],1)],1),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4\"},[_c('b-form-group',{attrs:{\"label\":\"\"},nativeOn:{\"click\":function($event){return _vm.toggleChckBox($event)}}},[_c('b-form-checkbox-group',{attrs:{\"options\":_vm.filteredList3,\"name\":\"flavour-2a\",\"stacked\":\"\"},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}})],1)],1)])])])]):_vm._e()]),_vm._v(\" \"),_c('div',{staticClass:\"pb-4 mt-4 text-center\"},[_c('button',{staticClass:\"ep-btn ep-primary\",attrs:{\"disabled\":_vm.isButtonDisabled ? true : false},on:{\"click\":function($event){return _vm.updateUser($event)}}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.iUsers.updateUser\"))+\"\\n          \")]),_vm._v(\" \"),_c('img',{staticClass:\"ml-3 loader\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"35px\"}})])],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <MasterLayout>\r\n      <div class=\"new-staff\">\r\n        <div class=\"add_new_bank_account_header\">\r\n          <p>\r\n            {{ $t(\"text.cUsers.userDetails.title\") }} ({{ $route.query.name }})\r\n          </p>\r\n        </div>\r\n        <div class=\"cover\">\r\n          <div class=\"personal\">\r\n            <div class=\"row\">\r\n              <div class=\"mt-4 input__group__block col-md-6\">\r\n                <label class=\"required\">\r\n                  <span class=\"mylabel\">\r\n                    {{ $t(\"text.editStaff.firstName\") }}\r\n                  </span>\r\n                </label>\r\n                <div class=\"price_change_input_wrapper\">\r\n                  <input\r\n                    type=\"text\"\r\n                    :placeholder=\"this.$t('text.editStaff.firstName')\"\r\n                    v-model=\"userDetails.firstName\"\r\n                    class=\"border-0\"\r\n                  />\r\n                </div>\r\n              </div>\r\n              <div class=\"mt-4 input__group__block col-md-6\">\r\n                <label class=\"required\">\r\n                  <span class=\"mylabel\">\r\n                    {{ $t(\"text.editStaff.lastName\") }}\r\n                  </span>\r\n                </label>\r\n                <div class=\"price_change_input_wrapper\">\r\n                  <input\r\n                    type=\"text\"\r\n                    :placeholder=\"this.$t('text.editStaff.lastName')\"\r\n                    class=\"border-0\"\r\n                    v-model=\"userDetails.lastName\"\r\n                  />\r\n                </div>\r\n              </div>\r\n              <div class=\"mt-4 input__group__block col-md-6\">\r\n                <label class=\"required\">\r\n                  <span class=\"mylabel\">\r\n                    {{ $t(\"text.cUsers.createUser.phone\") }}\r\n                  </span>\r\n                </label>\r\n                <div class=\"price_change_input_wrapper\">\r\n                  <input\r\n                    type=\"text\"\r\n                    :placeholder=\"$t('text.cUsers.createUser.phone')\"\r\n                    v-model=\"userDetails.phoneNumber\"\r\n                    class=\"border-0\"\r\n                  />\r\n                </div>\r\n              </div>\r\n              <div class=\"mt-4 input__group__block col-md-6\">\r\n                <label class=\"required\">\r\n                  <span class=\"mylabel\"> {{ $t(\"text.cUsers.status\") }}</span>\r\n                </label>\r\n                <div class=\"d-flex align-items-center\" style=\"height: 50px\">\r\n                  <select v-model=\"userDetails.status\">\r\n                    <option value=\"Active\">\r\n                      {{ $t(\"text.cUsers.userDetails.active\") }}\r\n                    </option>\r\n                    <option value=\"Deactivated\">\r\n                      {{ $t(\"text.cUsers.userDetails.deactivate\") }}\r\n                    </option>\r\n                    <option value=\"Suspended\">\r\n                      {{ $t(\"text.cUsers.userDetails.suspend\") }}\r\n                    </option>\r\n                  </select>\r\n                </div>\r\n              </div>\r\n              <div class=\"mt-4 col-md-6\">\r\n                <label class=\"required\">\r\n                  <span class=\"mylabel\">\r\n                    {{ $t(\"text.cUsers.createUser.selectAccess\") }}\r\n                  </span>\r\n                </label>\r\n                <div class=\"price_change_input_wrapper\">\r\n                  <select v-model=\"groupId\" @change=\"replaceSel\">\r\n                    <option value=\"select access level\" disabled selected>\r\n                      {{ $t(\"text.cUsers.createUser.selectAccess\") }}\r\n                    </option>\r\n                    <option\r\n                      :value=\"group.name\"\r\n                      v-for=\"(group, i) in groups\"\r\n                      :key=\"i\"\r\n                    >\r\n                      {{ group.name }}\r\n                    </option>\r\n                  </select>\r\n                </div>\r\n              </div>\r\n              <!-- <div\r\n                class=\"mt-4 col-md-6\"\r\n                v-if=\"userDetails.branchRoles.length && groupId == 'Branch'\"\r\n              >\r\n                <label class=\"\">\r\n                  <span class=\"mylabel\">\r\n                    {{ userDetails.branchRoles[0].role }}\r\n                  </span>\r\n                </label>\r\n                <div\r\n                  class=\"mt-2 display-flex align-items-center justify-content-between\"\r\n                >\r\n                  <button class=\"mr-3 btn btn-info\" :disabled=\"true\">\r\n                    {{ userDetails.branchRoles[0].branchName }}\r\n                    <img\r\n                      src=\"@/assets/img/git_loader.gif\"\r\n                      style=\"display: none\"\r\n                      width=\"23px\"\r\n                      class=\"ml-3 loader1\"\r\n                    />\r\n                  </button>\r\n                  <i\r\n                    class=\"mr-2 cursor-pointer fa fa-minus-square-o\"\r\n                    style=\"font-size: 28px\"\r\n                    aria-hidden=\"true\"\r\n                    v-b-tooltip.hover\r\n                    :title=\"`Remove user `\"\r\n                    @click=\"removeUser\"\r\n                  ></i>\r\n                </div>\r\n              </div> -->\r\n              <div\r\n                class=\"mt-4 col-md-6\"\r\n                v-if=\"groupId !== 'Company' && groupId !== 'Dealer Admin'\"\r\n              >\r\n                <label class=\"required\">\r\n                  <span class=\"mylabel\">\r\n                    {{ $t(\"text.cUsers.createUser.select\") }} {{ groupId }}\r\n                  </span>\r\n                </label>\r\n                <!-- <label class=\"required\" v-if=\"groupId == 'Branch'\">\r\n                  <span class=\"mylabel\"> Select Branch </span>\r\n                </label>\r\n                <label class=\"required\" v-if=\"groupId == 'Dealers'\">\r\n                  <span class=\"mylabel\"> Select Dealer </span>\r\n                </label>\r\n                <label class=\"required\" v-if=\"groupId == 'Regional Manager'\">\r\n                  <span class=\"mylabel\"> Select Region </span>\r\n                </label>\r\n                <label class=\"required\" v-if=\"groupId == 'Regional Engineer'\">\r\n                  <span class=\"mylabel\"> Select Regional Engineer </span>\r\n                </label>\r\n                <label class=\"required\" v-if=\"groupId == 'Sales Rep'\">\r\n                  <span class=\"mylabel\"> Select Sales Rep </span>\r\n                </label> -->\r\n                <!-- main shown select -->\r\n                <div\r\n                  class=\"price_change_input_wrapper\"\r\n                  v-if=\"\r\n                    replaceSelect == false ||\r\n                    groupId == userDetails.rolesCategory\r\n                  \"\r\n                >\r\n                  <!-- <select v-model=\"newId\"> -->\r\n                  <select v-model=\"userDetails.ownerId\">\r\n                    <option value=\"Please Select\" disabled selected>\r\n                      {{ $t(\"text.cUsers.createUser.select\") }} {{ groupId }}\r\n                    </option>\r\n                    <!-- <option\r\n                      value=\"Please Select\"\r\n                      disabled\r\n                      selected\r\n                      v-if=\"groupId == 'Branch'\"\r\n                    >\r\n                      Select Branch\r\n                    </option>\r\n                    <option\r\n                      value=\"Please Select\"\r\n                      disabled\r\n                      selected\r\n                      v-if=\"groupId == 'Dealers'\"\r\n                    >\r\n                      Select Dealer\r\n                    </option>\r\n                    <option\r\n                      value=\"Please Select\"\r\n                      disabled\r\n                      selected\r\n                      v-if=\"groupId == 'Regional Manager'\"\r\n                    >\r\n                      Select Region\r\n                    </option>\r\n                    <option\r\n                      value=\"Please Select\"\r\n                      disabled\r\n                      selected\r\n                      v-if=\"groupId == 'Regional Engineer'\"\r\n                    >\r\n                      Select Regional Engineer\r\n                    </option>\r\n                    <option\r\n                      value=\"Please Select\"\r\n                      disabled\r\n                      selected\r\n                      v-if=\"groupId == 'Sales Rep'\"\r\n                    >\r\n                      Select Sales Rep\r\n                    </option> -->\r\n                    <option\r\n                      :value=\"cList.id\"\r\n                      v-for=\"(cList, i) in categoryLists\"\r\n                      :key=\"i\"\r\n                    >\r\n                      {{ cList.name }}\r\n                    </option>\r\n                  </select>\r\n                </div>\r\n                <!-- second replacement -->\r\n                <div class=\"price_change_input_wrapper\" v-else>\r\n                  <select v-model=\"newId\">\r\n                    <!-- <select v-model=\"userDetails.ownerId\"> -->\r\n                    <option value=\"Please Select\" disabled selected>\r\n                      {{ $t(\"text.cUsers.createUser.select\") }} {{ groupId }}\r\n                    </option>\r\n                    <!-- <option\r\n                      value=\"Please Select\"\r\n                      disabled\r\n                      selected\r\n                      v-if=\"groupId == 'Branch'\"\r\n                    >\r\n                      Select Branch\r\n                    </option>\r\n                    <option\r\n                      value=\"Please Select\"\r\n                      disabled\r\n                      selected\r\n                      v-if=\"groupId == 'Dealers'\"\r\n                    >\r\n                      Select Dealer\r\n                    </option>\r\n                    <option\r\n                      value=\"Please Select\"\r\n                      disabled\r\n                      selected\r\n                      v-if=\"groupId == 'Regional Manager'\"\r\n                    >\r\n                      Select Region\r\n                    </option>\r\n                    <option\r\n                      value=\"Please Select\"\r\n                      disabled\r\n                      selected\r\n                      v-if=\"groupId == 'Regional Engineer'\"\r\n                    >\r\n                      Select Regional Engineer\r\n                    </option>\r\n                    <option\r\n                      value=\"Please Select\"\r\n                      disabled\r\n                      selected\r\n                      v-if=\"groupId == 'Sales Rep'\"\r\n                    >\r\n                      Select Sales Rep\r\n                    </option> -->\r\n                    <option\r\n                      :value=\"cList.id\"\r\n                      v-for=\"(cList, i) in categoryLists\"\r\n                      :key=\"i\"\r\n                    >\r\n                      {{ cList.name }}\r\n                    </option>\r\n                  </select>\r\n                </div>\r\n              </div>\r\n\r\n              <!-- For sub categories -->\r\n              <div v-if=\"groupId == 'Team'\" class=\"mt-4 col-md-6\">\r\n                <label class=\"required\">\r\n                  <span class=\"mylabel\">\r\n                    {{ $t(\"text.omit.selectSubcat\") }}\r\n                  </span>\r\n                </label>\r\n                <div class=\"price_change_input_wrapper\">\r\n                  <select v-model=\"category\">\r\n                    <option value=\"null\" selected disabled>\r\n                      {{ $t(\"text.omit.selectSubcat\") }}\r\n                    </option>\r\n                    <option\r\n                      :value=\"category.name\"\r\n                      v-for=\"(category, index) in subCategories\"\r\n                      :key=\"index\"\r\n                    >\r\n                      <span>\r\n                        {{ category.name }}\r\n                      </span>\r\n                    </option>\r\n                  </select>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"pl-0 mt-3 col-md-6\">\r\n              <div class=\"d-flex align-items-center\" style=\"height: 50px\">\r\n                <span class=\"mr-3 mylabel primary-color\">\r\n                  {{ $t(\"text.cUsers.userDetails.forcePassword\") }}\r\n                </span>\r\n                <input\r\n                  type=\"checkbox\"\r\n                  class=\"border-0\"\r\n                  v-model=\"forcePasswordChange\"\r\n                />\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <pulse-loader\r\n            size=\"15px\"\r\n            v-if=\"groupRolesLoader\"\r\n            class=\"py-5\"\r\n          ></pulse-loader>\r\n          <div class=\"mt-3\">\r\n            <div class=\"mt-4\" v-if=\"showList\">\r\n              <label>Roles</label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <div @click=\"toggleBranchListDropdown\" style=\"padding: 5px\">\r\n                  <vue-tags-input\r\n                    v-model=\"tag\"\r\n                    :tags=\"tags\"\r\n                    @tags-changed=\"(newTags) => (tags = newTags)\"\r\n                  />\r\n                </div>\r\n\r\n                <div class=\"\">\r\n                  <div class=\"search__wrapper\">\r\n                    <div class=\"row align-items-center\">\r\n                      <div class=\"col-md-10\">\r\n                        <input\r\n                          type=\"text\"\r\n                          :placeholder=\"$t('text.iUsers.search')\"\r\n                          v-model=\"searchInp\"\r\n                          name=\"search\"\r\n                        />\r\n                      </div>\r\n                      <div class=\"text-right col-md-2\">\r\n                        <i\r\n                          class=\"mr-3 fa fa-search\"\r\n                          aria-hidden=\"true\"\r\n                          style=\"color: #b6b6b6\"\r\n                        ></i>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"mt-3 row\" style=\"width: 100%; margin: 0 auto\">\r\n                    <div class=\"col-md-4\">\r\n                      <div class=\"d-flex align-items-center\" styl=\"height:50px\">\r\n                        <input\r\n                          type=\"checkbox\"\r\n                          class=\"mr-2\"\r\n                          @click=\"checkAll\"\r\n                          id=\"selectAllCheckbox\"\r\n                        />\r\n                        <span class=\"primary-color\"\r\n                          >{{ $t(\"text.cUsers.userDetails.selectAll\") }}s</span\r\n                        >\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div\r\n                    class=\"mt-3 row justify-content-center\"\r\n                    style=\"width: 100%; margin: 0 auto\"\r\n                  >\r\n                    <div class=\"col-md-4\">\r\n                      <div class=\"\">\r\n                        <b-form-group\r\n                          label=\"\"\r\n                          v-on:click.native=\"toggleChckBox($event)\"\r\n                        >\r\n                          <b-form-checkbox-group\r\n                            v-model=\"selected\"\r\n                            :options=\"filteredList\"\r\n                            name=\"flavour-2a\"\r\n                            stacked\r\n                          >\r\n                          </b-form-checkbox-group>\r\n                        </b-form-group>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-md-4\">\r\n                      <b-form-group\r\n                        label=\"\"\r\n                        v-on:click.native=\"toggleChckBox($event)\"\r\n                      >\r\n                        <b-form-checkbox-group\r\n                          v-model=\"selected\"\r\n                          :options=\"filteredList2\"\r\n                          name=\"flavour-2a\"\r\n                          stacked\r\n                        >\r\n                        </b-form-checkbox-group>\r\n                      </b-form-group>\r\n                    </div>\r\n                    <div class=\"col-md-4\">\r\n                      <b-form-group\r\n                        label=\"\"\r\n                        v-on:click.native=\"toggleChckBox($event)\"\r\n                      >\r\n                        <b-form-checkbox-group\r\n                          v-model=\"selected\"\r\n                          :options=\"filteredList3\"\r\n                          name=\"flavour-2a\"\r\n                          stacked\r\n                        >\r\n                        </b-form-checkbox-group>\r\n                      </b-form-group>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"pb-4 mt-4 text-center\">\r\n            <button\r\n              :disabled=\"isButtonDisabled ? true : false\"\r\n              class=\"ep-btn ep-primary\"\r\n              @click=\"updateUser($event)\"\r\n            >\r\n              {{ $t(\"text.iUsers.updateUser\") }}\r\n            </button>\r\n            <img\r\n              src=\"@/assets/img/git_loader.gif\"\r\n              style=\"display: none\"\r\n              width=\"35px\"\r\n              class=\"ml-3 loader\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </MasterLayout>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Vue from \"vue\";\r\nimport MasterLayout from \"@/views/Company/MasterLayout.vue\";\r\nimport backgroundUrl from \"@/assets/img/Credit-card-background-shallow-DOF.png\";\r\nimport cardBackgroundUrl from \"@/assets/img/Group393.svg\";\r\nimport configObject from \"@/config\";\r\nimport TableLoader from \"@/components/tableLoader/index\";\r\nimport CompanyUsersTemplate from \"@/components/TableTemplates/companyUsers\";\r\nimport VueTagsInput from \"@johmun/vue-tags-input\";\r\nimport PulseLoader from \"vue-spinner/src/PulseLoader.vue\";\r\n\r\nimport {\r\n  Page,\r\n  Sort,\r\n  Toolbar,\r\n  Search,\r\n  ExcelExport,\r\n  PdfExport,\r\n  Resize,\r\n} from \"@syncfusion/ej2-vue-grids\";\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  title: \"Users :: Epump Portal\",\r\n  name: \"Users\",\r\n  components: {\r\n    MasterLayout,\r\n    TableLoader,\r\n    VueTagsInput,\r\n    PulseLoader,\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search, ExcelExport, PdfExport, Resize],\r\n  },\r\n  data() {\r\n    return {\r\n      company: null,\r\n      currentRoleCategory: \"\",\r\n      currentId: \"\",\r\n      backgroundUrl,\r\n      accountType: \"select account type\",\r\n      usersCount: 0,\r\n      status: \"Active\",\r\n      cardBackgroundUrl,\r\n      groupRolesLoader: false,\r\n      showLoader: false,\r\n      pageSettings: {\r\n        pageSizes: [10, 20, 50, 100, 200],\r\n        pageCount: 4,\r\n        pageSize: 10,\r\n      },\r\n      toolbar: [\"Search\"],\r\n      search: { operator: \"contains\", ignoreCase: true },\r\n      forcePasswordChange: false,\r\n      firstName: null,\r\n      lastName: null,\r\n      phoneNumber: null,\r\n      isButtonDisabled: false,\r\n      funcListLoader: false,\r\n      options: [],\r\n      options2: [],\r\n      options3: [],\r\n      selected: [],\r\n      combinedOptions: [],\r\n      tag: \"\",\r\n      tags: [],\r\n      searchInp: \"\",\r\n      selectAll: false,\r\n      selectAllCheckbox: false,\r\n      userDetails: {},\r\n      groups: [],\r\n      categoryLists: [],\r\n      newId: \"Please Select\",\r\n      showList: false,\r\n      groupId: \"select access level\",\r\n      userRoles: null,\r\n      groupRoles: null,\r\n      functionList: [],\r\n      listId: null,\r\n      userBranchName: null,\r\n      branches: null,\r\n      branchName: null,\r\n      isRemoveBtnDisabled: false,\r\n      replaceSelect: false,\r\n      category: null,\r\n      subCatNo: 0,\r\n      subCategories: {},\r\n      UsersTemplate: function () {\r\n        return {\r\n          template: CompanyUsersTemplate,\r\n        };\r\n      },\r\n    };\r\n  },\r\n  created() {\r\n    this.userId = this.$route.query.username;\r\n    let ml = sessionStorage.getItem(this.userId);\r\n    if (!ml) {\r\n      let allData = localStorage.getItem(\"companyUsersList\");\r\n      let dt = JSON.parse(allData);\r\n      dt.forEach((my, index) => {\r\n        if (my.email === this.userId) {\r\n          ml = JSON.stringify(my);\r\n          sessionStorage.setItem(this.userId, ml);\r\n        }\r\n      });\r\n    }\r\n\r\n    this.userDetails = JSON.parse(ml);\r\n    this.currentRoleCategory = JSON.parse(ml).rolesCategory;\r\n    this.currentId = JSON.parse(ml).ownerId;\r\n    this.category = JSON.parse(ml).roleSubCategory;\r\n\r\n    this.$eventHub.$on(\"company\", (company) => {\r\n      this.company = company;\r\n    });\r\n    if (this.$route.query.companyId) {\r\n      this.getBranches();\r\n      this.getRoleGroups();\r\n      this.getUserRoles();\r\n    }\r\n  },\r\n  watch: {\r\n    branches() {\r\n      const filteredBranches = this.branches.filter((branch) => {\r\n        return branch.id === this.userDetails.ownerId;\r\n      });\r\n      this.branchName = filteredBranches.length\r\n        ? filteredBranches[0].name\r\n        : null;\r\n    },\r\n    company(company) {\r\n      if (company !== null) {\r\n        this.getBranches();\r\n        this.getRoleGroups();\r\n        this.getUserRoles();\r\n      }\r\n    },\r\n    groups: {\r\n      handler() {\r\n        this.groupId = this.groups.filter(\r\n          (group) => group.name === this.userDetails.rolesCategory\r\n        )[0].name;\r\n      },\r\n      deep: true,\r\n    },\r\n    groupRoles() {\r\n      this.getUserRoles();\r\n    },\r\n    selectAll(value) {\r\n      let selected = [];\r\n      let combinedArray = [...this.options, ...this.options2, ...this.options3];\r\n      if (!value) {\r\n        this.selected = selected;\r\n        this.tags = selected;\r\n        return;\r\n      }\r\n      if (value) {\r\n        combinedArray.forEach(function (opt) {\r\n          selected.push(opt.text);\r\n        });\r\n        this.selected = selected;\r\n        this.tags = selected;\r\n      }\r\n    },\r\n    groupId() {\r\n      if (this.groupId !== \"Team\") {\r\n        this.getGroupRoles();\r\n      }\r\n\r\n      this.subCatNo = 0;\r\n\r\n      if (this.groupId !== \"Company\" && this.groupId !== \"Dealer Admin\") {\r\n        this.getCategotyLists();\r\n      }\r\n\r\n      if (this.groupId == \"Team\") {\r\n        this.groupRoles = [];\r\n        this.showList = false;\r\n        this.options = [];\r\n        this.options2 = [];\r\n        this.options3 = [];\r\n        this.combinedOptions = [];\r\n        this.getSubcategories();\r\n      }\r\n    },\r\n    subCatNo() {\r\n      // if (this.subCatNo > 0) {\r\n      //   this.getGroupRoles(\"selected\");\r\n      // } else {\r\n      //   this.getGroupRoles(\"all\");\r\n      // }\r\n      if (this.subCatNo == 0) {\r\n        this.getGroupRoles(\"all\");\r\n      }\r\n    },\r\n    category() {\r\n      if (this.category !== null) {\r\n        this.getGroupRoles(\"selected\");\r\n      }\r\n    },\r\n    tags: {\r\n      handler(newTags, oldTags) {\r\n        let newSelectedArray = [];\r\n        if (newTags.length == this.combinedOptions.length) {\r\n          document.querySelector(\"#selectAllCheckbox\").checked = true;\r\n        } else {\r\n          document.querySelector(\"#selectAllCheckbox\").checked = false;\r\n        }\r\n        try {\r\n          if (newTags[0].tiClasses) {\r\n            newTags.forEach((tg) => {\r\n              newSelectedArray.push(tg.text);\r\n            });\r\n          } else {\r\n            newTags.forEach((tg) => {\r\n              newSelectedArray.push(tg);\r\n            });\r\n          }\r\n          if (newTags.length < 1) {\r\n            newSelectedArray = [];\r\n          }\r\n        } catch {\r\n          newSelectedArray = [];\r\n        }\r\n        this.selected = newSelectedArray;\r\n      },\r\n      deep: true,\r\n    },\r\n  },\r\n  computed: {\r\n    userName() {\r\n      return `${this.userDetails.firstName} ${this.userDetails.lastName}`;\r\n    },\r\n    filteredList() {\r\n      const sortedList = [...this.options];\r\n      sortedList.sort((a, b) => {\r\n        return a.name > b.name ? 1 : -1;\r\n      });\r\n      return sortedList.filter((ch, i) =>\r\n        ch.text.toLowerCase().includes(this.searchInp.toLowerCase())\r\n      );\r\n    },\r\n    filteredList2() {\r\n      const sortedList = [...this.options2];\r\n      sortedList.sort((a, b) => {\r\n        return a.name > b.name ? 1 : -1;\r\n      });\r\n      return sortedList.filter((ch, i) =>\r\n        ch.text.toLowerCase().includes(this.searchInp.toLowerCase())\r\n      );\r\n    },\r\n    filteredList3() {\r\n      const sortedList = [...this.options3];\r\n      sortedList.sort((a, b) => {\r\n        return a.name > b.name ? 1 : -1;\r\n      });\r\n      return sortedList.filter((ch, i) =>\r\n        ch.text.toLowerCase().includes(this.searchInp.toLowerCase())\r\n      );\r\n    },\r\n  },\r\n  mounted() {\r\n    $(\".e-input\").keyup(function (e) {\r\n      searchFun(e);\r\n    });\r\n    function searchFun(event) {\r\n      var grid = document.getElementsByClassName(\"e-grid\")[0].ej2_instances[0];\r\n      var value = event.target.value;\r\n      grid.search(value);\r\n    }\r\n  },\r\n  methods: {\r\n    replaceSel() {\r\n      // console.log(\"changed select\");\r\n      this.replaceSelect = true;\r\n    },\r\n    removeUser() {\r\n      const confirm = window.confirm(\r\n        `Are you sure you want to remove this user ?`\r\n      );\r\n      if (!confirm) {\r\n        return;\r\n      }\r\n      let data = {\r\n        email: this.$route.query.username,\r\n        roleCategory: this.userDetails.rolesCategory,\r\n        id: this.userDetails.ownerId,\r\n      };\r\n      this.isRemoveBtnDisabled = true;\r\n      $(\".loader1\").show();\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Company/RemoveUserFrom`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then(() => {\r\n          this.branchName = null;\r\n          $(\".loader1\").hide();\r\n          this.isRemoveBtnDisabled = false;\r\n          this.$toast.open({\r\n            message: \"User removed successfully\",\r\n            type: \"success\",\r\n            duration: 3000,\r\n          });\r\n          this.$router.go(-1);\r\n        })\r\n        .catch((error) => {\r\n          $(\".loader1\").hide();\r\n          this.isRemoveBtnDisabled = false;\r\n        });\r\n    },\r\n    // getFunctionList() {\r\n    //   this.funcListLoader = true;\r\n    //   this.functionList = [];\r\n    //   this.axios\r\n    //     .get(\r\n    //       `${configObject.apiBaseUrl}/Company/FunctionList/${\r\n    //         this.$route.query.companyId\r\n    //           ? this.$route.query.companyId\r\n    //           : this.company.id\r\n    //       }/${this.userDetails.rolesCategory}`,\r\n    //       configObject.authConfig()\r\n    //     )\r\n    //     .then((res) => {\r\n    //       this.functionList = res.data;\r\n    //       for (let list of this.functionList) {\r\n    //         if (list.name.includes(this.userBranchName)) {\r\n    //           this.listId = list.id;\r\n    //           return;\r\n    //         }\r\n    //       }\r\n    //       this.showRoles = true;\r\n    //       this.showList = true;\r\n    //       this.funcListLoader = false;\r\n    //     })\r\n    //     .catch((error) => {\r\n    //       this.funcListLoader = false;\r\n    //       this.showList = false;\r\n    //       this.$toast.open({\r\n    //         message: error.response.data.message,\r\n    //         type: \"error\",\r\n    //         duration: 3000,\r\n    //       });\r\n    //     });\r\n    // },\r\n\r\n    getSubcategories() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/GroupManagement/SubCategories/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }?category=Team`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          // console.log(response);\r\n          // this.showLoader = false;\r\n          // this.role = response.data;\r\n          this.subCatNo = response.data.length;\r\n          this.subCategories = response.data;\r\n          // let index = 0;\r\n          // response.data.sort((a, b) => {\r\n          //   return a.roleDate > b.roleDate ? 1 : -1;\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    //Changed from grouproles to group categories\r\n    // `${configObject.apiBaseUrl}​/Role/GroupRoles/${this.groupId}`\r\n    getGroupRoles(value) {\r\n      this.groupRolesLoader = true;\r\n      this.showList = false;\r\n\r\n      let selectedUrl;\r\n      const url = `${configObject.apiBaseUrl}​/GroupManagement/GetListOfRolesByCategory/${this.groupId}`;\r\n      const url2 = `${\r\n        configObject.apiBaseUrl\r\n      }/GroupManagement/GetRolesBySubCategory/${\r\n        this.$route.query.companyId\r\n          ? this.$route.query.companyId\r\n          : this.company.id\r\n      }/${this.category}`;\r\n\r\n      if (value == \"selected\") {\r\n        selectedUrl = url2;\r\n      } else {\r\n        selectedUrl = url;\r\n      }\r\n\r\n      this.axios\r\n        .get(selectedUrl, configObject.authConfig())\r\n        .then((res) => {\r\n          this.groupRoles = res.data;\r\n          this.showRoles = true;\r\n          this.showList = true;\r\n          this.groupRolesLoader = false;\r\n\r\n          const data = res.data.filter((el) => el.name !== null);\r\n          data.forEach((el) => {\r\n            el.text = el.name;\r\n            el.value = el.name;\r\n          });\r\n          let copiedResponse = [...data];\r\n          let options = [];\r\n          let options2 = [];\r\n          let options3 = [];\r\n          copiedResponse.forEach((br, index) => {\r\n            let dataLengthFirstOneThird = copiedResponse.length / 3;\r\n            if (index <= dataLengthFirstOneThird) {\r\n              options.push(br);\r\n            }\r\n          });\r\n\r\n          let twoThirdOfArr = copiedResponse.splice(\r\n            copiedResponse.length / 3 + 1,\r\n            copiedResponse.length - 1\r\n          );\r\n          twoThirdOfArr.forEach((br, index) => {\r\n            let dataHalfList = parseInt(twoThirdOfArr.length / 2);\r\n            if (index <= dataHalfList) {\r\n              options2.push(br);\r\n            } else {\r\n              options3.push(br);\r\n            }\r\n          });\r\n\r\n          this.options = options;\r\n          this.options2 = options2;\r\n          this.options3 = options3;\r\n\r\n          this.combinedOptions = [...options, ...options2, ...options3];\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n          this.showList = false;\r\n        });\r\n    },\r\n    //Changed from groups to categories\r\n    // `${configObject.apiBaseUrl}/Role/Groups`\r\n    getRoleGroups() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Role/Categories`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          let index = 0;\r\n          res.data.sort((a, b) => {\r\n            return a.name.toLowerCase() > b.name.toLowerCase()\r\n              ? 1\r\n              : b.name.toLowerCase() > a.name.toLowerCase()\r\n              ? -1\r\n              : 0;\r\n          });\r\n          // res.data.filter((group) => {\r\n          //   // if (com.name !== \"Company\") {\r\n          //   //   return true;\r\n          //   // }\r\n          //   return group.name !== \"Company\";\r\n          // });\r\n          // this.groups = res.data.filter((group) => group.name !== \"Company\");\r\n          this.groups = res.data;\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n    //new endpoint for category list\r\n    getCategotyLists() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Company/DealerBranchGroup/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }/${this.groupId}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          let index = 0;\r\n          res.data.sort((a, b) => {\r\n            return a.name.toLowerCase() > b.name.toLowerCase()\r\n              ? 1\r\n              : b.name.toLowerCase() > a.name.toLowerCase()\r\n              ? -1\r\n              : 0;\r\n          });\r\n          this.categoryLists = res.data;\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n    validEmail(email) {\r\n      if (/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(email)) {\r\n        return true;\r\n      }\r\n      return false;\r\n    },\r\n    updateUser($event) {\r\n      $event.preventDefault();\r\n      if (!this.userDetails.firstName) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.firstNameMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.userDetails.lastName) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.lastNameMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.userDetails.phoneNumber) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.contactPhoneMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.newId || !this.userDetails.ownerId) {\r\n        this.$toast.open({\r\n          message: this.$t(`\"Please Select a ${this.groupId}\"`),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (\r\n        this.userDetails.phoneNumber.length < 10 ||\r\n        this.userDetails.phoneNumber.length > 13\r\n      ) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.shortPhoneNumber\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      let roles = [];\r\n      this.combinedOptions.forEach((opt) => {\r\n        if (this.selected.includes(opt.name)) {\r\n          roles.push(opt.name);\r\n        }\r\n      });\r\n      //group.id changed to group.name\r\n      const roleCategory = this.groups.filter(\r\n        (group) => group.name === this.groupId\r\n      )[0].name;\r\n\r\n      let data = {\r\n        userName: this.$route.query.username,\r\n        firstName: this.userDetails.firstName,\r\n        lastName: this.userDetails.lastName,\r\n        phoneNumber: this.userDetails.phoneNumber,\r\n        forcePasswordChange: this.forcePasswordChange,\r\n        accountStatus: this.userDetails.status,\r\n        roles: roles,\r\n        id: this.currentId,\r\n        newId:\r\n          this.groupId == \"Company\"\r\n            ? this.$route.query.companyId\r\n            : this.newId !== \"Please Select\"\r\n            ? this.newId\r\n            : this.userDetails.ownerId,\r\n        roleCategory: this.currentRoleCategory,\r\n        roleSubCategory: this.category,\r\n        newRoleCategory:\r\n          this.groupId !== \"select access level\"\r\n            ? this.groupId\r\n            : this.userDetails.rolesCategory,\r\n      };\r\n\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Account/Update`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then(() => {\r\n          this.$toast.open({\r\n            message: `User (${this.userDetails.email}) has been updated successfully`,\r\n            type: \"success\",\r\n            duration: 5000,\r\n          });\r\n          this.$router.push({\r\n            name: \"company_users\",\r\n            query: this.$route.query.branchId\r\n              ? {\r\n                  branchId: this.$route.query.branchId,\r\n                }\r\n              : { companyId: this.$route.query.companyId },\r\n          });\r\n\r\n          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\r\n        })\r\n        .catch((error) => {\r\n          this.$toast.open({\r\n            message: error.response.data.message,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\r\n        });\r\n    },\r\n    getBranches() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Company/Branches/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.branches = response.data;\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    getUserRoles() {\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Account/roles/${this.$route.query.username}`,\r\n          {},\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          this.userRoles = res.data;\r\n\r\n          const data = [];\r\n          this.groupRoles.forEach((el) => {\r\n            data.push(el.name);\r\n          });\r\n          let tags = [];\r\n          let selected = [];\r\n          res.data.forEach((role) => {\r\n            if (data.includes(role.roleName)) {\r\n              tags.push(role.roleName);\r\n              selected.push(role.roleName);\r\n            }\r\n          });\r\n          this.tags = tags;\r\n          this.selected = selected;\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    changeStatus(status) {\r\n      this.status = status;\r\n    },\r\n    checkAll(e) {\r\n      let selected = [];\r\n      if (e.target.checked) {\r\n        this.combinedOptions.forEach((el) => {\r\n          selected.push(el.text);\r\n        });\r\n      }\r\n      this.selected = selected;\r\n      this.tags = selected;\r\n    },\r\n    toggleBranchListDropdown() {\r\n      this.showBranchListDropDown = !this.showBranchListDropDown;\r\n    },\r\n    toggleChckBox($event) {\r\n      if ($event.target.checked) {\r\n        const getIndex = this.selected.indexOf($event.target.value);\r\n\r\n        if (getIndex === -1) {\r\n          this.selected.push($event.target.value);\r\n          this.tags.push($event.target.value);\r\n        }\r\n      } else {\r\n        document.querySelector(\"#selectAllCheckbox\").checked = false;\r\n        const getIndex = this.selected.indexOf($event.target.value);\r\n        if (getIndex > -1) {\r\n          this.selected.splice(getIndex, 1);\r\n          this.tags.splice(getIndex, 1);\r\n        }\r\n      }\r\n      if (this.selected.length == this.combinedOptions.length) {\r\n        document.querySelector(\"#selectAllCheckbox\").checked = true;\r\n      }\r\n    },\r\n    toolbarClick(args) {\r\n      switch (args.item.text) {\r\n        case \"PDF Export\":\r\n          this.$refs.dataGrid.pdfExport();\r\n          break;\r\n        case \"Excel Export\":\r\n          this.$refs.dataGrid.excelExport();\r\n          break;\r\n      }\r\n    },\r\n    refreshGrid() {},\r\n    getCompanyUsers() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Company/Users/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          response.data.sort((a, b) => {\r\n            return a.email > b.email ? 1 : b.email > a.email ? -1 : 0;\r\n          });\r\n          response.data.forEach((user, index) => {\r\n            user.index = index + 1;\r\n            user.branchManaged =\r\n              user.role.toLowerCase() == \"companyadmin\" ||\r\n              user.role.toLowerCase() == \"IndustryManager\"\r\n                ? null\r\n                : user.branchRoles.map((cur) => cur.branchName).join(\", \");\r\n            user.role =\r\n              user.role.toLowerCase() == \"companyadmin\"\r\n                ? \"Company Admin\"\r\n                : user.role.toLowerCase() == \"IndustryManager\"\r\n                ? \"Industry Admin\"\r\n                : user.role.toLowerCase() == \"branch manager\"\r\n                ? \"Branch Manager\"\r\n                : user.role;\r\n            if (user.role == \"\") {\r\n              user.role = \"Branch Manager\";\r\n            }\r\n          });\r\n          this.usersCount = response.data.length;\r\n          this.showLoader = false;\r\n          this.$refs.dataGrid.ej2Instances.setProperties({\r\n            dataSource: response.data,\r\n          });\r\n          this.refreshGrid();\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style></style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./userDetails.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./userDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./userDetails.vue?vue&type=template&id=1f9e4c80&\"\nimport script from \"./userDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./userDetails.vue?vue&type=script&lang=js&\"\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"],"sourceRoot":""}