{"version":3,"sources":["webpack:///./src/views/Company/Our_branches/index.vue","webpack:///src/views/Company/Our_branches/index.vue","webpack:///./src/views/Company/Our_branches/index.vue?1a47","webpack:///./src/views/Company/Our_branches/index.vue?3519","webpack:///./src/assets/img/store.png"],"names":["render","_vm","this","_c","_self","attrs","currentBranchId","details","data","_v","company","staticClass","require","_s","$t","branchCount","directives","name","rawName","value","showLoader","expression","ref","refreshGrid","pageSettings","toolbar","search","toolbarClick","usedLang","buttonsTemplate","$route","query","groupId","regionId","_e","optionsTemplate","staticRenderFns","$","title","components","MasterLayout","TableLoader","AddEmailToBranch","SetMaximumCashAmount","DropDown","SetupBudget","MapToBranch","provide","grid","branches","dealerId","backgroundUrl","componentKey","cardBackgroundUrl","currentBranch","unmapBFromG","pageSizes","pageCount","pageSize","operator","ignoreCase","status","queryStrings","id","info","emitName","delete","hasDelete","deleteName","template","mappingTemplate","methods","mapToBranch","created","document","currentViewData","option","console","toString","branchId","beforeDestroy","watch","mounted","searchFun","setTimeout","setupBudget","forceRerender","showAddEmailToBranchModal","changeRoute","localStorage","changeRoute2","path","unmapBranchGroup","post","configObject","then","message","type","duration","companyId","catch","error","getBranches","url","get","response","dealer","dataSource","component","module","exports"],"mappings":"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ACA,OAGAb,SACAC,eACA,uBACA,yCAEAa,eACA,uBACA,sCAEAC,gBACA,sBAEAC,6BACA,qBACA,2CACA,mCAEA5D,gBACA,oBACA,iBACA,gCACA,MACA,mBACA,kCACA,QAGAJ,cACA,+BAEAiE,iBACA,0CACAC,wDACA,mBAAAxE,OAAAc,OAAAgC,SAEA2B,kBACA,0CACAD,wDACA,mBACAE,gCACA5D,OAAAgC,SAGA6B,mBAGA,uBACA,2CACA,yBACA,iCACA,8BACA,uCAEA,MACA,OAEA,SACA5D,kCACA+C,8BAEA,WACAc,KACA,sDACArF,EACAsF,qBAEAC,KAAA,KACA,kBACAC,4CACA,yCACA,6BACAC,eACAC,eAEA,mBACA,oBAEA,mBACA,yBACA,mBACAjF,oBACAc,OACAoE,sCACA,4BACAzF,cAKA,kCAIA0F,MAAAC,IACA,kBACAL,gCACAC,aACAC,kBAMAI,cACA,mBACA,wBACA,KAEAC,EADA,2BACAA,4EACA,0BACAA,0EACA,2BACAA,4EAEAA,yCACA,4BACA,4BACA,kBAGA,WACAC,IAAAD,EAAAT,qBACAC,KAAAU,IACA,QAEAA,mBACA,4BACA,mBAEA,gCAEAA,mBACAC,UACAA,6BACA,uCACAA,oDAEAA,kDACAA,uDACAA,wDACAA,8DAEAD,mBACA,oCAEAA,+BACA,mBACA,+BAEA,qBACA,kBACA,uCAEAhB,wDACA,gDACAkB,oBAEA,qBAEAP,MAAAC,UC5hB6W,I,YCOzWO,EAAY,eACd,EACA5G,EACAoC,GACA,EACA,KACA,KACA,MAIa,aAAAwE,E,8BClBfC,EAAOC,QAAU,IAA0B","file":"js/chunk-22f8115f.f05a2bbb.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('SetupBudget',{attrs:{\"branchId\":_vm.currentBranchId,\"data\":_vm.details.data}}),_vm._v(\" \"),_c('MapToBranch',{attrs:{\"branchId\":_vm.currentBranchId,\"company\":_vm.company}}),_vm._v(\" \"),_c('MasterLayout',[_c('div',{staticClass:\"mobile__bg\"}),_vm._v(\" \"),_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('img',{attrs:{\"src\":require(\"@/assets/img/store-inv.png\"),\"width\":\"35\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"py-1 col-md-6\"},[_c('h5',{staticClass:\"primary-color font-600\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.cOurBranches.title\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"mt-3 light-grey-text\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.cOurBranches.description\"))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4 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.cOurBranches.totalOutlet\"))+\"\\n                \")]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 dealer_icon_wrapper\"},[_c('div',{staticClass:\"text-center dealer_icon_div\"},[_c('div',[_c('img',{attrs:{\"src\":require(\"@/assets/img/store.png\"),\"width\":\"35\"}})])])]),_vm._v(\" \"),_c('h3',{staticClass:\"mt-2 text-center our_branches__header\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.branchCount)+\"\\n                \")])])])])])])]),_vm._v(\" \"),_c('section',{staticClass:\"table_align_div mt-3\"},[_c('div',{},[_c('div',{staticClass:\"position-relative\"},[_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,\"allowExcelExport\":true,\"allowPdfExport\":true,\"toolbarClick\":_vm.toolbarClick,\"locale\":_vm.usedLang}},[_c('e-columns',[_c('e-column',{attrs:{\"width\":\"40\",\"field\":\"index\",\"headerText\":\"#\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"180\",\"field\":\"dealerName\",\"headerText\":_vm.$t('text.branch.dealer')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"230\",\"field\":\"name\",\"headerText\":_vm.$t('text.branch.name')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"180\",\"field\":\"city\",\"headerText\":_vm.$t('text.branch.city')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"150\",\"field\":\"state\",\"headerText\":_vm.$t('text.branch.state')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"220\",\"template\":_vm.buttonsTemplate,\"headerText\":_vm.$t('text.actionButtons.title')}}),_vm._v(\" \"),(!_vm.$route.query.groupId && !_vm.$route.query.regionId)?_c('e-column',{attrs:{\"width\":\"60\",\"template\":_vm.optionsTemplate}}):_vm._e()],1)],1),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}}),_vm._v(\" \"),_c('DropDown',{attrs:{\"details\":_vm.details}})],1)])])]),_vm._v(\" \"),_c('SetMaximumCashAmount',{attrs:{\"branchId\":_vm.currentBranchId}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <!-- <AddEmailToBranch :branchId=\"currentBranch\" :key=\"componentKey\"></AddEmailToBranch> -->\r\n    <SetupBudget :branchId=\"currentBranchId\" :data=\"details.data\" />\r\n    <MapToBranch :branchId=\"currentBranchId\" :company=\"company\" />\r\n    <MasterLayout>\r\n      <div class=\"mobile__bg\"></div>\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                  <img src=\"@/assets/img/store-inv.png\" width=\"35\" />\r\n                </div>\r\n              </div>\r\n              <div class=\"py-1 col-md-6\">\r\n                <h5 class=\"primary-color font-600\">\r\n                  {{ $t(\"text.cOurBranches.title\") }}\r\n                </h5>\r\n                <p class=\"mt-3 light-grey-text\">\r\n                  {{ $t(\"text.cOurBranches.description\") }}\r\n                </p>\r\n              </div>\r\n              <div class=\"col-md-4 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.cOurBranches.totalOutlet\") }}\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                        <img src=\"@/assets/img/store.png\" width=\"35\" />\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <h3 class=\"mt-2 text-center our_branches__header\">\r\n                    {{ branchCount }}\r\n                  </h3>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <section class=\"table_align_div mt-3\">\r\n        <div class=\"\">\r\n          <div class=\"position-relative\">\r\n            <!-- :dataBound=\"dataBound\" -->\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              :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=\"40\" field=\"index\" headerText=\"#\"></e-column>\r\n                <e-column\r\n                  width=\"180\"\r\n                  field=\"dealerName\"\r\n                  :headerText=\"$t('text.branch.dealer')\"\r\n                ></e-column>\r\n                <e-column\r\n                  width=\"230\"\r\n                  field=\"name\"\r\n                  :headerText=\"$t('text.branch.name')\"\r\n                ></e-column>\r\n                <e-column\r\n                  width=\"180\"\r\n                  field=\"city\"\r\n                  :headerText=\"$t('text.branch.city')\"\r\n                ></e-column>\r\n                <e-column\r\n                  width=\"150\"\r\n                  field=\"state\"\r\n                  :headerText=\"$t('text.branch.state')\"\r\n                ></e-column>\r\n                <!-- <e-column\r\n                  width=\"150\"\r\n                  :template=\"mappingTemplate\"\r\n                  headerText=\"\"\r\n                  v-if=\"!$route.query.groupId && !$route.query.regionId\"\r\n                ></e-column> -->\r\n                <e-column\r\n                  width=\"220\"\r\n                  :template=\"buttonsTemplate\"\r\n                  :headerText=\"$t('text.actionButtons.title')\"\r\n                ></e-column>\r\n                <e-column\r\n                  width=\"60\"\r\n                  :template=\"optionsTemplate\"\r\n                  v-if=\"!$route.query.groupId && !$route.query.regionId\"\r\n                ></e-column>\r\n              </e-columns>\r\n            </ejs-grid>\r\n            <TableLoader :showLoader=\"showLoader\" />\r\n            <DropDown :details=\"details\" />\r\n          </div>\r\n        </div>\r\n      </section>\r\n    </MasterLayout>\r\n    <SetMaximumCashAmount :branchId=\"currentBranchId\" />\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/BecomeDealer.png\";\r\nimport cardBackgroundUrl from \"@/assets/img/Group393.svg\";\r\nimport configObject from \"@/config\";\r\nimport JQuery from \"jquery\";\r\nimport TableLoader from \"@/components/tableLoader/index\";\r\nimport Temp from \"@/components/TableTemplates/branch.vue\";\r\nimport AddEmailToBranch from \"@/components/modals/AddEmailToBranch/index\";\r\nimport SetMaximumCashAmount from \"@/components/modals/maximumCashAmount\";\r\nimport SetupBudget from \"@/components/modals/branch/setupBudget\";\r\nimport DropDown from \"@/components/Templates/Dropdown/branchesDropdown.vue\";\r\nimport templatePrimary from \"@/components/Templates/branchesListTemplate.vue\";\r\nimport MapToBranch from \"@/components/modals/GroupManagement/mapBranchToGroup.vue\";\r\n\r\nlet $ = JQuery;\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\n\r\nexport default {\r\n  title: \"Retail Outlets:: Epump Portal\",\r\n  name: \"OurBranches\",\r\n  components: {\r\n    MasterLayout,\r\n    TableLoader,\r\n    AddEmailToBranch,\r\n    SetMaximumCashAmount,\r\n    DropDown,\r\n    SetupBudget,\r\n    MapToBranch,\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      branches: [],\r\n      dealerId: null,\r\n      groupId: null,\r\n      regionId: null,\r\n      backgroundUrl,\r\n      componentKey: 0,\r\n      cardBackgroundUrl,\r\n      showLoader: true,\r\n      branchCount: 0,\r\n      currentBranch: null,\r\n      currentBranchId: null,\r\n      company: null,\r\n      unmapBFromG: {},\r\n      pageSettings: {\r\n        pageSizes: [10, 20, 50, 100, 200],\r\n        pageCount: 4,\r\n        pageSize: 50,\r\n      },\r\n      toolbar: [\"ExcelExport\", \"PdfExport\", \"Search\"],\r\n      search: { operator: \"contains\", ignoreCase: true },\r\n      details: {\r\n        data: { status: \"\" },\r\n        queryStrings: { id: \"\" },\r\n        info: [\r\n          {\r\n            name: this.$t(\"text.createTargetModal.setBudget\"),\r\n            emitName: \"setUpBudget\",\r\n          },\r\n        ],\r\n        delete: {\r\n          hasDelete: false,\r\n          deleteName: \"deleteInvoice\",\r\n          name: \"Delete\",\r\n          query: \"id\",\r\n        },\r\n      },\r\n      optionsTemplate: function () {\r\n        return {\r\n          template: templatePrimary,\r\n        };\r\n      },\r\n      buttonsTemplate: function () {\r\n        return {\r\n          template: Temp,\r\n        };\r\n      },\r\n      mappingTemplate: function () {\r\n        return {\r\n          template: Vue.component(\"columnTemplate\", {\r\n            template:\r\n              '<div class=\"\" role=\"group\">' +\r\n              '<button type=\"button\" class=\"btn dealers_btn\" title=\"Map To Group\" @click=\"mapToBranch(data.id)\" >' +\r\n              \"\tMap to Group\" +\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              mapToBranch: function (id) {\r\n                this.$eventHub.$emit(\"_mapToBranch\", id);\r\n              },\r\n            },\r\n          }),\r\n        };\r\n      },\r\n    };\r\n  },\r\n  created() {\r\n    this.$eventHub.$on(\"company\", (company) => {\r\n      this.company = company;\r\n    });\r\n    if (\r\n      this.$route.query.companyId ||\r\n      this.$route.query.dealerId ||\r\n      this.$route.query.regionId ||\r\n      this.$route.query.groupId\r\n    ) {\r\n      this.getBranches();\r\n    }\r\n    this.$eventHub.$on(\"showBranhesConfig\", (data) => {\r\n      this.details.data = data;\r\n      this.details.queryStrings.id = data.id;\r\n      const viewData =\r\n        document.getElementsByClassName(\"e-grid\")[0].ej2_instances[0]\r\n          .currentViewData;\r\n      const option = document.getElementById(\"myDropdown\");\r\n      option.classList.add(\"show\");\r\n\r\n      this.$nextTick(() => {\r\n        const grid = this.$refs.dataGrid;\r\n        if (!grid) return console.warn(\"Grid reference not found.\");\r\n\r\n        const visibleRows = grid.getCurrentViewRecords(); // Get only visible rows\r\n        const rowIndex = visibleRows.findIndex((row) => row.id === data.id); // Match by unique `id`\r\n\r\n        if (rowIndex === -1) {\r\n          console.warn(\"Selected row not found in the filtered table.\");\r\n          return;\r\n        }\r\n\r\n        let index = rowIndex; // Use the new row index\r\n\r\n       \r\n        if (index < 10) {\r\n          option.style.top = `${(\r\n            80 * index +\r\n            (90 - index * 2) +\r\n            50\r\n          ).toString()}px`;\r\n        } else {\r\n          option.style.top = `${(80 * index + (100 - index * 2)).toString()}px`;\r\n        }\r\n      });\r\n\r\n\r\n      // old implementation \r\n      // let index;\r\n      // const findindex = viewData.findIndex(\r\n      //   (branch) => branch.index === data.index\r\n      // );\r\n      // console.log(findindex);\r\n      // if (data.index > 10) {\r\n      //   index = findindex;\r\n      // }\r\n      // if (data.index <= 10) {\r\n      //   index = data.index;\r\n      // }\r\n      // if (viewData.length < 10) {\r\n      //   // option.style.top = `${(\r\n      //   //   80 * index +\r\n      //   //   (80 - index * 2) -\r\n      //   //   406\r\n      //   // ).toString()}px`;\r\n      //   option.style.top = `${(\r\n      //     80 * index +\r\n      //     (80 - index * 2) +\r\n      //     50\r\n      //   ).toString()}px`;\r\n      // } else {\r\n      //   option.style.top = `${(80 * index + (80 - index * 2)).toString()}px`;\r\n      // }\r\n    });\r\n\r\n    this.$eventHub.$on(this.details.info[0].emitName, (id) => {\r\n      this.setupBudget(id);\r\n    });\r\n    this.$eventHub.$on(\"_setAmount\", (branchId) => {\r\n      this.currentBranchId = branchId;\r\n      this.$modal.show(\"setMaximumCashAmount\");\r\n    });\r\n    this.$eventHub.$on(\"link\", (url, branchId) => {\r\n      if (this.$route.name == url) {\r\n        return;\r\n      }\r\n      this.$router.push({ name: url, query: { branchId } });\r\n    });\r\n    this.$eventHub.$on(\"gotoBranch\", (url, id) => {\r\n      if (this.$route.name == url) {\r\n        return;\r\n      }\r\n      this.$router.push({ name: url, query: { id } });\r\n    });\r\n    this.$eventHub.$on(\"addEmail\", (branchId) => {\r\n      this.showAddEmailToBranchModal(branchId);\r\n    });\r\n    this.$eventHub.$on(\"_mapToBranch\", (id) => {\r\n      this.mapToBranch(id);\r\n    });\r\n    this.$eventHub.$on(\"unmapBranchFromGroup\", (data) => {\r\n      this.unmapBFromG = data;\r\n      this.unmapBranchGroup();\r\n    });\r\n  },\r\n  beforeDestroy() {\r\n    this.$store.commit(\"setBranchTable\", null);\r\n    this.$eventHub.$off(\"link\");\r\n    this.$eventHub.$off(\"gotoBranch\");\r\n    this.$eventHub.$off(\"_mapToBranch\");\r\n    this.$eventHub.$off(\"unmapBranchFromGroup\");\r\n  },\r\n\r\n  watch: {\r\n    company(company) {\r\n      if (company !== null) {\r\n        this.getBranches();\r\n      }\r\n    },\r\n    $route(to, from) {\r\n      if (from.query.dealerId && !to.query.dealerId) {\r\n        this.getBranches();\r\n      } else if (from.query.groupId && !to.query.groupId) {\r\n        this.getBranches();\r\n      } else if (from.query.regionId && !to.query.regionId) {\r\n        this.getBranches();\r\n      } else {\r\n        this.getBranches();\r\n      }\r\n    },\r\n  },\r\n  mounted() {\r\n    this.dealerId = this.$route.query.dealerId;\r\n    this.groupId = this.$route.query.groupId;\r\n    this.regionId = this.$route.query.regionId;\r\n\r\n    $(\".e-input\").keyup((e) => {\r\n      searchFun(e);\r\n    });\r\n    const 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      setTimeout(() => {\r\n        this.$store.commit(\"setBranchTable\", grid.currentViewData.length);\r\n      }, 500);\r\n    };\r\n  },\r\n  methods: {\r\n    mapToBranch(id) {\r\n      this.currentBranchId = id;\r\n      this.$modal.show(\"mapBranchGroupModal\");\r\n    },\r\n    setupBudget(id) {\r\n      this.currentBranchId = id;\r\n      this.$modal.show(\"setupBudgetModal\");\r\n    },\r\n    forceRerender() {\r\n      this.componentKey += 1;\r\n    },\r\n    showAddEmailToBranchModal(branchId) {\r\n      this.currentBranch = branchId;\r\n      this.$eventHub.$emit(\"addEmailBranchId\", branchId);\r\n      this.$modal.show(\"emailToBranch\");\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      this.$refs.dataGrid.refresh();\r\n    },\r\n    changeRoute($newRoute, id) {\r\n      let branch = this.branches.filter((branch) => branch.id == id)[0];\r\n      localStorage.setItem(\"branchDetails\", JSON.stringify(branch));\r\n      this.$router.push({ name: $newRoute, query: { id: id } });\r\n    },\r\n    changeRoute2($newRoute, id) {\r\n      let branch = this.branches.filter((branch) => branch.id == id)[0];\r\n      localStorage.setItem(\"branchDetails\", JSON.stringify(branch));\r\n      this.$router.push({\r\n        path: \"/Retail-Outlet/Dashboard\",\r\n        query: { id: id },\r\n      });\r\n    },\r\n    unmapBranchGroup() {\r\n      // console.log(this.unmapBFromG);\r\n      // this.showLoader = true;\r\n      const confirm = window.confirm(\r\n        `${this.$t(\"text.errors.sureWantUnmap\")} ${\r\n          this.unmapBFromG.name\r\n        } ${this.$t(\"text.calendar.from\")} ${\r\n          this.unmapBFromG.groupName\r\n        } ${this.$t(\"text.cDashboard.region\")} ?`\r\n      );\r\n      if (!confirm) {\r\n        return;\r\n      }\r\n      const data = {\r\n        groupId: this.$route.query.groupId,\r\n        branchId: this.unmapBFromG.id,\r\n      };\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/GroupManagement/UnmapBranchGroup`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then(() => {\r\n          this.$toast.open({\r\n            message: `${this.unmapBFromG.name} ${this.$t(\r\n              \"text.errors.hasBeenUnmappedSuccess\"\r\n            )} ${this.unmapBFromG.groupName}`,\r\n            type: \"success\",\r\n            duration: 3000,\r\n          });\r\n          if (this.branchCount > 1) {\r\n            this.getBranches();\r\n          } else {\r\n            this.getBranches();\r\n            this.isButtonDisabled = false;\r\n            this.$router.push({\r\n              name: \"CompanyGroup\",\r\n              query: {\r\n                companyId: this.$route.query.companyId\r\n                  ? this.$route.query.companyId\r\n                  : company.id,\r\n              },\r\n            });\r\n\r\n            // this.showLoader = false;\r\n            this.$eventHub.$emit(\"getGPM\");\r\n            // this.isButtonDisabled = false;\r\n          }\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: 3000,\r\n          });\r\n          // this.isButtonDisabled = false;\r\n          // this.showLoader = false;\r\n        });\r\n    },\r\n    getBranches() {\r\n      this.showLoader = true;\r\n      let grid = this.$refs.dataGrid;\r\n      let url = \"\";\r\n      if (this.$route.query.dealerId) {\r\n        url = `${configObject.apiBaseUrl}/Company/DealerBranches/${this.$route.query.dealerId}`;\r\n      } else if (this.$route.query.groupId) {\r\n        url = `${configObject.apiBaseUrl}/Company/GroupBranches/${this.$route.query.groupId}`;\r\n      } else if (this.$route.query.regionId) {\r\n        url = `${configObject.apiBaseUrl}/Company/RegionBranches/${this.$route.query.regionId}`;\r\n      } else {\r\n        url = `${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      }\r\n      this.axios\r\n        .get(url, configObject.authConfig())\r\n        .then((response) => {\r\n          let index = 0;\r\n\r\n          response.data.sort((a, b) => {\r\n            if (a.dealerName === b.dealerName) {\r\n              return a.name > b.name ? 1 : -1;\r\n            }\r\n            return a.dealerName > b.dealerName ? 1 : -1;\r\n          });\r\n          response.data.forEach((dealer) => {\r\n            dealer.index = index;\r\n            dealer.name = dealer.name && dealer.name.trim();\r\n            if (dealer.dealerName == null || dealer.dealerName == \"\") {\r\n              dealer.dealerName = this.$t(\"text.cDisconnectedPumps.na\");\r\n            }\r\n            dealer.detailsTip = this.$t(\"text.clickButtons.details\");\r\n            dealer.mailRecipientTip = this.$t(\"text.mailRecipient.title\");\r\n            dealer.manageTargetsTip = this.$t(\"text.branch.manageTargets\");\r\n            dealer.mapUserToBranchTip = this.$t(\"text.branch.mapUserToBranch\");\r\n          });\r\n          response.data.sort((a, b) => {\r\n            return a.name > b.name ? 1 : a.name < b.name ? -1 : 0;\r\n          });\r\n          response.data.forEach((el) => (el.index = ++index));\r\n          this.showLoader = false;\r\n          this.branchCount = response.data.length;\r\n\r\n          this.branches = response.data;\r\n          if (response.data.length == 1) {\r\n            this.$store.commit(\"setBranchTable\", 1);\r\n          }\r\n          localStorage.setItem(\"branches\", JSON.stringify(response.data));\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    },\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!./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=0e157109&\"\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","module.exports = __webpack_public_path__ + \"img/store.04c4fac3.png\";"],"sourceRoot":""}