{"version":3,"sources":["webpack:///./src/views/Branch/People_management/staff.vue?4c5a","webpack:///./src/components/modals/staffs/mapStaffCard.vue?df91","webpack:///src/components/modals/staffs/mapStaffCard.vue","webpack:///./src/components/modals/staffs/mapStaffCard.vue?dcb5","webpack:///./src/components/modals/staffs/mapStaffCard.vue","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","webpack:///./src/assets/img/id-card.png","webpack:///./src/assets/img/employee.svg"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staffMo","_v","staticClass","_s","$t","name","query","companyId","$route","branchId","dealerId","groupId","regionId","staffsCount","_l","c","i","key","_e","showLoader","staticStyle","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","staffs","branch","document","beforeDestroy","watch","searchFun","mounted","openEditStaff","openStaffEditModal","fetch","method","headers","Authorization","body","toolbarClick","refreshGrid","changeRoute","getStaffs","get","response","module","exports"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,eAAe,CAACE,MAAM,CAAC,QAAUN,EAAIO,WAAWP,EAAIQ,GAAG,KAAKJ,EAAG,eAAe,CAACA,EAAG,MAAM,CAACK,YAAY,2CAA2C,CAACL,EAAG,MAAM,CAACK,YAAY,OAAO,CAACL,EAAG,MAAM,CAACK,YAAY,YAAY,CAACL,EAAG,MAAM,CAACK,YAAY,kDAAkD,CAACL,EAAG,MAAM,CAACK,YAAY,iDAAiD,CAACL,EAAG,MAAM,CAACK,YAAY,oCAAoC,CAACL,EAAG,MAAM,CAACE,MAAM,CAAC,IAAM,EAAQ,QAA4B,MAAQ,YAAYN,EAAIQ,GAAG,KAAKJ,EAAG,MAAM,CAACK,YAAY,iBAAiB,CAACL,EAAG,KAAK,CAACK,YAAY,0BAA0B,CAACT,EAAIQ,GAAG,qBAAqBR,EAAIU,GAAGV,EAAIW,GAAG,qBAAqB,sBAAsBX,EAAIQ,GAAG,KAAKJ,EAAG,IAAI,CAACK,YAAY,wBAAwB,CAACT,EAAIQ,GAAG,qBAAqBR,EAAIU,GAAGV,EAAIW,GAAG,2BAA2B,wBAAwBX,EAAIQ,GAAG,KAAKJ,EAAG,MAAM,CAACK,YAAY,oBAAoB,CAACL,EAAG,cAAc,CAACK,YAAY,kBAAkBH,MAAM,CAAC,GAAK,CAC1gCM,KAAM,YACNC,MAAO,CACLC,UAAWd,EAAIe,OAAOF,MAAMC,UAC5BE,SAAUf,KAAKe,SACfC,SAAUjB,EAAIe,OAAOF,MAAMI,SAC3BC,QAASlB,EAAIe,OAAOF,MAAMK,QAC1BC,SAAUnB,EAAIe,OAAOF,MAAMM,aAE3B,CAACnB,EAAIQ,GAAGR,EAAIU,GAAGV,EAAIW,GAAG,sBAAsB,yBAAyB,OAAOX,EAAIQ,GAAG,KAAKJ,EAAG,MAAM,CAACK,YAAY,YAAY,CAACL,EAAG,MAAM,CAACK,YAAY,uBAAuB,CAACL,EAAG,MAAM,CAACK,YAAY,uBAAuB,CAACL,EAAG,MAAM,CAACA,EAAG,KAAK,CAACK,YAAY,oCAAoC,CAACT,EAAIQ,GAAG,uBAAuBR,EAAIU,GAAGV,EAAIW,GAAG,2BAA2B,wBAAwBX,EAAIQ,GAAG,KAAKJ,EAAG,MAAM,CAACK,YAAY,8BAA8B,CAACL,EAAG,MAAM,CAACK,YAAY,iCAAiC,CAACL,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,MAAM,CAAC,IAAM,EAAQ,QAA4B,MAAQ,cAAcN,EAAIQ,GAAG,KAAKJ,EAAG,KAAK,CAACK,YAAY,yCAAyC,CAACT,EAAIQ,GAAG,uBAAuBR,EAAIU,GAAGV,EAAIoB,aAAa,oCAAoCpB,EAAIQ,GAAG,KAAMR,EAAc,WAAEI,EAAG,UAAU,CAACK,YAAY,sCAAsCT,EAAIqB,GAAG,GAAI,SAASC,EAAEC,GAAG,OAAOnB,EAAG,MAAM,CAACoB,IAAID,EAAEd,YAAY,8BAA8B,CAACL,EAAG,MAAM,CAACK,YAAY,qBAAoB,GAAGT,EAAIyB,KAAKzB,EAAIQ,GAAG,KAAOR,EAAI0B,WA2B8M1B,EAAIyB,KA3BtMrB,EAAG,MAAM,CAACK,YAAY,uBAAuBkB,YAAY,CAAC,OAAS,SAAS,MAAQ,UAAU,CAACvB,EAAG,MAAM,CAACK,YAAY,OAAOT,EAAIqB,GAAIrB,EAAU,QAAE,SAAS4B,EAAML,GAAG,OAAOnB,EAAG,MAAM,CAACoB,IAAID,EAAEd,YAAY,iCAAiC,CAACL,EAAG,MAAM,CAACK,YAAY,QAAQkB,YAAY,CAAC,OAAS,UAAU,CAACvB,EAAG,KAAK,CAACK,YAAY,+BAA+B,CAACT,EAAIQ,GAAG,mBAAmBR,EAAIU,GAAGkB,EAAMC,WAAW,IAAI7B,EAAIU,GAAGkB,EAAME,UAAU,oBAAoB9B,EAAIQ,GAAG,KAAKJ,EAAG,MAAM,CAACK,YAAY,8BAA8B,CAACL,EAAG,MAAM,CAACK,YAAY,iCAAiC,CAACL,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,MAAM,CAAC,IAAM,EAAQ,QAA6B,MAAQ,gBAAgBN,EAAIQ,GAAG,KAAKJ,EAAG,MAAM,CAACK,YAAY,YAAY,CAACL,EAAG,MAAM,CAACK,YAAY,QAAQ,CAACL,EAAG,OAAO,CAACK,YAAY,aAAa,CAACT,EAAIQ,GAAGR,EAAIU,GAAGV,EAAIW,GAAG,mBAAmB,SAASX,EAAIQ,GAAG,KAAKJ,EAAG,MAAM,CAACK,YAAY,SAAS,CAACL,EAAG,OAAO,CAACK,YAAY,YAAY,CAACT,EAAIQ,GAAGR,EAAIU,GAAGkB,EAAMC,WAAW,IAAI7B,EAAIU,GAAGkB,EAAME,iBAAiB9B,EAAIQ,GAAG,KAAKJ,EAAG,MAAM,CAACK,YAAY,YAAY,CAACL,EAAG,MAAM,CAACK,YAAY,QAAQ,CAACL,EAAG,OAAO,CAACK,YAAY,aAAa,CAACT,EAAIQ,GAAGR,EAAIU,GAAGV,EAAIW,GAAG,sBAAsB,SAASX,EAAIQ,GAAG,KAAKJ,EAAG,MAAM,CAACK,YAAY,SAAS,CAACL,EAAG,OAAO,CAACK,YAAY,YAAY,CAACT,EAAIQ,GAAGR,EAAIU,GAAGkB,EAAMG,eAAe/B,EAAIQ,GAAG,KAAKJ,EAAG,MAAM,CAACK,YAAY,WAAWkB,YAAY,CAAC,iBAAiB,SAAS,CAACvB,EAAG,MAAM,CAACK,YAAY,oBAAoB,CAACL,EAAG,MAAM,CAACK,YAAY,yBAAyBH,MAAM,CAAC,KAAO,UAAU,CAACF,EAAG,cAAc,CAACK,YAAY,kBAAkBH,MAAM,CAAC,GAAK,CACn+E0B,KAAO,gCAAmCJ,EAAQ,GAClDf,MAAOb,EAAIe,OAAOF,MAAMG,SACpB,CACEiB,GAAIL,EAAMK,GACVjB,SAAUhB,EAAIgB,SACdF,UAAWd,EAAIe,OAAOF,MAAMC,WAE9B,CAAEmB,GAAIL,EAAMK,GAAInB,UAAWd,EAAIe,OAAOF,MAAMC,YAChD,MAAQ,eAAe,CAACV,EAAG,IAAI,CAACK,YAAY,iBAAiBH,MAAM,CAAC,cAAc,UAAUN,EAAIQ,GAAG,yBAAyBR,EAAIU,GAAGV,EAAIW,GAAG,oBAAoB,0BAA0BX,EAAIQ,GAAG,KAAKJ,EAAG,cAAc,CAACK,YAAY,kBAAkBH,MAAM,CAAC,GAAK,CAChQ0B,KAAO,6BAAgCJ,EAAQ,GAC/Cf,MAAOb,EAAIe,OAAOF,MAAMG,SACpB,CACEiB,GAAIL,EAAMK,GACVjB,SAAUhB,EAAIgB,SACdF,UAAWd,EAAIe,OAAOF,MAAMC,WAE9B,CAAEmB,GAAIL,EAAMK,GAAInB,UAAWd,EAAIe,OAAOF,MAAMC,YAChD,MAAQ,eAAe,CAACV,EAAG,IAAI,CAACK,YAAY,kBAAkBH,MAAM,CAAC,cAAc,UAAUN,EAAIQ,GAAG,yBAAyBR,EAAIU,GAAGV,EAAIW,GAAG,oBAAoB,0BAA0BX,EAAIQ,GAAG,KAAKJ,EAAG,cAAc,CAACK,YAAY,eAAeH,MAAM,CAAC,GAAK,CAC9P0B,KAAO,0BAA6BJ,EAAQ,GAAI,IAAOA,EAAe,UAAI,IAAOA,EAAc,SAC/Ff,MAAOb,EAAIe,OAAOF,MAAMG,SACpB,CACEiB,GAAIL,EAAMK,GACVjB,SAAUhB,EAAIgB,SACdF,UAAWd,EAAIe,OAAOF,MAAMC,WAE9B,CAAEmB,GAAIL,EAAMK,GAAInB,UAAWd,EAAIe,OAAOF,MAAMC,YAChD,MAAQ,uBAAuB,CAACV,EAAG,IAAI,CAACK,YAAY,yBAAyBH,MAAM,CAAC,cAAc,UAAUN,EAAIQ,GAAG,yBAAyBR,EAAIU,GAAGV,EAAIW,GAAG,wBAAwB,0BAA0BX,EAAIQ,GAAG,KAAOoB,EAAMM,OAAoU9B,EAAG,SAAS,CAACK,YAAY,eAAeH,MAAM,CAAC,MAAQN,EAAIW,GAAG,yBAAyBwB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpC,EAAIqC,UAAUT,MAAU,CAACxB,EAAG,IAAI,CAACK,YAAY,uBAAuBH,MAAM,CAAC,cAAc,UAAUN,EAAIQ,GAAG,2BAA2BR,EAAIU,GAAGV,EAAIW,GAAG,yBAAyB,0BAAnmBP,EAAG,SAAS,CAACK,YAAY,kBAAkBH,MAAM,CAAC,MAAQN,EAAIW,GAAG,uBAAuBwB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpC,EAAIsC,QAAQV,MAAU,CAACxB,EAAG,IAAI,CAACK,YAAY,uBAAuBH,MAAM,CAAC,cAAc,UAAUN,EAAIQ,GAAG,yBAAyBR,EAAIU,GAAGV,EAAIW,GAAG,uBAAuB,0BAA2VX,EAAIQ,GAAG,KAAKJ,EAAG,SAAS,CAACK,YAAY,iBAAiBH,MAAM,CAAC,KAAO,SAAS,MAAQ,UAAU6B,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpC,EAAIuC,YAAYX,EAAMK,OAAO,CAAC7B,EAAG,IAAI,CAACK,YAAY,qBAAqBH,MAAM,CAAC,cAAc,UAAUN,EAAIQ,GAAG,yBAAyBR,EAAIU,GAAGV,EAAIW,GAAG,sBAAsB,2BAA2B,cAAa,QAAiB,IAC7tC6B,EAAkB,G,sDCrClB,EAAS,WAAa,IAAIxC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAAQ,CAACK,YAAY,0BAA0BH,MAAM,CAAC,KAAO,oBAAoB,WAAa,UAAU,MAAQN,EAAIyC,WAAW,OAAS,KAAKN,GAAG,CAAC,OAASnC,EAAI0C,OAAO,OAAS1C,EAAI2C,SAAS,CAACvC,EAAG,MAAM,CAACK,YAAY,qBAAqB,CAACL,EAAG,SAAS,CAACK,YAAY,oBAAoBH,MAAM,CAAC,KAAO,SAAS,aAAa,SAAS6B,GAAG,CAAC,MAAQnC,EAAI0C,SAAS,CAACtC,EAAG,OAAO,CAACE,MAAM,CAAC,cAAc,SAAS,CAACN,EAAIQ,GAAG,SAASR,EAAIQ,GAAG,KAAKJ,EAAG,MAAM,CAACK,YAAY,eAAe,CAACL,EAAG,KAAK,CAACK,YAAY,kCAAkC,CAACL,EAAG,OAAO,CAACA,EAAG,MAAM,CAACE,MAAM,CAAC,IAAM,EAAQ,QAAyB,MAAQ,YAAYN,EAAIQ,GAAG,KAAKJ,EAAG,OAAO,CAACJ,EAAIQ,GAAGR,EAAIU,GAAGV,EAAIW,GAAG,mBAAmB,IAAIX,EAAIU,GAAGV,EAAIO,QAAQsB,WAAW,eAAe7B,EAAIU,GAAGV,EAAIO,QAAQuB,UAAU,IAAI9B,EAAIU,GAAGV,EAAIW,GAAG,2BAA2BX,EAAIQ,GAAG,KAAKJ,EAAG,MAAM,CAACK,YAAY,wBAAwB,CAACL,EAAG,OAAO,CAACA,EAAG,MAAM,CAACK,YAAY,2BAA2B,CAACL,EAAG,MAAM,CAACwC,IAAI,kBAAkBnC,YAAY,gBAAgB,CAACL,EAAG,QAAQ,CAACyC,WAAW,CAAC,CAACjC,KAAK,QAAQkC,QAAQ,UAAUC,MAAO/C,EAAU,OAAEgD,WAAW,WAAWvC,YAAY,qBAAqBH,MAAM,CAAC,KAAO,OAAO,YAAcN,EAAIW,GAAG,sBAAsBsC,SAAS,CAAC,MAASjD,EAAU,QAAGmC,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOc,OAAOC,YAAqBnD,EAAIkC,OAAOE,EAAOc,OAAOH,eAAc/C,EAAIQ,GAAG,KAAKJ,EAAG,MAAM,CAACK,YAAY,2BAA2B,CAACL,EAAG,MAAM,CAACwC,IAAI,kBAAkBnC,YAAY,gBAAgB,CAACL,EAAG,QAAQ,CAACyC,WAAW,CAAC,CAACjC,KAAK,QAAQkC,QAAQ,UAAUC,MAAO/C,EAAO,IAAEgD,WAAW,QAAQvC,YAAY,qBAAqBH,MAAM,CAAC,KAAO,SAAS,YAAcN,EAAIW,GAAG,4BAA4BsC,SAAS,CAAC,MAASjD,EAAO,KAAGmC,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOc,OAAOC,YAAqBnD,EAAIoD,IAAIhB,EAAOc,OAAOH,eAAc/C,EAAIQ,GAAG,KAAKJ,EAAG,MAAM,CAACK,YAAY,oBAAoB,CAACL,EAAG,SAAS,CAACK,YAAY,kBAAkB4C,MAAM,CACh5DrD,EAAIsD,iBACA,CAAEC,OAAQ,eACV,CAAEA,OAAQ,YAAejD,MAAM,CAAC,WAAWN,EAAIsD,kBAA0B,MAAMnB,GAAG,CAAC,MAAQnC,EAAIwD,SAAS,CAACxD,EAAIQ,GAAG,mBAAmBR,EAAIU,GAAGV,EAAIW,GAAG,uBAAuB,oBAAoBP,EAAG,MAAM,CAACK,YAAY,cAAckB,YAAY,CAAC,QAAU,QAAQrB,MAAM,CAAC,IAAM,EAAQ,QAA+B,MAAQ,yBAC3U,EAAkB,G,iCC8EtB,MAAMmD,EAAc,IAGpB,IAAI,EAAI,IAEO,OACf7C,yBACA8C,kBACAC,OACA,OACAlB,aACAa,oBACA5B,cACAQ,UACAkB,SAQAQ,UACA,gBACAC,2BAEAC,SACAnB,WACAD,SACA,cACA,iBACA,uCAGAc,UAEA,GADAO,oBACA,YAMA,YALA,kBACAC,0CACAC,eACAC,eAIA,aAMA,YALA,kBACAF,uCACAC,eACAC,eAKA,SACAC,wBACAjC,mBACAkB,cAEAgB,oBACA,yBAEA,WACAC,KACA,sCACAV,EACAW,qBAEAC,KAAAC,IACA,kBACAR,yCACAC,eACAC,eAGAE,oBACA,yBACA,YACA,eACA,sCACA,4CAEAK,MAAAC,IACA,kBACAV,yCACAC,eACAC,oBCvKoX,I,YCOhXS,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,4FC0MA,GACf/D,mBACAgE,YACAC,oBACAC,gBAEAC,SACAC,yDAEArB,OACA,OACAsB,YACAhE,cACAiE,kBACAC,sBACAzD,cACA0D,cACAC,+CACAC,mDACA,KACAC,cACAC,6BACAC,YACAC,aAEAC,6CACAC,QAAAC,oBAAAC,eACAC,UACA3E,cACA4E,UACAhF,cACAT,aAGAqD,UACAqC,6CACA,6CACA,mBAAAjE,WACA,4BACA6B,yBAEA,gCACA,cACAoC,mDAEA,4CAEA,oBAGAC,gBACA,0CAEAC,OACAH,qBAIA,GAHA,OACA,8BAEA,sBAMA,cACA,MACAC,8DACA,iBACAjB,YATA,iBAEAZ,iCACAgC,WAWAC,YACAvC,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,kBAIAoC,iBACA,4CACA,aACA,oCACA,mBACA1F,kBACAC,OACAC,sCACAG,oCACAC,kCACAC,wCAIAoF,qBACA,+BAEAhE,eACA,qDACA,MACA,OAEA,SAAA4B,WACA,kBACAqC,kCACAC,gBACAC,SACA,kCACAC,yDAEAC,yBAEArC,KAAAC,IACA,iBACA,kBACAR,kDACAC,eACAC,iBAGAO,MAAAC,IACA,kBACAV,iDACAC,aACAC,kBAIA2C,gBACA,oBACA,iBACA,gCACA,MACA,mBACA,kCACA,QAGAC,cACA,+BAEAC,iBACA,mBACAnG,OACAC,iCACA,CAAAoB,KAAAjB,wBACA,CAAAiB,SAGA+E,YACA,mBACA,WACAC,IACA,0DACA3C,qBAEAC,KAAA2C,IACA,mBACA,mBACA,+BACA,6CAEAzC,MAAAC,UC9Z6W,ICOzW,EAAY,eACd,EACA3E,EACAyC,GACA,EACA,KACA,KACA,MAIa,e,gCClBf2E,EAAOC,QAAU,IAA0B,4B,qBCA3CD,EAAOC,QAAU,IAA0B","file":"js/chunk-27b5b784.3e179f81.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('modal',{staticClass:\"addNewRetainershipModal\",attrs:{\"name\":\"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' } ]),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\"}})])])])])])])])}\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":""}