{"version":3,"sources":["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/setting/employee/employees.vue?1b7c","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/setting/employee/employees.vue","webpack:///src/View/setting/employee/employees.vue","webpack:///./src/View/setting/employee/employees.vue?695e","webpack:///./src/View/setting/employee/employees.vue?6433"],"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","isActive","btnSize","stopPropagation","preventDefault","buttonHandler","apply","arguments","btnText","screenWidth","selected","created","window","resizeWindowHandler","totalLeadCount","_l","statusList","status","index","key","statusName","length","toggleActiveAndInactive","addNewEmp","leadList","staticStyle","openDetail","userDetailId","firstName","lastName","style","displayColor","userName","isAdmin","isOwner","emailAddress","cellNumber","cellNumberPrefix","_f","resetPaginationValues","getLeadDataFromPagination","components","Pagination","StatusBtn","NoRecords","Button","mixins","searchForLead","getLeadListDebounce","addnewEmp","filterObject","sortOrder","document","addNewCust","params","empId","query","showDelele","searchCall","getLeadList","message","MyJobApp","response"],"mappings":"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","file":"js/chunk-717cc81a.634243ce.js","sourcesContent":["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","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!./employees.vue?vue&type=style&index=0&id=c269e3da&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!./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:\"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-4 rounded-xl absolute -top-11 w-full\"},[_vm._v(\" Employee list (\"+_vm._s(_vm.totalLeadCount)+\") \")])]),_c('div',{staticClass:\"mt-8 flex justify-between flex-wrap\"},[_c('div',{staticClass:\"flex flex-wrap mb-4\"},_vm._l((_vm.statusList),function(status,index){return _c('div',{key:index},[_c('StatusBtn',{staticClass:\"whitespace-nowrap\",attrs:{\"selected\":status.selected,\"btnText\":status.statusName,\"lastInlist\":_vm.statusList.length === index + 1},on:{\"buttonAction\":function($event){return _vm.toggleActiveAndInactive(status)}}})],1)}),0),_c('div',[_c('Button',{staticClass:\"h-10 w-full\",attrs:{\"btnSize\":'medium',\"textColor\":'white',\"btnColor\":'primary',\"btnText\":'Add Employee'},on:{\"buttonAction\":function($event){return _vm.addNewEmp()}}})],1)]),_c('div',[(_vm.leadList.length > 0)?_c('div',{staticStyle:{\"overflow-y\":\"auto\",\"white-space\":\"nowrap\"}},_vm._l((_vm.leadList),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.openDetail(data.userDetailId)}}},[_c('div',{},[_c('div',{staticClass:\"flex justify-between items-center\"},[_c('p',{staticClass:\"text-text2 heading-4 font-semibold\"},[_vm._v(_vm._s(data.firstName)+\" \"+_vm._s(data.lastName))]),_c('div',{staticClass:\"rounded-full h-4 w-4 border\",style:(`background: ${data.displayColor}`)})]),_c('div',{staticClass:\"flex justify-between items-center\"},[(data.userName !== '')?_c('p',{staticClass:\"text-gray4 heading-5\"},[_vm._v(\"Username: \"+_vm._s(data.userName))]):_vm._e(),(data.isAdmin && !data.isOwner)?_c('p',{staticClass:\"text-gray4 heading-5\"},[_vm._v(\"Admin\")]):_vm._e(),(data.isOwner)?_c('p',{staticClass:\"text-gray4 heading-5\"},[_vm._v(\"Owner\")]):_vm._e()]),(data.emailAddress !== '')?_c('p',{staticClass:\"text-gray4 heading-6\"},[_vm._v(_vm._s(data.emailAddress))]):_vm._e(),_c('div',{staticClass:\"flex justify-between items-center\"},[_c('p',{staticClass:\"text-gray4 heading-6\"},[(data.cellNumber !== '')?_c('span',[_vm._v(_vm._s(data.cellNumberPrefix)+\" \"+_vm._s(_vm._f(\"phone\")(data.cellNumber)))]):_vm._e()])])])])}),0):_c('div',[_c('NoRecords',{attrs:{\"alertMessage\":`No records found.`}})],1),_c('div',{staticClass:\"mt-4\"},[_c('Pagination',{attrs:{\"totalDataCount\":_vm.totalLeadCount,\"resetPagination\":_vm.resetPaginationValues},on:{\"callApiAsPerPagination\":_vm.getLeadDataFromPagination}})],1)])])])\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-4 rounded-xl absolute -top-11 w-full\">\n        Employee list ({{totalLeadCount}})\n      </div>\n      </div>\n      <div class=\"mt-8 flex justify-between flex-wrap\">\n        <div class=\"flex flex-wrap mb-4\">\n          <div class=\"\" v-for=\"(status, index) in statusList\" :key=\"index\" >\n              <StatusBtn class=\" whitespace-nowrap\" @buttonAction=\"toggleActiveAndInactive(status)\" :selected=\"status.selected\" :btnText=\"status.statusName\" :lastInlist=\"statusList.length === index + 1\"/>     \n          </div>\n        </div>\n        <div>\n          <Button  class=\" h-10 w-full\" :btnSize=\"'medium'\" :textColor=\"'white'\" :btnColor=\"'primary'\" :btnText=\"'Add Employee'\" @buttonAction=\"addNewEmp()\"/>\n        </div>\n      </div>\n      <div>\n        <div style=\"overflow-y: auto; white-space: nowrap;\" class=\"\" v-if=\"leadList.length > 0\">\n          <div v-for=\"(data, index) in leadList\" :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=\"openDetail(data.userDetailId)\">\n            <div class=\"\">\n              <!-- <p class=\"  text-text1 font-bold\">{{}}</p> -->\n              <div class=\"flex justify-between items-center\">\n                <p class=\"text-text2 heading-4 font-semibold\">{{data.firstName}} {{data.lastName}}</p>\n                <div :style=\"`background: ${data.displayColor}`\" class=\" rounded-full h-4 w-4 border\"></div>\n              </div>\n              <div class=\"flex justify-between items-center\">\n                <p class=\"text-gray4 heading-5\" v-if=\"data.userName !== ''\">Username: {{data.userName}}</p>\n                <p class=\"text-gray4 heading-5\" v-if=\"data.isAdmin && !data.isOwner\">Admin</p>\n                <p class=\"text-gray4 heading-5\" v-if=\"data.isOwner\">Owner</p>\n              </div>\n              <p class=\"text-gray4 heading-6\" v-if=\"data.emailAddress !== ''\">{{data.emailAddress}}</p>\n              <div class=\"flex justify-between items-center\">\n                <p class=\"text-gray4 heading-6\"><span v-if=\"data.cellNumber !== ''\">{{data.cellNumberPrefix}} {{data.cellNumber | phone}}</span></p>\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=\"totalLeadCount\"\n            :resetPagination=\"resetPaginationValues\"\n            @callApiAsPerPagination=\"getLeadDataFromPagination\"/>\n        </div>\n      </div>\n     </div>\n     <!-- <div v-if=\"addnewEmp\" class=\"popup_overlay px-4\">\n      <div class=\"custom_dialog rounded-xl\" style=\"width: 800px; overflow: auto; max-height: 85%;\">\n        <div class=\"relative\">\n          <div class=\"\">\n            <div class=\"bg-primary flex justify-between p-3\">\n              <div class=\" font-medium text-white heading-3\">\n                  Add New Employee\n              </div>\n            </div>\n            <div class=\"p-4\">\n              <OrganizationQR v-if=\"addnewEmp\" :hideDetail=\"'addEmp'\"  />\n            </div>\n          </div>\n            <div class=\" sticky bottom-0 bg-white w-full flex justify-end pr-3\">\n              <div class=\"text-rigth flex gap-2 mb-3\">\n                  <Button :btnSize=\"'medium'\" :textColor=\"'white'\" :btnColor=\"'success'\" :btnText=\"'close'\" @buttonAction=\"addnewEmp = false\"/>\n              </div>\n              </div>\n          </div>\n      </div>\n    </div> -->\n   </div>\n</template>\n<script>\nimport Pagination from '@/View/components/pagination.vue'\nimport MyJobApp from '@/api/MyJobApp.js'\nimport deboucneMixin from '@/mixins/debounce.js'\nimport NoRecords from '@/View/components/noRecords.vue'\nimport StatusBtn from \"@/View/components/statu-filter-btn.vue\";\nimport Button from '@/View/components/globalButton.vue'\n// import OrganizationQR from '../../login/components.vue/organizationQR.vue'\nexport default {\n  name: \"lead\",\n  components: {\n    Pagination,\n    StatusBtn,\n    NoRecords,\n    Button,\n    // OrganizationQR,\n  },\n  mixins: [deboucneMixin],\n  data() {\n    return {\n      statusList: [\n        {statusName: 'Active', value: 'active', selected: true},\n        {statusName: 'Inactive', value: 'inactive', selected: false}\n      ],\n      leadList: [],\n      searchForLead: '',\n      getLeadListDebounce: null,\n      resetPaginationValues: false,\n      addnewEmp: false,\n      totalLeadCount: 0,\n      filterObject: {\n        start: 0,\n        length: 20,\n        sortOrder: 'DESC',\n        isActive: true,\n        statusList: true\n      },\n    };\n  },\n  created() {},\n  mounted() {\n    document.body.style = 'overflow: auto;'\n    this.getLeadList()\n     this.getLeadListDebounce = this.debounce(function () {\n      this.resetPaginationValues = true\n    }, 500)\n  },\n  beforeDestroy() {\n    // this.$root.$off('addCustomerHandler')\n  },\n  methods: {\n    addNewCust () {\n      this.addLead= true\n    },\n    getLeadDataFromPagination (data) {\n      this.filterObject.start = data.offset\n      this.filterObject.length = data.limit\n      \n      this.getLeadList(true)\n    },\n    openDetail (id) {\n      this.$router.push({name: 'SettingEmployeesDetail', params: {empId: id}, query: {showDelele: false}})\n    },\n    searchCall (data) {\n      this.searchForLead = data\n      this.getLeadListDebounce()\n    },\n    addNewEmp () {\n      this.$router.push({name: 'SettingEmployeesAdd', params: {empId: 0}})\n    },\n    toggleActiveAndInactive (data) {\n      this.filterObject.statusList = data.value\n      for (let index = 0; index < this.statusList.length; index++) {\n        if (this.statusList[index].statusName === data.statusName) {\n          this.statusList[index].selected = true\n        } else {\n          this.statusList[index].selected = false\n        }\n      }\n      this.resetPaginationValues = true\n      this.getLeadList()\n    },\n    getLeadList () {\n      this.$store.dispatch('SetLoader', {status: true, message: 'Loading...'})\n      MyJobApp.getSettingEmployeeList(\n          this.filterObject.statusList,\n          response => {\n            this.totalLeadCount = response.Data.count\n            this.leadList = response.Data.tableRow !== null ? response.Data.tableRow : []\n            this.resetPaginationValues = false\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.lead_name_col {\n  min-width: 280px !important;\n  width: 280px !important;\n  overflow-wrap: anywhere;\n  white-space: pre-wrap;\n  padding-right: 8px;\n}\n</style>","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!./employees.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!./employees.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./employees.vue?vue&type=template&id=c269e3da&scoped=true&\"\nimport script from \"./employees.vue?vue&type=script&lang=js&\"\nexport * from \"./employees.vue?vue&type=script&lang=js&\"\nimport style0 from \"./employees.vue?vue&type=style&index=0&id=c269e3da&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  \"c269e3da\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}