{"version":3,"sources":["webpack:///./src/views/Company/RoleManagement/mapRoles.vue","webpack:///src/views/Company/RoleManagement/mapRoles.vue","webpack:///./src/views/Company/RoleManagement/mapRoles.vue?93d7","webpack:///./src/views/Company/RoleManagement/mapRoles.vue?8b93"],"names":["render","_vm","this","_c","_self","staticClass","staticStyle","style","backgroundImage","backgroundUrl","backgroundPosition","backgroundRepeat","backgroundSize","_v","_s","$t","categoryName","on","toggleBranchListDropdown","attrs","tags","newTags","model","value","tag","callback","$$v","expression","directives","name","rawName","searchInp","domProps","$event","target","composing","selectAll","nativeOn","toggleChckBox","filteredList","selected","filteredList2","filteredList3","isButtonDisabled","cursor","mapCategoryRole","require","_l","mappedRoles","mappedRole","i","key","modifiers","removeRole","staticRenderFns","$","components","MasterLayout","VueTagsInput","data","company","branches","options","options2","options3","combinedOptions","allRoles","watch","newSelectedArray","mounted","created","computed","sortedList","ch","get","set","combinedArray","methods","subCategoryName","roleName","post","configObject","then","res","message","type","duration","catch","error","getRoles","filteredRoles","el","copiedResponse","twoThirdOfArr","getRolesMapped","b","timeout","roleNames","component"],"mappings":"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,KAAAC,IACA,kBACAC,gDACAC,eACAC,eAGA,yBACA,gBACA,wBAEAC,MAAAC,IACA,yBAEA,kBACAJ,gCACAC,aACAC,kBAMAG,WACA,WACAf,IAEA,mEACAO,qBAEAC,KAAAC,IACA,0CAEA,gBACAO,cACAC,cACAA,iBAEA,aACA,KACA,KACA,KACAC,kBACA,iBACA,MACA9B,YAIA,eACA8B,aACAA,YAEAC,kBACA,2BACA,KACA9B,UAEAC,YAIA,eACA,gBACA,gBAEA,wCAEAuB,MAAAC,QAEAlD,iBACA,qBACA,wCACA,+BACA,+CACA,MACA,mCAEA,gCAIA,uCACA,0CACA,wBAKAwD,iBACA,WACApB,IACA,8DACA,4BACA,4BACA,mBACA,oBACAO,qBAEAC,KAAAC,IACAA,mBACA,0CACA,EACAY,2CACA,EACA,GAEA,wBAEA,WACA,0BACApC,iBAEA,SACA,KACAwB,mBACA,qBACA/D,eACAoB,kBAGA,YACA,kBAEA+C,MAAAC,QAIA3C,kBACA,cACA,kBAKA,YAJA,8CACAwC,aACAW,cAIA,yBACAzC,oBAEA,SACAuB,kCACAmB,yBAEA,WACAjB,KACA,4DACA,4BACA,4BACA,kBAEArB,EACAsB,qBAEAC,KAAAC,IACA,yBACA5B,oBACA,kBACA6B,qDACAC,eACAC,eAEA,gBACA,wBAEAC,MAAAC,IACA,yBACAjC,oBACA,kBACA6B,gCACAC,aACAC,oBCvgBgX,I,YCO5WY,EAAY,eACd,EACAlG,EACAsD,GACA,EACA,KACA,KACA,MAIa,aAAA4C,E","file":"js/chunk-2d0c4dc8.0c79ba4f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('MasterLayout',[_c('div',{staticClass:\"fuel_consumption_row\"},[_c('div',{staticClass:\"fuel_consumption_row_right_section mr-3 pump__bg\",staticStyle:{\"border-radius\":\"12px\",\"flex\":\"0 0 72%\"},style:([\n          {\n            backgroundImage: `linear-gradient(rgb(41, 39, 39 , 0.92), rgb(41, 39, 39, 0.92)), url(${_vm.backgroundUrl})`,\n            backgroundPosition: 'center',\n            backgroundRepeat: 'no-repeat',\n            backgroundSize: 'cover',\n          },\n        ])},[_c('div',{staticClass:\"row align-items-center justify-content-center\",staticStyle:{\"height\":\"100%\"}},[_c('div',{staticClass:\"col-md-12\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('h4',{staticClass:\"text-center text-white\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.omit.mapRolesFor\"))+\"\\n              \"),_c('b',[_vm._v(_vm._s(_vm.categoryName))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"transaction_period_text text-center mt-5\"})])]),_vm._v(\" \"),_c('div',{staticClass:\"new_row_section pb-4 mt-3\"},[_c('div',{staticClass:\"card border-0 px-4\"},[_c('div',{staticClass:\"row mt-3\"},[_c('div',{staticClass:\"col-md-7\"},[_c('div',{staticClass:\"mt-4\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.iUsers.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\":(newTags) => (_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\":\"search\",\"placeholder\":_vm.$t('text.omit.searchRole')},domProps:{\"value\":(_vm.searchInp)},on:{\"input\":function($event){if($event.target.composing)return;_vm.searchInp=$event.target.value}}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-2\"},[_c('i',{staticClass:\"fa fa-search\",staticStyle:{\"color\":\"#b6b6b6\"},attrs:{\"aria-hidden\":\"true\"}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"row mt-3\",staticStyle:{\"width\":\"100%\",\"margin\":\"0 auto\"}},[_c('div',{staticClass:\"col-md-4\"},[_c('div',{attrs:{\"classs\":\"\"}},[_c('b-form-checkbox',{staticClass:\"sec_text_color\",attrs:{\"id\":\"selectAll\"},model:{value:(_vm.selectAll),callback:function ($$v) {_vm.selectAll=$$v},expression:\"selectAll\"}},[_vm._v(\"\\n                          \"+_vm._s(_vm.$t(\"text.omit.selectRoles\"))+\"\\n                        \")])],1)])]),_vm._v(\" \"),_c('div',{staticClass:\"row justify-content-center mt-3\",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._v(\" \"),_c('div',{staticClass:\"mt-5 d-flex justify-content-center\"},[_c('button',{staticClass:\"save__btn record_expense_btn mr-2 w-50 btn_primary_color\",style:([\n                  _vm.isButtonDisabled\n                    ? { cursor: 'not-allowed' }\n                    : { cursor: 'pointer' },\n                ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":function($event){return _vm.mapCategoryRole()}}},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.omit.addMappedRoles\"))+\"\\n                \"),_c('span',[_c('img',{staticClass:\"loader ml-2\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"25px\"}})])])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-3 ml-2 mt-3\"},[_c('h6',{staticClass:\"text-center primary-color\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.omit.mappedRoles\"))+\"\\n            \")]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3\"},[_c('ul',_vm._l((_vm.mappedRoles),function(mappedRole,i){return _c('li',{key:i,staticStyle:{\"list-style-type\":\"none\",\"padding-bottom\":\"10px\"}},[_vm._v(\"\\n                  \"+_vm._s(mappedRole.name)+\"\\n                  \"),_c('i',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"mr-2 cursor-pointer fa fa-times\",staticStyle:{\"font-size\":\"10px\",\"color\":\"white\",\"background-color\":\"red\",\"padding\":\"2px\",\"border-radius\":\"10px\",\"border\":\"1px solid white\"},style:([\n                      _vm.isButtonDisabled\n                        ? { cursor: 'not-allowed' }\n                        : { cursor: 'pointer' },\n                    ]),attrs:{\"aria-hidden\":\"true\",\"title\":_vm.$t('text.clickButtons.remove')},on:{\"click\":function($event){return _vm.removeRole(mappedRole)}}})])}),0)])])])])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <MasterLayout>\r\n      <div class=\"fuel_consumption_row\">\r\n        <div\r\n          class=\"fuel_consumption_row_right_section mr-3 pump__bg\"\r\n          style=\"border-radius: 12px; flex: 0 0 72%\"\r\n          :style=\"[\r\n            {\r\n              backgroundImage: `linear-gradient(rgb(41, 39, 39 , 0.92), rgb(41, 39, 39, 0.92)), url(${backgroundUrl})`,\r\n              backgroundPosition: 'center',\r\n              backgroundRepeat: 'no-repeat',\r\n              backgroundSize: 'cover',\r\n            },\r\n          ]\"\r\n        >\r\n          <div\r\n            class=\"row align-items-center justify-content-center\"\r\n            style=\"height: 100%\"\r\n          >\r\n            <div\r\n              class=\"col-md-12\"\r\n              style=\"display: flex; justify-content: center\"\r\n            >\r\n              <h4 class=\"text-center text-white\">\r\n                {{ $t(\"text.omit.mapRolesFor\") }}\r\n                <b>{{ categoryName }}</b>\r\n              </h4>\r\n            </div>\r\n          </div>\r\n          <div class=\"transaction_period_text text-center mt-5\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"new_row_section pb-4 mt-3\">\r\n        <div class=\"card border-0 px-4\">\r\n          <div class=\"row mt-3\">\r\n            <div class=\"col-md-7\">\r\n              <div class=\"mt-4\">\r\n                <label>{{ $t(\"text.iUsers.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=\"search\"\r\n                            :placeholder=\"$t('text.omit.searchRole')\"\r\n                            v-model=\"searchInp\"\r\n                          />\r\n                        </div>\r\n                        <div class=\"col-md-2\">\r\n                          <i\r\n                            class=\"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=\"row mt-3\" style=\"width: 100%; margin: 0 auto\">\r\n                      <div class=\"col-md-4\">\r\n                        <div classs=\"\">\r\n                          <b-form-checkbox\r\n                            id=\"selectAll\"\r\n                            v-model=\"selectAll\"\r\n                            class=\"sec_text_color\"\r\n                          >\r\n                            {{ $t(\"text.omit.selectRoles\") }}\r\n                          </b-form-checkbox>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div\r\n                      class=\"row justify-content-center mt-3\"\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 class=\"mt-5 d-flex justify-content-center\">\r\n                <button\r\n                  class=\"save__btn record_expense_btn mr-2 w-50 btn_primary_color\"\r\n                  @click=\"mapCategoryRole()\"\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.omit.addMappedRoles\") }}\r\n                  <span>\r\n                    <img\r\n                      src=\"@/assets/img/git_loader.gif\"\r\n                      style=\"display: none\"\r\n                      width=\"25px\"\r\n                      class=\"loader ml-2\"\r\n                    />\r\n                  </span>\r\n                </button>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-md-3 ml-2 mt-3\">\r\n              <h6 class=\"text-center primary-color\">\r\n                {{ $t(\"text.omit.mappedRoles\") }}\r\n              </h6>\r\n              <div class=\"mt-3\">\r\n                <ul>\r\n                  <li\r\n                    style=\"list-style-type: none; padding-bottom: 10px\"\r\n                    v-for=\"(mappedRole, i) in mappedRoles\"\r\n                    :key=\"i\"\r\n                  >\r\n                    {{ mappedRole.name }}\r\n                    <i\r\n                      class=\"mr-2 cursor-pointer fa fa-times\"\r\n                      style=\"\r\n                        font-size: 10px;\r\n                        color: white;\r\n                        background-color: red;\r\n                        padding: 2px;\r\n                        border-radius: 10px;\r\n                        border: 1px solid white;\r\n                      \"\r\n                      :style=\"[\r\n                        isButtonDisabled\r\n                          ? { cursor: 'not-allowed' }\r\n                          : { cursor: 'pointer' },\r\n                      ]\"\r\n                      aria-hidden=\"true\"\r\n                      v-b-tooltip.hover\r\n                      :title=\"$t('text.clickButtons.remove')\"\r\n                      @click=\"removeRole(mappedRole)\"\r\n                    ></i>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </MasterLayout>\r\n  </div>\r\n</template>\r\n<script>\r\nimport Vue from \"vue\";\r\nimport MasterLayout from \"@/views/Company/MasterLayout.vue\";\r\nimport backgroundUrl from \"@/assets/img/MobileWallet.png\";\r\nimport VueTagsInput from \"@johmun/vue-tags-input\";\r\nimport configObject from \"@/config\";\r\nimport Jquery from \"jquery\";\r\nlet $ = Jquery;\r\n\r\nexport default {\r\n  components: {\r\n    MasterLayout,\r\n    VueTagsInput,\r\n  },\r\n  data() {\r\n    return {\r\n      backgroundUrl,\r\n      company: null,\r\n      categoryName: this.$route.query.category,\r\n      branches: [],\r\n      tag: \"\",\r\n      tags: [],\r\n      searchInp: \"\",\r\n      isButtonDisabled: null,\r\n      options: [],\r\n      options2: [],\r\n      options3: [],\r\n      selected: [],\r\n      combinedOptions: [],\r\n      allRoles: null,\r\n      mappedRoles: [],\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    tags: function (newTags, oldTags) {\r\n      let newSelectedArray = [];\r\n\r\n      if (newTags.length === oldTags.length) {\r\n        newTags.forEach((tg) => {\r\n          newSelectedArray.push(tg);\r\n        });\r\n        this.selected = newSelectedArray;\r\n      } else {\r\n        newTags.forEach((tg) => {\r\n          newSelectedArray.push(tg.text);\r\n        });\r\n      }\r\n    },\r\n    allRoles() {\r\n      this.getRolesMapped();\r\n    },\r\n  },\r\n  mounted() {},\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.getRolesMapped();\r\n    });\r\n  },\r\n\r\n  computed: {\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    selectAll: {\r\n      get: function () {},\r\n      set: function (value) {\r\n        let selected = [];\r\n        let combinedArray = [\r\n          ...this.options,\r\n          ...this.options2,\r\n          ...this.options3,\r\n        ];\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    },\r\n  },\r\n  methods: {\r\n    toggleBranchListDropdown() {\r\n      this.showBranchListDropDown = !this.showBranchListDropDown;\r\n    },\r\n\r\n    removeRole(mappedRole) {\r\n      const confirm = window.confirm(\r\n        `${this.$t(\"text.omit.removeRole\")} ${mappedRole.name} ?`\r\n      );\r\n      if (!confirm) {\r\n        return;\r\n      }\r\n      const data = {\r\n        subCategoryName: this.$route.query.category,\r\n        roleName: mappedRole.name,\r\n      };\r\n      this.isButtonDisabled = true;\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/GroupManagement/RemoveSubCategoryRole/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          this.$toast.open({\r\n            message: this.$t(\"text.omit.removedRoleSuccess\"),\r\n            type: \"success\",\r\n            duration: 3000,\r\n          });\r\n\r\n          this.isButtonDisabled = false;\r\n          this.getRoles();\r\n          this.getRolesMapped();\r\n        })\r\n        .catch((error) => {\r\n          this.isButtonDisabled = false;\r\n\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    //Get ROles\r\n    getRoles() {\r\n      this.axios\r\n        .get(\r\n          // `${configObject.apiBaseUrl}​/GroupManagement/GetRoles`,\r\n          `${configObject.apiBaseUrl}/GroupManagement/GetListOfRolesByCategory/Team`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          const filteredRoles = res.data.filter((item) => item.name !== \"Team\");\r\n\r\n          this.allRoles = filteredRoles;\r\n          filteredRoles.forEach((el) => {\r\n            el.text = el.name;\r\n            el.value = el.name;\r\n          });\r\n          let copiedResponse = [...filteredRoles];\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    },\r\n    toggleChckBox($event) {\r\n      if ($event.target.checked) {\r\n        if (!this.tags.includes($event.target.value)) {\r\n          this.tags.push($event.target.value);\r\n          const getIndex = this.selected.indexOf($event.target.value);\r\n          if (getIndex === -1) {\r\n            this.selected.push($event.target.value);\r\n          } else {\r\n            this.selected.splice(getIndex, 1);\r\n          }\r\n        }\r\n      } else {\r\n        if (this.tags.includes($event.target.value)) {\r\n          const getIndex = this.tags.indexOf($event.target.value);\r\n          this.tags.splice(getIndex, 1);\r\n        }\r\n      }\r\n    },\r\n    //List of mappedMAP ROLES\r\n    getRolesMapped() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/GroupManagement/GetRolesBySubCategory/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }/${this.categoryName}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\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.mappedRoles = res.data;\r\n          // To highlight mapped roles on tags and list\r\n          const data = [];\r\n          this.allRoles.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.name)) {\r\n              tags.push(role.name);\r\n              selected.push(role.name);\r\n            }\r\n          });\r\n          this.tags = tags;\r\n          this.selected = selected;\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n\r\n    //Add ROles Mapped\r\n    mapCategoryRole() {\r\n      let roles = this.selected;\r\n      if (!this.selected) {\r\n        this.$toast(this.$t(\"text.error.selectRole\"), {\r\n          type: \"error\",\r\n          timeout: 3000,\r\n        });\r\n        return;\r\n      }\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n\r\n      const data = {\r\n        subCategoryName: this.categoryName,\r\n        roleNames: this.selected,\r\n      };\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/GroupManagement/PostSubCategoryRole/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\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          this.getRoles();\r\n          this.getRolesMapped();\r\n        })\r\n        .catch((error) => {\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\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};\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!./mapRoles.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!./mapRoles.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./mapRoles.vue?vue&type=template&id=3559ca32&\"\nimport script from \"./mapRoles.vue?vue&type=script&lang=js&\"\nexport * from \"./mapRoles.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":""}