{"version":3,"sources":["webpack:///./src/assets/img/id-card.png","webpack:///./src/components/modals/shifts/close_shift.vue?e020","webpack:///src/components/modals/shifts/close_shift.vue","webpack:///./src/components/modals/shifts/close_shift.vue?7f30","webpack:///./src/components/modals/shifts/close_shift.vue","webpack:///./src/views/Branch/People_management/shift.vue?0e1c","webpack:///./src/components/TableTemplates/shift.vue?ff62","webpack:///src/components/TableTemplates/shift.vue","webpack:///./src/components/TableTemplates/shift.vue?accd","webpack:///./src/components/TableTemplates/shift.vue","webpack:///src/views/Branch/People_management/shift.vue","webpack:///./src/views/Branch/People_management/shift.vue?5a44","webpack:///./src/views/Branch/People_management/shift.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_s","$t","staticStyle","ref","directives","name","rawName","value","expression","domProps","on","$event","captureFormEvents","target","composing","shiftDesc","$tc","closingRead","style","isButtonDisabled","cursor","closeShift","staticRenderFns","MODAL_WIDTH","props","data","modalWidth","showLoader","mounted","created","window","path","document","grid","$","searchFun","beforeDestroy","methods","closeCompanyModal","message","type","duration","shiftId","description","post","configObject","then","catch","error","component","maxDate","$root","$i18n","locale","customShortcuts","$store","getters","getDatePickerColor","model","callback","$$v","dateRange","shiftNo","shiftName","createShift","_e","refreshGrid","pageSettings","toolbar","search","toolbarClick","rowDataBound","usedLang","buttonsTemplate","actionButtonsTemplate","shift","branchId","$route","query","id","closed","companyId","assignmentsButton","startTime","depositsButton","startShift","_closeShift","components","MasterLayout","CloseShift","provide","key","label","startDate","endDate","pluginStartDate","pluginEndDate","start","end","pumpId","branch","pump","tanks","backgroundUrl","formIsValid","pageSizes","pageCount","pageSize","operator","ignoreCase","shiftAssignments","assignedShiftId","shifts","template","assignShift","computed","countryProducts","watch","args","closeThisShift","openAssignShiftModal","openCloseShift","changeRoute","getStaffShifts","get","response","element","dataSource","getPumps","toLowerCase","includes","getStaffs","convertThousand"],"mappings":"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,OAAOpB,EAAI+F,YAAY/F,EAAIkC,SAAS,CAAClC,EAAIQ,GAAG,UAAUR,EAAIS,GAAGT,EAAIU,GAAG,4BAA4B,cAAc,IACntD,EAAkB,G,qBCiBd,IAEO,OACfwB,OACA,OACAA,UAGAY,SACAiD,wBACA,sCAEAD,aACA,2DACA,GAGA,WACAzC,KACA,4DACAC,qBAEAC,KAAA,KACA,kBACAP,qCACAC,eACAC,eAEA,6CAEAM,MAAAC,IACA,kBACAT,gCACAC,aACAC,oBCpD8V,I,YCO1VQ,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,wGCyOA,GACf5C,oBACAkF,YACAC,oBACAC,mBAEAC,SACAzD,yDAEAR,OACA,OACA+C,yCAEAtB,oDACAI,iBACA,CAAAqC,YAAAC,qCAAArF,aACA,CACAoF,gBACAC,yCACArF,cAEA,CACAoF,gBACAC,yCACArF,SAEA,CACAoF,eACAC,wCACArF,kBAEA,CACAoF,iBACAC,0CACArF,UAEA,CACAoF,gBACAC,yCACArF,iBAGAsF,gDACAC,8CACAC,kDACAC,gDACAnC,WAAAoC,2BAAAC,wBACAC,4BACAC,UACAC,QACAtC,eACAY,SACA2B,SACAC,kBACAC,eACArF,oBACAQ,cACAiD,cACAT,cACAsC,6BACAC,YACAC,aAEAvC,6CACAC,QAAAuC,oBAAAC,eACAC,sBACAC,kBACAC,UACAlD,aACAW,2BACA,OACAwC,kDACAA,6TAKAxF,gBACA,OACAA,UAGAY,SACA6E,wBACA,qCAEA5B,wBACA,2CAMAZ,iCACA,OACAuC,eAKApF,UACAG,6CACA,mBACA,6CACA,mBAAAD,WACA,4BACAD,yBAEA,0CACA,sCAEA,gCACA,cACAE,wDAEA,oCACA,yBAEA,4CACA,yBAGAmF,UACAC,2BACA,gDAGAhF,gBACA,kCACA,2CAEAiF,OACAjB,qBAIA,GAHA,OACA,8BAEA,sBAQA,cACA,MACApE,8DACA,iBACAC,YAXA,sBAEA,gBAEAC,iCACAC,UAUA0B,wBACA,+BACA,yDACA,gBAEA,qDACA,gBAGA,yBAIAjC,YACAS,SACAkC,yBACA,4BACA+C,0CAGAC,kBACA,4CACA,aACA,uBAEAL,eACA,4CACA,aACA,6BAEAM,uBACA,iCAEAC,iBACA,gCAEAzD,eAEA,GADArD,oBACA,eAMA,YALA,kBACA4B,2CACAC,aACAC,eAIA,yBACAP,oBACA,SACA0C,uBACAb,0BAGA,WACAnB,KACA,6CACAnB,EACAoB,qBAEAC,KAAA,KACA,oBACA,kBACAP,kDACAC,eACAC,eAEAP,oBACA,yBACA,wBAEAa,MAAA,KACA,kBACAR,oDACAC,aACAC,eAEAP,oBACA,4BAGAtB,qBACA,0DACA,qBACA,6CACA,oEACA,oDACA,yCACA,sBAEA,4CACA,oCACA,iEACA,uBAIA8G,eACA,mBAAArH,UAEA6D,cACA,+BAEAI,gBACA,oBACA,iBACA,gCACA,MACA,mBACA,kCACA,QAIAqD,iBACA,mBACA,WACAC,IACA,+GACA/E,qBAEAC,KAAA+E,IACA,mBACA,2BACA,QACAA,mBACAC,YAEA,YACAA,6CACA,uBAGAA,kBAEA,UACAA,yCACA,uBAGA,oBACAA,uCAEAA,gBAGAA,yBACAA,sDACAA,kDAEA,gDACAC,oBAEA,mBACA,qBAEAhF,MAAAC,QAEAgF,WACA,WACAJ,IACA,qDACA/E,qBAEAC,KAAA+E,IACAA,wBACA,kBAEAC,8BACA,4CAEAA,kBAEAA,8BACA,4CAEAA,kBAEAA,8BACA,4CAEAA,kBAEAA,8BACA,8CAEAA,uBAEA,oBAEAA,cACAG,cACAC,SAAA,6CAEAJ,kBAEAA,cACAG,cACAC,SAAA,6CAEAJ,kBAEAA,cACAG,cACAC,SAAA,6CAEAJ,kBAEAA,cACAG,cACAC,SAAA,+CAEAJ,qBAIA,oBAEA/E,MAAAC,QAEAmF,YACA,WACAP,IACA,0DACA/E,qBAEAC,KAAA+E,IACA,qBAEA9E,MAAAC,QAEAoF,mBACA,YC1nB6W,ICOzW,EAAY,eACd,EACA9I,EACAgC,GACA,EACA,KACA,KACA,MAIa,e","file":"js/chunk-35e48c85.40a74dde.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/id-card.e7fecd2a.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('modal',{attrs:{\"name\":\"closeShift\",\"transition\":\"pop-out\",\"width\":650,\"height\":500}},[_c('h4',{staticClass:\"text-center p-3\"},[_vm._v(_vm._s(_vm.$t(\"text.closeShift.title\")))]),_vm._v(\" \"),_c('div',[_c('fieldset',{staticClass:\"border p-3 form-group mt-3\",staticStyle:{\"margin\":\"0 auto\",\"width\":\"85%\"}},[_c('legend',{staticClass:\"w-auto\",staticStyle:{\"color\":\"#7d7885\",\"font-size\":\"16px\",\"padding\":\"10px\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.closeShift.title\"))+\"\\n      \")]),_vm._v(\" \"),_c('div',{staticClass:\"input__group__block mt-4\",staticStyle:{\"margin\":\"0 auto\",\"width\":\"50%\"}},[_c('label',{staticClass:\"required\"},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"text.closeShift.description\"))+\"\\n        \")]),_vm._v(\" \"),_c('div',{ref:\"desc_input\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.shiftDesc),expression:\"shiftDesc\"}],staticStyle:{\"padding\":\"20px\",\"width\":\"100%\"},attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.closeShift.shiftDescription')},domProps:{\"value\":(_vm.shiftDesc)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"input\":function($event){if($event.target.composing){ return; }_vm.shiftDesc=$event.target.value}}})]),_vm._v(\" \"),_c('div',{ref:\"desc_error\"})]),_vm._v(\" \"),_c('div',{staticClass:\"input__group__block mt-4\",staticStyle:{\"margin\":\"0 auto\",\"width\":\"50%\"}},[_c('label',{staticClass:\"required\"},[_vm._v(\"\\n          \"+_vm._s(_vm.$tc(\"text.closeShift.closingReading\", 2))+\"\\n        \")]),_vm._v(\" \"),_c('div',{ref:\"cr_input\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.closingRead),expression:\"closingRead\"}],staticStyle:{\"padding\":\"20px\",\"width\":\"100%\"},attrs:{\"type\":\"number\",\"placeholder\":_vm.$tc('text.closeShift.closingReading', 1)},domProps:{\"value\":(_vm.closingRead)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"input\":function($event){if($event.target.composing){ return; }_vm.closingRead=$event.target.value}}})]),_vm._v(\" \"),_c('div',{ref:\"cr_error\"})]),_vm._v(\" \"),_c('div',{staticClass:\"text-center py-3 mt-3\"},[_c('button',{staticClass:\"sales_target_btn text-center\",style:([\n            _vm.isButtonDisabled\n              ? { cursor: 'not-allowed' }\n              : { cursor: 'pointer' } ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":function($event){return _vm.closeShift($event)}}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"text.closeShift.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 name=\"closeShift\" transition=\"pop-out\" :width=\"650\" :height=\"500\">\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     \r\n  </div> -->\r\n    <h4 class=\"text-center p-3\">{{ $t(\"text.closeShift.title\") }}</h4>\r\n\r\n    <div>\r\n      <fieldset\r\n        class=\"border p-3 form-group mt-3\"\r\n        style=\"margin: 0 auto; width: 85%\"\r\n      >\r\n        <legend\r\n          class=\"w-auto\"\r\n          style=\"color: #7d7885; font-size: 16px; padding: 10px\"\r\n        >\r\n          {{ $t(\"text.closeShift.title\") }}\r\n        </legend>\r\n\r\n        <div\r\n          class=\"input__group__block mt-4\"\r\n          style=\"margin: 0 auto; width: 50%\"\r\n        >\r\n          <label class=\"required\">\r\n            {{ $t(\"text.closeShift.description\") }}\r\n          </label>\r\n          <div class=\"input__block\" ref=\"desc_input\">\r\n            <input\r\n              style=\"padding: 20px; width: 100%\"\r\n              type=\"text\"\r\n              :placeholder=\"$t('text.closeShift.shiftDescription')\"\r\n              @blur=\"captureFormEvents($event)\"\r\n              v-model=\"shiftDesc\"\r\n            />\r\n          </div>\r\n\r\n          <div ref=\"desc_error\"></div>\r\n        </div>\r\n        <div\r\n          class=\"input__group__block mt-4\"\r\n          style=\"margin: 0 auto; width: 50%\"\r\n        >\r\n          <label class=\"required\">\r\n            {{ $tc(\"text.closeShift.closingReading\", 2) }}\r\n          </label>\r\n          <div class=\"input__block\" ref=\"cr_input\">\r\n            <input\r\n              style=\"padding: 20px; width: 100%\"\r\n              type=\"number\"\r\n              :placeholder=\"$tc('text.closeShift.closingReading', 1)\"\r\n              @blur=\"captureFormEvents($event)\"\r\n              v-model=\"closingRead\"\r\n            />\r\n          </div>\r\n\r\n          <div ref=\"cr_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=\"closeShift($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.closeShift.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    </div>\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: \"closeShift\",\r\n  props: [\"shift\"],\r\n  data() {\r\n    return {\r\n      modalWidth: MODAL_WIDTH,\r\n      isButtonDisabled: false,\r\n      showLoader: false,\r\n      target: null,\r\n      isButtonDisabled: false,\r\n      shiftDesc: null,\r\n      closingRead: null,\r\n    };\r\n  },\r\n  mounted() {},\r\n  created() {\r\n    this.modalWidth =\r\n      window.innerWidth < MODAL_WIDTH ? MODAL_WIDTH / 2 : MODAL_WIDTH;\r\n\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      if (this.branch.id) {\r\n        this.branchId = this.branch.id;\r\n      }\r\n      if (this.branchId !== null) {\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        //  this.getStaffs();\r\n        // this.getPumps();\r\n      }\r\n    });\r\n  },\r\n  beforeDestroy() {},\r\n  methods: {\r\n    closeCompanyModal() {\r\n      this.$modal.hide(\"createTarget\");\r\n      this.getProductPrices();\r\n    },\r\n\r\n    closeShift($event) {\r\n      if (!this.shiftDesc) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.closeShift.shiftDescriptionMissing\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.closingRead) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.closeShift.closingReadingMissing\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        return;\r\n      }\r\n      let data = {\r\n        shiftId: this.shift.id,\r\n        closingRead: parseFloat(this.closingRead),\r\n        description: this.shiftDesc,\r\n      };\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Branch/CloseShift`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then(() => {\r\n          this.$eventHub.$emit(\"refreshShiftsTable\");\r\n          this.isButtonDisabled = true;\r\n          this.target = null;\r\n          this.product = null;\r\n          this.$toast.open({\r\n            message: this.$t(\"text.closeShift.successfullyClosed\"),\r\n            type: \"success\",\r\n            duration: 5000,\r\n          });\r\n          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\r\n          this.$modal.hide(\"closeShift\");\r\n          this.shiftDesc = null;\r\n          this.closingRead = null;\r\n        })\r\n        .catch((error) => {\r\n          this.$toast.open({\r\n            message: error.response.data.message,\r\n            type: \"error\",\r\n            duration: 3000,\r\n          });\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\r\n        });\r\n    },\r\n    captureFormEvents($event) {\r\n      if (\r\n        $event.target.placeholder ===\r\n        this.$t(\"text.closeShift.shiftDescription\")\r\n      ) {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.desc_error.style.display = \"block\";\r\n          this.$refs.desc_input.style.border = \"1px solid red\";\r\n          this.$refs.target_error.style.color = \"red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          this.$refs.desc_error.style.display = \"none\";\r\n          this.$refs.desc_error.innerHTML = \"\";\r\n          this.$refs.desc_input.style.border = \"1px solid rgb(75, 44, 114)\";\r\n          this.formIsValid = false;\r\n        }\r\n      }\r\n      if (\r\n        $event.target.placeholder ===\r\n        this.$tc(\"text.closeShift.closingReading\", 1)\r\n      ) {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.cr_error.style.display = \"block\";\r\n          this.$refs.cr_input.style.border = \"1px solid red\";\r\n          this.$refs.cr_error.style.color = \"red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          this.$refs.cr_error.style.display = \"none\";\r\n          this.$refs.cr_error.innerHTML = \"\";\r\n          this.$refs.cr_input.style.border = \"1px solid rgb(75, 44, 114)\";\r\n          this.formIsValid = false;\r\n        }\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./close_shift.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!./close_shift.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./close_shift.vue?vue&type=template&id=63c5da82&\"\nimport script from \"./close_shift.vue?vue&type=script&lang=js&\"\nexport * from \"./close_shift.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_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.shift.manageShift\"))+\"\\n              \")]),_vm._v(\" \"),_c('p',{staticClass:\"mt-3 light-grey-text\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.shift.decription\"))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4 flexify\"},[_c('vue-ctk-date-time-picker',{attrs:{\"max-date\":_vm.maxDate,\"range\":true,\"autoClose\":true,\"locale\":this.$root.$i18n.locale,\"custom-shortcuts\":_vm.customShortcuts,\"color\":_vm.$store.getters.getDatePickerColor,\"format\":\"DDMMYYYY\",\"formatted\":\"DD/MM/YYYY\",\"label\":_vm.$t('text.calendar.dateRange')},model:{value:(_vm.dateRange),callback:function ($$v) {_vm.dateRange=$$v},expression:\"dateRange\"}})],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.shift.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.shiftNo)+\"\\n                \")])])])])])])]),_vm._v(\" \"),_c('section',{staticClass:\"mt-3 pump__details__section_2\"},[_c('div',{staticClass:\"row add_driver_row\"},[_c('div',{staticClass:\"col-md-12 col-lg-3\"},[_c('div',{staticClass:\"drivers_list\"},[_c('div',{staticClass:\"product_summary__wrapper\",staticStyle:{\"padding\":\"1px\"}},[_c('div',{staticClass:\"input__group__block\",staticStyle:{\"width\":\"90%\",\"margin-top\":\"30px\"}},[_c('h3',{staticClass:\"expense__header mt-3 py-3 text-center\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.shift.addShift\"))+\"\\n                \")]),_vm._v(\" \"),_c('label',{staticClass:\"required mt-3\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$tc(\"text.shift.shiftName\", 2))+\"\\n                \")]),_vm._v(\" \"),_c('div',{ref:\"shift_input\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.shiftName),expression:\"shiftName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.shift.enterShift')},domProps:{\"value\":(_vm.shiftName)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"input\":function($event){if($event.target.composing){ return; }_vm.shiftName=$event.target.value}}})]),_vm._v(\" \"),_c('div',{ref:\"shift_error\"})]),_vm._v(\" \"),_c('div',{staticClass:\"text-center mt-5 pb-5\"},[_c('button',{staticClass:\"save__btn\",staticStyle:{\"border-radius\":\"5px\"},style:([\n                    _vm.isButtonDisabled\n                      ? { cursor: 'not-allowed' }\n                      : { cursor: 'pointer' } ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":function($event){return _vm.createShift($event)}}},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.shift.addShift\"))),_c('span')]),_vm._v(\" \"),_c('img',{staticClass:\"ml-3 loader\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"35px\"}})])])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-12 col-lg-9 shift_margin_bottom\"},[(_vm.showLoader)?_c('table',{staticStyle:{\"margin\":\"0 auto\",\"width\":\"95%\"}},[_c('tbody',[_c('tr',[_c('td',{staticClass:\"td-1\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-2\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-3\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-4\"}),_vm._v(\" \"),_c('td',{staticClass:\"td-5\"},[_c('span')])]),_vm._v(\" \"),_c('tr',[_c('td',{staticClass:\"td-1\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-2\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-3\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-4\"}),_vm._v(\" \"),_c('td',{staticClass:\"td-5\"},[_c('span')])]),_vm._v(\" \"),_c('tr',[_c('td',{staticClass:\"td-1\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-2\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-3\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-4\"}),_vm._v(\" \"),_c('td',{staticClass:\"td-5\"},[_c('span')])]),_vm._v(\" \"),_c('tr',[_c('td',{staticClass:\"td-1\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-2\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-3\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-4\"}),_vm._v(\" \"),_c('td',{staticClass:\"td-5\"},[_c('span')])]),_vm._v(\" \"),_c('tr',[_c('td',{staticClass:\"td-1\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-2\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-3\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-4\"}),_vm._v(\" \"),_c('td',{staticClass:\"td-5\"},[_c('span')])]),_vm._v(\" \"),_c('tr',[_c('td',{staticClass:\"td-1\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-2\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-3\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-4\"}),_vm._v(\" \"),_c('td',{staticClass:\"td-5\"},[_c('span')])]),_vm._v(\" \"),_c('tr',[_c('td',{staticClass:\"td-1\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-2\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-3\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-4\"}),_vm._v(\" \"),_c('td',{staticClass:\"td-5\"},[_c('span')])]),_vm._v(\" \"),_c('tr',[_c('td',{staticClass:\"td-1\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-2\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-3\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-4\"}),_vm._v(\" \"),_c('td',{staticClass:\"td-5\"},[_c('span')])]),_vm._v(\" \"),_c('tr',[_c('td',{staticClass:\"td-1\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-2\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-3\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-4\"}),_vm._v(\" \"),_c('td',{staticClass:\"td-5\"},[_c('span')])])])]):_vm._e(),_vm._v(\" \"),_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,\"rowDataBound\":_vm.rowDataBound,\"locale\":_vm.usedLang}},[_c('e-columns',[_c('e-column',{attrs:{\"width\":\"50\",\"field\":\"index\",\"headerText\":\"#\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"name\",\"width\":\"200\",\"headerText\":_vm.$tc('text.shift.shiftName', 1)}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"startTime\",\"width\":\"250\",\"headerText\":_vm.$t('text.shift.startTime')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"endTime\",\"width\":\"250\",\"headerText\":_vm.$t('text.shift.endTime')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"template\":_vm.buttonsTemplate,\"width\":\"100\",\"headerText\":_vm.$t('text.shift.status')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"500\",\"template\":_vm.actionButtonsTemplate,\"headerText\":_vm.$t('text.actionButtons.title')}})],1)],1)],1)]),_vm._v(\" \"),_c('CloseShift',{attrs:{\"shift\":_vm.shift,\"branchId\":_vm.branchId}})],1)])],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('div',[_c('router-link',{staticClass:\"branchDetail_btn other_btn_4\",attrs:{\"to\":_vm.$route.query.branchId ? { name: 'shift_assignments', query: { id: _vm.data.id, branchId: _vm.data.branchId, closed: _vm.data.closed, companyId: _vm.$route.query.companyId }} : { name: 'shift_assignments', query: { id: _vm.data.id, closed: _vm.data.closed, companyId: _vm.$route.query.companyId }}}},[_vm._v(_vm._s(_vm.data.assignmentsButton))]),_vm._v(\" \"),_c('router-link',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.data.startTime !== 'N/A'),expression:\"data.startTime !== 'N/A'\"}],staticClass:\"mailRecipient_btn ml-3 mr-3\",attrs:{\"to\":_vm.$route.query.branchId ? { name: 'shift_deposits', query: { id: _vm.data.id, branchId: _vm.data.branchId, companyId: _vm.$route.query.companyId }} : { name: 'shift_deposits', query: { id: _vm.data.id, companyId: _vm.$route.query.companyId }}}},[_vm._v(_vm._s(_vm.data.depositsButton))]),_vm._v(\" \"),_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.data.startTime == 'N/A'),expression:\"data.startTime == 'N/A'\"}],staticClass:\"btn btn-info mr-3 ml-3\",attrs:{\"type\":\"button\",\"title\":\"Close Shift\"},on:{\"click\":_vm.startShift}},[_vm._v(\"\\n         \"+_vm._s(_vm.$t('text.clickButtons.startShift'))+\"\\n     \")]),_vm._v(\" \"),_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.data.startTime !== 'N/A' && !_vm.data.closed),expression:\"data.startTime !== 'N/A' && !data.closed\"}],staticClass:\"btn btn-danger\",attrs:{\"type\":\"button\",\"title\":\"Close Shift\"},on:{\"click\":function($event){return _vm._closeShift(_vm.data)}}},[_vm._v(\"\\n     \"+_vm._s(_vm.$t('text.clickButtons.close'))+\"\\n     \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n   <div>\r\n       <router-link :to=\"$route.query.branchId ? { name: 'shift_assignments', query: { id: data.id, branchId: data.branchId, closed: data.closed, companyId: $route.query.companyId }} : { name: 'shift_assignments', query: { id: data.id, closed: data.closed, companyId: $route.query.companyId }}\" class=\"branchDetail_btn other_btn_4\">{{data.assignmentsButton}}</router-link>\r\n\r\n       <router-link  v-show=\"data.startTime !== 'N/A'\" :to=\"$route.query.branchId ? { name: 'shift_deposits', query: { id: data.id, branchId: data.branchId, companyId: $route.query.companyId }} : { name: 'shift_deposits', query: { id: data.id, companyId: $route.query.companyId }}\" class=\"mailRecipient_btn ml-3 mr-3\">{{data.depositsButton}}</router-link>\r\n       \r\n        <button type=\"button\" v-show=\"data.startTime == 'N/A'\" class=\"btn btn-info mr-3 ml-3\" title=\"Close Shift\" v-on:click=\"startShift\" >\r\n            {{$t('text.clickButtons.startShift')}}\r\n        </button>\r\n       <button type=\"button\" v-show=\"data.startTime !== 'N/A' && !data.closed\" class=\"btn btn-danger\" title=\"Close Shift\" v-on:click=\"_closeShift(data)\" >\r\n        {{$t('text.clickButtons.close')}}\r\n        </button>\r\n   </div>\r\n</template>\r\n\r\n<script>\r\nimport configObject from \"@/config\";\r\nimport Jquery from \"jquery\";\r\nlet $ = Jquery;\r\n\r\nexport default {\r\n    data() {\r\n        return {\r\n            data: {},\r\n        };\r\n    },\r\n    methods: {\r\n        _closeShift: function(shift) {\r\n            this.$eventHub.$emit(\"closeShift\", shift);\r\n        },\r\n        startShift() {\r\n            let dialog = confirm(\"Are you sure you want to start this shift\")\r\n            if(!dialog) {\r\n                return;\r\n            }\r\n            this.axios\r\n                .post(\r\n                `${configObject.apiBaseUrl}/Branch/StartShift/${this.data.id}`, {},\r\n                configObject.authConfig()\r\n                )\r\n                .then(() => {\r\n                    this.$toast.open({\r\n                        message: \"Shift Started Successfully\",\r\n                        type: \"success\",\r\n                        duration: 10000\r\n                    });\r\n                    this.$eventHub.$emit(\"refreshShiftsTable\");\r\n                })\r\n                .catch(error => {\r\n                    this.$toast.open({\r\n                        message: error.response.data.message,\r\n                        type: \"error\",\r\n                        duration: 10000\r\n                    });\r\n                });\r\n        }\r\n    }\r\n};\r\n</script>","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!./shift.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!./shift.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./shift.vue?vue&type=template&id=f5a9b8fe&\"\nimport script from \"./shift.vue?vue&type=script&lang=js&\"\nexport * from \"./shift.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=\"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.shift.manageShift\") }}\r\n                </h4>\r\n                <p class=\"mt-3 light-grey-text\">\r\n                  {{ $t(\"text.shift.decription\") }}\r\n                </p>\r\n              </div>\r\n              <div class=\"col-md-4 flexify\">\r\n                <vue-ctk-date-time-picker\r\n                  v-model=\"dateRange\"\r\n                  :max-date=\"maxDate\"\r\n                  :range=\"true\"\r\n                  :autoClose=\"true\"\r\n                  :locale=\"this.$root.$i18n.locale\"\r\n                  :custom-shortcuts=\"customShortcuts\"\r\n                  :color=\"$store.getters.getDatePickerColor\"\r\n                  format=\"DDMMYYYY\"\r\n                  formatted=\"DD/MM/YYYY\"\r\n                  :label=\"$t('text.calendar.dateRange')\"\r\n                />\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.shift.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                    {{ shiftNo }}\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=\"mt-3 pump__details__section_2\">\r\n        <div class=\"row add_driver_row\">\r\n          <div class=\"col-md-12 col-lg-3\">\r\n            <div class=\"drivers_list\">\r\n              <div class=\"product_summary__wrapper\" style=\"padding: 1px\">\r\n                <div\r\n                  class=\"input__group__block\"\r\n                  style=\"width: 90%; margin-top: 30px\"\r\n                >\r\n                  <h3 class=\"expense__header mt-3 py-3 text-center\">\r\n                    {{ $t(\"text.shift.addShift\") }}\r\n                  </h3>\r\n                  <label class=\"required mt-3\">\r\n                    {{ $tc(\"text.shift.shiftName\", 2) }}\r\n                  </label>\r\n                  <div class=\"input__block\" ref=\"shift_input\">\r\n                    <input\r\n                      type=\"text\"\r\n                      :placeholder=\"this.$t('text.shift.enterShift')\"\r\n                      class=\"form-control\"\r\n                      @blur=\"captureFormEvents($event)\"\r\n                      v-model=\"shiftName\"\r\n                    />\r\n                  </div>\r\n                  <div ref=\"shift_error\"></div>\r\n                </div>\r\n                <div class=\"text-center mt-5 pb-5\">\r\n                  <button\r\n                    @click=\"createShift($event)\"\r\n                    class=\"save__btn\"\r\n                    :disabled=\"isButtonDisabled ? true : null\"\r\n                    style=\"border-radius: 5px\"\r\n                    :style=\"[\r\n                      isButtonDisabled\r\n                        ? { cursor: 'not-allowed' }\r\n                        : { cursor: 'pointer' },\r\n                    ]\"\r\n                  >\r\n                    {{ $t(\"text.shift.addShift\") }}<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              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"col-md-12 col-lg-9 shift_margin_bottom\">\r\n            <table v-if=\"showLoader\" style=\"margin: 0 auto; width: 95%\">\r\n              <tbody>\r\n                <tr>\r\n                  <td class=\"td-1\"><span></span></td>\r\n                  <td class=\"td-2\"><span></span></td>\r\n                  <td class=\"td-3\"><span></span></td>\r\n                  <td class=\"td-4\"></td>\r\n                  <td class=\"td-5\"><span></span></td>\r\n                </tr>\r\n                <tr>\r\n                  <td class=\"td-1\"><span></span></td>\r\n                  <td class=\"td-2\"><span></span></td>\r\n                  <td class=\"td-3\"><span></span></td>\r\n                  <td class=\"td-4\"></td>\r\n                  <td class=\"td-5\"><span></span></td>\r\n                </tr>\r\n                <tr>\r\n                  <td class=\"td-1\"><span></span></td>\r\n                  <td class=\"td-2\"><span></span></td>\r\n                  <td class=\"td-3\"><span></span></td>\r\n                  <td class=\"td-4\"></td>\r\n                  <td class=\"td-5\"><span></span></td>\r\n                </tr>\r\n                <tr>\r\n                  <td class=\"td-1\"><span></span></td>\r\n                  <td class=\"td-2\"><span></span></td>\r\n                  <td class=\"td-3\"><span></span></td>\r\n                  <td class=\"td-4\"></td>\r\n                  <td class=\"td-5\"><span></span></td>\r\n                </tr>\r\n                <tr>\r\n                  <td class=\"td-1\"><span></span></td>\r\n                  <td class=\"td-2\"><span></span></td>\r\n                  <td class=\"td-3\"><span></span></td>\r\n                  <td class=\"td-4\"></td>\r\n                  <td class=\"td-5\"><span></span></td>\r\n                </tr>\r\n                <tr>\r\n                  <td class=\"td-1\"><span></span></td>\r\n                  <td class=\"td-2\"><span></span></td>\r\n                  <td class=\"td-3\"><span></span></td>\r\n                  <td class=\"td-4\"></td>\r\n                  <td class=\"td-5\"><span></span></td>\r\n                </tr>\r\n                <tr>\r\n                  <td class=\"td-1\"><span></span></td>\r\n                  <td class=\"td-2\"><span></span></td>\r\n                  <td class=\"td-3\"><span></span></td>\r\n                  <td class=\"td-4\"></td>\r\n                  <td class=\"td-5\"><span></span></td>\r\n                </tr>\r\n                <tr>\r\n                  <td class=\"td-1\"><span></span></td>\r\n                  <td class=\"td-2\"><span></span></td>\r\n                  <td class=\"td-3\"><span></span></td>\r\n                  <td class=\"td-4\"></td>\r\n                  <td class=\"td-5\"><span></span></td>\r\n                </tr>\r\n                <tr>\r\n                  <td class=\"td-1\"><span></span></td>\r\n                  <td class=\"td-2\"><span></span></td>\r\n                  <td class=\"td-3\"><span></span></td>\r\n                  <td class=\"td-4\"></td>\r\n                  <td class=\"td-5\"><span></span></td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\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              :rowDataBound=\"rowDataBound\"\r\n              :locale=\"usedLang\"\r\n            >\r\n              <e-columns>\r\n                <e-column width=\"50\" field=\"index\" headerText=\"#\"></e-column>\r\n\r\n                <e-column\r\n                  field=\"name\"\r\n                  width=\"200\"\r\n                  :headerText=\"$tc('text.shift.shiftName', 1)\"\r\n                ></e-column>\r\n                <e-column\r\n                  field=\"startTime\"\r\n                  width=\"250\"\r\n                  :headerText=\"$t('text.shift.startTime')\"\r\n                ></e-column>\r\n                <e-column\r\n                  field=\"endTime\"\r\n                  width=\"250\"\r\n                  :headerText=\"$t('text.shift.endTime')\"\r\n                ></e-column>\r\n                <e-column\r\n                  :template=\"buttonsTemplate\"\r\n                  width=\"100\"\r\n                  :headerText=\"$t('text.shift.status')\"\r\n                ></e-column>\r\n                <e-column\r\n                  width=\"500\"\r\n                  :template=\"actionButtonsTemplate\"\r\n                  :headerText=\"$t('text.actionButtons.title')\"\r\n                ></e-column>\r\n              </e-columns>\r\n            </ejs-grid>\r\n          </div>\r\n        </div>\r\n        <!-- <AssignShift :shift=\"shift\" :branchId=\"branchId\"></AssignShift> -->\r\n        <CloseShift :shift=\"shift\" :branchId=\"branchId\"></CloseShift>\r\n      </section>\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/Credit-card-background-shallow-DOF.png\";\r\nimport configObject from \"@/config\";\r\nimport CloseShift from \"@/components/modals/shifts/close_shift.vue\";\r\nimport Temp from \"@/components/TableTemplates/shift.vue\";\r\nimport countryProducts from \"@/products\";\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: \"Pump_Details\",\r\n  components: {\r\n    MasterLayout,\r\n    CloseShift,\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      // countryProducts: localStorage.getItem('countryProducts') ? JSON.parse(localStorage.countryProducts) : countryProducts,\r\n      maxDate: this.$moment(new Date()).format(\"YYYY-MM-DD\"),\r\n      customShortcuts: [\r\n        { key: \"Today\", label: this.$t(\"text.calendar.today\"), value: \"day\" },\r\n        {\r\n          key: \"yesterday\",\r\n          label: this.$t(\"text.calendar.yesterday\"),\r\n          value: \"-day\",\r\n        },\r\n        {\r\n          key: \"last7Days\",\r\n          label: this.$t(\"text.calendar.last7Days\"),\r\n          value: 7,\r\n        },\r\n        {\r\n          key: \"lastWeek\",\r\n          label: this.$t(\"text.calendar.lastWeek\"),\r\n          value: \"-isoWeek\",\r\n        },\r\n        {\r\n          key: \"last30Days\",\r\n          label: this.$t(\"text.calendar.last30Days\"),\r\n          value: 30,\r\n        },\r\n        {\r\n          key: \"lastMonth\",\r\n          label: this.$t(\"text.calendar.lastMonth\"),\r\n          value: \"-month\",\r\n        },\r\n      ],\r\n      startDate: this.$moment().format(\"MMMM D, YYYY\"),\r\n      endDate: this.$moment().format(\"MMMM D, YYYY\"),\r\n      pluginStartDate: this.$moment().format(\"D-M-YYYY\"),\r\n      pluginEndDate: this.$moment().format(\"D-M-YYYY\"),\r\n      dateRange: { start: this.pluginStartDate, end: this.pluginEndDate },\r\n      pumpId: this.$route.query.id,\r\n      branch: {},\r\n      pump: {},\r\n      shiftName: null,\r\n      shift: {},\r\n      tanks: [],\r\n      backgroundUrl,\r\n      formIsValid: false,\r\n      isButtonDisabled: false,\r\n      showLoader: true,\r\n      branchId: 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      shiftAssignments: null,\r\n      assignedShiftId: 0,\r\n      shifts: [],\r\n      shiftNo: null,\r\n      buttonsTemplate: function () {\r\n        return {\r\n          template: Vue.component(\"columnTemplate\", {\r\n            template: `<div v-show=\"data\"> \r\n                  <button class=\"btn btn-success \" v-show=\"!data.closed\"  style=\"font-size:12px\"> Open</button> \r\n                  <span class=\"btn btn-danger\" style=\"background:#dc3545;font-size:12px\" v-show=\"data.closed\" >  Closed</span> \r\n                </div>\r\n                `,\r\n            data: function () {\r\n              return {\r\n                data: {},\r\n              };\r\n            },\r\n            methods: {\r\n              assignShift: function (shift) {\r\n                this.$eventHub.$emit(\"_getShift\", shift);\r\n              },\r\n              _closeShift: function (shift) {\r\n                this.$eventHub.$emit(\"closeShift\", shift);\r\n              },\r\n            },\r\n          }),\r\n        };\r\n      },\r\n      actionButtonsTemplate: function () {\r\n        return {\r\n          template: Temp,\r\n        };\r\n      },\r\n    };\r\n  },\r\n  created() {\r\n    document.title = \"Shift:: Epump Retail Outlet\";\r\n    this.showLoader = true;\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.dateRange.start = this.pluginStartDate;\r\n    this.dateRange.end = this.pluginEndDate;\r\n\r\n    this.$eventHub.$on(\"branch\", (branch) => {\r\n      this.branch = branch;\r\n      document.title = `Shiftstaff:: ${branch.name} Retail Outlet`;\r\n    });\r\n    this.$eventHub.$on(\"closeShift\", (shift) => {\r\n      this.closeThisShift(shift);\r\n    });\r\n    this.$eventHub.$on(\"refreshShiftsTable\", (shift) => {\r\n      this.getStaffShifts();\r\n    });\r\n  },\r\n  computed: {\r\n    countryProducts: function () {\r\n      return this.$store.getters.getCountryProducts;\r\n    },\r\n  },\r\n  beforeDestroy() {\r\n    this.$eventHub.$off(\"closeShift\");\r\n    this.$eventHub.$off(\"refreshShiftsTable\");\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.getStaffShifts();\r\n        // this.getStaffs();\r\n        this.getPumps();\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    dateRange: function (newRange, oldRange) {\r\n      if (newRange.start !== null && newRange.end !== null) {\r\n        this.startDate = this.$moment(newRange.start, \"DD-MM-YYYY\").format(\r\n          \"MMMM D, YYYY\"\r\n        );\r\n        this.endDate = this.$moment(newRange.end, \"DD-MM-YYYY\").format(\r\n          \"MMMM D, YYYY\"\r\n        );\r\n\r\n        this.getStaffShifts();\r\n      }\r\n    },\r\n  },\r\n  mounted() {},\r\n  methods: {\r\n    rowDataBound: function (args) {\r\n      if (args.data[\"Closed\"] === \"true\") {\r\n        args.row.cells[4].innerHTML = \"Shift Closed\";\r\n      }\r\n    },\r\n    closeThisShift(shift) {\r\n      let shiftDetail = this.shifts.filter((sft) => sft.id === shift.id)[0];\r\n      this.shift = shiftDetail;\r\n      this.openCloseShift();\r\n    },\r\n    assignShift(shift) {\r\n      let shiftDetail = this.shifts.filter((sft) => sft.id === shift.id)[0];\r\n      this.shift = shiftDetail;\r\n      this.openAssignShiftModal();\r\n    },\r\n    openAssignShiftModal() {\r\n      this.$modal.show(\"assignShift\");\r\n    },\r\n    openCloseShift() {\r\n      this.$modal.show(\"closeShift\");\r\n    },\r\n    createShift($event) {\r\n      $event.preventDefault();\r\n      if (!this.shiftName) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.shift.shiftMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n      const data = {\r\n        branchId: this.branchId,\r\n        shiftName: this.shiftName,\r\n      };\r\n\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Branch/CreateStaffShift`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then(() => {\r\n          this.shiftName = null;\r\n          this.$toast.open({\r\n            message: this.$t(\"text.shift.successfullyCreated\"),\r\n            type: \"success\",\r\n            duration: 5000,\r\n          });\r\n          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\r\n          this.getStaffShifts();\r\n        })\r\n        .catch(() => {\r\n          this.$toast.open({\r\n            message: this.$t(\"text.shift.unsuccessfullyCreated\"),\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\r\n        });\r\n    },\r\n    captureFormEvents($event) {\r\n      if ($event.target.placeholder === this.$t(\"text.shift.enterShift\")) {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.shift_error.style.display = \"block\";\r\n          this.$refs.shift_error.innerHTML = this.$t(\"text.shift.shiftMissing\");\r\n          this.$refs.shift_input.style.border = \"1px solid red\";\r\n          this.$refs.shift_error.style.color = \"red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          this.$refs.shift_error.style.display = \"none\";\r\n          this.$refs.shift_error.innerHTML = \"\";\r\n          this.$refs.shift_input.style.border = \"1px solid rgb(75, 44, 114)\";\r\n          this.formIsValid = true;\r\n        }\r\n      }\r\n    },\r\n    changeRoute($newRoute) {\r\n      this.$router.push({ name: $newRoute });\r\n    },\r\n    refreshGrid() {\r\n      this.$refs.dataGrid.refresh();\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\r\n    getStaffShifts() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Branch/StaffShifts/${this.branchId}?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.showLoader = false;\r\n          this.shiftNo = response.data.length;\r\n          let index = 0;\r\n          response.data.forEach((element) => {\r\n            element.index = ++index;\r\n            // element.startTime = this.$moment(element.startTime).format(\"MMMM D, YYYY h:mm A\");\r\n            if (element.startTime) {\r\n              element.startTime = this.$moment(element.startTime).format(\r\n                \"MMMM D, YYYY h:mm A\"\r\n              );\r\n            } else {\r\n              element.startTime = \"N/A\";\r\n            }\r\n            if (element.endTime) {\r\n              element.endTime = this.$moment(element.endTime).format(\r\n                \"MMMM D, YYYY h:mm A\"\r\n              );\r\n            } else {\r\n              if (element.startTime !== \"N/A\") {\r\n                element.endTime = \"Shift is currently ongoing\";\r\n              } else {\r\n                element.endTime = \"N/A\";\r\n              }\r\n            }\r\n            element.branchId = this.branchId;\r\n            element.assignmentsButton = this.$t(\"text.shift.assignments\");\r\n            element.depositsButton = this.$t(\"text.shift.deposits\");\r\n          });\r\n          this.$refs.dataGrid.ej2Instances.setProperties({\r\n            dataSource: response.data,\r\n          });\r\n          this.refreshGrid();\r\n          this.shifts = response.data;\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    getPumps() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Branch/Pumps/${this.branchId}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          response.data.forEach((element) => {\r\n            if (element.productName !== undefined) {\r\n              if (\r\n                element.productName.toLowerCase() ===\r\n                this.countryProducts.productsLower.product1\r\n              ) {\r\n                element.color = \"#d8991c\";\r\n              } else if (\r\n                element.productName.toLowerCase() ===\r\n                this.countryProducts.productsLower.product2\r\n              ) {\r\n                element.color = \"#0fce29\";\r\n              } else if (\r\n                element.productName.toLowerCase() ===\r\n                this.countryProducts.productsLower.product3\r\n              ) {\r\n                element.color = \"#00aced\";\r\n              } else if (\r\n                element.productName.toLowerCase() ===\r\n                this.countryProducts.productsLower.product4\r\n              ) {\r\n                element.color = \"purple\";\r\n              }\r\n            } else if (element.displayName !== undefined) {\r\n              if (\r\n                element.displayName\r\n                  .toLowerCase()\r\n                  .includes(this.countryProducts.productsLower.product1)\r\n              ) {\r\n                element.color = \"#d8991c\";\r\n              } else if (\r\n                element.displayName\r\n                  .toLowerCase()\r\n                  .includes(this.countryProducts.productsLower.product2)\r\n              ) {\r\n                element.color = \"#0fce29\";\r\n              } else if (\r\n                element.displayName\r\n                  .toLowerCase()\r\n                  .includes(this.countryProducts.productsLower.product3)\r\n              ) {\r\n                element.color = \"#00aced\";\r\n              } else if (\r\n                element.displayName\r\n                  .toLowerCase()\r\n                  .includes(this.countryProducts.productsLower.product4)\r\n              ) {\r\n                element.color = \"purple\";\r\n              }\r\n            }\r\n          });\r\n          this.pumps = response.data;\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    getStaffs() {\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.staffs = response.data;\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    convertThousand(request) {\r\n      return request; //.toFixed(2).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\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!./shift.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!./shift.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./shift.vue?vue&type=template&id=47b6cc8c&\"\nimport script from \"./shift.vue?vue&type=script&lang=js&\"\nexport * from \"./shift.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}