{"version":3,"sources":["webpack:///./src/views/Branch/People_management/staff.vue","webpack:///./src/components/modals/staffs/mapStaffCard.vue","webpack:///src/components/modals/staffs/mapStaffCard.vue","webpack:///./src/components/modals/staffs/mapStaffCard.vue?dcb5","webpack:///./src/components/modals/staffs/mapStaffCard.vue?60d5","webpack:///src/views/Branch/People_management/staff.vue","webpack:///./src/views/Branch/People_management/staff.vue?21df","webpack:///./src/views/Branch/People_management/staff.vue?0adb","webpack:///./src/assets/img/id-card.png","webpack:///./src/assets/img/employee.svg"],"names":["render","_vm","this","_c","_self","attrs","staffMo","_v","staticClass","require","_s","$t","name","query","companyId","$route","branchId","dealerId","groupId","regionId","staffsCount","showLoader","_l","c","i","key","_e","staticStyle","staffs","staff","firstName","lastName","gender","path","id","cardId","on","$event","unmapCard","mapCard","deleteStaff","staticRenderFns","modalWidth","closed","opened","ref","directives","rawName","value","expression","domProps","target","composing","pin","style","isButtonDisabled","cursor","addCRD","MODAL_WIDTH","props","data","created","window","methods","event","message","type","duration","staffId","$","post","configObject","then","res","catch","error","component","components","MasterLayout","MapStaffCard","provide","grid","branches","backgroundUrl","cardBackgroundUrl","branchCount","company","JSON","pageSettings","pageSizes","pageCount","pageSize","toolbar","search","operator","ignoreCase","branch","document","beforeDestroy","watch","searchFun","mounted","openEditStaff","openStaffEditModal","fetch","method","headers","Authorization","body","toolbarClick","refreshGrid","changeRoute","getStaffs","get","response","module","exports"],"mappings":"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BACAV,yCACAC,eACAC,oBCvKoX,I,YCOhXS,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,4FC0MA,GACfhE,mBACAiE,YACAC,oBACAC,gBAEAC,SACAC,yDAEArB,OACA,OACAsB,YACAjE,cACAkE,kBACAC,sBACA/D,cACAgE,cACAC,+CACAC,mDACA,KACAC,cACAC,6BACAC,YACAC,aAEAC,6CACAC,QAAAC,oBAAAC,eACAnE,UACAR,cACA4E,UACAhF,cACAV,aAGAuD,UACAoC,6CACA,6CACA,mBAAAhE,WACA,4BACA6B,yBAEA,gCACA,cACAmC,mDAEA,4CAEA,oBAGAC,gBACA,0CAEAC,OACAH,qBAIA,GAHA,OACA,8BAEA,sBAMA,cACA,MACAC,8DACA,iBACAhB,YATA,iBAEAZ,iCACA+B,WAWAC,YACAtC,SACAxB,WAEA,eACA,uCAEAD,aACA,sDACA,MACA,OAEA,SACA8B,aACAjC,iBAGA,WACAmC,KACA,wCACAV,EACAW,qBAEAC,KAAAC,IACA,iBACA,kBACAR,0CACAC,eACAC,iBAGAO,MAAAC,IACA,kBACAV,yCACAC,aACAC,kBAIAmC,iBACA,4CACA,aACA,oCACA,mBACA1F,kBACAC,OACAC,sCACAG,oCACAC,kCACAC,wCAIAoF,qBACA,+BAEA/D,eACA,qDACA,MACA,OAEA,SAAA4B,WACA,kBACAoC,kCACAC,gBACAC,SACA,kCACAC,yDAEAC,yBAEApC,KAAAC,IACA,iBACA,kBACAR,kDACAC,eACAC,iBAGAO,MAAAC,IACA,kBACAV,iDACAC,aACAC,kBAIA0C,gBACA,oBACA,iBACA,gCACA,MACA,mBACA,kCACA,QAGAC,cACA,+BAEAC,iBACA,mBACAnG,OACAC,iCACA,CAAAqB,KAAAlB,wBACA,CAAAkB,SAGA8E,YACA,mBACA,WACAC,IACA,0DACA1C,qBAEAC,KAAA0C,IACA,mBACA,mBACA,+BACA,6CAEAxC,MAAAC,UC9Z6W,ICOzW,EAAY,eACd,EACA3E,EACAyC,GACA,EACA,KACA,KACA,MAIa,e,gCClBf0E,EAAOC,QAAU,IAA0B,4B,qBCA3CD,EAAOC,QAAU,IAA0B","file":"js/chunk-27b5b784.b7251b98.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('MapStaffCard',{attrs:{\"staffMo\":_vm.staffMo}}),_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('img',{attrs:{\"src\":require(\"@/assets/img/id-card.png\"),\"width\":\"35\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"py-1 col-md-6\"},[_c('h4',{staticClass:\"primary-color font-600\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.staff.title\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"mt-3 light-grey-text\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.staff.description\"))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-5 flexify\"},[_c('router-link',{staticClass:\"btn btn-warning\",attrs:{\"to\":{\n                  name: 'new_staff',\n                  query: {\n                    companyId: _vm.$route.query.companyId,\n                    branchId: this.branchId,\n                    dealerId: _vm.$route.query.dealerId,\n                    groupId: _vm.$route.query.groupId,\n                    regionId: _vm.$route.query.regionId,\n                  },\n                }}},[_vm._v(_vm._s(_vm.$t(\"text.staff.addNew\"))+\"\\n                \")])],1)])]),_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.staff.totalStaffs\"))+\"\\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/id-card.png\"),\"width\":\"35\"}})])])]),_vm._v(\" \"),_c('h3',{staticClass:\"mt-2 text-center our_branches__header\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.staffsCount)+\"\\n                \")])])])])])])]),_vm._v(\" \"),(_vm.showLoader)?_c('section',{staticClass:\"row card-loader-wrapper w-100 mt-5\"},_vm._l((4),function(c,i){return _c('div',{key:i,staticClass:\"col-md-3 position-relative\"},[_c('div',{staticClass:\"card-loader\"})])}),0):_vm._e(),_vm._v(\" \"),(!_vm.showLoader)?_c('div',{staticClass:\"staff-container mt-3\",staticStyle:{\"margin\":\"0 auto\",\"width\":\"99.6%\"}},[_c('div',{staticClass:\"row\"},_vm._l((_vm.staffs),function(staff,i){return _c('div',{key:i,staticClass:\"col-md-3 nopadright mb-3 mr-3\"},[_c('div',{staticClass:\"staff\",staticStyle:{\"height\":\"311px\"}},[_c('h3',{staticClass:\"tank__name text-center mt-3\"},[_vm._v(\"\\n              \"+_vm._s(staff.firstName)+\" \"+_vm._s(staff.lastName)+\"\\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/employee.svg\"),\"width\":\"35px\"}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"fuelcard\"},[_c('div',{staticClass:\"left\"},[_c('span',{staticClass:\"lightspan\"},[_vm._v(_vm._s(_vm.$t(\"text.form.name\"))+\":\")])]),_vm._v(\" \"),_c('div',{staticClass:\"right\"},[_c('span',{staticClass:\"boldspan\"},[_vm._v(_vm._s(staff.firstName)+\" \"+_vm._s(staff.lastName))])])]),_vm._v(\" \"),_c('div',{staticClass:\"fuelcard\"},[_c('div',{staticClass:\"left\"},[_c('span',{staticClass:\"lightspan\"},[_vm._v(_vm._s(_vm.$t(\"text.staff.gender\"))+\":\")])]),_vm._v(\" \"),_c('div',{staticClass:\"right\"},[_c('span',{staticClass:\"boldspan\"},[_vm._v(_vm._s(staff.gender))])])]),_vm._v(\" \"),_c('div',{staticClass:\"fuelcard\",staticStyle:{\"padding-bottom\":\"15px\"}},[_c('div',{staticClass:\"text-center pb-3\"},[_c('div',{staticClass:\"btn-group btn-group-sm\",attrs:{\"role\":\"group\"}},[_c('router-link',{staticClass:\"btn btn-warning\",attrs:{\"to\":{\n                      path: `/Retail-Outlet/staff-details/${staff.id}`,\n                      query: _vm.$route.query.branchId\n                        ? {\n                            id: staff.id,\n                            branchId: _vm.branchId,\n                            companyId: _vm.$route.query.companyId,\n                          }\n                        : { id: staff.id, companyId: _vm.$route.query.companyId },\n                    },\"title\":\"View Staff\"}},[_c('i',{staticClass:\"fa fa-eye mr-1\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.staff.view\"))+\"\\n                  \")]),_vm._v(\" \"),_c('router-link',{staticClass:\"btn btn-primary\",attrs:{\"to\":{\n                      path: `/Retail-Outlet/edit-staff/${staff.id}`,\n                      query: _vm.$route.query.branchId\n                        ? {\n                            id: staff.id,\n                            branchId: _vm.branchId,\n                            companyId: _vm.$route.query.companyId,\n                          }\n                        : { id: staff.id, companyId: _vm.$route.query.companyId },\n                    },\"title\":\"Edit Staff\"}},[_c('i',{staticClass:\"fa fa-edit mr-1\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.staff.edit\"))+\"\\n                  \")]),_vm._v(\" \"),_c('router-link',{staticClass:\"btn btn-info\",attrs:{\"to\":{\n                      path: `/Retail-Outlet/Ratings/${staff.id}/${staff.firstName} ${staff.lastName}`,\n                      query: _vm.$route.query.branchId\n                        ? {\n                            id: staff.id,\n                            branchId: _vm.branchId,\n                            companyId: _vm.$route.query.companyId,\n                          }\n                        : { id: staff.id, companyId: _vm.$route.query.companyId },\n                    },\"title\":\"View staff ratings\"}},[_c('i',{staticClass:\"fa fa-star-half-o mr-1\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.general.rating\"))+\"\\n                  \")]),_vm._v(\" \"),(!staff.cardId)?_c('button',{staticClass:\"btn btn-success\",attrs:{\"title\":_vm.$t('text.staff.mapCard')},on:{\"click\":function($event){return _vm.mapCard(staff)}}},[_c('i',{staticClass:\"fa fa-id-card-o mr-1\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.staff.mapCard\"))+\"\\n                  \")]):_c('button',{staticClass:\"btn btn-dark\",attrs:{\"title\":_vm.$t('text.staff.unMapCard')},on:{\"click\":function($event){return _vm.unmapCard(staff)}}},[_c('i',{staticClass:\"fa fa-id-card-o mr-1\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n\\n                    \"+_vm._s(_vm.$t(\"text.staff.unMapCard\"))+\"\\n                  \")]),_vm._v(\" \"),_c('button',{staticClass:\"btn btn-danger\",attrs:{\"type\":\"button\",\"title\":\"Delete\"},on:{\"click\":function($event){return _vm.deleteStaff(staff.id)}}},[_c('i',{staticClass:\"fa fa-trash-o mr-1\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.staff.delete\"))+\"\\n                  \")])],1)])])])])}),0)]):_vm._e()])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('modal',{staticClass:\"addNewRetainershipModal\",attrs:{\"name\":\"mapStaffCardModal\",\"transition\":\"pop-out\",\"width\":_vm.modalWidth,\"height\":350},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('img',{attrs:{\"src\":require(\"@/assets/img/deal.png\"),\"width\":\"50px\"}})]),_vm._v(\" \"),_c('span',[_vm._v(_vm._s(_vm.$t(\"text.staff.map\"))+\" \"+_vm._s(_vm.staffMo.firstName)+\"\\n          \"+_vm._s(_vm.staffMo.lastName)+\" \"+_vm._s(_vm.$t(\"text.staff.toCard\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"sign_up_form_section\"},[_c('form',[_c('div',{staticClass:\"mt-3 form_input_section\"},[_c('div',{ref:\"phone_input_div\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.cardId),expression:\"cardId\"}],staticClass:\"form-control w-100\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.staff.cardId')},domProps:{\"value\":(_vm.cardId)},on:{\"input\":function($event){if($event.target.composing)return;_vm.cardId=$event.target.value}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 form_input_section\"},[_c('div',{ref:\"phone_input_div\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.pin),expression:\"pin\"}],staticClass:\"form-control w-100\",attrs:{\"type\":\"number\",\"placeholder\":_vm.$t('text.addCardVehicle.pin')},domProps:{\"value\":(_vm.pin)},on:{\"input\":function($event){if($event.target.composing)return;_vm.pin=$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' },\n              ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":_vm.addCRD}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.staff.mapCard\"))+\"\\n              \"),_c('img',{staticClass:\"ml-3 loader\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"19px\"}})])])])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <modal\r\n    class=\"addNewRetainershipModal\"\r\n    name=\"mapStaffCardModal\"\r\n    transition=\"pop-out\"\r\n    :width=\"modalWidth\"\r\n    :height=\"350\"\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/deal.png\" width=\"50px\" />\r\n          </span>\r\n\r\n          <span\r\n            >{{ $t(\"text.staff.map\") }} {{ staffMo.firstName }}\r\n            {{ staffMo.lastName }} {{ $t(\"text.staff.toCard\") }}</span\r\n          >\r\n        </h3>\r\n\r\n        <div class=\"sign_up_form_section\">\r\n          <form>\r\n            <!-- <div class=\"col-md-6\"> -->\r\n            <div class=\"mt-3 form_input_section\">\r\n              <div class=\"input__block\" ref=\"phone_input_div\">\r\n                <input\r\n                  type=\"text\"\r\n                  :placeholder=\"$t('text.staff.cardId')\"\r\n                  class=\"form-control w-100\"\r\n                  v-model=\"cardId\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <div class=\"mt-3 form_input_section\">\r\n              <div class=\"input__block\" ref=\"phone_input_div\">\r\n                <input\r\n                  type=\"number\"\r\n                  :placeholder=\"$t('text.addCardVehicle.pin')\"\r\n                  class=\"form-control w-100\"\r\n                  v-model=\"pin\"\r\n                />\r\n              </div>\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=\"addCRD\"\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.staff.mapCard\") }}\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\nconst MODAL_WIDTH = 700;\r\nimport configObject from \"@/config\";\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  name: \"mapStaffCardModal\",\r\n  props: [\"staffMo\"],\r\n  data() {\r\n    return {\r\n      modalWidth: MODAL_WIDTH,\r\n      isButtonDisabled: false,\r\n      showLoader: false,\r\n      cardId: \"\",\r\n      pin: \"\",\r\n    };\r\n  },\r\n  // watch: {\r\n  //   companyId(oldValue, newValue) {\r\n  //     this.getCompanyBranchDealers();\r\n  //   },\r\n  // },\r\n  created() {\r\n    this.modalWidth =\r\n      window.innerWidth < MODAL_WIDTH ? MODAL_WIDTH / 2 : MODAL_WIDTH;\r\n  },\r\n  methods: {\r\n    opened() {},\r\n    closed() {\r\n      (this.pin = null),\r\n        (this.cardId = null),\r\n        this.$modal.hide(\"mapStaffCardModal\");\r\n    },\r\n\r\n    addCRD(event) {\r\n      event.preventDefault();\r\n      if (!this.cardId) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.staff.inputCardId\"),\r\n          type: \"success\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.pin) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.staff.inputPin\"),\r\n          type: \"success\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n\r\n      const data = {\r\n        staffId: this.staffMo.id,\r\n        cardId: this.cardId,\r\n        pin: this.pin,\r\n      };\r\n      $(\".loader\").show();\r\n      this.isButtonDisabled = true;\r\n\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/staff/MapLogCard`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          this.$toast.open({\r\n            message: this.$t(\"text.requests.success\"),\r\n            type: \"success\",\r\n            duration: 3000,\r\n          });\r\n\r\n          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\r\n          this.pin = \"\";\r\n          this.cardId = \"\";\r\n          this.$modal.hide(\"mapStaffCardModal\");\r\n          this.$eventHub.$emit(\"refreshStaffTable\");\r\n        })\r\n        .catch((error) => {\r\n          this.$toast.open({\r\n            message: this.$t(\"text.requests.failure\"),\r\n            type: \"success\",\r\n            duration: 3000,\r\n          });\r\n          // this.isButtonDisabled = false;\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!./mapStaffCard.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!./mapStaffCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./mapStaffCard.vue?vue&type=template&id=7c8f244d&\"\nimport script from \"./mapStaffCard.vue?vue&type=script&lang=js&\"\nexport * from \"./mapStaffCard.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    <MapStaffCard :staffMo=\"staffMo\" />\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                  <img src=\"@/assets/img/id-card.png\" width=\"35\" />\r\n                </div>\r\n              </div>\r\n              <div class=\"py-1 col-md-6\">\r\n                <h4 class=\"primary-color font-600\">\r\n                  {{ $t(\"text.staff.title\") }}\r\n                </h4>\r\n                <p class=\"mt-3 light-grey-text\">\r\n                  {{ $t(\"text.staff.description\") }}\r\n                </p>\r\n              </div>\r\n              <div class=\"col-md-5 flexify\">\r\n                <router-link\r\n                  :to=\"{\r\n                    name: 'new_staff',\r\n                    query: {\r\n                      companyId: $route.query.companyId,\r\n                      branchId: this.branchId,\r\n                      dealerId: $route.query.dealerId,\r\n                      groupId: $route.query.groupId,\r\n                      regionId: $route.query.regionId,\r\n                    },\r\n                  }\"\r\n                  class=\"btn btn-warning\"\r\n                  >{{ $t(\"text.staff.addNew\") }}\r\n                  <!-- <img src=\"@/assets/img/paper-plane.png\"  width=\"30px\" class=\"ml-3\" /> -->\r\n                </router-link>\r\n              </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.staff.totalStaffs\") }}\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/id-card.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                    {{ staffsCount }}\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=\"row card-loader-wrapper w-100 mt-5\" v-if=\"showLoader\">\r\n        <div class=\"col-md-3 position-relative\" v-for=\"(c, i) in 4\" :key=\"i\">\r\n          <div class=\"card-loader\"></div>\r\n        </div>\r\n      </section>\r\n      <div\r\n        class=\"staff-container mt-3\"\r\n        style=\"margin: 0 auto; width: 99.6%\"\r\n        v-if=\"!showLoader\"\r\n      >\r\n        <div class=\"row\">\r\n          <div\r\n            class=\"col-md-3 nopadright mb-3 mr-3\"\r\n            v-for=\"(staff, i) in staffs\"\r\n            :key=\"i\"\r\n          >\r\n            <div class=\"staff\" style=\"height: 311px\">\r\n              <h3 class=\"tank__name text-center mt-3\">\r\n                {{ staff.firstName }} {{ staff.lastName }}\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/employee.svg\" width=\"35px\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"fuelcard\">\r\n                <div class=\"left\">\r\n                  <span class=\"lightspan\">{{ $t(\"text.form.name\") }}:</span>\r\n                </div>\r\n                <div class=\"right\">\r\n                  <span class=\"boldspan\"\r\n                    >{{ staff.firstName }} {{ staff.lastName }}</span\r\n                  >\r\n                </div>\r\n              </div>\r\n              <div class=\"fuelcard\">\r\n                <div class=\"left\">\r\n                  <span class=\"lightspan\">{{ $t(\"text.staff.gender\") }}:</span>\r\n                </div>\r\n                <div class=\"right\">\r\n                  <span class=\"boldspan\">{{ staff.gender }}</span>\r\n                </div>\r\n              </div>\r\n              <div class=\"fuelcard\" style=\"padding-bottom: 15px\">\r\n                <div class=\"text-center pb-3\">\r\n                  <div class=\"btn-group btn-group-sm\" role=\"group\">\r\n                    <router-link\r\n                      :to=\"{\r\n                        path: `/Retail-Outlet/staff-details/${staff.id}`,\r\n                        query: $route.query.branchId\r\n                          ? {\r\n                              id: staff.id,\r\n                              branchId: branchId,\r\n                              companyId: $route.query.companyId,\r\n                            }\r\n                          : { id: staff.id, companyId: $route.query.companyId },\r\n                      }\"\r\n                      class=\"btn btn-warning\"\r\n                      title=\"View Staff\"\r\n                    >\r\n                      <i class=\"fa fa-eye mr-1\" aria-hidden=\"true\"></i>\r\n                      {{ $t(\"text.staff.view\") }}\r\n                    </router-link>\r\n\r\n                    <router-link\r\n                      :to=\"{\r\n                        path: `/Retail-Outlet/edit-staff/${staff.id}`,\r\n                        query: $route.query.branchId\r\n                          ? {\r\n                              id: staff.id,\r\n                              branchId: branchId,\r\n                              companyId: $route.query.companyId,\r\n                            }\r\n                          : { id: staff.id, companyId: $route.query.companyId },\r\n                      }\"\r\n                      class=\"btn btn-primary\"\r\n                      title=\"Edit Staff\"\r\n                    >\r\n                      <i class=\"fa fa-edit mr-1\" aria-hidden=\"true\"></i>\r\n                      {{ $t(\"text.staff.edit\") }}\r\n                    </router-link>\r\n                    <router-link\r\n                      :to=\"{\r\n                        path: `/Retail-Outlet/Ratings/${staff.id}/${staff.firstName} ${staff.lastName}`,\r\n                        query: $route.query.branchId\r\n                          ? {\r\n                              id: staff.id,\r\n                              branchId: branchId,\r\n                              companyId: $route.query.companyId,\r\n                            }\r\n                          : { id: staff.id, companyId: $route.query.companyId },\r\n                      }\"\r\n                      class=\"btn btn-info\"\r\n                      title=\"View staff ratings\"\r\n                    >\r\n                      <i class=\"fa fa-star-half-o mr-1\" aria-hidden=\"true\"></i>\r\n                      {{ $t(\"text.general.rating\") }}\r\n                    </router-link>\r\n                    <button\r\n                      v-if=\"!staff.cardId\"\r\n                      @click=\"mapCard(staff)\"\r\n                      class=\"btn btn-success\"\r\n                      :title=\"$t('text.staff.mapCard')\"\r\n                    >\r\n                      <i class=\"fa fa-id-card-o mr-1\" aria-hidden=\"true\"></i>\r\n                      {{ $t(\"text.staff.mapCard\") }}\r\n                    </button>\r\n                    <button\r\n                      v-else\r\n                      @click=\"unmapCard(staff)\"\r\n                      class=\"btn btn-dark\"\r\n                      :title=\"$t('text.staff.unMapCard')\"\r\n                    >\r\n                      <i class=\"fa fa-id-card-o mr-1\" aria-hidden=\"true\"></i>\r\n\r\n                      {{ $t(\"text.staff.unMapCard\") }}\r\n                    </button>\r\n                    <button\r\n                      type=\"button\"\r\n                      class=\"btn btn-danger\"\r\n                      title=\"Delete\"\r\n                      @click=\"deleteStaff(staff.id)\"\r\n                    >\r\n                      <i class=\"fa fa-trash-o mr-1\" aria-hidden=\"true\"></i>\r\n                      {{ $t(\"text.staff.delete\") }}\r\n                    </button>\r\n                  </div>\r\n                </div>\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\r\n<script>\r\nimport Vue from \"vue\";\r\nimport MasterLayout from \"@/views/Branch/MasterLayout.vue\";\r\nimport backgroundUrl from \"@/assets/img/BecomeDealer.png\";\r\nimport cardBackgroundUrl from \"@/assets/img/Group393.svg\";\r\nimport MapStaffCard from \"@/components/modals/staffs/mapStaffCard.vue\";\r\nimport configObject from \"@/config\";\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\n\r\nexport default {\r\n  name: \"OurBranches\",\r\n  components: {\r\n    MasterLayout,\r\n    MapStaffCard,\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      branches: [],\r\n      dealerId: null,\r\n      backgroundUrl,\r\n      cardBackgroundUrl,\r\n      showLoader: true,\r\n      branchCount: 0,\r\n      company: localStorage.getItem(\"companyDetails\")\r\n        ? JSON.parse(localStorage.getItem(\"companyDetails\"))\r\n        : null,\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      staffs: [],\r\n      staffsCount: 0,\r\n      branch: {},\r\n      branchId: null,\r\n      staffMo: {},\r\n    };\r\n  },\r\n  created() {\r\n    document.title = \"Staff:: Epump Retail Outlet\";\r\n    if (localStorage.getItem(\"userDetails\") === \"null\") {\r\n      this.$router.push({ path: \"/\" });\r\n    } else if (configObject.authConfig() === null) {\r\n      window.location.reload();\r\n    }\r\n    this.$eventHub.$on(\"branch\", (branch) => {\r\n      this.branch = branch;\r\n      document.title = `Staff:: ${branch.name} Retail Outlet`;\r\n    });\r\n    this.$eventHub.$on(\"refreshStaffTable\", () => {\r\n      // console.log(\"event trigered\");\r\n      this.getStaffs();\r\n    });\r\n  },\r\n  beforeDestroy() {\r\n    this.$eventHub.$off(\"refreshStaffTable\");\r\n  },\r\n  watch: {\r\n    branch: function (newBranch, oldBranch) {\r\n      if (newBranch.id) {\r\n        this.branchId = this.branch.id;\r\n      }\r\n      if (this.branchId !== null) {\r\n        this.getStaffs();\r\n\r\n        $(\".e-input\").keyup(function (e) {\r\n          searchFun(e);\r\n        });\r\n        function searchFun(event) {\r\n          var grid =\r\n            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    },\r\n  },\r\n  mounted() {},\r\n  methods: {\r\n    mapCard(staff) {\r\n      // console.log(\"map card activated\");\r\n      this.staffMo = staff;\r\n      this.$modal.show(\"mapStaffCardModal\");\r\n    },\r\n    unmapCard(staff) {\r\n      const remove = confirm(this.$t(\"text.errors.sureWantUnmap\"));\r\n      if (!remove) {\r\n        return;\r\n      }\r\n      const data = {\r\n        staffId: staff.id,\r\n        cardId: staff.cardId,\r\n      };\r\n\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/staff/unmapLogCard`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          this.getStaffs();\r\n          this.$toast.open({\r\n            message: this.$t(\"text.cUsers.mapSuccess\"),\r\n            type: \"success\",\r\n            duration: 4000,\r\n          });\r\n        })\r\n        .catch((error) => {\r\n          this.$toast.open({\r\n            message: this.$t(\"text.requests.failure\"),\r\n            type: \"error\",\r\n            duration: 4000,\r\n          });\r\n        });\r\n    },\r\n    openEditStaff(staff) {\r\n      let staffDetail = this.staffs.filter((stf) => stf.id === staff.id)[0];\r\n      this.staff = staffDetail;\r\n      this.$eventHub.$emit(\"editStaff\", staffDetail);\r\n      this.$router.push({\r\n        name: \"edit_staff\",\r\n        query: {\r\n          companyId: this.$route.query.companyId,\r\n          dealerId: this.$route.query.dealerId,\r\n          groupId: this.$route.query.groupId,\r\n          regionId: this.$route.query.regionId,\r\n        },\r\n      });\r\n    },\r\n    openStaffEditModal() {\r\n      this.$modal.show(\"editStaff\");\r\n    },\r\n    deleteStaff(id) {\r\n      const remove = confirm(this.$t(\"text.staff.confirmDelete\"));\r\n      if (!remove) {\r\n        return;\r\n      }\r\n      const data = { staffId: id };\r\n      let formData = JSON.stringify(data);\r\n      fetch(`${configObject.apiBaseUrl}/Staff`, {\r\n        method: \"DELETE\",\r\n        headers: {\r\n          \"Content-Type\": \"application/json\",\r\n          Authorization: configObject.authConfig().headers.Authorization,\r\n        },\r\n        body: JSON.stringify(data),\r\n      })\r\n        .then((res) => {\r\n          this.getStaffs();\r\n          this.$toast.open({\r\n            message: this.$t(\"text.staff.successfullyDeleted\"),\r\n            type: \"success\",\r\n            duration: 4000,\r\n          });\r\n        })\r\n        .catch((error) => {\r\n          this.$toast.open({\r\n            message: this.$t(\"text.staff.unsuccessfulDelete\"),\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          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(routeName, id) {\r\n      this.$router.push({\r\n        name: routeName,\r\n        query: this.$route.query.branchId\r\n          ? { id: id, branchId: this.branchId }\r\n          : { id: id },\r\n      });\r\n    },\r\n    getStaffs() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Staff/BranchStaff/${this.branchId}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.showLoader = false;\r\n          this.staffs = response.data;\r\n          this.staffsCount = response.data.length;\r\n          this.$eventHub.$emit(\"staffs\", this.staffs);\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!./staff.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!./staff.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./staff.vue?vue&type=template&id=dd9c18d4&\"\nimport script from \"./staff.vue?vue&type=script&lang=js&\"\nexport * from \"./staff.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/id-card.e7fecd2a.png\";","module.exports = __webpack_public_path__ + \"img/employee.0a6c2a6a.svg\";"],"sourceRoot":""}