{"version":3,"sources":["webpack:///./src/views/Company/Zones/index.vue?f4f0","webpack:///./src/components/modals/Zones/editZone.vue?4985","webpack:///src/components/modals/Zones/editZone.vue","webpack:///./src/components/modals/Zones/editZone.vue?71e2","webpack:///./src/components/modals/Zones/editZone.vue","webpack:///src/views/Company/Zones/index.vue","webpack:///./src/views/Company/Zones/index.vue?a2a5","webpack:///./src/views/Company/Zones/index.vue","webpack:///./src/views/Company/Zones/index.vue?5cad","webpack:///./src/assets/img/building (1).svg"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","backgroundImage","cardBackgroundUrl","backgroundRepeat","backgroundPosition","backgroundSize","_v","_s","$t","attrs","backgroundUrl","directives","name","rawName","value","expression","domProps","on","$event","target","composing","zone","createZone","staticStyle","showLoader","ref","refreshGrid","pageSettings","toolbar","search","toolbarClick","excelQueryCellInfo","usedLang","formatOptions","buttonsTemplate","zoneId","zoneName","staticRenderFns","opened","$tc","zoneNameValue","isButtonDisabled","cursor","updateZone","MODAL_WIDTH","props","data","modalWidth","category","mounted","created","methods","closeCompanyModal","message","type","duration","$","put","configObject","then","response","catch","component","title","components","MasterLayout","EditZoneModal","TableLoader","provide","grid","format","company","pageSizes","pageCount","pageSize","operator","ignoreCase","template","changeZone","editZone","deleteZone","fetch","method","headers","Authorization","body","res","error","watch","beforeDestroy","searchFun","args","changeRoute","query","id","companyId","post","getZones","get","dataSource","module","exports"],"mappings":"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2B,IACA,kBACAjC,aACAC,eACAC,eAEA,qCAEAM,MAAA0B,IACA,kBACAlC,aACAC,aACAC,yBAUAiC,OACAjB,WACA,UACA,kBAIArB,UACA,iCACA,iBAEA,6BACA,gBAEA,wCACA,wBAEA,qCACA,kBAEA,6CACA,cACA,kBAEA,2CACA,mBAGAuC,gBACA,kCACA,kCACA,uCACA,yCAEAlB,UACA,8CAEAtB,UAIA,cACA,oEACA,iBACAoB,YANAb,iCACAkC,SAQAvC,SACApB,sBACA,yBACA4D,qDAGAC,iBACA,mBACAhF,OACAiF,OACAC,KACAC,0CAIAjE,gBACA,oBACA,iBACA,gCACA,MACA,mBACA,kCACA,QAGAJ,gBACAJ,aACA,cAMA,YALA,kBACA+B,8BACAC,aACAC,eAIAC,oBACA,SACA5C,eACAmF,sCACA,4BACA,iBAEA,iBACA,WACAC,KACA,mCACAlD,EACAY,qBAEAC,KAAAC,IACA,gBACA,kBACAP,QACAO,eACA,8CACAA,eACAN,eACAC,eAEAC,sBAEAK,MAAA0B,IACA/B,oBACA,kBACAH,gCACAC,aACAC,kBAIA0C,WACA,mBACA,WACAC,IACA,sCACA,4BACA,4BACA,kBAEAxC,qBAEAC,KAAAC,IACAA,mBACA,oCAEAA,uBACAvC,YACAA,sDACAA,0DACAA,gDACAA,oDACAA,QACA,oCACA,0CACA,4CAGA,mBACA,gDACA8E,oBAEA,qBAEAtC,MAAA0B,UC9X6W,ICQzW,G,UAAY,eACd,EACA/F,EACA6C,GACA,EACA,KACA,KACA,OAIa,e,6CCnBf,W,qBCAA+D,EAAOC,QAAU,IAA0B,iC","file":"js/chunk-5c94ec6b.62aced45.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('MasterLayout',[_c('div',{staticClass:\"fuelbalance_first_row\"},[_c('div',{staticClass:\"card_container\",style:({\n          backgroundImage: (\"url(\" + _vm.cardBackgroundUrl + \")\"),\n          backgroundRepeat: 'no-repeat',\n          backgroundPosition: 'right',\n          backgroundSize: ' 136px',\n        })},[_c('div',{staticClass:\"card__header___text\"},[_c('div',[_c('h3',{staticClass:\"our_branches__header\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.zones.createAZone\"))+\"\\n            \")]),_vm._v(\" \"),_c('div',{staticClass:\"dealer__icon__wrapper mt-3\"},[_c('div',{staticClass:\"dealer__icon__div text-center\"},[_c('div',[_c('img',{attrs:{\"src\":require(\"@/assets/img/tour (1).svg\"),\"width\":\"40px\"}})])])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"fuelbalance_first_row_right_section mr-3 co_order\",style:([\n          {\n            backgroundImage: (\"linear-gradient(rgb(12, 4, 31 , 0.7), rgb(12, 4, 31 , 0.7)), url(\" + _vm.backgroundUrl + \")\"),\n            backgroundPosition: 'center',\n            backgroundRepeat: 'no-repeat',\n            backgroundSize: 'cover',\n          } ])},[_c('div',{staticClass:\"our__branches__banner\"},[_c('div',{staticClass:\"row align-items-center d-flex justify-content-center text-center section__row\"},[_c('div',{staticClass:\"zone_input_label\"},[_c('label',{staticClass:\"text-white\"},[_vm._v(_vm._s(_vm.$t(\"text.zones.zoneName\")))]),_vm._v(\" \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.zone),expression:\"zone\"}],staticClass:\"zone_input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.zone)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.zone=$event.target.value}}})]),_vm._v(\" \"),_c('div',[_c('button',{staticClass:\"add__new__retainership_btn mt-4\",on:{\"click\":_vm.createZone}},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.zones.createZone\"))+\"\\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('section',{staticClass:\"mt-3 pump__details__section_2\"},[_c('div',{staticClass:\"row add_driver_row record__expenses\"},[_c('div',{staticClass:\"col-md-12 col-lg-12 mt-3\"},[_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,\"excelQueryCellInfo\":_vm.excelQueryCellInfo,\"locale\":_vm.usedLang}},[_c('e-columns',[_c('e-column',{attrs:{\"width\":\"50\",\"field\":\"index\",\"headerText\":\"#\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"150\",\"field\":\"name\",\"headerText\":_vm.$t('text.zones.zoneName')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"240\",\"field\":\"branches\",\"headerText\":_vm.$t('text.zones.outletsAssigned')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"180\",\"field\":\"date\",\"format\":_vm.formatOptions,\"type\":\"date\",\"headerText\":_vm.$t('text.zones.dateCreated')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"520\",\"template\":_vm.buttonsTemplate,\"headerText\":_vm.$t('text.actionButtons.title')}})],1)],1),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}})],1)])])]),_vm._v(\" \"),_c('EditZoneModal',{attrs:{\"id\":_vm.zoneId,\"zoneName\":_vm.zoneName}})],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:\"editZoneModal\",attrs:{\"name\":\"editZoneModal\",\"transition\":\"pop-out\",\"width\":650,\"height\":450},on:{\"opened\":_vm.opened}},[_c('div',{staticClass:\"modal__header\"},[_c('span',{staticClass:\"mr-3\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/building (1).svg\"),\"width\":\"50\",\"height\":\"60\"}})]),_vm._v(\" \"),_c('h4',[_vm._v(\" \"+_vm._s(_vm.$t('text.editZone.title')))])]),_vm._v(\" \"),_c('div',[_c('fieldset',{staticClass:\"border p-3 form-group mt-3\",staticStyle:{\"margin\":\"0 auto\",\"width\":\"85%\"}},[_c('div',{staticClass:\"input__group__block mt-4\",staticStyle:{\"margin\":\"0 auto\",\"width\":\"50%\"}},[_c('label',{staticClass:\"required\"},[_vm._v(\"\\r\\n            \"+_vm._s(_vm.$tc('text.editZone.zone', 2))+\"\\r\\n            \")]),_vm._v(\" \"),_c('div',{ref:\"target_input_div\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.zoneNameValue),expression:\"zoneNameValue\"}],staticStyle:{\"padding\":\"20px\",\"width\":\"100%\"},attrs:{\"type\":\"text\",\"placeholder\":_vm.$tc('text.editZone.zone', 1)},domProps:{\"value\":(_vm.zoneNameValue)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.zoneNameValue=$event.target.value}}})]),_vm._v(\" \"),_c('div',{ref:\"target_error\"})]),_vm._v(\" \"),_c('div',{staticClass:\"text-center py-3 mt-3\"},[_c('button',{staticClass:\"sales_target_btn text-center\",style:([\r\n              _vm.isButtonDisabled\r\n                ? { cursor: 'not-allowed' }\r\n                : { cursor: 'pointer' }\r\n            ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":function($event){return _vm.updateZone($event)}}},[_vm._v(\"\\r\\n            \"+_vm._s(_vm.$t('text.editZone.title'))),_c('span')]),_vm._v(\" \"),_c('img',{staticClass:\"ml-3 loader\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"35px\"}})])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n<modal class=\"editZoneModal\" name=\"editZoneModal\" transition=\"pop-out\" :width=\"650\" :height=\"450\" @opened=\"opened\">\r\n  <div class=\"modal__header\">\r\n      <span class=\"mr-3\"><img src=\"@/assets/img/building (1).svg\" width=\"50\" height=\"60\"></span>\r\n      <h4> {{$t('text.editZone.title')}}</h4>\r\n  </div>\r\n\r\n  <div >\r\n      <fieldset class=\"border p-3 form-group mt-3\" style=\"margin: 0 auto; width: 85%\">\r\n        <!-- <legend class=\"w-auto\" style=\"color:#7D7885; font-size: 16px; padding: 10px\">Branch Monthly Sales Target</legend> -->\r\n        <div class=\"input__group__block mt-4\" style=\"margin: 0 auto; width: 50%\">\r\n            <label class=\"required\">\r\n            {{$tc('text.editZone.zone', 2)}}\r\n            </label>\r\n            <div class=\"input__block\" ref=\"target_input_div\">\r\n                 <input\r\n                    style=\"padding: 20px; width:100%\"\r\n                    type=\"text\"\r\n                    :placeholder=\"$tc('text.editZone.zone', 1)\"\r\n                    v-model=\"zoneNameValue\"\r\n                />\r\n            </div>\r\n           \r\n            <div ref=\"target_error\"></div>\r\n        </div>\r\n        <div class=\"text-center py-3 mt-3\">\r\n          <button\r\n            class=\"sales_target_btn text-center\"\r\n            @click=\"updateZone($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.editZone.title')}}<span></span>\r\n          </button>\r\n          <img\r\n            src=\"@/assets/img/git_loader.gif\"\r\n            style=\"display:none\"\r\n            width=\"35px\"\r\n            class=\"ml-3 loader\"\r\n          />\r\n        </div>\r\n      </fieldset>\r\n     \r\n  </div>\r\n  \r\n</modal>\r\n</template>\r\n<script>\r\nconst MODAL_WIDTH = 850;\r\nimport configObject from \"@/config\";\r\n\r\nexport default {\r\n  name: 'editZoneModal',\r\n  props: ['id', 'zoneName'], \r\n  data () {\r\n    return {\r\n      zoneNameValue: '',\r\n      modalWidth: MODAL_WIDTH,\r\n      isButtonDisabled:  false,\r\n      showLoader: false,\r\n      category: ''\r\n    }\r\n  },\r\n mounted(){\r\n},\r\ncreated () {\r\n    this.modalWidth = window.innerWidth < MODAL_WIDTH\r\n      ? MODAL_WIDTH / 2\r\n      : MODAL_WIDTH\r\n  },\r\n  methods: {\r\n    closeCompanyModal(){\r\n        this.$modal.hide('createTarget');\r\n    },\r\n    updateZone($event) {\r\n      if(!this.zoneNameValue) {\r\n        this.$toast.open({\r\n            message: this.$t('text.editZone.zoneMissing'),\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.zoneNameValue,\r\n        zoneId: this.id\r\n      };\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n      this.axios\r\n        .put(\r\n          `${configObject.apiBaseUrl}/Zones/Company`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then(response => {\r\n            this.$eventHub.$emit(\"refreshZoneTable\");\r\n            this.isButtonDisabled = true;\r\n            this.category = '';\r\n            this.$toast.open({\r\n              message: response.status === 200 ? this.$t('text.editZone.successfullyEdited') : response.data.message,\r\n              type: \"success\",\r\n              duration: 4000\r\n            });\r\n            $(\".loader\").hide();\r\n            this.isButtonDisabled = false;\r\n            this.$modal.hide(\"editZoneModal\");\r\n        })\r\n        .catch(() => {\r\n           this.$toast.open({\r\n            message: this.$t('text.editZone.unsuccessfulEdit'),\r\n            type: \"error\",\r\n            duration: 5000\r\n          });\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\r\n        });\r\n    },\r\n    opened() {\r\n      this.zoneNameValue = this.zoneName\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!./editZone.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!./editZone.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./editZone.vue?vue&type=template&id=565e105e&\"\nimport script from \"./editZone.vue?vue&type=script&lang=js&\"\nexport * from \"./editZone.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    <MasterLayout>\r\n      <div class=\"fuelbalance_first_row\">\r\n        <div\r\n          class=\"card_container\"\r\n          :style=\"{\r\n            backgroundImage: `url(${cardBackgroundUrl})`,\r\n            backgroundRepeat: 'no-repeat',\r\n            backgroundPosition: 'right',\r\n            backgroundSize: ' 136px',\r\n          }\"\r\n        >\r\n          <div class=\"card__header___text\">\r\n            <div>\r\n              <h3 class=\"our_branches__header\">\r\n                {{ $t(\"text.zones.createAZone\") }}\r\n              </h3>\r\n              <div class=\"dealer__icon__wrapper mt-3\">\r\n                <div class=\"dealer__icon__div text-center\">\r\n                  <div>\r\n                    <img src=\"@/assets/img/tour (1).svg\" width=\"40px\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"fuelbalance_first_row_right_section mr-3 co_order\"\r\n          :style=\"[\r\n            {\r\n              backgroundImage: `linear-gradient(rgb(12, 4, 31 , 0.7), rgb(12, 4, 31 , 0.7)), url(${backgroundUrl})`,\r\n              backgroundPosition: 'center',\r\n              backgroundRepeat: 'no-repeat',\r\n              backgroundSize: 'cover',\r\n            },\r\n          ]\"\r\n        >\r\n          <div class=\"our__branches__banner\">\r\n            <div\r\n              class=\"row align-items-center d-flex justify-content-center text-center section__row\"\r\n            >\r\n              <div class=\"zone_input_label\">\r\n                <label class=\"text-white\">{{\r\n                  $t(\"text.zones.zoneName\")\r\n                }}</label>\r\n                <input v-model=\"zone\" type=\"text\" class=\"zone_input\" />\r\n              </div>\r\n              <div>\r\n                <button\r\n                  class=\"add__new__retainership_btn mt-4\"\r\n                  @click=\"createZone\"\r\n                >\r\n                  {{ $t(\"text.zones.createZone\") }}\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>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <section class=\"mt-3 pump__details__section_2\">\r\n        <div class=\"row add_driver_row record__expenses\">\r\n          <div class=\"col-md-12 col-lg-12 mt-3\">\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              :excelQueryCellInfo=\"excelQueryCellInfo\"\r\n              :locale=\"usedLang\"\r\n            >\r\n              <e-columns>\r\n                <e-column width=\"50\" field=\"index\" headerText=\"#\"></e-column>\r\n                <e-column\r\n                  width=\"150\"\r\n                  field=\"name\"\r\n                  :headerText=\"$t('text.zones.zoneName')\"\r\n                ></e-column>\r\n                <e-column\r\n                  width=\"240\"\r\n                  field=\"branches\"\r\n                  :headerText=\"$t('text.zones.outletsAssigned')\"\r\n                ></e-column>\r\n                <e-column\r\n                  width=\"180\"\r\n                  field=\"date\"\r\n                  :format=\"formatOptions\"\r\n                  type=\"date\"\r\n                  :headerText=\"$t('text.zones.dateCreated')\"\r\n                ></e-column>\r\n                <e-column\r\n                  width=\"520\"\r\n                  :template=\"buttonsTemplate\"\r\n                  :headerText=\"$t('text.actionButtons.title')\"\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    <EditZoneModal :id=\"zoneId\" :zoneName=\"zoneName\"></EditZoneModal>\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 {\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 EditZoneModal from \"@/components/modals/Zones/editZone.vue\";\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  title: \"Zones :: Epump Portal\",\r\n  name: \"Zones\",\r\n  components: {\r\n    MasterLayout,\r\n    EditZoneModal,\r\n    TableLoader,\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      formatOptions: { type: \"date\", format: \"dd/MM/yyyy\" },\r\n      zone: \"\",\r\n      company: null,\r\n      backgroundUrl,\r\n      cardBackgroundUrl,\r\n      zoneId: null,\r\n      zoneName: \"\",\r\n      showLoader: false,\r\n      pageSettings: {\r\n        pageSizes: [10, 20, 50, 100, 200],\r\n        pageCount: 4,\r\n        pageSize: 10,\r\n      },\r\n      toolbar: [\"ExcelExport\", \"PdfExport\", \"Search\"],\r\n      search: { operator: \"contains\", ignoreCase: true },\r\n      buttonsTemplate: function () {\r\n        return {\r\n          template: Vue.component(\"columnTemplate\", {\r\n            template: `<div> \r\n                <a :href=\"'/Company/Zone-Branches?id=' + data.id + '&companyId=' + $route.query.companyId\" class=\"zone_action_buttons view_btn\" @click=\"changeZone($event, 'zoneBranches', data.id)\">{{data.viewOutletsButton}}</a> \r\n                <a :href=\"'/Company/Assign-Branches?id=' + data.id + '&companyId=' + $route.query.companyId\" class=\"zone_action_buttons assign_branch\" @click=\"changeZone($event, 'assignBranches', data.id)\">{{data.assignOutletsButton}}</a> \r\n                <button class=\"zone_action_buttons edit_category\" v-on:click=\"editZone(data.name, data.id)\">{{data.editButton}}</button> \r\n                <button class=\"zone_action_buttons delete_category\" v-on:click=\"deleteZone(data.id, data.text)\">{{data.deleteButton}}</button> \r\n                </div>`,\r\n            data: function () {\r\n              return {\r\n                data: {},\r\n              };\r\n            },\r\n            methods: {\r\n              changeZone($event, route, id) {\r\n                $event.preventDefault();\r\n                this.$eventHub.$emit(\"changeZone\", route, id);\r\n              },\r\n              editZone(name, id) {\r\n                this.$eventHub.$emit(\"setCompanyZones\", name, id);\r\n\r\n                this.$modal.show(\"editZoneModal\");\r\n              },\r\n              deleteZone(id, text) {\r\n                const remove = confirm(text[0]);\r\n                if (!remove) {\r\n                  return;\r\n                }\r\n                const data = { zoneId: id };\r\n                fetch(`${configObject.apiBaseUrl}/Zones/Company`, {\r\n                  method: \"DELETE\",\r\n                  headers: {\r\n                    \"Content-Type\": \"application/json\",\r\n                    Authorization:\r\n                      configObject.authConfig().headers.Authorization,\r\n                  },\r\n                  body: JSON.stringify(data),\r\n                })\r\n                  .then((res) => {\r\n                    this.$toast.open({\r\n                      message: text[1],\r\n                      type: \"success\",\r\n                      duration: 4000,\r\n                    });\r\n                    this.$eventHub.$emit(\"fetchZones\");\r\n                  })\r\n                  .catch((error) => {\r\n                    this.$toast.open({\r\n                      message: text[2],\r\n                      type: \"error\",\r\n                      duration: 4000,\r\n                    });\r\n                  });\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.getZones();\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 (this.$route.query.companyId) {\r\n      this.getZones();\r\n    }\r\n    this.$eventHub.$on(\"changeZone\", (route, id) => {\r\n      this.changeRoute(route, id);\r\n    });\r\n    this.$eventHub.$on(\"fetchZones\", () => {\r\n      this.getZones();\r\n    });\r\n    this.$eventHub.$on(\"setCompanyZones\", (name, id) => {\r\n      this.zoneId = id;\r\n      this.zoneName = name;\r\n    });\r\n    this.$eventHub.$on(\"refreshZoneTable\", () => {\r\n      this.getZones();\r\n    });\r\n  },\r\n  beforeDestroy() {\r\n    this.$eventHub.$off(\"changeZone\");\r\n    this.$eventHub.$off(\"fetchZones\");\r\n    this.$eventHub.$off(\"setCompanyZones\");\r\n    this.$eventHub.$off(\"refreshZoneTable\");\r\n  },\r\n  company() {\r\n    return this.$store.getters.getCompanyDetails;\r\n  },\r\n  mounted() {\r\n    $(\".e-input\").keyup(function (e) {\r\n      searchFun(e);\r\n    });\r\n    function searchFun(event) {\r\n      var grid = document.getElementsByClassName(\"e-grid\")[0].ej2_instances[0];\r\n      var value = event.target.value;\r\n      grid.search(value);\r\n    }\r\n  },\r\n  methods: {\r\n    excelQueryCellInfo(args) {\r\n      if (args.column.field == \"date\") {\r\n        args.value = this.$moment(args.value).format(\"DD/MM/YYYY\");\r\n      }\r\n    },\r\n    changeRoute(route, id) {\r\n      this.$router.push({\r\n        name: route,\r\n        query: {\r\n          id,\r\n          companyId: this.$route.query.companyId,\r\n        },\r\n      });\r\n    },\r\n    toolbarClick(args) {\r\n      switch (args.item.text) {\r\n        case \"PDF Export\":\r\n          this.$refs.dataGrid.pdfExport();\r\n          break;\r\n        case \"Excel Export\":\r\n          this.$refs.dataGrid.excelExport();\r\n          break;\r\n      }\r\n    },\r\n    refreshGrid() {},\r\n    createZone() {\r\n      if (!this.zone) {\r\n        this.$toast.open({\r\n          message: \"Please input a zone\",\r\n          type: \"error\",\r\n          duration: 4000,\r\n        });\r\n        return;\r\n      }\r\n      $(\".loader\").show();\r\n      const data = {\r\n        name: this.zone,\r\n        companyId: this.$route.query.companyId\r\n          ? this.$route.query.companyId\r\n          : this.company.id,\r\n      };\r\n      this.category = \"\";\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Zones/Company`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.getZones();\r\n          this.$toast.open({\r\n            message:\r\n              response.status === 200\r\n                ? this.$t(\"text.zones.successfullyCreatedZone\")\r\n                : response.data.message,\r\n            type: \"success\",\r\n            duration: 4000,\r\n          });\r\n          $(\".loader\").hide();\r\n        })\r\n        .catch((error) => {\r\n          $(\".loader\").hide();\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    getZones() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Zones/Company/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          response.data.sort((a, b) => {\r\n            return a.name > b.name ? 1 : b.name > a.name ? -1 : 0;\r\n          });\r\n          response.data.forEach((zone, index) => {\r\n            zone.index = index + 1;\r\n            zone.viewOutletsButton = this.$t(\"text.zones.viewOutlets\");\r\n            zone.assignOutletsButton = this.$t(\"text.zones.assignOutlets\");\r\n            zone.editButton = this.$t(\"text.actionButtons.edit\");\r\n            zone.deleteButton = this.$t(\"text.actionButtons.delete\");\r\n            zone.text = [\r\n              this.$t(\"text.zones.confirmDelete\"),\r\n              this.$t(\"text.zones.successfullyDeleted\"),\r\n              this.$t(\"text.zones.unsuccessfulDelete\"),\r\n            ];\r\n          });\r\n          this.showLoader = false;\r\n          this.$refs.dataGrid.ej2Instances.setProperties({\r\n            dataSource: response.data,\r\n          });\r\n          this.refreshGrid();\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style>\r\n@media screen and (max-width: 602px) {\r\n  .editZoneModal .v--modal-box.v--modal {\r\n    /* top: 88px !important; */\r\n    margin: 0 auto !important;\r\n    width: 90% !important;\r\n    height: 379px !important;\r\n    left: 0 !important;\r\n  }\r\n}\r\n</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=059d5eff&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=059d5eff&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=059d5eff&prod&lang=css&\"","module.exports = __webpack_public_path__ + \"img/building (1).bbdf1b99.svg\";"],"sourceRoot":""}