{"version":3,"sources":["webpack:///./src/views/Company/RoleManagement/index.vue?b491","webpack:///./src/components/modals/RoleManagement/addRoleModal.vue?4589","webpack:///src/components/modals/RoleManagement/addRoleModal.vue","webpack:///./src/components/modals/RoleManagement/addRoleModal.vue?ac8d","webpack:///./src/components/modals/RoleManagement/addRoleModal.vue","webpack:///./src/components/modals/RoleManagement/updateRoleModal.vue?b34e","webpack:///src/components/modals/RoleManagement/updateRoleModal.vue","webpack:///./src/components/modals/RoleManagement/updateRoleModal.vue?16a4","webpack:///./src/components/modals/RoleManagement/updateRoleModal.vue","webpack:///./src/components/Templates/roleTemp.vue?851d","webpack:///src/components/Templates/roleTemp.vue","webpack:///./src/components/Templates/roleTemp.vue?fce5","webpack:///./src/components/Templates/roleTemp.vue","webpack:///src/views/Company/RoleManagement/index.vue","webpack:///./src/views/Company/RoleManagement/index.vue?e680","webpack:///./src/views/Company/RoleManagement/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","companyId","_v","role","staticClass","staticStyle","_s","$t","on","addRole","roleNo","directives","name","rawName","value","showLoader","expression","ref","refreshGrid","pageSettings","toolbar","search","toolbarClick","usedLang","buttonsTemplate","RoleTemp","staticRenderFns","modalWidth","closed","opened","domProps","$event","target","composing","description","style","isButtonDisabled","cursor","addSubCategory","$","MODAL_WIDTH","props","data","formIsValid","category","categoryList","created","window","methods","getCategories","get","configObject","then","response","catch","error","message","type","duration","categoryName","post","res","component","$set","updateSubCategory","put","query","$route","company","id","mounted","title","components","MasterLayout","TableLoader","AddRoleModal","UpdateRoleModal","provide","grid","backgroundUrl","cardBackgroundUrl","roleId","pageSizes","pageCount","pageSize","operator","ignoreCase","template","updateRole","deleteRole","watch","beforeDestroy","searchFun","delete","pageOrientation","fileName","getRoles","element","dataSource"],"mappings":"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ACAC,eAEAnB,oBACA,yBACA,aACA,oBACA,+BACA,mBACA,mCAEAe,MAAAC,IACA,yBACA,kBACAC,gCACAC,aACAC,eAEAnB,yBCxNuX,ICOnX,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QClBX,EAAS,WAAa,IAAI7C,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,cAAc,CAACM,YAAY,uBAAuBJ,MAAM,CAAC,GAAK,CACrKY,KAAM,WACNsD,MAAO,CACLjE,UAAWN,KAAKwE,OAAOD,MAAMjE,UACzBN,KAAKwE,OAAOD,MAAMjE,UAClBN,KAAKyE,QAAQC,GACjBzB,SAAUlD,EAAIgD,KAAK9B,SAEnB,CAAClB,EAAIQ,GAAG,SAASR,EAAIY,GAAGZ,EAAIa,GAAG,uBAAuB,WAAW,IACrE,EAAkB,GCWP,GACfmC,OACA,OACAA,UAGA4B,YACAtB,YC3BiW,ICO7V,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,4FCsJf,IAAI,EAAI,IAEO,OACfuB,wCACA3D,eACA4D,YACAC,oBACAC,mBACAC,eACAC,kBACAnD,YAEAoD,SACAC,yDAEApC,OACA,OACAnB,yCACA6C,aACAW,kBACAC,sBACA/E,eACAc,cACAL,SACAP,QACA8E,UACArC,gBACAC,gBAEA1B,cACA+D,6BACAC,YACAC,aAEAhE,6CACAC,QAAAgE,oBAAAC,eACA7D,oBACA,OACA8D,aAGA/D,2BACA,OACA+D,kDACAA,SACA,uWAQA7C,gBACA,OACAA,UAGAM,SACAwC,uBACA,uCAEAC,uBACA,8CAQAC,OACAtB,WACA,UACA,iBAIAxB,WACA,kBAGAE,UACA,iCACA,eACA,2CACA,4BACA,gBACA,kBAOA,qCACA,qBAEA,qCACA,qBAEA,mCACA,mBAQA6C,gBAEA,mCACA,mCACA,iCAIArB,UAIA,cACA,oEACA,iBACAQ,YANAvC,iCACAqD,SAUA5C,SAMAvC,UACA,kCAMA+E,cACA,YACA,qCAEAvC,gBACA,WACAC,IACA,gDACAC,qBAEAC,KAAAC,IACA,2BAEAC,MAAAC,QAEAkC,cACA,mDACA,GAGA,WACAI,OACA,oDACA,4BACA,4BACA,mBACA,IACA1C,qBAEAC,KAAAS,IACA,kBACAL,gDACAC,eACAC,eAEA,kBAEAJ,MAAAC,IACA,kBACAC,gCACAC,aACAC,kBAIApC,gBACA,oBACA,iBACA,OACAwE,4BACAC,0BAEA,+CACA,gDACA,gDACA,gDACA,gDACA,gDACA,iCACA,MACA,mBAGA,kCACA,QAGA7E,gBACA8E,WACA,mBACA,WACA9C,IACA,sDACA,4BACA,4BACA,4BACA,gBACAC,qBAEAC,KAAAC,IAEA,mBACA,iBACA,0BACA,QAIAA,mBACA4C,cAGA,gDACAC,oBAEA,qBAEA5C,MAAAC,IACA,wBCzZ6W,ICOzW,EAAY,eACd,EACA9D,EACAiC,GACA,EACA,KACA,KACA,MAIa,e","file":"js/chunk-2d0cf714.6489eed8.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('AddRoleModal',{attrs:{\"companyId\":_vm.companyId}}),_vm._v(\" \"),_c('UpdateRoleModal',{attrs:{\"role\":_vm.role,\"companyId\":_vm.companyId}}),_vm._v(\" \"),_c('MasterLayout',[_c('div',{staticClass:\"pt-5 pb-3 pl-4 pr-3 dashboard_first_row\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-8\"},[_c('div',{staticClass:\"py-5 pt-5 mb-3 row align-items-center white-bg\"},[_c('div',{staticClass:\"col-md-1 remove-right-padding col-center-flex\"},[_c('div',{staticClass:\"square-icon-wrapper small sky-bg\"},[_c('i',{staticClass:\"fa fa-users primary-color\",staticStyle:{\"font-size\":\"35px\"},attrs:{\"aria-hidden\":\"true\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"py-1 col-md-4\"},[_c('h4',{staticClass:\"primary-color font-600\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.omit.manageSubcat\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"mt-3 light-grey-text\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.omit.manageSubcatDet\"))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4 text_right\"},[_c('button',{staticClass:\"add__new__retainership_btn\",staticStyle:{\"border-radius\":\"6px\",\"background-color\":\"#370f70\"},on:{\"click\":_vm.addRole}},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.cGrpMgt.createButton\"))+\"\\n                \"),_c('img',{staticClass:\"ml-3 loader\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"35px\",\"height\":\"35px\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-5 flexify\"})])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"py-4 card_container\"},[_c('div',{staticClass:\"card__header___text\"},[_c('div',[_c('h3',{staticClass:\"text-center our_branches__header\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.products.total\"))+\"\\n                \")]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 dealer__icon__wrapper\"},[_c('div',{staticClass:\"text-center dealer__icon__div\"},[_c('div',[_c('i',{staticClass:\"text-white fa fa-users\",staticStyle:{\"font-size\":\"35px\"},attrs:{\"aria-hidden\":\"true\"}})])])]),_vm._v(\" \"),_c('h3',{staticClass:\"mt-2 text-center our_branches__header\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.roleNo)+\"\\n                \")])])])])])])]),_vm._v(\" \"),_c('section',{staticClass:\"pump__details__section_2\"},[_c('div',{staticClass:\"row add_driver_row record__expenses\"},[_c('div',{staticClass:\"col-md-12 col-lg-12\"},[_c('ejs-grid',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showLoader),expression:\"!showLoader\"}],ref:\"dataGrid\",attrs:{\"created\":_vm.refreshGrid,\"allowPaging\":true,\"allowSorting\":true,\"pageSettings\":_vm.pageSettings,\"toolbar\":_vm.toolbar,\"searchSettings\":_vm.search,\"allowTextWrap\":true,\"allowExcelExport\":true,\"allowPdfExport\":true,\"toolbarClick\":_vm.toolbarClick,\"locale\":_vm.usedLang}},[_c('e-columns',[_c('e-column',{attrs:{\"width\":\"70\",\"field\":\"index\",\"headerText\":\"#\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"name\",\"width\":\"150\",\"headerText\":_vm.$t('text.products.name')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"description\",\"width\":\"250\",\"headerText\":_vm.$t('text.products.desc')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"150\",\"template\":_vm.buttonsTemplate,\"headerText\":_vm.$t('text.actionButtons.title')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"200\",\"template\":_vm.RoleTemp,\"headerText\":\"\"}})],1)],1),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}})],1)])])])],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('modal',{staticClass:\"addNewRetainershipModal\",attrs:{\"name\":\"addRoleModal\",\"transition\":\"pop-out\",\"width\":_vm.modalWidth,\"height\":400},on:{\"closed\":_vm.closed,\"opened\":_vm.opened}},[_c('div',{staticClass:\"retainership__box\"},[_c('button',{staticClass:\"close modal-close\",attrs:{\"type\":\"button\",\"aria-label\":\"Close\"},on:{\"click\":_vm.closed}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])]),_vm._v(\" \"),_c('div',{staticClass:\"text-center\"},[_c('h3',{staticClass:\"mt-2 add__retainership__header\"},[_c('span',[_c('i',{staticClass:\"fa fa-users\",staticStyle:{\"font-size\":\"25px\"},attrs:{\"aria-hidden\":\"true\"}})]),_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.omit.addSubcat\"))+\"\\n      \")]),_vm._v(\" \"),_c('div',{staticClass:\"sign_up_form_section\"},[_c('form',[_c('div',{staticClass:\"mt-3 form_input_section\"},[_c('div',{staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.name),expression:\"name\"}],staticClass:\"form-control w-100\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.products.name')},domProps:{\"value\":(_vm.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.name=$event.target.value}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 form_input_section\"},[_c('div',{staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.description),expression:\"description\"}],staticClass:\"form-control w-100\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.products.desc')},domProps:{\"value\":(_vm.description)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.description=$event.target.value}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-5 text-center\"},[_c('button',{staticClass:\"btn dealers_btn\",style:([\n                _vm.isButtonDisabled\n                  ? { cursor: 'not-allowed' }\n                  : { cursor: 'pointer' } ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":function($event){return _vm.addSubCategory($event)}}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.cDrystock.add\"))+\"\\n              \"),_c('img',{staticClass:\"ml-3 loader\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"19px\"}})])])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <modal\r\n    class=\"addNewRetainershipModal\"\r\n    name=\"addRoleModal\"\r\n    transition=\"pop-out\"\r\n    :width=\"modalWidth\"\r\n    :height=\"400\"\r\n    @closed=\"closed\"\r\n    @opened=\"opened\"\r\n  >\r\n    <div class=\"retainership__box\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"close modal-close\"\r\n        aria-label=\"Close\"\r\n        @click=\"closed\"\r\n      >\r\n        <span aria-hidden=\"true\">&times;</span>\r\n      </button>\r\n\r\n      <div class=\"text-center\">\r\n        <h3 class=\"mt-2 add__retainership__header\">\r\n          <span>\r\n            <!-- <img src=\"@/assets/img/Group 440.png\" width=\"50px\" /> -->\r\n            <i\r\n              class=\"fa fa-users\"\r\n              aria-hidden=\"true\"\r\n              style=\"font-size: 25px\"\r\n            ></i>\r\n          </span>\r\n          {{ $t(\"text.omit.addSubcat\") }}\r\n        </h3>\r\n\r\n        <div class=\"sign_up_form_section\">\r\n          <form>\r\n            <div class=\"mt-3 form_input_section\">\r\n              <div class=\"input__block\">\r\n                <input\r\n                  type=\"text\"\r\n                  :placeholder=\"$t('text.products.name')\"\r\n                  class=\"form-control w-100\"\r\n                  v-model=\"name\"\r\n                />\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"mt-3 form_input_section\">\r\n              <div class=\"input__block\">\r\n                <input\r\n                  type=\"text\"\r\n                  :placeholder=\"$t('text.products.desc')\"\r\n                  class=\"form-control w-100\"\r\n                  v-model=\"description\"\r\n                />\r\n              </div>\r\n            </div>\r\n\r\n            <!-- <div class=\"mt-3 input__block\">\r\n              <select v-model=\"category\">\r\n                <option value=\"selectCategory\" selected disabled>\r\n                  {{ $t(\"text.gManagement.selectCategory\") }}\r\n                </option>\r\n                <option\r\n                  :value=\"category.name\"\r\n                  v-for=\"(category, index) in categoryList\"\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\r\n            <div class=\"mt-5 text-center\">\r\n              <button\r\n                class=\"btn dealers_btn\"\r\n                @click=\"addSubCategory($event)\"\r\n                :disabled=\"isButtonDisabled ? true : null\"\r\n                :style=\"[\r\n                  isButtonDisabled\r\n                    ? { cursor: 'not-allowed' }\r\n                    : { cursor: 'pointer' },\r\n                ]\"\r\n              >\r\n                {{ $t(\"text.cDrystock.add\") }}\r\n                <img\r\n                  src=\"@/assets/img/git_loader.gif\"\r\n                  style=\"display: none\"\r\n                  width=\"19px\"\r\n                  class=\"ml-3 loader\"\r\n                />\r\n              </button>\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </modal>\r\n</template>\r\n<script>\r\nimport configObject from \"@/config\";\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nconst MODAL_WIDTH = 700;\r\n\r\nexport default {\r\n  name: \"addRoleModal\",\r\n  props: [\"companyId\"],\r\n  data() {\r\n    return {\r\n      modalWidth: MODAL_WIDTH,\r\n      formIsValid: false,\r\n      isButtonDisabled: false,\r\n      name: \"\",\r\n      description: \"\",\r\n      // category: \"selectCategory\",\r\n      category: \"Team\",\r\n      categoryList: [],\r\n    };\r\n  },\r\n  created() {\r\n    this.showLoader = true;\r\n    this.modalWidth =\r\n      window.innerWidth < MODAL_WIDTH ? MODAL_WIDTH / 2 : MODAL_WIDTH;\r\n  },\r\n  methods: {\r\n    closed() {\r\n      this.name = \"\";\r\n      this.description = \"\";\r\n      this.category = \"selectCategory\";\r\n      this.$modal.hide(\"addRoleModal\");\r\n    },\r\n\r\n    opened() {\r\n      // this.getCategories();\r\n    },\r\n\r\n    getCategories() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Role/GroupCategories/EPUMP`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.categoryList = response.data;\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n\r\n    addSubCategory($event) {\r\n      $event.preventDefault();\r\n\r\n      if (!this.name) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.nameIsRequired\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.description) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.descIsRequired\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        return;\r\n      }\r\n\r\n      if (this.category == \"selectCategory\") {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.pleaseSelectCategory\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        return;\r\n      }\r\n\r\n      let data = {\r\n        name: this.name,\r\n        description: this.description,\r\n        categoryName: this.category,\r\n      };\r\n\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n      let _this = this;\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/GroupManagement/SubCategory/${this.companyId}`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          this.closed();\r\n          this.$toast.open({\r\n            message: this.$t(\"text.categories.successfullyAdded\"),\r\n            type: \"success\",\r\n            duration: 3000,\r\n          });\r\n          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\r\n          this.name = \"\";\r\n          this.description = \"\";\r\n          this.category = \"selectCategory\";\r\n          this.showLoader = false;\r\n          this.$eventHub.$emit(\"getroles\");\r\n        })\r\n        .catch((error) => {\r\n          this.isButtonDisabled = false;\r\n          this.$toast.open({\r\n            message: error.response.data.message,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n          $(\".loader\").hide();\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\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!./addRoleModal.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!./addRoleModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./addRoleModal.vue?vue&type=template&id=3dc05837&\"\nimport script from \"./addRoleModal.vue?vue&type=script&lang=js&\"\nexport * from \"./addRoleModal.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('modal',{staticClass:\"addNewRetainershipModal\",attrs:{\"name\":\"updateRoleModal\",\"transition\":\"pop-out\",\"width\":_vm.modalWidth,\"height\":400},on:{\"closed\":_vm.closed,\"opened\":_vm.opened}},[_c('div',{staticClass:\"retainership__box\"},[_c('button',{staticClass:\"close modal-close\",attrs:{\"type\":\"button\",\"aria-label\":\"Close\"},on:{\"click\":_vm.closed}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])]),_vm._v(\" \"),_c('div',{staticClass:\"text-center\"},[_c('h3',{staticClass:\"mt-2 add__retainership__header\"},[_c('span',[_c('i',{staticClass:\"fa fa-users\",staticStyle:{\"font-size\":\"25px\"},attrs:{\"aria-hidden\":\"true\"}})]),_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.omit.upSubcat\"))+\"\\n      \")]),_vm._v(\" \"),_c('div',{staticClass:\"sign_up_form_section\"},[_c('form',[_c('div',{staticClass:\"mt-3 form_input_section\"},[_c('div',{staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.role.name),expression:\"role.name\"}],staticClass:\"form-control w-100\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.products.name')},domProps:{\"value\":(_vm.role.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.role, \"name\", $event.target.value)}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 form_input_section\"},[_c('div',{staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.role.description),expression:\"role.description\"}],staticClass:\"form-control w-100\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.products.desc')},domProps:{\"value\":(_vm.role.description)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.role, \"description\", $event.target.value)}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-5 text-center\"},[_c('button',{staticClass:\"btn dealers_btn\",style:([\n                _vm.isButtonDisabled\n                  ? { cursor: 'not-allowed' }\n                  : { cursor: 'pointer' } ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":function($event){return _vm.updateSubCategory($event)}}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.actionButtons.update\"))+\"\\n              \"),_c('img',{staticClass:\"ml-3 loader\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"19px\"}})])])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <modal\r\n    class=\"addNewRetainershipModal\"\r\n    name=\"updateRoleModal\"\r\n    transition=\"pop-out\"\r\n    :width=\"modalWidth\"\r\n    :height=\"400\"\r\n    @closed=\"closed\"\r\n    @opened=\"opened\"\r\n  >\r\n    <div class=\"retainership__box\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"close modal-close\"\r\n        aria-label=\"Close\"\r\n        @click=\"closed\"\r\n      >\r\n        <span aria-hidden=\"true\">&times;</span>\r\n      </button>\r\n      <div class=\"text-center\">\r\n        <h3 class=\"mt-2 add__retainership__header\">\r\n          <span>\r\n            <!-- <img src=\"@/assets/img/Group 440.png\" width=\"50px\" /> -->\r\n            <i\r\n              class=\"fa fa-users\"\r\n              aria-hidden=\"true\"\r\n              style=\"font-size: 25px\"\r\n            ></i>\r\n          </span>\r\n          {{ $t(\"text.omit.upSubcat\") }}\r\n        </h3>\r\n\r\n        <div class=\"sign_up_form_section\">\r\n          <form>\r\n            <div class=\"mt-3 form_input_section\">\r\n              <div class=\"input__block\">\r\n                <input\r\n                  type=\"text\"\r\n                  :placeholder=\"$t('text.products.name')\"\r\n                  class=\"form-control w-100\"\r\n                  v-model=\"role.name\"\r\n                />\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"mt-3 form_input_section\">\r\n              <div class=\"input__block\">\r\n                <input\r\n                  type=\"text\"\r\n                  :placeholder=\"$t('text.products.desc')\"\r\n                  class=\"form-control w-100\"\r\n                  v-model=\"role.description\"\r\n                />\r\n              </div>\r\n            </div>\r\n\r\n            <!-- <div class=\"mt-3 input__block\">\r\n              <select v-model=\"role.categoryName\">\r\n                <option value=\"selectCategory\" selected disabled>\r\n                  {{ $t(\"text.gManagement.selectCategory\") }}\r\n                </option>\r\n                <option\r\n                  :value=\"category.name\"\r\n                  v-for=\"(category, index) in categoryList\"\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\r\n            <div class=\"mt-5 text-center\">\r\n              <button\r\n                class=\"btn dealers_btn\"\r\n                @click=\"updateSubCategory($event)\"\r\n                :disabled=\"isButtonDisabled ? true : null\"\r\n                :style=\"[\r\n                  isButtonDisabled\r\n                    ? { cursor: 'not-allowed' }\r\n                    : { cursor: 'pointer' },\r\n                ]\"\r\n              >\r\n                {{ $t(\"text.actionButtons.update\") }}\r\n                <img\r\n                  src=\"@/assets/img/git_loader.gif\"\r\n                  style=\"display: none\"\r\n                  width=\"19px\"\r\n                  class=\"ml-3 loader\"\r\n                />\r\n              </button>\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </modal>\r\n</template>\r\n<script>\r\nimport configObject from \"@/config\";\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nconst MODAL_WIDTH = 700;\r\n\r\nexport default {\r\n  name: \"updateRoleModal\",\r\n  props: [\"role\", \"companyId\"],\r\n  data() {\r\n    return {\r\n      modalWidth: MODAL_WIDTH,\r\n      formIsValid: false,\r\n      isButtonDisabled: false,\r\n      // name: \"\",\r\n      // description: \"\",\r\n      // category: \"selectCategory\",\r\n      categoryList: [],\r\n    };\r\n  },\r\n  created() {\r\n    this.showLoader = true;\r\n    this.modalWidth =\r\n      window.innerWidth < MODAL_WIDTH ? MODAL_WIDTH / 2 : MODAL_WIDTH;\r\n  },\r\n  methods: {\r\n    closed() {\r\n      // this.name = \"\";\r\n      // this.description = \"\";\r\n      // this.category = \"selectCategory\";\r\n      this.$modal.hide(\"updateRoleModal\");\r\n    },\r\n\r\n    opened() {\r\n      // this.getCategories();\r\n    },\r\n\r\n    getCategories() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Role/GroupCategories/EPUMP`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.categoryList = response.data;\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n\r\n    updateSubCategory($event) {\r\n      $event.preventDefault();\r\n\r\n      if (!this.role.name) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.nameIsRequired\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.role.description) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.descIsRequired\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        return;\r\n      }\r\n\r\n      // if (this.role.categoryName == \"selectCategory\") {\r\n      //   this.$toast.open({\r\n      //     message: this.$t(\"text.errors.pleaseSelectCategory\"),\r\n      //     type: \"error\",\r\n      //     duration: 5000,\r\n      //   });\r\n      //   return;\r\n      // }\r\n\r\n      let data = {\r\n        name: this.role.name,\r\n        description: this.role.description,\r\n        // categoryName: this.role.categoryName,\r\n        categoryName: \"Team\",\r\n      };\r\n\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n      let _this = this;\r\n      this.axios\r\n        .put(\r\n          `${configObject.apiBaseUrl}/GroupManagement/SubCategory/${this.companyId}/${this.role.name}`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          this.closed();\r\n          this.$toast.open({\r\n            message: this.$t(\"text.omit.successfullyUpdatedRole\"),\r\n            type: \"success\",\r\n            duration: 3000,\r\n          });\r\n          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\r\n          this.name = \"\";\r\n          this.description = \"\";\r\n          this.category = \"selectCategory\";\r\n          this.showLoader = false;\r\n          this.$eventHub.$emit(\"getroles\");\r\n        })\r\n        .catch((error) => {\r\n          this.isButtonDisabled = false;\r\n          this.$toast.open({\r\n            message: error.response.data.message,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n          $(\".loader\").hide();\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\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!./updateRoleModal.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!./updateRoleModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./updateRoleModal.vue?vue&type=template&id=5b18b93b&\"\nimport script from \"./updateRoleModal.vue?vue&type=script&lang=js&\"\nexport * from \"./updateRoleModal.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('router-link',{staticClass:\"btn details_btn mr-2\",attrs:{\"to\":{\n      name: 'MapRoles',\n      query: {\n        companyId: this.$route.query.companyId\n          ? this.$route.query.companyId\n          : this.company.id,\n        category: _vm.data.name,\n      },\n    }}},[_vm._v(\"\\n    \"+_vm._s(_vm.$t(\"text.omit.mapRoles\"))+\"\\n  \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <router-link\r\n      :to=\"{\r\n        name: 'MapRoles',\r\n        query: {\r\n          companyId: this.$route.query.companyId\r\n            ? this.$route.query.companyId\r\n            : this.company.id,\r\n          category: data.name,\r\n        },\r\n      }\"\r\n      class=\"btn details_btn mr-2\"\r\n    >\r\n      {{ $t(\"text.omit.mapRoles\") }}\r\n    </router-link>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      data: {},\r\n    };\r\n  },\r\n  mounted() {},\r\n  methods: {},\r\n};\r\n</script>\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!./roleTemp.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!./roleTemp.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./roleTemp.vue?vue&type=template&id=911d56ee&\"\nimport script from \"./roleTemp.vue?vue&type=script&lang=js&\"\nexport * from \"./roleTemp.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","<template>\r\n  <div>\r\n    <AddRoleModal :companyId=\"companyId\" />\r\n    <UpdateRoleModal :role=\"role\" :companyId=\"companyId\" />\r\n    <!-- <roleDetailsModal :roleId=\"roleId\" /> -->\r\n    <MasterLayout>\r\n      <div class=\"pt-5 pb-3 pl-4 pr-3 dashboard_first_row\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-8\">\r\n            <div class=\"py-5 pt-5 mb-3 row align-items-center white-bg\">\r\n              <div class=\"col-md-1 remove-right-padding col-center-flex\">\r\n                <div class=\"square-icon-wrapper small sky-bg\">\r\n                  <i\r\n                    class=\"fa fa-users primary-color\"\r\n                    aria-hidden=\"true\"\r\n                    style=\"font-size: 35px\"\r\n                  ></i>\r\n                </div>\r\n              </div>\r\n              <div class=\"py-1 col-md-4\">\r\n                <h4 class=\"primary-color font-600\">\r\n                  {{ $t(\"text.omit.manageSubcat\") }}\r\n                </h4>\r\n                <p class=\"mt-3 light-grey-text\">\r\n                  {{ $t(\"text.omit.manageSubcatDet\") }}\r\n                </p>\r\n              </div>\r\n              <!-- <div class=\"col-md-3 drop_down_div mt-2\">\r\n                <div class=\"input__block\">\r\n                  <select v-model=\"category\">\r\n                    <option value=\"\" selected>\r\n                      {{ $t(\"text.cExpense.allCate\") }}\r\n                    </option>\r\n                    <option\r\n                      :value=\"category.name\"\r\n                      v-for=\"(category, index) in categoryList\"\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 class=\"col-md-4 text_right\">\r\n                <button\r\n                  class=\"add__new__retainership_btn\"\r\n                  style=\"border-radius: 6px; background-color: #370f70\"\r\n                  @click=\"addRole\"\r\n                >\r\n                  {{ $t(\"text.cGrpMgt.createButton\") }}\r\n                  <img\r\n                    src=\"@/assets/img/git_loader.gif\"\r\n                    style=\"display: none\"\r\n                    width=\"35px\"\r\n                    height=\"35px\"\r\n                    class=\"ml-3 loader\"\r\n                  />\r\n                </button>\r\n              </div>\r\n              <div class=\"col-md-5 flexify\"></div>\r\n            </div>\r\n          </div>\r\n          <div class=\"col-md-4\">\r\n            <div class=\"py-4 card_container\">\r\n              <div class=\"card__header___text\">\r\n                <div>\r\n                  <h3 class=\"text-center our_branches__header\">\r\n                    {{ $t(\"text.products.total\") }}\r\n                  </h3>\r\n                  <div class=\"mt-3 dealer__icon__wrapper\">\r\n                    <div class=\"text-center dealer__icon__div\">\r\n                      <div>\r\n                        <i\r\n                          class=\"text-white fa fa-users\"\r\n                          aria-hidden=\"true\"\r\n                          style=\"font-size: 35px\"\r\n                        ></i>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <h3 class=\"mt-2 text-center our_branches__header\">\r\n                    {{ roleNo }}\r\n                  </h3>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <section class=\"pump__details__section_2\">\r\n        <div class=\"row add_driver_row record__expenses\">\r\n          <div class=\"col-md-12 col-lg-12\">\r\n            <ejs-grid\r\n              v-show=\"!showLoader\"\r\n              ref=\"dataGrid\"\r\n              :created=\"refreshGrid\"\r\n              :allowPaging=\"true\"\r\n              :allowSorting=\"true\"\r\n              :pageSettings=\"pageSettings\"\r\n              :toolbar=\"toolbar\"\r\n              :searchSettings=\"search\"\r\n              :allowTextWrap=\"true\"\r\n              :allowExcelExport=\"true\"\r\n              :allowPdfExport=\"true\"\r\n              :toolbarClick=\"toolbarClick\"\r\n              :locale=\"usedLang\"\r\n            >\r\n              <e-columns>\r\n                <e-column width=\"70\" field=\"index\" headerText=\"#\"></e-column>\r\n                <e-column\r\n                  field=\"name\"\r\n                  width=\"150\"\r\n                  :headerText=\"$t('text.products.name')\"\r\n                ></e-column>\r\n                <e-column\r\n                  field=\"description\"\r\n                  width=\"250\"\r\n                  :headerText=\"$t('text.products.desc')\"\r\n                ></e-column>\r\n                <!-- <e-column\r\n                  field=\"categoryName\"\r\n                  width=\"150\"\r\n                  :headerText=\"$t('text.form.category')\"\r\n                ></e-column> -->\r\n                <e-column\r\n                  width=\"150\"\r\n                  :template=\"buttonsTemplate\"\r\n                  :headerText=\"$t('text.actionButtons.title')\"\r\n                ></e-column>\r\n                <e-column\r\n                  width=\"200\"\r\n                  :template=\"RoleTemp\"\r\n                  headerText=\"\"\r\n                ></e-column>\r\n              </e-columns>\r\n            </ejs-grid>\r\n            <TableLoader :showLoader=\"showLoader\" />\r\n          </div>\r\n        </div>\r\n      </section>\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 AddRoleModal from \"@/components/modals/RoleManagement/addRoleModal\";\r\nimport UpdateRoleModal from \"@/components/modals/RoleManagement/updateRoleModal\";\r\nimport RoleTemp from \"@/components/Templates/roleTemp\";\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: \"Role Management :: Epump Portal\",\r\n  name: \"roleMgt\",\r\n  components: {\r\n    MasterLayout,\r\n    TableLoader,\r\n    AddRoleModal,\r\n    UpdateRoleModal,\r\n    RoleTemp,\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      usedLang: this.$store.getters.getLanguage,\r\n      company: null,\r\n      backgroundUrl,\r\n      cardBackgroundUrl,\r\n      companyId: null,\r\n      showLoader: true,\r\n      roleNo: 0,\r\n      role: [],\r\n      roleId: \"\",\r\n      category: \"Team\",\r\n      categoryList: [],\r\n      // formatOptions: { type: \"date\", format: \"dd/MM/yyyy\" },\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\", \"ExcelExport\", \"PdfExport\"],\r\n      search: { operator: \"contains\", ignoreCase: true },\r\n      RoleTemp: function () {\r\n        return {\r\n          template: RoleTemp,\r\n        };\r\n      },\r\n      buttonsTemplate: function () {\r\n        return {\r\n          template: Vue.component(\"columnTemplate\", {\r\n            template:\r\n              '<div class=\"btn-group btn-group-sm\" role=\"group\">' +\r\n              '<button type=\"button\" class=\"btn btn-warning\" title=\"Update role\" @click=\"updateRole(data)\" >' +\r\n              '<i class=\"fa fa-edit\" aria-hidden=\"true\"></i>' +\r\n              \"</button>\" +\r\n              '<button type=\"button\" class=\"btn btn-danger\" title=\"Delete role\" @click=\"deleteRole(data.name)\" >' +\r\n              '<i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>' +\r\n              \"</button>\" +\r\n              \"</div>\",\r\n            data: function () {\r\n              return {\r\n                data: {},\r\n              };\r\n            },\r\n            methods: {\r\n              updateRole: function (role) {\r\n                this.$eventHub.$emit(\"_updateRole\", role);\r\n              },\r\n              deleteRole: function (name) {\r\n                this.$eventHub.$emit(\"_deleteRole\", name);\r\n              },\r\n            },\r\n          }),\r\n        };\r\n      },\r\n    };\r\n  },\r\n  watch: {\r\n    company(company) {\r\n      if (company !== null) {\r\n        this.getRoles();\r\n      }\r\n    },\r\n\r\n    category() {\r\n      this.getRoles();\r\n    },\r\n  },\r\n  created() {\r\n    this.$eventHub.$on(\"company\", (company) => {\r\n      this.company = company;\r\n      this.companyId = this.$route.query.companyId\r\n        ? this.$route.query.companyId\r\n        : this.company.id;\r\n      this.getRoles();\r\n      // this.getCategories();\r\n    });\r\n    // if (this.$route.query.companyId) {\r\n    //   this.getRoles();\r\n    //   this.getCategories();\r\n    // }\r\n    this.$eventHub.$on(\"_updateRole\", (role) => {\r\n      this.updateRole(role);\r\n    });\r\n    this.$eventHub.$on(\"_deleteRole\", (name) => {\r\n      this.deleteRole(name);\r\n    });\r\n    this.$eventHub.$on(\"getroles\", () => {\r\n      this.getRoles();\r\n    });\r\n    // this.$eventHub.$on(\"_markAsUsed\", (id) => {\r\n\r\n    //   this.markrole(id);\r\n    // });\r\n  },\r\n\r\n  beforeDestroy() {\r\n    // this.$eventHub.$off(\"_roleDetails\");\r\n    this.$eventHub.$off(\"_updateRole\");\r\n    this.$eventHub.$off(\"_deleteRole\");\r\n    this.$eventHub.$off(\"getroles\");\r\n    // this.$eventHub.$off(\"_markAsUsed\");\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    // this.updateRouteQuery();\r\n  },\r\n\r\n  methods: {\r\n    // updateRouteQuery() {\r\n    //   let queries = JSON.parse(JSON.stringify(this.$route.query));\r\n    //   queries.dateRange = JSON.stringify(this.dateRange);\r\n    //   this.$router.replace({ query: queries });\r\n    // },\r\n    addRole() {\r\n      this.$modal.show(\"addRoleModal\");\r\n    },\r\n    // roleDetails(id) {\r\n    //   this.roleId = id;\r\n    //   this.$modal.show(\"roleDetailsModal\");\r\n    // },\r\n    updateRole(role) {\r\n      this.role = role;\r\n      this.$modal.show(\"updateRoleModal\");\r\n    },\r\n    getCategories() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Role/GroupCategories/EPUMP`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.categoryList = response.data;\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    deleteRole(name) {\r\n      const remove = confirm(this.$t(\"text.omit.sureToDelete\"));\r\n      if (!remove) {\r\n        return;\r\n      }\r\n      this.axios\r\n        .delete(\r\n          `${configObject.apiBaseUrl}/GroupManagement/SubCategory/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }/${name}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          this.$toast.open({\r\n            message: this.$t(\"text.products.requestDeleted\"),\r\n            type: \"success\",\r\n            duration: 4000,\r\n          });\r\n          this.getRoles();\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: 4000,\r\n          });\r\n        });\r\n    },\r\n    toolbarClick(args) {\r\n      switch (args.item.text) {\r\n        case \"PDF Export\":\r\n          let pdfExportProperties = {\r\n            pageOrientation: \"Landscape\",\r\n            fileName: \"role_List.pdf\",\r\n          };\r\n          this.$refs.dataGrid.getColumns()[0].width = \"80\";\r\n          this.$refs.dataGrid.getColumns()[1].width = \"200\";\r\n          this.$refs.dataGrid.getColumns()[2].width = \"140\";\r\n          this.$refs.dataGrid.getColumns()[3].width = \"200\";\r\n          this.$refs.dataGrid.getColumns()[4].width = \"200\";\r\n          this.$refs.dataGrid.getColumns()[5].width = \"200\";\r\n          this.$refs.dataGrid.pdfExport(pdfExportProperties);\r\n          break;\r\n        case \"Excel Export\":\r\n          // this.$refs.dataGrid.getColumns()[4].visible = false;\r\n          // this.$refs.dataGrid.getColumns()[5].visible = true;\r\n          this.$refs.dataGrid.excelExport();\r\n          break;\r\n      }\r\n    },\r\n    refreshGrid() {},\r\n    getRoles() {\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=${this.category}`,\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.roleNo = response.data.length;\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          response.data.forEach((element) => {\r\n            element.index = ++index;\r\n            // element.dateUnformatted = element.date;\r\n          });\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=60b753b0&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.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":""}