{"version":3,"sources":["webpack:///./src/View/components/searchTextInput.vue?7f66","webpack:///./src/View/components/pagination.vue","webpack:///src/View/components/pagination.vue","webpack:///./src/View/components/pagination.vue?1304","webpack:///./src/View/components/pagination.vue?89be","webpack:///./src/View/components/customDateSelection.vue","webpack:///src/View/components/customDateSelection.vue","webpack:///./src/View/components/customDateSelection.vue?e8ac","webpack:///./src/View/components/customDateSelection.vue?af72","webpack:///./src/View/components/pagination.vue?5877","webpack:///./src/View/components/statu-filter-btn.vue?3661","webpack:///./src/View/components/statu-filter-btn.vue","webpack:///src/View/components/statu-filter-btn.vue","webpack:///./src/View/components/statu-filter-btn.vue?fbd0","webpack:///./src/View/components/statu-filter-btn.vue?69df","webpack:///./src/View/components/searchTextInput.vue","webpack:///src/View/components/searchTextInput.vue","webpack:///./src/View/components/searchTextInput.vue?1e9c","webpack:///./src/View/components/searchTextInput.vue?2a27","webpack:///./src/View/task/tasks.vue","webpack:///src/View/task/tasks.vue","webpack:///./src/View/task/tasks.vue?ac63","webpack:///./src/View/task/tasks.vue?4659","webpack:///./src/View/task/tasks.vue?9a72","webpack:///./src/utils/convertDateAndTime.js","webpack:///./src/View/components/customDateSelection.vue?d7ec"],"names":["render","_vm","this","_c","_self","showPageination","staticClass","class","pageNumber","attrs","on","$event","changePageHandler","_v","totalNoOfPages","previousPage","_e","directives","name","rawName","value","selectedPageNumber","expression","modifiers","domProps","updatePageNumber","target","composing","_n","$forceUpdate","nextPage","_s","staticRenderFns","data","start","dataLimit","items","firstindex","lastindex","firstArray","secondArray","showFirstGap","showSecondGap","pageNumone","dot","showdot","props","beforeMount","mounted","watch","totalDataCount","handler","resetPagination","computed","methods","callApiAsPerData","offset","limit","dataLimitChangeHandler","beforeDestroy","component","staticStyle","_m","closeDialog","emitSelectedDatesHandler","startDate","endDate","_f","resetFilter","isShowMore","_l","buttonFiltersArray","status","index","key","selected","title","length","getDateTimeForFilterHandler","model","callback","$$v","moment","components","Button","StatusBtn","DateTimePickerCustom","selectedValue","deep","getDayAccordingToLimits","isActive","btnSize","stopPropagation","preventDefault","buttonHandler","apply","arguments","btnText","screenWidth","created","window","resizeWindowHandler","isfocus","searchIconClick","require","searchVal","placeholderText","callSearch","inputvalue","document","totalCount","filterObject","isCOmplted","changeValue","isBarDateSelection","changeDate","isSelected","openSelDatePicker","getEndDate","changeDateforSel","$set","empStatusList","fullName","toggleActiveAndInactiveB","createInvoice","searchCall","shiftListing","showVisitDetail","displayText","taskTitle","runningTimer","taskDate","assignToList","item","userFirstName","userLastName","resetPaginationValues","getLeadDataFromPagination","showCustomDatepicker","btnDatePicker","customDateListener","NoRecords","Pagination","SearchTextInput","CustomDateSelector","mixins","searchForRequest","filterList","Id","mobileView","isOpenDetail","isDiableNext","TempStartDate","sendEmailReq","sendEmaildetailReq","showMenuList","TempEndDate","specidifTimeSheet","totalBreakCount","totalShiftCount","activeUer","exportData","selectedEmpId","shortBy","sortOrder","customerId","repeated","isRepeat","selectedObj","titleObj","icon","sortName","destroyed","newDateT","fObj","sendEmailReqCall","params","taskId","closeBtn","query","date","getDynamicTimeTitle","parseFloat","getTaskList","message","MyJobApp","response","temp","err","showAlert","color","toggleActiveAndInactiveA","count","count2","element","a","filter","getEmployeeList","userDetailId","jsCoreDateCreator","dateString","dateParam","split","parseInt","toString","Date","Promise","resolve","reject","currentDate","currentDate1","y","m","obj","first","getDate","getDay","d","setDate","setTime","getTime","getFullYear","getMonth","setHours","toUTCString","getDisplayText","sfDate","format","eDate","getStringDate","requestDt","todayDate","diffTime","Math","abs","diffDays","ceil","toFixed"],"mappings":"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,iBAAA8F,QAAAC,yBACA,CAAA/F,qBAAA8F,QAAAC,0BAIAxE,UACAC,2DACA,6EAEAwE,YACAxE,+DAEA/C,SAAUA,CACViE,aACA,eACA,qCAGAtE,UACA,8CACA,gCACA,KACA,eACA,wEACA,uEACA,yEACA,wEACA,uBACA,sBAEAC,MAAOA,GAEPK,QAASA,CACT6D,cACA,0BACA,sDACA,WACA,WACA0D,qCACAC,wDACAA,yDAEAD,qCACAC,wDACAA,wDAEA,qFACA,qBAEA,qBAEA,sBAEAjD,cACA,wBACA,uBAEAkD,oBACA,aACA,2BAEA,sBAGAnD,gBACA,mBAAA1G,kBAAA8J,QAAAC,aAEAC,WACA,qBACA,4BAEAjE,eAEA,+BACA,sBAEAnB,iBACA,2BACA,kBACA,aACAL,2BACA,yCACA,qCACA,qBACA,sCAGA,8BAGAmD,sBACA,6BACA,WACA,yCACA,qCACA,kDAEA,sBAEArB,mBACA,0BACA,4CACA,wEACA,uEAMA,mBACA,oCACA,sBAEAkB,6BACA,iCACA,iCACA,sBAEAV,mBACA,mBAAA7G,kBAAA8J,QAAAC,iBAAAE,OAAAC,oBAEAC,sBACA,qDACA,6BACA,GACAnG,0DAEA,cACA,QACA,sBAEA,YACAoG,kCAGA,aACA,YAEA,iGAIAC,cACA,kCAAA/G,UAAAgH,uBACA,sBACA,oBACA,yBAIA,mFACA,iFAJA,oFACA,iFAwBAC,6BACA,wBACA,yBACA,sBACA,0BACA,4BACA,6BACA,mBACA,iBACA,2BACA,gCACA,6BAGAC,IACA,8BACA,gDACA,2BACA,uCACAC,6DAEAA,sBAGA,oBACA,6BACA,kCAAAnH,UAAAgH,cAEAI,IACA,8BACA,iCAAAC,aAAAL,kBAAAM,gBACA,kCAAAtH,UAAAgH,gBAIAnF,sBACA,sBACA,mBAEA,oBAGA0F,4BACA,6DACA,8BACA,QACA,IACA,yCACA,+BACAC,IAEA,+BACAC,IAKA,wDACA,8BACA,4BACAC,mBAIA,wBACA,eACA,mCAIA,+BAEAvE,4BACA,SACA,yDACA,kCACA,mCACA,4CACA,uCAGA,+DACA,mCACA,mCACA,+BACA,aACAwE,cAEA,QACAA,cACA,sDAIA,aACAC,UACA,wDAIA,kCAEA,2CACA,kCACA,mCACA,4CACA,kCAGA,oCACA,gBAEA,yCACA,kCACA,mCACA,4CACA,kCAGA,8BACA,sBAEAC,kBACAZ,uBACA,SACAC,IACA,gDACA,2BACAC,iBACAA,uDAEA,SACAW,eACA5E,eACA/C,aAEA,iCACA,kCAAAH,UAAAgH,cAEA,KACA,8BACA,kCAAAhH,UAAAgH,kBC3hB8V,I,wBCQ1V5H,EAAY,eACd,EACA5D,EACAgC,GACA,EACA,KACA,WACA,MAIa,aAAA4B,E,kHCnBf,W,gFCAA,+HAWO,MAAM2I,EAAqBC,IAEhC,IAAIC,EAAYD,EAAWE,MAAM,UAEjC,OADAD,EAAU,IAAME,SAASF,EAAU,GAAI,IAAM,GAAGG,WACzC,IAAIC,QAAQJ,IAiCd,SAAShH,EAAyBhC,GACvC,OAAO,IAAIqJ,QAAQ,CAACC,EAASC,KAE3B,IAAIC,EAAc,IAAIJ,KAClBK,EAAe,IAAIL,KACnBM,EAAI,GACJC,EAAI,GACJC,EAAM,CACRpJ,UAAWgJ,EACX/I,QAASgJ,GAEX,MAAMI,EAAQL,EAAYM,UAAYN,EAAYO,SAC5CC,EAAI,IAAIZ,KACd,OAAQpJ,GACN,IAAK,QACH,MACF,IAAK,YACH4J,EAAIpJ,UAAY,IAAI4I,KAAKI,EAAYS,QAAQT,EAAYM,UAAY,IACrEF,EAAInJ,QAAU,IAAI2I,KAAKI,GACvB,MACF,IAAK,WACHI,EAAIpJ,UAAY,IAAI4I,KAAKI,EAAYS,QAAQJ,IAE7CD,EAAInJ,QAAU,IAAI2I,KAAKI,EAAYS,QAAQ,IAAIb,KAAKQ,EAAIpJ,WAAWsJ,UAAY,IAC/E,MACF,IAAK,WACHJ,EAAIF,EAAYS,QAAQT,EAAYM,UAAY,GAChDF,EAAIpJ,UAAY,IAAI4I,KAAKI,EAAYS,QAAQJ,IAC7C,MACF,IAAK,QACHD,EAAIpJ,UAAY,IAAI4I,KAAKI,EAAYS,QAAQJ,IAE7CD,EAAInJ,QAAU,IAAI2I,KAAKI,EAAYS,QAAQ,IAAIb,KAAKQ,EAAIpJ,WAAWsJ,UAAY,IACjF,MACA,IAAK,WACHF,EAAInJ,QAAU,IAAI2I,KAAKY,EAAEE,QAAQF,EAAEG,UAA4C,IAA/BH,EAAED,SAAWC,EAAED,SAAW,GAAU,GAAK,GAAK,MAC9FH,EAAIpJ,UAAY,IAAI4I,KAAKY,EAAEE,QAAQF,EAAEG,UAAY,SACjD,MACF,IAAK,YACHT,EAAIF,EAAYY,cAChBT,EAAIH,EAAYa,WAChBT,EAAIpJ,UAAY,IAAI4I,KAAKM,EAAGC,EAAG,GAC/BC,EAAInJ,QAAU,IAAI2I,KAAKM,EAAGC,EAAI,EAAG,GACjC,MACF,IAAK,YACHD,EAAIF,EAAYY,cAChBT,EAAIH,EAAYa,WAChBT,EAAIpJ,UAAY,IAAI4I,KAAKM,EAAIC,EAAI,EAAI,GACrCC,EAAInJ,QAAU,IAAI2I,KAAKM,EAAGC,EAAG,GAC7B,MACF,IAAK,aACHD,EAAID,EAAaQ,QAAQT,EAAYM,UAAY,IACjDF,EAAInJ,QAAU,IAAI2I,KAAKM,GACvB,MACF,IAAK,aACHA,EAAID,EAAaQ,QAAQT,EAAYM,UAAY,IACjDF,EAAInJ,QAAU,IAAI2I,KAAKM,GACvB,MACF,IAAK,SACHA,EAAIF,EAAYS,QAAQT,EAAYM,UAAY,IAChDF,EAAIpJ,UAAY,IAAI4I,KAAKM,GACzB,MACF,IAAK,aACHA,EAAIF,EAAYS,QAAQT,EAAYM,UAAY,IAChDF,EAAIpJ,UAAY,IAAI4I,KAAKM,GACzB,MACF,IAAK,aACHA,EAAIF,EAAYS,QAAQT,EAAYM,UAAY,IAChDF,EAAIpJ,UAAY,IAAI4I,KAAKM,GACzB,MACF,IAAK,aACHA,EAAIF,EAAYS,QAAQT,EAAYM,UAAY,IAChDF,EAAIpJ,UAAY,IAAI4I,KAAKM,GACzB,MACF,IAAK,cACHA,EAAIF,EAAYS,QAAQT,EAAYM,UAAY,KAChDF,EAAIpJ,UAAY,IAAI4I,KAAKM,GACzB,MACF,IAAK,cACHA,EAAIF,EAAYS,QAAQT,EAAYM,UAAY,KAChDF,EAAIpJ,UAAY,IAAI4I,KAAKM,GACzB,MAEJE,EAAIpJ,UAAY,IAAI4I,KAAKQ,EAAIpJ,UAAU8J,SAAS,EAAG,EAAG,EAAG,IAAIC,cAC7DX,EAAInJ,QAAU,IAAI2I,KAAKQ,EAAInJ,QAAQ6J,SAAS,GAAI,GAAI,GAAI,MAAMC,cAC9DjB,EAAQM,KAGL,SAASY,EAAgBhK,EAAWC,GACzC,GAAkB,KAAdD,GAAgC,KAAZC,EAAgB,CACtC,IAAIyH,EAAO,GACX,MAAMuC,EAAShJ,IAAO,IAAI2H,KAAK5I,IAAYkK,OAAO,cAC5CC,EAAQlJ,IAAO,IAAI2H,KAAK3I,IAAUiK,OAAO,cAc/C,OAbID,IAAWE,GACbzC,EAAO0C,EAAcpK,EAAW,SAChC0H,GAAS,IAAGzG,IAAO,IAAI2H,KAAK5I,IAAYkK,OACtC,gBACKjJ,IAAO,IAAI2H,KAAK3I,IAAUiK,OAAO,cAExCxC,EAAQ,GAAE0C,EAAcpK,EAAW,YAAYiB,IAC7C,IAAI2H,KAAK5I,IACTkK,OAAO,gBAAgBE,EACvBnK,EACA,YACGgB,IAAO,IAAI2H,KAAK3I,IAAUiK,OAAO,aAEjCxC,EACF,CACL,IAAIA,EAAO,GACX,MAAMuC,EAAShJ,IAAO,IAAI2H,KAAK5I,IAAYkK,OAAO,cAOlD,OANID,IACFvC,EAAO0C,EAAcpK,EAAW,SAChC0H,GAAS,IAAGzG,IAAO,IAAI2H,KAAK5I,IAAYkK,OACtC,YAGGxC,GAGX,SAAS0C,EAAcjD,EAAM+C,GAC3B,GAAa,KAAT/C,EAAa,CAIf,MAAMkD,EAAY,IAAIzB,KAAKzB,GACrBmD,GAAY,IAAI1B,MAAOkB,SAAS,EAAG,EAAG,GAC5C,GACE7I,IAAOqJ,GAAWJ,OAAO,gBACzBjJ,IAAOoJ,GAAWH,OAAO,cAEzB,MAAO,QAET,GAAII,EAAYD,EAAW,CACzB,MAAME,EAAWC,KAAKC,IAAIH,EAAYD,GAEhCK,EAAWF,KAAKG,KACpBtD,YAAYkD,EAAW,OAAoBK,QAAQ,KAErD,GAAiB,IAAbF,EACF,MAAO,OAGX,GAAIJ,EAAYD,EAAW,CACzB,MAAME,EAAWC,KAAKC,IAAIJ,EAAYC,GAChCI,EAAWF,KAAKG,KAAKJ,EAAW,OAEtC,GAAiB,IAAbG,EACF,MAAO,MAGX,OAAOzJ,IAAOoJ,GAAWH,OAAOA,GAAU,cAE5C,MAAO,K,kCCxMT","file":"js/chunk-73462791.2f374ddf.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./searchTextInput.vue?vue&type=style&index=0&id=d6e10930&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.showPageination)?_c('div',{staticClass:\"p-1 m-1\"},[_c('div',{staticClass:\"autoPadding\"},[_c('div',{staticClass:\"text-right\"},[_c('div',{staticClass:\"mb-1 pb-1\"},[_c('div',{staticClass:\"text-right\"},[_c('button',{staticClass:\"outline outline-1 pagination-button text-white w-fit outline-gray-200 outline-gray rounded heading-5 mr-3\",class:_vm.pageNumber !== 1 ? 'bg-primary text-white' : 'bg-gray2',attrs:{\"disabled\":(_vm.pageNumber === 1)},on:{\"click\":function($event){return _vm.changePageHandler(1)}}},[_vm._v(\" 1 \")]),(_vm.totalNoOfPages > 2)?_c('button',{staticClass:\"w-fit outline-gray rounded heading-5 mr-3\",class:_vm.pageNumber > 1 ? 'bg-primary text-white' : 'bg-gray2 text-white',attrs:{\"x-small\":\"\",\"height\":\"30px\",\"disabled\":(_vm.pageNumber === 1)},on:{\"click\":_vm.previousPage}},[_c('i',{staticClass:\"fas fa-chevron-left\"})]):_vm._e(),(_vm.totalNoOfPages > 2)?_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.selectedPageNumber),expression:\"selectedPageNumber\",modifiers:{\"number\":true}}],staticClass:\"page-number-input mr-3\",attrs:{\"type\":\"number\"},domProps:{\"value\":(_vm.selectedPageNumber)},on:{\"change\":function($event){return _vm.updatePageNumber()},\"input\":function($event){if($event.target.composing)return;_vm.selectedPageNumber=_vm._n($event.target.value)},\"blur\":function($event){return _vm.$forceUpdate()}}}):_vm._e(),(_vm.totalNoOfPages > 2)?_c('button',{staticClass:\"outline outline-1 w-fit outline-gray-200 outline-gray rounded mr-3\",class:_vm.pageNumber < _vm.totalNoOfPages ? 'bg-primary text-white' : 'bg-gray2 text-white',attrs:{\"x-small\":\"\",\"height\":\"30px\",\"color\":`primary`,\"disabled\":(_vm.pageNumber >= _vm.totalNoOfPages)},on:{\"click\":_vm.nextPage}},[_c('i',{staticClass:\"fas fa-chevron-right heading-5\"})]):_vm._e(),(_vm.totalNoOfPages !== 1)?_c('button',{staticClass:\"pagination-button text-white w-fit outline-gray-200 outline-gray rounded text-sm mr-3\",class:_vm.pageNumber !== _vm.totalNoOfPages ? 'bg-primary text-white' : 'bg-gray2',attrs:{\"disabled\":_vm.pageNumber === _vm.totalNoOfPages},on:{\"click\":function($event){return _vm.changePageHandler(_vm.totalNoOfPages)}}},[_vm._v(\" \"+_vm._s(_vm.totalNoOfPages)+\" \")]):_vm._e()])])])])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"p-1 m-1\" v-if=\"showPageination\">\n    <div class=\"autoPadding\">\n      <div class=\"text-right\">\n        <div class=\"mb-1 pb-1\" >\n          <div class=\"text-right\">\n            <!-- <span label  class=\"w-fit outline-gray-200  outline-gray rounded text-sm px-2 py-2 mb-2 mr-1\" :outlined=\"pageNumber !== 1\"> -->\n              <button :disabled=\"(pageNumber === 1)\" :class=\"pageNumber !== 1 ? 'bg-primary text-white' : 'bg-gray2'\" class=\" outline outline-1 pagination-button text-white w-fit outline-gray-200  outline-gray rounded heading-5 mr-3\"  @click=\"changePageHandler(1)\">\n                1\n              </button>\n            <!-- </span> -->\n            <button\n              v-if=\"totalNoOfPages > 2\"\n              x-small\n              height=\"30px\"\n              :class=\"pageNumber > 1 ? 'bg-primary text-white' : 'bg-gray2 text-white'\"\n              class=\"w-fit outline-gray rounded heading-5  mr-3\"\n              @click=\"previousPage\"\n              :disabled=\"(pageNumber === 1)\"\n            >\n              <i class=\"fas fa-chevron-left\"></i>\n            </button>\n            <input v-if=\"totalNoOfPages > 2\" type=\"number\" v-model.number=\"selectedPageNumber\" class=\"page-number-input mr-3\" @change=\"updatePageNumber()\"/>\n            <button\n              v-if=\"totalNoOfPages > 2\"\n              x-small\n              height=\"30px\"\n              :class=\"pageNumber < totalNoOfPages ? 'bg-primary text-white' : 'bg-gray2 text-white'\"\n              class=\"outline outline-1 w-fit outline-gray-200  outline-gray rounded mr-3\"\n              @click=\"nextPage\"\n              :color=\"`primary`\"\n              :disabled=\"(pageNumber >= totalNoOfPages)\"\n            >\n              <i class=\"fas fa-chevron-right heading-5\"></i>\n            </button>\n            <!-- <span v-if=\"totalNoOfPages !== 1\" label class=\"w-fit outline-gray-200 bg-white outline outline-1 outline-gray rounded text-sm px-2 py-1 mb-2 mr-1\" :outlined=\"pageNumber !== totalNoOfPages\"> -->\n              <button :disabled=\"pageNumber === totalNoOfPages\" v-if=\"totalNoOfPages !== 1\" :class=\"pageNumber !== totalNoOfPages ? 'bg-primary text-white' : 'bg-gray2'\" class=\"pagination-button text-white w-fit outline-gray-200  outline-gray rounded text-sm mr-3\"  @click=\"changePageHandler(totalNoOfPages)\">\n                {{totalNoOfPages}}\n              </button>\n            <!-- </span> -->\n            <!-- <select class=\"border border-gray2  w-fit outline-gray-200  outline-gray rounded text-sm px-2 py-1\" name=\"\" id=\"\"\n              v-model=\"dataLimit\"\n              @change=\"dataLimitChangeHandler(dataLimit)\"\n              >\n              <option>20</option>\n              <option  v-for=\"(data, index) in items\" :key=\"index\" v-bind:value=\"data\">{{data}}</option>\n            </select> -->\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  data () {\n    return {\n      start: 0,\n      selectedPageNumber: 1,\n      pageNumber: 1,\n      totalNoOfPages: 0,\n      dataLimit: 20,\n      items: [25, 30, 50, 100],\n      showPageination: true,\n      firstindex: [],\n      lastindex: [],\n      firstArray: [],\n      secondArray: [],\n      showFirstGap: false,\n      showSecondGap: false,\n      pageNumone: true,\n      dot: true,\n      showdot: true\n    }\n  },\n  props: ['totalDataCount', 'resetPagination', 'pagination', 'isDetailsListings', 'defaultPerPage'],\n  beforeMount () {\n  },\n  mounted () {\n    this.$root.$on(\"setPaginationValueAsperVlue\", (data) => {\n      console.log('check call pagination', data);\n      this.dataLimit = data\n      if (data) {\n        this.dataLimitChangeHandler(data)\n      }\n    });\n    if (this.isDetailsListings === true) {\n      this.dataLimit = 5\n    } else {\n      this.dataLimit = 20\n    }\n    if (this.defaultPerPage) {\n      let findIndex = this.items.findIndex(x => x === this.defaultPerPage)\n      if (findIndex < 0) {\n        this.items.push(this.defaultPerPage)\n      }\n      this.dataLimit = this.defaultPerPage\n    }\n    if (this.pagination) {\n      this.pageNumber = (this.pagination.offset / this.pagination.limit) + 1\n      this.start = this.pagination.offset\n    }\n    this.totalNoOfPages = Math.ceil(this.totalDataCount / this.dataLimit)\n    if (this.totalDataCount <= this.dataLimit) {\n      this.showPageination = false\n    } else {\n      this.showPageination = true\n    }\n  },\n  watch: {\n    totalDataCount: {\n      handler () {\n        this.totalNoOfPages = Math.ceil(this.totalDataCount / this.dataLimit)\n        if (this.totalDataCount <= this.dataLimit) {\n          this.showPageination = false\n        } else {\n          this.showPageination = true\n        }\n      }\n    },\n    pageNumber: {\n      handler () {\n        this.selectedPageNumber = this.pageNumber\n      }\n    },\n    resetPagination: {\n      handler () {\n        if (this.resetPagination) {\n          console.log('cehck reset pagi')\n          this.start = 0\n          this.selectedPageNumber = 1\n          this.pageNumber = 1\n          this.callApiAsPerData()\n        }\n      }\n    }\n  },\n  computed: {\n  },\n  methods: {\n    updatePageNumber () {\n      if (this.selectedPageNumber > this.totalNoOfPages || this.selectedPageNumber < 1) {\n        this.selectedPageNumber = this.pageNumber\n      } else {\n        this.changePageHandler(this.selectedPageNumber)\n      }\n    },\n    changePageHandler (pageindex) {\n      this.pageNumber = pageindex\n      this.start =\n        this.pageNumber * this.dataLimit - this.dataLimit < 0\n          ? 0\n          : this.pageNumber * this.dataLimit - this.dataLimit\n      console.log('this -- pageNumber--', this.pageNumber)\n      this.callApiAsPerData()\n    },\n    callApiAsPerData () {\n      this.$emit('callApiAsPerPagination', {\n        offset: this.start,\n        limit: this.dataLimit\n      })\n    },\n    nextPage () {\n      if (this.pageNumber >= this.totalNoOfPages) {\n        return false\n      }\n      this.pageNumber += 1\n      this.start = this.pageNumber * this.dataLimit - this.dataLimit\n      this.callApiAsPerData()\n    },\n    previousPage () {\n      if (this.pageNumber !== 1) {\n        this.pageNumber -= 1\n        this.start = this.pageNumber * this.dataLimit - this.dataLimit\n        this.callApiAsPerData()\n      }\n    },\n    dataLimitChangeHandler (data) {\n      if (data > this.totalDataCount) {\n        this.start = 0\n      } else {\n        this.pageNumber = Math.ceil(\n          (this.start + this.dataLimit) / this.dataLimit\n        )\n      }\n      this.totalNoOfPages = Math.ceil(this.totalDataCount / this.dataLimit)\n      this.callApiAsPerData()\n    }\n  },\n  beforeDestroy() {\n    this.$root.$off(\"setPaginationValueAsperVlue\");\n  },\n}\n</script>\n<style scoped>\nbutton {\n  width: 34px !important;\n  height: 34px !important;\n}\nselect, input {\n  height: 34px !important;\n}\n.pagination-button {\n  border-radius: 3px;\n  font-size: 1em;\n  text-align: center !important;\n}\n.selectBoxWidth {\n    width: 70px !important;\n    padding:0 !important;\n    flex-basis: 0 !important;\n}\n.page-number-input{\n    width: 65px;\n    display: inline-block;\n    height: 30px;\n    border: 1px solid #9a9a9a;\n    border-radius: 5px;\n    padding-left: 5px;\n}\n</style>\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!./pagination.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!./pagination.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./pagination.vue?vue&type=template&id=7b4a9395&scoped=true&\"\nimport script from \"./pagination.vue?vue&type=script&lang=js&\"\nexport * from \"./pagination.vue?vue&type=script&lang=js&\"\nimport style0 from \"./pagination.vue?vue&type=style&index=0&id=7b4a9395&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7b4a9395\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"border bg-white custom_dialog rounded-xl\",staticStyle:{\"max-width\":\"720px\",\"max-height\":\"90%\",\"overflow\":\"auto\"}},[_c('div',{staticClass:\"container\"},[_c('div',[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"mb-2 rounded px-5 py-2 bg-primary text-white heading-4 font-semibold flex items-center justify-between\"},[_vm._m(0),_c('div',{},[_c('Button',{attrs:{\"btnSize\":'medium',\"textColor\":'text1',\"btnColor\":'gray1',\"btnText\":'Discard'},on:{\"buttonAction\":function($event){return _vm.closeDialog(null)}}}),_c('Button',{staticClass:\"ml-2\",attrs:{\"btnSize\":'medium',\"textColor\":'white',\"btnColor\":'success',\"btnText\":'Apply'},on:{\"buttonAction\":_vm.emitSelectedDatesHandler}})],1)]),_c('div',{staticClass:\"p-2 flex items-center justify-between\"},[((_vm.startDate !== '' && _vm.startDate !== 'Invalid date') && (_vm.endDate !== '' && _vm.endDate !== 'Invalid date'))?_c('p',{staticClass:\"text-text2 heading-6 pl-2\"},[_vm._v(\"*From \"+_vm._s(_vm._f(\"dateStringFilter\")(_vm.startDate))+\" to \"+_vm._s(_vm._f(\"dateStringFilter\")(_vm.endDate)))]):_vm._e(),_c('div',{staticClass:\"heading-5 pr-2 text-primary cursor-pointer\",on:{\"click\":function($event){return _vm.resetFilter()}}},[_vm._v(\"Reset Filter\")])]),(_vm.isShowMore)?_c('div',{staticClass:\"p-2 flex flex-wrap\"},_vm._l((_vm.buttonFiltersArray),function(status,index){return _c('div',{key:index,staticClass:\"m-1\"},[_c('StatusBtn',{staticClass:\"whitespace-nowrap\",attrs:{\"selected\":status.selected,\"btnText\":status.title,\"lastInlist\":_vm.buttonFiltersArray.length === index + 1},on:{\"buttonAction\":function($event){return _vm.getDateTimeForFilterHandler(index)}}})],1)}),0):_vm._e(),_c('div',{staticClass:\"grid grid-cols-1 xl:grid-cols-2 2xl:grid-cols-2 lg:grid-cols-2 justify-items-center pb-4\"},[_c('div',{staticClass:\"p-2 pr-0 box\"},[_c('p',{staticClass:\"text-primary2 font-semibold mb-2 heading-5\"},[_vm._v(\"Start Date:\")]),_c('DateTimePickerCustom',{attrs:{\"title\":'',\"showOnlyDate\":true,\"hideGoToday\":true,\"hideBtn\":true,\"roundedCard\":true},model:{value:(_vm.startDate),callback:function ($$v) {_vm.startDate=$$v},expression:\"startDate\"}})],1),_c('div',{staticClass:\"px-2 py-2 box\"},[_c('p',{staticClass:\"text-primary2 font-semibold mb-2 heading-5\"},[_vm._v(\"End Date:\")]),_c('DateTimePickerCustom',{attrs:{\"title\":'',\"showOnlyDate\":true,\"hideGoToday\":true,\"hideBtn\":true,\"roundedCard\":true},model:{value:(_vm.endDate),callback:function ($$v) {_vm.endDate=$$v},expression:\"endDate\"}})],1)])])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('p',{},[_vm._v(\"Shift Filter\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"border bg-white custom_dialog rounded-xl\" style=\"max-width: 720px;max-height: 90%; overflow:auto;\" >\n    <div class=\"container\">\n      <div>\n        <div class=\"card \">\n          <div class=\"mb-2 rounded px-5 py-2 bg-primary text-white heading-4 font-semibold flex items-center justify-between\">\n            <div>\n              <p class=\"\">Shift Filter</p>\n            </div>\n            <div class=\"\">\n              <Button :btnSize=\"'medium'\" :textColor=\"'text1'\" :btnColor=\"'gray1'\" :btnText=\"'Discard'\" @buttonAction=\"closeDialog(null)\"/>\n              <Button class=\"ml-2\" :btnSize=\"'medium'\" :textColor=\"'white'\" :btnColor=\"'success'\" :btnText=\"'Apply'\" @buttonAction=\"emitSelectedDatesHandler\"/>\n            </div>  \n          </div>\n          <div class=\"p-2 flex items-center justify-between \">\n            <p class=\"text-text2 heading-6 pl-2\" v-if=\"(startDate !== '' && startDate !== 'Invalid date') && (endDate !== '' && endDate !== 'Invalid date')\">*From {{ startDate | dateStringFilter}} to {{ endDate | dateStringFilter}}</p>\n            <div class=\"heading-5 pr-2 text-primary cursor-pointer\" @click=\"resetFilter()\">Reset Filter</div>\n          </div>\n          <div class=\"p-2 flex flex-wrap\" v-if=\"isShowMore\">\n            <div class=\"m-1\" v-for=\"(status, index) in buttonFiltersArray\" :key=\"index\">\n              <StatusBtn class=\" whitespace-nowrap\" @buttonAction=\"getDateTimeForFilterHandler(index)\" :selected=\"status.selected\" :btnText=\"status.title\" :lastInlist=\"buttonFiltersArray.length === index + 1\"/>     \n            </div>\n          </div>\n          <div class=\"grid grid-cols-1 xl:grid-cols-2 2xl:grid-cols-2 lg:grid-cols-2 justify-items-center pb-4\">\n            <div class=\"p-2 pr-0 box\">\n              <p class=\"text-primary2 font-semibold mb-2 heading-5\">Start Date:</p>\n              <DateTimePickerCustom\n                v-model=\"startDate\"\n                :title=\"''\"\n                :showOnlyDate=\"true\"\n                :hideGoToday=\"true\"\n                :hideBtn=\"true\"\n                :roundedCard=\"true\"\n                >\n            </DateTimePickerCustom>\n            </div>\n            <div class=\"px-2 py-2 box\">\n                <p class=\"text-primary2 font-semibold mb-2 heading-5\">End Date:</p>\n                 <DateTimePickerCustom\n                  v-model=\"endDate\"\n                  :title=\"''\"\n                  :showOnlyDate=\"true\"\n                  :hideGoToday=\"true\"\n                  :hideBtn=\"true\"\n                  :roundedCard=\"true\"\n                  >\n              </DateTimePickerCustom>\n            </div>\n          </div>\n          </div>\n      </div>\n    </div>\n</div>\n</template>\n<script>\nimport {getDayAccordingToLimits} from '@/utils/convertDateAndTime.js'\nimport StatusBtn from \"@/View/components/statu-filter-btn.vue\";\nimport Button from '@/View/components/globalButton.vue'\nvar moment = require('moment')\nimport DateTimePickerCustom from '@/View/components/datepicker/datepicker.vue'\nexport default {\n  components: {\n    Button,\n    StatusBtn,\n    DateTimePickerCustom,\n  },\n  data () {\n    return {\n      startDate: '',\n      selectedValue: '',\n      endDate: '',\n      buttonFiltersArray: [\n        {\n          title: 'This Week',\n          selected: false,\n          value: 'thisWeek'\n        },\n        {\n          title: 'This Month',\n          selected: false,\n          value: 'thisMonth'\n        },\n        {\n          title: 'Pre 4 Days',\n          selected: false,\n          value: '4Days'\n        },\n        {\n          title: 'Pre 7 Days',\n          selected: false,\n          value: 'pre7Days'\n        },\n        {\n          title: 'Pre 15 Days',\n          selected: false,\n          value: '15Days'\n        },\n        {\n          title: 'Pre 30 Days',\n          selected: false,\n          value: 'last30Days'\n        },\n        {\n          title: 'Pre 60 Days',\n          selected: false,\n          value: 'last60Days'\n        },\n        {\n          title: 'Pre 90 Days',\n          selected: false,\n          value: 'last90Days'\n        },\n        {\n          title: 'Pre 120 Days',\n          selected: false,\n          value: 'last120Days'\n        },\n        {\n          title: 'Pre 180 Days',\n          selected: false,\n          value: 'last180Days'\n        }\n      ],\n    }\n  },\n  props: ['appliedFilters', 'selectedValue1', 'isShowMore'],\n  watch: {\n    startDate: {\n      handler () {\n        console.log('startDate WATCH', this.startDate)\n      },\n      deep: true\n    },\n    endDate: {\n      handler () {\n        console.log('endDate WATCH', this.endDate)\n      },\n      deep: true\n    }\n  },\n  beforeMount () {\n    this.startDate =  moment(this.appliedFilters.startDate).format('YYYY-MM-DD').toString()\n    this.endDate = moment(this.appliedFilters.endDate).format('YYYY-MM-DD').toString()\n    console.log('this.startDate', this.startDate)\n    console.log('this.endDate', this.endDate)\n  },\n  mounted () {\n    // this.startDate = this.appliedFilters.startDate !== '' ? this.$options.filters.formatForDatePicker(this.appliedFilters.startDate) : new Date().toISOString().substr(0, 10)\n    // this.endDate = this.appliedFilters.endDate !== '' ? this.$options.filters.formatForDatePicker(this.appliedFilters.endDate) : new Date().toISOString().substr(0, 10)\n    console.log('this.appliedFilters', this.appliedFilters)\n    this.startDate =  moment(this.appliedFilters.startDate).format('YYYY-MM-DD').toString()\n    this.endDate = moment(this.appliedFilters.endDate).format('YYYY-MM-DD').toString()\n    this.selectedValue = this.appliedFilters.selectedValue\n    for (let index = 0; index < this.buttonFiltersArray.length; index++) {\n      console.log('this.selectedValue', this.selectedValue)\n      console.log('this.buttonFiltersArray[index].value', this.buttonFiltersArray[index].value)\n      if (this.buttonFiltersArray[index].value === this.appliedFilters.selectedValue) {\n        this.buttonFiltersArray[index].selected = true\n      } else {\n        this.buttonFiltersArray[index].selected = false\n      }\n    }\n    console.log('this.startDate', this.startDate)\n    console.log('this.endDate', this.endDate)\n  },\n  methods: {\n    resetFilter () {\n      for (let i = 0; i < this.buttonFiltersArray.length; i++) {\n        if (this.buttonFiltersArray[i].value === 'thisWeek') {\n          this.buttonFiltersArray[i].selected = true\n        } else {\n          this.buttonFiltersArray[i].selected = false\n        }\n      }\n      this.selectedValue = 'thisWeek'\n      this.buttonFiltersArray[0].selected = true\n      getDayAccordingToLimits('thisWeek').then(val => {\n        this.startDate = moment(val.startDate).format('YYYY-MM-DD').toString()\n        this.endDate = moment(val.endDate).format('YYYY-MM-DD').toString()\n      })\n    },\n    emitSelectedDatesHandler () {\n      let obj = {\n        startDate: this.startDate,\n        endDate: this.endDate,\n        selectedValue: this.selectedValue\n      }\n      this.closeDialog(obj)\n    },\n    closeDialog (data) {\n      this.$emit('closeSelectedDialog', data)\n    },\n    getDateTimeForFilterHandler (index) {\n      this.selectedValue = this.buttonFiltersArray[index].value\n      for (let i = 0; i < this.buttonFiltersArray.length; i++) {\n        if (i !== index) {\n          this.buttonFiltersArray[i].selected = false\n        } else {\n          this.buttonFiltersArray[i].selected = true\n        }\n      }\n      getDayAccordingToLimits(this.buttonFiltersArray[index].value).then(val => {\n        this.startDate = moment(val.startDate).format('YYYY-MM-DD').toString()\n        this.endDate = moment(val.endDate).format('YYYY-MM-DD').toString()\n      })\n    },\n  }\n}\n</script>\n<style scoped>\n.popup_overlay {\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: rgba(0, 0, 0, 0.445);\n    transition: opacity 500ms;\n    visibility: visible;\n    opacity: 1;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 10;\n}\n</style>\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!./customDateSelection.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!./customDateSelection.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./customDateSelection.vue?vue&type=template&id=102cb38f&scoped=true&\"\nimport script from \"./customDateSelection.vue?vue&type=script&lang=js&\"\nexport * from \"./customDateSelection.vue?vue&type=script&lang=js&\"\nimport style0 from \"./customDateSelection.vue?vue&type=style&index=0&id=102cb38f&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"102cb38f\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./pagination.vue?vue&type=style&index=0&id=7b4a9395&prod&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./statu-filter-btn.vue?vue&type=style&index=0&id=f27495b0&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('button',{staticClass:\"m-1 text-sm border hover:text-primary text-text1 rounded-xl filter_list_btn bottom_space\",class:`${_vm.isActive ? 'bg-info border-info' : 'bg-white border-gray2'}\n  ${_vm.btnSize === 'medium' ? 'py-2 px-4' : ''}\n  ${_vm.btnSize === 'large' ? 'py-2.5 px-4' : ''}\n  ${_vm.btnSize === 'small' ? 'py-1.5 px-3' : ''}\n  `,on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.buttonHandler.apply(null, arguments)}}},[_vm._v(\" \"+_vm._s(_vm.btnText)+\" \")])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <button\n    @click.stop.prevent=\"buttonHandler\"\n    :class=\"`${isActive ? 'bg-info border-info' : 'bg-white border-gray2'}\n    ${btnSize === 'medium' ? 'py-2 px-4' : ''}\n    ${btnSize === 'large' ? 'py-2.5 px-4' : ''}\n    ${btnSize === 'small' ? 'py-1.5 px-3' : ''}\n    `\"\n    class=\" m-1\n      text-sm\n      border\n      hover:text-primary\n      text-text1\n      rounded-xl\n      filter_list_btn\n      bottom_space\n    \"\n  >\n    {{ btnText }}\n  </button>\n</template>\n<script>\nexport default {\n  props: [\"btnText\", \"selected\", \"lastInlist\", \"size\"],\n  data() {\n    return {\n      isActive: false,\n      btnSize: 'medium',\n      screenWidth: 0,\n    };\n  },\n  watch: {\n    selected: {\n      handler() {\n        if (this.selected) {\n          this.isActive = this.selected;\n        } else {\n          this.isActive = this.selected;\n        }\n      },\n    },\n  },\n   created() {\n    window.addEventListener(\"resize\", this.resizeWindowHandler);\n  },\n  mounted() {\n    if (window.innerWidth < 640) {\n        this.btnSize = 'small'\n      }\n    if (this.selected) {\n      this.isActive = this.selected;\n    }\n    if (this.size === 'medium') {\n      this.btnSize = 'medium'\n    }\n    if (this.size === 'small') {\n      this.btnSize = 'small'\n    }\n    if (this.size === 'large') {\n      this.btnSize = 'large'\n    }\n  },\n  methods: {\n    resizeWindowHandler() {\n      this.screenWidth = window.innerWidth\n      if (window.innerWidth < 640) {\n        this.btnSize = 'small'\n      }\n    },\n    buttonHandler() {\n      this.$emit(\"buttonAction\");\n    },\n  },\n};\n</script>\n<style scoped>\n.filter_list_btn {\n  min-width: 77px !important;\n}\n</style>\n\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!./statu-filter-btn.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!./statu-filter-btn.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./statu-filter-btn.vue?vue&type=template&id=f27495b0&scoped=true&\"\nimport script from \"./statu-filter-btn.vue?vue&type=script&lang=js&\"\nexport * from \"./statu-filter-btn.vue?vue&type=script&lang=js&\"\nimport style0 from \"./statu-filter-btn.vue?vue&type=style&index=0&id=f27495b0&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"f27495b0\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"search_customer_box text-gray-500 bg-white rounded-md text-sm px-2 py-1 items-center\",class:_vm.isfocus ? 'border border-primary' : 'border border-gray2',staticStyle:{\"display\":\"flex\",\"min-height\":\"42px\",\"max-height\":\"42px\"}},[_c('span',{staticClass:\"mr-2 cursor-pointer\",on:{\"click\":function($event){return _vm.searchIconClick()}}},[_c('img',{attrs:{\"height\":\"20px\",\"width\":\"20px\",\"src\":require(\"@/assets/images/svg/gray-search.svg\"),\"alt\":\"\"}})]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchVal),expression:\"searchVal\"}],staticClass:\"focus:outline-none w-36 sm:w-full\",attrs:{\"type\":\"search\",\"name\":\"\",\"placeholder\":`${ _vm.placeholderText ? _vm.placeholderText : 'Search...'}`,\"id\":\"search_Input\",\"autocomplete\":\"OFF\",\"autofocus\":_vm.isfocus},domProps:{\"value\":(_vm.searchVal)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.searchVal=$event.target.value},_vm.callSearch],\"focus\":function($event){_vm.isfocus = true},\"blur\":function($event){_vm.isfocus = false}}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div style=\"display:flex; min-height:42px; max-height:42px\" :class=\"isfocus ? 'border border-primary' : 'border border-gray2'\" class=\"search_customer_box  text-gray-500 bg-white rounded-md text-sm px-2 py-1 items-center\">\n            <span @click=\"searchIconClick()\" class=\"mr-2 cursor-pointer\"><img height=\"20px\" width=\"20px\" src=\"@/assets/images/svg/gray-search.svg\" alt=\"\"></span>\n            <input class=\"focus:outline-none w-36 sm:w-full\"\n            type=\"search\"\n            name=\"\"\n            :placeholder=\"`${ placeholderText ? placeholderText : 'Search...'}`\"\n            id=\"search_Input\"\n            v-model=\"searchVal\"\n            autocomplete=\"OFF\"\n            :autofocus=\"isfocus\"\n            @input=\"callSearch\"\n            @focus=\"isfocus = true\"\n            @blur=\"isfocus = false\"\n            >\n         </div>\n</template>\n<script>\nexport default {\n    props: [\"placeholderText\", 'inputvalue'],\n  data() {\n    return {\n        searchVal: '',\n        isfocus: false\n    };\n  },\n  watch: {\n    inputvalue: {\n      handler () {\n        if (this.inputvalue !== '') {\n          this.searchVal = this.inputvalue\n        }\n      }\n    },\n    placeholderText: {\n      handler () {\n        if (this.placeholderText === '') {\n          document.getElementById(\"search_Input\").focus()\n        } else {\n         document.getElementById(\"search_Input\").focus()\n        }\n      }\n    }\n  },\n  mounted() {},\n  methods: {\n    callSearch () {\n        this.$emit('searchCall', this.searchVal)\n    },\n    searchIconClick () {\n        document.getElementById('search_Input').focus()\n    }\n  },\n};\n</script>\n<style scoped>\n.goTop_btn {\n    position: fixed;\n    bottom: 25px;\n    right: 25px;\n    z-index: 1000;\n}\n</style>\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!./searchTextInput.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!./searchTextInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./searchTextInput.vue?vue&type=template&id=d6e10930&scoped=true&\"\nimport script from \"./searchTextInput.vue?vue&type=script&lang=js&\"\nexport * from \"./searchTextInput.vue?vue&type=script&lang=js&\"\nimport style0 from \"./searchTextInput.vue?vue&type=style&index=0&id=d6e10930&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d6e10930\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mt-12\"},[_c('div',{staticClass:\"card bg-white rounded-xl p-4\"},[_c('div',{staticClass:\"relative\"},[_c('div',{staticClass:\"card top_primary_card bg-primary font-bold text-white p-2 py-4 rounded-xl absolute -top-11 w-full flex items-center justify-between\"},[_c('div',[_vm._v(\" Task list (\"+_vm._s(_vm.totalCount)+\") \")])])]),_c('div',{staticClass:\"p-2 pb-0\"},[_c('div',{staticClass:\"flex flex-wrap mb-2 items-center mt-4\"},[_c('div',[_c('StatusBtn',{staticClass:\"whitespace-nowrap\",attrs:{\"selected\":_vm.filterObject.isCOmplted,\"btnText\":'Open'},on:{\"buttonAction\":function($event){return _vm.changeValue(true)}}}),_c('StatusBtn',{staticClass:\"whitespace-nowrap\",attrs:{\"selected\":!_vm.filterObject.isCOmplted,\"btnText\":'Completed'},on:{\"buttonAction\":function($event){return _vm.changeValue(false)}}})],1),_c('div',{staticClass:\"card bg-white p-2 rounded-xl m-1 ml-2\"},[_c('div',{staticClass:\"flex justify-between align-center pa-2\",class:_vm.isBarDateSelection ? 'text-primary' : 'text-text2'},[_c('span',{on:{\"click\":function($event){_vm.changeDate('pre');_vm.isBarDateSelection = true;_vm.isSelected = ''}}},[_c('i',{staticClass:\"fas fa-chevron-left heading-5 cursor-pointer mx-3\"})]),_c('p',{staticClass:\"date_time_picker__header cursor-pointer\",on:{\"click\":function($event){_vm.openSelDatePicker = true;_vm.isBarDateSelection = true;_vm.isSelected = ''}}},[_vm._v(_vm._s(_vm._f(\"shiftBarDateFilter\")(_vm.filterObject.startDate)))]),_c('span',{on:{\"click\":function($event){_vm.changeDate('next');_vm.isBarDateSelection = true;_vm.isSelected = ''}}},[_c('i',{staticClass:\"fas fa-chevron-right heading-5 cursor-pointer mx-3\"})])]),(_vm.openSelDatePicker)?_c('div',{staticClass:\"popup_overlay\"},[_c('div',{staticClass:\"custom_dialog rounded-xl border border-gray4 ring-gray4\",staticStyle:{\"min-height\":\"435px\",\"width\":\"306px\"}},[(_vm.openSelDatePicker)?_c('DateTimePickerCustom',{attrs:{\"showDate\":false,\"title\":'Select Date',\"showOnlyDate\":true,\"showStartDate\":true,\"roundedCard\":true,\"maxDate\":_vm.getEndDate,\"fromProject\":false},on:{\"closeDateTimepickerDialog\":_vm.changeDateforSel},model:{value:(_vm.filterObject.startDate),callback:function ($$v) {_vm.$set(_vm.filterObject, \"startDate\", $$v)},expression:\"filterObject.startDate\"}}):_vm._e()],1)]):_vm._e()])]),_c('div',{staticClass:\"flex flex-wrap mb-2 items-center justify-between mt-4\"},[_c('div',{staticClass:\"flex overflow-auto mb-2 items-center\"},[_c('div',{staticClass:\"pr-2 text-gray4 heading-5\"},[_vm._v(\"Employee:\")]),_vm._l((_vm.empStatusList),function(status,index){return _c('div',{key:index,class:`${index === 0 ? 'left-0 sticky bg-white' : ''}`},[_c('StatusBtn',{staticClass:\"whitespace-nowrap my-1\",attrs:{\"selected\":status.selected,\"btnText\":status.fullName,\"lastInlist\":_vm.empStatusList.length === index + 1},on:{\"buttonAction\":function($event){return _vm.toggleActiveAndInactiveB(index)}}})],1)})],2),_c('div',{staticClass:\"mb-4\"},[_c('Button',{attrs:{\"btnSize\":'large',\"textColor\":'white',\"btnColor\":'primary',\"btnText\":'Create Task'},on:{\"buttonAction\":function($event){return _vm.createInvoice(false)}}})],1)]),_c('div',{staticClass:\"flex flex-wrap justify-between items-center\"},[_c('div',{staticClass:\"w-72 mb-4\"},[_c('SearchTextInput',{attrs:{\"placeholderText\":`Search Task...`},on:{\"searchCall\":_vm.searchCall}})],1)])]),_c('div',[(_vm.shiftListing.length > 0)?_c('div',{staticStyle:{\"overflow-y\":\"auto\",\"white-space\":\"nowrap\"}},_vm._l((_vm.shiftListing),function(data,index){return _c('div',{key:index,staticClass:\"cust_card m-2 heading-3 border-b border-gray1 bg-white text-sm px-3 py-3 items-center hover:bg-gray1 cursor-pointer\",on:{\"click\":function($event){return _vm.showVisitDetail(data)}}},[_c('div',{staticClass:\"flex items-center justify-between\"},[_c('div',[_c('div',{staticClass:\"flex justify-between items-center\"},[_c('p',{staticClass:\"text-gray4 heading-5 overFlowParaA\"},[_vm._v(_vm._s(data.displayText))])]),_c('div',{staticClass:\"flex justify-between items-center\"},[_c('p',{staticClass:\"text-text2 heading-5 py-1 font-semibold whitespace-pre-line\"},[_vm._v(_vm._s(data.taskTitle))]),(data.runningTimer > 0)?_c('p',{staticClass:\"text-primary heading-5\"},[_c('i',{staticClass:\"fas fa-circle-play\"})]):_vm._e()]),_c('p',{staticClass:\"text-gray4 heading-5\"},[_vm._v(_vm._s(_vm._f(\"formatForDatePicker\")(data.taskDate)))]),_vm._l((data.assignToList),function(item,index){return _c('div',{key:index,staticClass:\"chip px-2 mx-1 mt-1\"},[_c('span',{staticClass:\"text-gray4\",staticStyle:{\"font-size\":\"12px\"}},[_vm._v(\" \"+_vm._s(item.userFirstName)+\" \"+_vm._s(item.userLastName))])])})],2)])])}),0):_c('div',[_c('NoRecords',{attrs:{\"alertMessage\":`No records found.`}})],1),_c('div',{staticClass:\"mt-4\"},[_c('Pagination',{attrs:{\"totalDataCount\":_vm.totalCount,\"resetPagination\":_vm.resetPaginationValues},on:{\"callApiAsPerPagination\":_vm.getLeadDataFromPagination}})],1)])]),(_vm.showCustomDatepicker)?_c('div',{staticClass:\"bg-white container\"},[_c('div',{staticClass:\"popup_overlay\"},[(_vm.showCustomDatepicker)?_c('CustomDateSelector',{attrs:{\"appliedFilters\":_vm.btnDatePicker,\"isShowMore\":false},on:{\"closeSelectedDialog\":_vm.customDateListener}}):_vm._e()],1)]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"mt-12\">\n    <div class=\"card bg-white rounded-xl p-4 \">\n      <div class=\"relative\">\n        <div class=\"card top_primary_card bg-primary font-bold text-white p-2 py-4 rounded-xl absolute -top-11 w-full flex items-center justify-between\">\n          <div>\n            Task list ({{totalCount}})\n          </div>\n        </div>\n      </div>\n      <!-- <div class=\"mt-6 flex items-center justify-between\">\n        <div class=\"flex flex-wrap mb-0 items-center\">\n          <button\n            @click=\"buttonHandler('next30Days')\"\n            :class=\"`${isSelected === 'next30Days' ? 'bg-info border-info' : 'bg-white border-gray2'}`\"\n            class=\"py-1.5 px-3 text-sm border hover:text-primary text-text1 rounded-xl filter_list_btn bottom_space mr-2\">\n            Next 30 Days\n          </button>\n          <button\n            @click=\"buttonHandler('thisWeek')\"\n            :class=\"`${isSelected === 'thisWeek' ? 'bg-info border-info' : 'bg-white border-gray2'}`\"\n            class=\"py-1.5 px-3 text-sm border hover:text-primary text-text1 rounded-xl filter_list_btn bottom_space mr-2\">\n            This Week\n          </button>\n          <button\n            @click=\"buttonHandler('custom')\"\n            :class=\"`${isSelected === 'custom' ? 'bg-info border-info' : 'bg-white border-gray2'}`\"\n            class=\"py-1.5 px-3 text-sm border hover:text-primary text-text1 rounded-xl filter_list_btn bottom_space\">\n            Custom\n          </button>\n          <div class=\"card bg-white p-2 rounded-xl m-1 ml-2\">\n            <div class=\"flex justify-between align-center pa-2\" :class=\"isBarDateSelection ? 'text-primary' : 'text-text2'\">\n              <span @click=\"changeDate('pre');isBarDateSelection = true;isSelected = ''\"><i class=\"fas fa-chevron-left  heading-5 cursor-pointer mx-3\" ></i></span>\n              <p class=\"date_time_picker__header  cursor-pointer\" @click=\"openSelDatePicker = true;isBarDateSelection = true;isSelected = ''\">{{filterObject.startDate | shiftBarDateFilter}}</p>\n              <span @click=\"changeDate('next');isBarDateSelection = true;isSelected = ''\" :class=\"isDiableNext ? 'cursor-not-allowed text-text2' : ' cursor-pointer'\" ><i class=\"fas fa-chevron-right heading-5   mx-3\" ></i></span>\n            </div>\n            <div v-if=\"openSelDatePicker\" class=\"popup_overlay\">\n              <div style=\"min-height: 435px; width: 306px;\" class=\"custom_dialog rounded-xl border border-gray4 ring-gray4 \">\n                <DateTimePickerCustom\n                    v-model=\"filterObject.startDate\"\n                    v-if=\"openSelDatePicker\"\n                    :showDate=\"true\"\n                    :title=\"'Select Date'\"\n                    :showOnlyDate=\"true\"\n                    :showStartDate=\"true\"\n                    :roundedCard=\"true\"\n                    :maxDate=\"getEndDate\"\n                    :fromProject=\"false\"\n                    @closeDateTimepickerDialog=\"changeDateforSel\">\n                </DateTimePickerCustom>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div> -->\n      <div class=\"p-2 pb-0\">\n        <div class=\"flex flex-wrap mb-2 items-center mt-4\">\n          <div>\n            <StatusBtn class=\" whitespace-nowrap\" @buttonAction=\"changeValue(true)\" :selected=\"filterObject.isCOmplted\" :btnText=\"'Open'\" />     \n            <StatusBtn class=\" whitespace-nowrap\" @buttonAction=\"changeValue(false)\" :selected=\"!filterObject.isCOmplted\" :btnText=\"'Completed'\" />     \n          </div>\n          <div class=\"card bg-white p-2 rounded-xl m-1 ml-2\">\n            <div class=\"flex justify-between align-center pa-2\" :class=\"isBarDateSelection ? 'text-primary' : 'text-text2'\">\n              <span @click=\"changeDate('pre');isBarDateSelection = true;isSelected = ''\"><i class=\"fas fa-chevron-left  heading-5 cursor-pointer mx-3\" ></i></span>\n              <p class=\"date_time_picker__header  cursor-pointer\" @click=\"openSelDatePicker = true;isBarDateSelection = true;isSelected = ''\">{{filterObject.startDate | shiftBarDateFilter}}</p>\n              <span @click=\"changeDate('next');isBarDateSelection = true;isSelected = ''\" ><i class=\"fas fa-chevron-right heading-5 cursor-pointer  mx-3\" ></i></span>\n            </div>\n            <div v-if=\"openSelDatePicker\" class=\"popup_overlay\">\n              <div style=\"min-height: 435px; width: 306px;\" class=\"custom_dialog rounded-xl border border-gray4 ring-gray4 \">\n                <DateTimePickerCustom\n                    v-model=\"filterObject.startDate\"\n                    v-if=\"openSelDatePicker\"\n                    :showDate=\"false\"\n                    :title=\"'Select Date'\"\n                    :showOnlyDate=\"true\"\n                    :showStartDate=\"true\"\n                    :roundedCard=\"true\"\n                    :maxDate=\"getEndDate\"\n                    :fromProject=\"false\"\n                    @closeDateTimepickerDialog=\"changeDateforSel\">\n                </DateTimePickerCustom>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"flex flex-wrap mb-2 items-center justify-between mt-4\">\n          <!-- <div class=\"pr-2  text-gray4 heading-5\">Entity:</div> -->\n          <div class=\"flex overflow-auto mb-2 items-center\">\n              <div class=\"pr-2 text-gray4 heading-5\">Employee:</div>\n              <div class=\"\" v-for=\"(status, index) in empStatusList\" :key=\"index\" :class=\"`${index === 0 ? 'left-0 sticky bg-white' : ''}`\">\n                <StatusBtn class=\" whitespace-nowrap my-1\" @buttonAction=\"toggleActiveAndInactiveB(index)\" :selected=\"status.selected\" :btnText=\"status.fullName\" :lastInlist=\"empStatusList.length === index + 1\"/>     \n              </div>\n            </div>\n            <div class=\"mb-4\">\n                <Button @buttonAction=\"createInvoice(false)\" :btnSize=\"'large'\" :textColor=\"'white'\" :btnColor=\"'primary'\" :btnText=\"'Create Task'\"/>\n              </div>\n          </div>\n          <div class=\"flex flex-wrap justify-between items-center \">\n            <div class=\"w-72 mb-4\">\n              <SearchTextInput @searchCall=\"searchCall\" :placeholderText=\"`Search Task...`\"/>\n            </div>\n            <!-- <div class=\"flex overflow-auto mb-2 items-center\">\n              <div class=\"\" v-for=\"(status, index) in filterList\" :key=\"index\" :class=\"`${index === 0 ? 'left-0 sticky bg-white' : ''}`\">\n                <StatusBtn class=\" whitespace-nowrap my-1\" @buttonAction=\"toggleActiveAndInactiveA(index)\" :selected=\"status.isSelected\" :btnText=\"status.value\" :lastInlist=\"filterList.length === index + 1\"/>     \n              </div>\n            </div> -->\n          </div>\n        </div>\n      <div>\n        <div style=\"overflow-y: auto; white-space: nowrap;\" class=\"\" v-if=\"shiftListing.length > 0\">\n          <div v-for=\"(data, index) in shiftListing\" :key=\"index\"  class=\"cust_card m-2  heading-3 border-b border-gray1  bg-white  text-sm px-3 py-3 items-center hover:bg-gray1 cursor-pointer\" @click=\"showVisitDetail(data)\">\n            <div class=\"flex items-center justify-between\">\n              <div>\n                <!-- <p class=\"  text-text1 font-bold\">{{}}</p> -->\n                <div class=\"flex justify-between items-center\">\n                  <p class=\"text-gray4 heading-5 overFlowParaA\">{{data.displayText}}</p>\n                </div>\n                <div class=\"flex justify-between items-center\">\n                  <p class=\"text-text2 heading-5 py-1 font-semibold whitespace-pre-line\">{{data.taskTitle}}</p>\n                  <p class=\"text-primary heading-5\" v-if=\"data.runningTimer > 0\"><i class=\"fas fa-circle-play\"></i></p>\n                </div>\n                <p class=\"text-gray4 heading-5\">{{data.taskDate | formatForDatePicker}}</p>\n                <div v-for=\"(item, index) in data.assignToList\" :key=\"index\" class=\"chip px-2 mx-1 mt-1\">\n                  <span class=\"text-gray4\" style=\"font-size:12px\"> {{item.userFirstName}} {{item.userLastName}}</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div v-else>\n          <NoRecords :alertMessage=\"`No records found.`\" />\n        </div>\n        <div class=\" mt-4\">\n          <Pagination\n            :totalDataCount=\"totalCount\"\n            :resetPagination=\"resetPaginationValues\"\n            @callApiAsPerPagination=\"getLeadDataFromPagination\"/>\n        </div>\n      </div>\n    </div>\n    <div class=\"bg-white container\" v-if=\"showCustomDatepicker\" >\n      <div class=\"popup_overlay\">\n        <CustomDateSelector :appliedFilters=\"btnDatePicker\" @closeSelectedDialog=\"customDateListener\" v-if=\"showCustomDatepicker\" :isShowMore=\"false\"/>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport DateTimePickerCustom from '@/View/components/dateTimepicker'\nimport SearchTextInput from '@/View/components/searchTextInput.vue'\nimport Pagination from '@/View/components/pagination.vue'\nimport StatusBtn from \"@/View/components/statu-filter-btn.vue\";\nimport deboucneMixin from '@/mixins/debounce.js'\n// import DateTimePickerCustom from '@/View/components/dateTimepicker'\nimport moment from 'moment'\nimport CustomDateSelector from '@/View/components/customDateSelection'\nimport {getDayAccordingToLimits} from '@/utils/convertDateAndTime.js'\nimport Button from '@/View/components/globalButton.vue'\nimport MyJobApp from \"@/api/MyJobApp.js\";\nimport NoRecords from '@/View/components/noRecords.vue'\nimport {getDisplayText} from '@/utils/convertDateAndTime.js'\nexport default {\ncomponents: {\n  NoRecords,\n  Pagination,\n  StatusBtn,\n  SearchTextInput,\n  Button,\n  DateTimePickerCustom,\n  CustomDateSelector,\n},\nprops: [],\nmixins: [deboucneMixin],\ndata () {\n  return {\n    searchForRequest: '',\n    empStatusList: [],\n    filterList: [\n      {value: 'Repeated', Id: true, isSelected: true},\n      {value: 'Non-Repeated', Id: false, isSelected: true}\n    ],\n    mobileView: false,\n    isOpenDetail: false,\n    isBarDateSelection: true,\n    openSelDatePicker: false,\n    isDiableNext: false,\n    isSelected: '',\n    totalCount: 0,\n    showCustomDatepicker: false,\n    TempStartDate: '',\n    sendEmailReq: false,\n    sendEmaildetailReq: false,\n    showMenuList: false,\n    TempEndDate: '',\n    specidifTimeSheet: [],\n    totalBreakCount: 0,\n    totalShiftCount: 0,\n    resetPaginationValues: false,\n    activeUer: 0,\n    btnDatePicker: {\n      startDate: '',\n      endDate: '',\n      exportData: false,\n      selectedEmpId: '',\n      selectedValue: '',\n    },\n    filterObject: {\n      start: 0,\n      length: 20,\n      startDate: '',\n      endDate: '',\n      shortBy: '',\n      sortOrder: '',\n      customerId: 0,\n      repeated: '',\n      exportData: false,\n      selectedEmpId: '',\n      isRepeat: '',\n      isCOmplted: false,\n    },\n    shiftListing: [],\n    selectedObj: {},\n    titleObj: [\n      {title: 'Name', icon: '', sortName: 'firstName'},\n      {title: 'Total Time(Min)', icon: '', sortName: 'totalTimeInMin'},\n      {title: 'Start Time', icon: '', sortName: 'shiftStartTime'},\n      {title: 'End Time', icon: '', sortName: 'shiftEndTime'},\n      {title: 'Total Breaks', icon: '', sortName: 'totalBreak'},\n    ] \n  }\n},\ncreated() {\n    window.addEventListener(\"resize\", this.resizeWindowHandler);\n    this.activeUer = JSON.parse(localStorage.getItem('jobUserInfo')).userDetailId\n  },\n  destroyed() {\n    window.removeEventListener(\"resize\", this.resizeWindowHandler);\n  },\ncomputed: {\n    getEndDate () {\n      var endDate = new Date()\n      return endDate.toISOString().slice(0, 10)\n    }\n  },\nmounted () {\n  this.getListDebounc = this.debounce(function () {\n    this.resetPaginationValues = true\n  }, 500)\n  let Today = new Date()\n  this.filterObject.startDate = new Date((Today).setHours(0, 0, 0, 0)).toUTCString()\n  this.filterObject.endDate = new Date((Today).setHours(24, 0, 0, 0)).toUTCString()\n  this.btnDatePicker.startDate = new Date((Today).setHours(0, 0, 0, 0)).toUTCString()\n  this.btnDatePicker.endDate = new Date((Today).setHours(24, 0, 0, 0)).toUTCString()\n  this.getEmployeeList()\n  this.getTaskList(false)\n},\nwatch: {\n},\nmethods: {\n  changeDate (value) {\n    const fObj = this.filterObject\n    let fDate = fObj.startDate === '' ? new Date() : new Date(fObj.startDate);\n    let newDateT = new Date();\n    if (value === 'pre') {\n      newDateT = new Date(fDate.setDate(fDate.getDate() - 1));\n      fObj.startDate = new Date(newDateT.setHours(0, 0, 0, 0)).toUTCString()\n      fObj.endDate = new Date(newDateT.setHours(24, 0, 0, 0)).toUTCString()\n    } else {\n      newDateT = new Date(fDate.setDate(fDate.getDate() + 1));\n      fObj.startDate = new Date(newDateT.setHours(0, 0, 0, 0)).toUTCString();\n      fObj.endDate = new Date(newDateT.setHours(24, 0, 0, 0)).toUTCString();\n    }\n    if (moment(new Date()).format('YYYY-MM-DD') === moment(new Date(fObj.startDate)).format('YYYY-MM-DD')) {\n      this.isDiableNext = true\n    } else {\n      this.isDiableNext = false\n    }\n    this.getTaskList(false)\n  },\n  searchCall (data) {\n    this.searchForRequest = data\n    this.getListDebounc()\n  },\n  sendEmailReqCall (from) {\n    if (from === 'detail') {\n      this.sendEmaildetailReq = true\n    } else {\n      this.sendEmailReq = true\n    }\n  },\n  createInvoice () {\n    this.$router.push({name: 'AddNewTask', params: {taskId: 0}})\n  },\n  closeBtn () {\n    this.sendEmailReq = false\n    this.sendEmaildetailReq = false\n  },\n  changeValue (data) {\n    console.log('data', data)\n    this.filterObject.isCOmplted = data\n    this.getTaskList(false)\n  },\n  buttonHandler (value) {\n    this.isBarDateSelection = false\n    this.isSelected = value\n    if (value !== 'custom') {\n      getDayAccordingToLimits(value).then(val => {\n        this.btnDatePicker.startDate = val.startDate\n        this.btnDatePicker.endDate = val.endDate\n        this.getTaskList(false)\n        this.btnDatePicker.selectedValue = ''\n      })\n    } else {\n      this.showCustomDatepicker = true\n    }\n  },\n  customDateListener (data) {\n    this.showCustomDatepicker = false\n    if (data !== null) {\n      this.btnDatePicker.startDate = data.startDate\n      this.btnDatePicker.endDate = data.endDate\n      this.btnDatePicker.selectedValue = data.selectedValue\n    }\n    this.getTaskList(false)\n  },\n  changeDateforSel () {\n    this.openSelDatePicker = false\n    let temp = new Date(this.filterObject.startDate)\n    this.filterObject.startDate = new Date(temp.setHours(0, 0, 0, 0)).toUTCString();\n    this.filterObject.endDate = new Date(temp.setHours(24, 0, 0, 0)).toUTCString();\n    // if (moment(new Date()).format('YYYY-MM-DD') === moment(new Date(this.filterObject.startDate)).format('YYYY-MM-DD')) {\n    //   this.isDiableNext = true\n    // } else {\n    //   this.isDiableNext = false\n    // }\n    this.isSelected = ''\n    this.btnDatePicker.selectedValue = ''\n    this.getTaskList(false)\n  },\n  getLeadDataFromPagination (data) {\n    this.filterObject.start = data.offset\n    this.filterObject.length = data.limit\n    this.getTaskList(false)\n  },\n  showVisitDetail (data) {\n    this.$router.push({name: 'TaskDetail', params: {taskId: data.taskId}, query: {date: data.taskDate}})\n  },\n  getDynamicTimeTitle () {\n    const requestDt = new Date(this.TempStartDate).setHours(0, 0, 0);\n    const todayDate = new Date().setHours(0, 0, 0);\n    if (\n      moment(todayDate).format('YYYY/MM/DD') ===  moment(requestDt).format('YYYY/MM/DD')\n    ) {\n      return `Today`;\n    } else if (todayDate > requestDt) {\n      const diffTime = Math.abs(todayDate - requestDt);\n\n      const diffDays = Math.ceil(\n        parseFloat((diffTime / (1000 * 3600 * 24)).toFixed(2)),\n      );\n\n      if (diffDays === 1) {\n        return `Yesterday`;\n      } else {\n        return moment(this.TempStartDate).format('DD MMM, YY') +' to '+ moment(this.TempEndDate).format('DD MMM, YY')\n      }\n    }\n  },\n  getTaskList() {\n    this.$store.dispatch(\"SetLoader\", {status: true,message: \"Loading...\",});\n    this.TempStartDate = ''\n    this.TempEndDate = ''\n    if (!this.isBarDateSelection) {\n      this.TempStartDate = moment(new Date(this.btnDatePicker.startDate)).format('YYYY-MM-DD')\n      this.TempEndDate = moment(new Date(this.btnDatePicker.endDate)).format('YYYY-MM-DD')\n    } else {\n      this.TempStartDate =  moment(new Date(this.filterObject.startDate)).format('YYYY-MM-DD')\n      this.TempEndDate =  moment(new Date(this.filterObject.endDate)).format('YYYY-MM-DD')\n    }\n    // this.filterObject.isRepeat = ''\n    // let count = 0\n    // for (let index = 0; index < this.filterList.length; index++) {\n    //   if (this.filterList[index].isSelected) {\n    //     count ++\n    //   }\n    // }\n    // if (count === this.filterList.length) {\n    //   this.filterObject.isRepeat = ''\n    //   this.filterList.forEach(element => {\n    //     element.isSelected = true\n    //   });\n    // } else {\n    //   this.filterList.map((data) => {\n    //     if (data.isSelected) {\n    //       this.filterObject.isRepeat = data.Id\n    //     }\n    //   })\n    // }\n    MyJobApp.GetTaskListingForList(\n      this.filterObject.start,\n      this.filterObject.length,\n      this.searchForRequest,\n      this.filterObject.shortBy,\n      this.filterObject.sortOrder,\n      this.filterObject.customerId,\n      this.TempStartDate,\n      this.TempEndDate,\n      this.filterObject.isRepeat,\n      this.filterObject.selectedEmpId,\n      this.filterObject.isCOmplted,\n      // '2021-12-31',\n      // '2024-01-01',\n      (response) => {\n        this.resetPaginationValues = false\n        let temp = response.Data.tableRow !== null ? response.Data.tableRow : []\n        for (let index = 0; index < temp.length; index++) {\n          if (temp[index].endTime !== '' && temp[index].startTime !== '') {\n            temp[index].displayText = getDisplayText(temp[index].startTime, temp[index].endTime)\n          } else {\n           temp[index].displayText = '--'\n          }\n        }\n        this.shiftListing = temp\n        this.totalCount = response.Data.count\n        this.$store.dispatch(\"SetLoader\", { status: false, message: \"\" });\n      },\n      (err) => {\n        this.resetPaginationValues = false\n        this.$store.dispatch('SetAlert', {showAlert: true, message: err.message, color: 'error'})\n        this.$store.dispatch(\"SetLoader\", { status: false, message: \"\" });\n      }\n    );\n  },\n  resizeWindowHandler() {\n    if (window.innerWidth < 1000) {\n      this.mobileView = true\n    } else {\n      this.mobileView = false\n    }\n  },\n  toggleActiveAndInactiveA (index) {\n      this.filterList[index].isSelected = !this.filterList[index].isSelected\n      this.filterObject.isRepeat = ''\n      let count = 0\n      let count2 = 0\n      for (let index = 0; index < this.filterList.length; index++) {\n        if (this.filterList[index].isSelected) {\n          count ++\n        }\n        if (!this.filterList[index].isSelected) {\n          count2 ++\n        }\n      }\n      console.log('count', count)\n      console.log('count2', count2)\n      if (count === this.filterList.length || count2 === this.filterList.length) {\n        this.filterObject.isRepeat = ''\n        this.filterList.forEach(element => {\n          element.isSelected = true\n          console.log('element', element)\n        });\n      } else {\n        this.filterList.map((data) => {\n          if (data.isSelected) {\n            this.filterObject.isRepeat = data.Id\n          }\n        })\n      }\n      this.resetPaginationValues = true\n    },\n  toggleActiveAndInactiveB (index) {\n      let filter = []\n      if (this.empStatusList[index].fullName.toLowerCase() === 'all') {\n        this.empStatusList[0].selected = true\n        this.filterObject.selectedEmpId = []\n        for (let index = 0; index < this.empStatusList.length; index++) {\n          this.empStatusList[index].selected = true\n        }\n      } else {\n        this.empStatusList[index].selected = !this.empStatusList[index].selected\n        this.filterObject.selectedEmpId = []\n        this.empStatusList.forEach((a, id) => {\n          if (this.empStatusList[0].selected) {\n            if (id !== index && id !== 0) {\n              a.selected = false\n            } else {\n              if (id !== 0) {\n                a.selected = true\n                this.filterObject.selectedEmpId.push(a.userDetailId)\n              }\n            }\n          } else {\n            if (a.selected) {\n              filter.push(a)\n              this.filterObject.selectedEmpId.push(a.userDetailId)\n            }\n          }\n        })\n        this.empStatusList[0].selected = false\n      }\n      if (filter.length === this.empStatusList.length - 1) {\n        this.empStatusList[0].selected = true\n        this.filterObject.selectedEmpId = []\n        for (let index = 0; index < this.empStatusList.length; index++) {\n          this.empStatusList[index].selected = true\n        }\n      }\n      let arry = this.empStatusList.filter(a => {\n        return a.selected === false\n      })\n      if (arry.length === this.empStatusList.length) {\n        this.empStatusList[0].selected = true\n        this.filterObject.selectedEmpId = []\n        for (let index = 0; index < this.empStatusList.length; index++) {\n          this.empStatusList[index].selected = true\n        }\n      }\n      this.resetPaginationValues = true\n      this.getTaskList(false)\n    },\n    getEmployeeList () {\n    MyJobApp.getEmployeeList(\n      'active',\n      response => {\n        let temp = response.Data.tableRow !== null ? response.Data.tableRow : []\n        for (let index = 0; index < temp.length; index++) {\n          temp[index].selected = true\n          temp[index].fullName = temp[index].firstName + temp[index].lastName.substr(0, 1)\n        }\n        const newFirstElement = {\n          userDetailId: 0,\n          fullName: \"All\",\n          selected: true\n        }\n        this.empStatusList = [newFirstElement].concat(temp)\n        this.$store.dispatch('SetLoader', {status: false, message: ''})\n      },\n      () => {\n        this.resetPaginationValues = false\n        this.$store.dispatch('SetLoader', {status: false, message: ''})\n      }\n    )\n  },\n}\n}\n</script>\n<style scoped>\n.table_col {\n  min-width: 130px !important;\n  width: 200px !important;\n  max-width: 200px !important;\n  overflow-wrap: anywhere;\n  white-space: pre-wrap;\n  padding-right: 8px;\n}\n.chip {\n  display: inline-block;\n  background-color: #dfdede;\n  border-radius: 10px;\n}\n</style>\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!./tasks.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!./tasks.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./tasks.vue?vue&type=template&id=53249d4c&scoped=true&\"\nimport script from \"./tasks.vue?vue&type=script&lang=js&\"\nexport * from \"./tasks.vue?vue&type=script&lang=js&\"\nimport style0 from \"./tasks.vue?vue&type=style&index=0&id=53249d4c&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"53249d4c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./tasks.vue?vue&type=style&index=0&id=53249d4c&prod&scoped=true&lang=css&\"","import moment from 'moment'\nexport function getDateFormatString (data) {\n  var date = moment(data).format('YYYY-MM-DD').toString()\n  return date\n}\n\nexport function getTimeFormatString (data) {\n  var time = moment(data).format('HH:mm').toString()\n  return time\n}\n\nexport const jsCoreDateCreator = (dateString) => {\n  // dateString HAS to be in this format \"YYYY-MM-DD HH:MM:SS\"\n  let dateParam = dateString.split(/[\\s-:]/);\n  dateParam[1] = (parseInt(dateParam[1], 10) - 1).toString();\n  return new Date(...dateParam);\n};\n\nexport function getDateAndTimeUtcFormat (date, time) {\n  var dateAndTime = moment.utc(moment(date).format('YY-MM-DD').toString() + ' ' + time).toString()\n  return dateAndTime\n}\n\nexport function getDateAndTimeLocal (date, time) {\n  return moment(moment(date).format('YY-MM-DD').toString() + ' ' + time).toString()\n}\n\nexport function getTodaysDate () {\n  return moment().format('YYYY-MM-DD').toString()\n}\n\nexport function minutesToAddFromTotalTime (fromDate, fromTime, endDate, toTime) {\n  let startTime = new Date(fromDate + ' ' + fromTime)\n  let endTime = new Date(endDate + ' ' + toTime)\n  let totalWorkingHours = startTime - endTime\n  let minutesToAdd = Math.abs(totalWorkingHours / (1000 * 60 * 2))\n  return [minutesToAdd, startTime, endTime]\n}\nexport function subtractOneDay (date) {\n  let data = moment(date).subtract(1, 'days').format('YYYY-MM-DD').toString()\n  return data\n}\n\nexport function addOneDay (date) {\n  let data = moment(date).add(1, 'days').format('YYYY-MM-DD').toString()\n  return data\n}\n\nexport function getDayAccordingToLimits (limit) {\n  return new Promise((resolve, reject) => {\n    console.log('reject', reject)\n    let currentDate = new Date()\n    let currentDate1 = new Date()\n    let y = ''\n    let m = ''\n    let obj = {\n      startDate: currentDate,\n      endDate: currentDate1\n    }\n    const first = currentDate.getDate() - currentDate.getDay()\n    const d = new Date()\n    switch (limit) {\n      case 'today':\n        break\n      case 'yesterday':\n        obj.startDate = new Date(currentDate.setDate(currentDate.getDate() - 1))\n        obj.endDate = new Date(currentDate)\n        break\n      case 'thisWeek':\n        obj.startDate = new Date(currentDate.setDate(first))\n        console.log('this.week', first)\n        obj.endDate = new Date(currentDate.setDate(new Date(obj.startDate).getDate() + 6))\n        break\n      case 'pre7Days':\n        y = currentDate.setDate(currentDate.getDate() - 6)\n        obj.startDate = new Date(currentDate.setDate(first))\n        break\n      case '4Days':\n        obj.startDate = new Date(currentDate.setDate(first))\n        console.log('this.week', first)\n        obj.endDate = new Date(currentDate.setDate(new Date(obj.startDate).getDate() + 3))\n      break\n      case 'lastWeek':\n        obj.endDate = new Date(d.setTime(d.getTime() - (d.getDay() ? d.getDay() : 7) * 24 * 60 * 60 * 1000))\n        obj.startDate = new Date(d.setTime(d.getTime() - 6 * 24 * 60 * 60 * 1000))\n        break\n      case 'thisMonth':\n        y = currentDate.getFullYear()\n        m = currentDate.getMonth()\n        obj.startDate = new Date(y, m, 1)\n        obj.endDate = new Date(y, m + 1, 0)\n        break\n      case 'lastMonth':\n        y = currentDate.getFullYear()\n        m = currentDate.getMonth()\n        obj.startDate = new Date(y, (m - 1), 1)\n        obj.endDate = new Date(y, m, 0)\n        break\n      case 'next30Days':\n        y = currentDate1.setDate(currentDate.getDate() + 29)\n        obj.endDate = new Date(y)\n        break\n      case 'next60Days':\n        y = currentDate1.setDate(currentDate.getDate() + 59)\n        obj.endDate = new Date(y)\n        break\n      case '15Days':\n        y = currentDate.setDate(currentDate.getDate() - 14)\n        obj.startDate = new Date(y)\n        break\n      case 'last60Days':\n        y = currentDate.setDate(currentDate.getDate() - 59)\n        obj.startDate = new Date(y)\n        break\n      case 'last30Days':\n        y = currentDate.setDate(currentDate.getDate() - 29)\n        obj.startDate = new Date(y)\n        break\n      case 'last90Days':\n        y = currentDate.setDate(currentDate.getDate() - 89)\n        obj.startDate = new Date(y)\n        break\n      case 'last120Days':\n        y = currentDate.setDate(currentDate.getDate() - 119)\n        obj.startDate = new Date(y)\n        break\n      case 'last180Days':\n        y = currentDate.setDate(currentDate.getDate() - 179)\n        obj.startDate = new Date(y)\n        break\n    }\n    obj.startDate = new Date(obj.startDate.setHours(0, 0, 0, 0)).toUTCString()\n    obj.endDate = new Date(obj.endDate.setHours(23, 59, 59, 999)).toUTCString()\n    resolve(obj)\n  })\n}\nexport function getDisplayText (startDate, endDate) {\n  if (startDate !== '' && endDate !== '') {\n    let temp = ''\n    const sfDate = moment(new Date(startDate)).format('YYYY-MM-DD');\n    const eDate = moment(new Date(endDate)).format('YYYY-MM-DD');\n    if (sfDate === eDate) {\n      temp = getStringDate(startDate, 'MMM D');\n      temp += ` ${moment(new Date(startDate)).format(\n        'hh:mm a',\n      )} - ${moment(new Date(endDate)).format('hh:mm a')}`;\n    } else {\n      temp = `${getStringDate(startDate, 'MMM D')} ${moment(\n        new Date(startDate),\n      ).format('hh:mm a')} - ${getStringDate(\n        endDate,\n        'MMM D',\n      )} ${moment(new Date(endDate)).format('hh:mm a')}`;\n    }\n    return temp\n  } else {\n    let temp = ''\n    const sfDate = moment(new Date(startDate)).format('YYYY-MM-DD');\n    if (sfDate) {\n      temp = getStringDate(startDate, 'MMM D');\n      temp += ` ${moment(new Date(startDate)).format(\n        'hh:mm a',\n      )}`;\n    }\n    return temp\n  }\n}\nfunction getStringDate(date, format) {\n  if (date !== '') {\n    // if (date.indexOf('T') > 0 && date.indexOf('Z') < 0) {\n    //   date += 'Z';\n    // }\n    const requestDt = new Date(date);\n    const todayDate = new Date().setHours(0, 0, 0);\n    if (\n      moment(todayDate).format('YYYY/MM/DD') ===\n      moment(requestDt).format('YYYY/MM/DD')\n    ) {\n      return 'Today';\n    }\n    if (todayDate > requestDt) {\n      const diffTime = Math.abs(todayDate - requestDt);\n\n      const diffDays = Math.ceil(\n        parseFloat((diffTime / (1000 * 3600 * 24)).toFixed(2)),\n      )\n      if (diffDays === 1) {\n        return 'Yest';\n      }\n    }\n    if (todayDate < requestDt) {\n      const diffTime = Math.abs(requestDt - todayDate);\n      const diffDays = Math.ceil(diffTime / (1000 * 3600 * 24));\n\n      if (diffDays === 1) {\n        return 'Tom';\n      }\n    }\n    return moment(requestDt).format(format || 'ddd, D MMM');\n  }\n  return '';\n}\n\nexport function getDayAccordingToLimitsDate (limit) {\n  return new Promise((resolve, reject) => {\n    console.log('reject', reject)\n    let currentDate = new Date()\n    let currentDate1 = new Date()\n    let y = ''\n    let m = ''\n    let obj = {\n      startDate: currentDate,\n      endDate: currentDate1\n    }\n    const d = new Date()\n    const first = currentDate.getDate() - currentDate.getDay()\n    switch (limit) {\n      case 'today':\n        break\n      case 'yesterday':\n        obj.startDate = new Date(currentDate.setDate(currentDate.getDate() - 1))\n        obj.endDate = new Date(currentDate)\n        break\n      case 'thisWeek':\n        // let first = currentDate.getDate() - currentDate.getDay()\n        obj.startDate = new Date(currentDate.setDate(first))\n        console.log('this.week', first)\n        obj.endDate = new Date(currentDate.setDate(new Date(obj.startDate).getDate() + 6))\n        break\n      case 'pre7Days':\n        y = currentDate.setDate(currentDate.getDate() - 6)\n        obj.startDate = new Date(y)\n      break\n      case '4Days':\n        obj.startDate = new Date(currentDate.setDate(first))\n        console.log('this.week', first)\n        obj.endDate = new Date(currentDate.setDate(new Date(obj.startDate).getDate() + 3))\n      break\n      case 'lastWeek':\n        obj.endDate = new Date(d.setTime(d.getTime() - (d.getDay() ? d.getDay() : 7) * 24 * 60 * 60 * 1000))\n        obj.startDate = new Date(d.setTime(d.getTime() - 6 * 24 * 60 * 60 * 1000))\n        break\n      case 'thisMonth':\n        y = currentDate.getFullYear()\n        m = currentDate.getMonth()\n        obj.startDate = new Date(y, m, 1)\n        obj.endDate = new Date(y, m + 1, 0)\n        break\n      case 'lastMonth':\n        y = currentDate.getFullYear()\n        m = currentDate.getMonth()\n        obj.startDate = new Date(y, (m - 1), 1)\n        obj.endDate = new Date(y, m, 0)\n        break\n      case 'next30Days':\n        y = currentDate1.setDate(currentDate.getDate() + 30)\n        obj.endDate = new Date(y)\n        break\n      case 'next60Days':\n        y = currentDate1.setDate(currentDate.getDate() + 59)\n        obj.endDate = new Date(y)\n        break\n      case '15Days':\n        y = currentDate.setDate(currentDate.getDate() - 14)\n        obj.startDate = new Date(y)\n        break\n      case 'last60Days':\n        y = currentDate.setDate(currentDate.getDate() - 59)\n        obj.startDate = new Date(y)\n        break\n      case 'last30Days':\n        y = currentDate.setDate(currentDate.getDate() - 29)\n        obj.startDate = new Date(y)\n        break\n      case 'last90Days':\n        y = currentDate.setDate(currentDate.getDate() - 89)\n        obj.startDate = new Date(y)\n        break\n      case 'last120Days':\n        y = currentDate.setDate(currentDate.getDate() - 119)\n        obj.startDate = new Date(y)\n        break\n      case 'last180Days':\n        y = currentDate.setDate(currentDate.getDate() - 179)\n        obj.startDate = new Date(y)\n        break\n    }\n    obj.startDate = moment(new Date(obj.startDate.setHours(0, 0, 0, 0))).format('YYYY-MM-DD')\n    obj.endDate = moment(new Date(obj.endDate.setHours(23, 59, 59, 999))).format('YYYY-MM-DD')\n    resolve(obj)\n  })\n}\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./customDateSelection.vue?vue&type=style&index=0&id=102cb38f&prod&scoped=true&lang=css&\""],"sourceRoot":""}