{"version":3,"sources":["webpack:///./src/View/endUsers/jobs.vue","webpack:///src/View/endUsers/jobs.vue","webpack:///./src/View/endUsers/jobs.vue?a356","webpack:///./src/View/endUsers/jobs.vue?9e4b","webpack:///./src/View/endUsers/jobs.vue?b335"],"names":["render","_vm","this","_c","_self","ShowErr","_e","staticClass","_v","_s","jobDetails","jobNumber","OrgDetail","orgName","addressLine1","addressLine2","city","state","country","zip","staticStyle","attrs","on","$event","downloadInvoice","jobTitle","companyName","customerFirstName","customerLastName","houseNo","floorNumber","buildingName","visitList","length","_l","name","index","key","domProps","dateFilter","visitStartDateTime","visitEndDateTime","firstLoading","_m","staticRenderFns","moment","components","Button","data","screenWidth","created","window","destroyed","mounted","methods","getInvoiceDetail","status","message","MyJobApp","response","document","error","showAlert","color","dateTime","requestDt","params","hashId","myEventHandler","component"],"mappings":"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","file":"js/chunk-f8f35ff4.97429f3a.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{},[(!_vm.ShowErr)?_c('div',{staticClass:\"h-48 fill_all w-full fixed bg-gray2 opacity-70 transition filter blur\"}):_vm._e(),(!_vm.ShowErr)?_c('div',{staticClass:\"flex justify-center relative z-50 pt-14\"},[_c('div',{staticClass:\"card bg-white rounded-xl p-4 m-4 mt-0 pt-0 sm:w-auto lg:w-11/12 xl:w-10/12 2xl:w-9/12\"},[_c('div',{staticClass:\"relative\"},[_c('div',{staticClass:\"card top_primary_card bg-primary font-bold text-white p-4 rounded-xl absolute -top-8 w-full heading-2\"},[_vm._v(\" #\"+_vm._s(_vm.jobDetails.jobNumber)+\" \")])]),_c('div',{staticClass:\"mt-12\"},[(_vm.jobDetails !== null)?_c('div',{},[_c('div',{},[_c('div',{staticClass:\"mb-4 grid grid-cols-12\"},[_c('div',{staticClass:\"col-span-6\"},[_c('p',{staticClass:\"text-primary heading-2 font-bold\"},[_vm._v(_vm._s(_vm.OrgDetail.orgName))]),_c('p',{staticClass:\"text-text2\"},[_vm._v(\" \"+_vm._s(_vm.OrgDetail.addressLine1 !== '' ? _vm.OrgDetail.addressLine1 +',' : '')+\" \"+_vm._s(_vm.OrgDetail.addressLine2 !== '' ? _vm.OrgDetail.addressLine2 + ',' : '')+\" \")]),_c('p',{staticClass:\"text-text2\"},[_vm._v(\" \"+_vm._s(_vm.OrgDetail.city !== '' ? _vm.OrgDetail.city + ',' : '')+\" \"+_vm._s(_vm.OrgDetail.state)+\" \")]),(_vm.OrgDetail.country !== '')?_c('p',{staticClass:\"text-text2\"},[_vm._v(\" \"+_vm._s(_vm.OrgDetail.country !== '' ? _vm.OrgDetail.country + ',' : '')+\" \"+_vm._s(_vm.OrgDetail.zip)+\" \")]):_vm._e()]),_c('div',{staticClass:\"col-span-6 text-right\"},[_c('Button',{staticClass:\"my-1\",staticStyle:{\"letter-spacing\":\"1.4px\"},attrs:{\"isSqure\":true,\"btnSize\":'small',\"textColor\":'white',\"btnColor\":'primary',\"btnText\":'DOWNLOAD'},on:{\"buttonAction\":function($event){return _vm.downloadInvoice()}}})],1)]),_c('div',[_c('div',{staticClass:\"divider\"}),_c('div',{staticClass:\"text-gray3 my-2 items-center\"},[_c('div',{},[_c('p',{staticClass:\"text-text2 heading-2 font-bold\"},[_vm._v(_vm._s(_vm.jobDetails.jobTitle))]),_c('div',{},[(_vm.jobDetails.companyName !== '')?_c('span',{staticClass:\"flex items-center\"},[_c('p',{staticClass:\"text-gray4\"},[_vm._v(\"Customer:\")]),_c('p',{staticClass:\"text-text2 pl-2\"},[_vm._v(_vm._s(_vm.jobDetails.companyName))])]):_vm._e(),(_vm.jobDetails.customerFirstName !== '' || _vm.jobDetails.customerLastName !== '')?_c('span',{staticClass:\"flex items-center\"},[_c('p',{staticClass:\"text-gray4\"},[_vm._v(\"Customer Name:\")]),_c('p',{staticClass:\"text-text2 pl-2\"},[_vm._v(_vm._s(_vm.jobDetails.customerFirstName)+\" \"+_vm._s(_vm.jobDetails.customerLastName))])]):_vm._e(),_c('div',{staticClass:\"flex items-center\"},[(_vm.jobDetails.houseNo !== '')?_c('span',{staticClass:\"flex items-center\"},[_c('p',{staticClass:\"text-gray4\"},[_vm._v(\"#:\")]),_c('p',{staticClass:\"text-text2 pl-2\"},[_vm._v(_vm._s(_vm.jobDetails.houseNo)+\", \")])]):_vm._e(),(_vm.jobDetails.floorNumber !== '')?_c('span',{staticClass:\"flex items-center\"},[_c('p',{staticClass:\"text-gray4 pl-1\"},[_vm._v(\" (Floor:\")]),_c('p',{staticClass:\"text-text2 pl-2\"},[_vm._v(_vm._s(_vm.jobDetails.floorNumber)+\")\")])]):_vm._e()]),(_vm.jobDetails.buildingName !== '')?_c('span',{staticClass:\"flex items-center\"},[_c('p',{staticClass:\"text-gray4\"},[_vm._v(\"Bldg:\")]),_c('p',{staticClass:\"text-text2 pl-2\"},[_vm._v(_vm._s(_vm.jobDetails.buildingName))])]):_vm._e(),_c('p',{staticClass:\"text-text2\"},[_vm._v(\" \"+_vm._s(_vm.jobDetails.addressLine1 !== '' ? _vm.jobDetails.addressLine1 + ',' : '')+\" \"+_vm._s(_vm.jobDetails.addressLine2 !== '' ? _vm.jobDetails.addressLine2 + ',' : '')+\" \")]),_c('p',{staticClass:\"text-text2\"},[_vm._v(\" \"+_vm._s(_vm.jobDetails.city !== '' ? _vm.jobDetails.city + ',' : '')+\" \"+_vm._s(_vm.jobDetails.state)+\" \"+_vm._s(_vm.jobDetails.zip)+\" \")]),(_vm.jobDetails.country !== '')?_c('p',{staticClass:\"text-text2\"},[_vm._v(\" \"+_vm._s(_vm.jobDetails.country)+\" \")]):_vm._e()])])])]),_c('div',[_c('div',{staticClass:\"divider mb-2\"}),_c('div',{},[_c('div',{staticClass:\"flex table_containder\",staticStyle:{\"flex-flow\":\"wrap\"}},[_c('div',{staticClass:\"text-gray4 heading-5\"},[_vm._v(_vm._s(_vm.jobDetails.visitList.length > 0 ? 'Visits:' : 'Visit:'))]),_vm._l((_vm.jobDetails.visitList),function(name,index){return _c('div',{key:index,staticClass:\"p-2 w-full rounded my-1 card hover:bg-gray-100\"},[_c('div',{staticClass:\"my-1 flex items-center\"},[_c('div',{staticClass:\"heading-5 text-text2 font-semibold pr-2\"},[_vm._v(\" \"+_vm._s(index + 1)+\". \")]),_c('div',{staticClass:\"heading-5 text-text2 font-semibold\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.dateFilter(name.visitStartDateTime, 'scheduleDate'))}}),_c('span',[_vm._v(\"(\")]),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.dateFilter(name.visitStartDateTime, 'scheduleTime'))}}),_c('span',[_vm._v(\"-\")]),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.dateFilter(name.visitEndDateTime, 'scheduleTime'))}}),_c('span',[_vm._v(\")\")])])])])})],2)])])])]):_vm._e()])])]):_vm._e(),(_vm.ShowErr && _vm.firstLoading)?_c('div',[_vm._m(0)]):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"bg-gray-200 w-full px-2 md:px-0 h-screen flex items-center justify-center\"},[_c('div',{staticClass:\"bg-white border border-gray-200 flex flex-col items-center justify-center px-4 md:px-8 lg:px-20 py-8 rounded-lg shadow-2xl\"},[_c('p',{staticClass:\"text-6xl md:text-7xl lg:text-6xl font-bold tracking-wider text-gray-300\"},[_c('i',{staticClass:\"fa-solid fa-triangle-exclamation fa-fade\"})]),_c('p',{staticClass:\"text-gray-500 mt-3 py-2 border-y-2 text-center\"},[_vm._v(\"Please Check Your Job Link and Try Again Later\")])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"\">\n    <div class=\"h-48 fill_all w-full fixed bg-gray2 opacity-70 transition filter blur\" v-if=\"!ShowErr\"></div>\n      <div class=\"flex justify-center relative z-50 pt-14\" v-if=\"!ShowErr\">\n        <div class=\"card bg-white rounded-xl p-4 m-4 mt-0 pt-0 sm:w-auto lg:w-11/12 xl:w-10/12 2xl:w-9/12\">\n          <div class=\"relative\">\n            <div class=\"card top_primary_card bg-primary font-bold text-white p-4 rounded-xl absolute -top-8 w-full heading-2\">\n              #{{jobDetails.jobNumber}}\n            </div>\n          </div>\n          <div class=\"mt-12\">\n            <div class=\"\" v-if=\"jobDetails !== null\">\n              <div class=\"\">\n                <div class=\"  mb-4 grid grid-cols-12\">\n                  <div class=\"col-span-6\">\n                    <p class=\"text-primary heading-2 font-bold\">{{OrgDetail.orgName}}</p>\n                    <p class=\"text-text2\">\n                      {{OrgDetail.addressLine1 !== '' ? OrgDetail.addressLine1 +',' : ''}} {{OrgDetail.addressLine2 !== '' ? OrgDetail.addressLine2 + ',' : ''}}\n                      </p>\n                      <p class=\"text-text2\">\n                        {{OrgDetail.city !== '' ? OrgDetail.city + ',' : ''}} {{OrgDetail.state}} \n                      </p>\n                      <p v-if=\"OrgDetail.country !== ''\" class=\"text-text2\">\n                        {{OrgDetail.country !== '' ? OrgDetail.country + ',' : ''}} {{ OrgDetail.zip }}\n                      </p>\n                  </div>\n                  <div class=\"col-span-6 text-right\">\n                    <Button class=\"my-1\" :isSqure=\"true\" :btnSize=\"'small'\" style=\"letter-spacing: 1.4px;\" :textColor=\"'white'\" :btnColor=\"'primary'\" :btnText=\"'DOWNLOAD'\" @buttonAction=\"downloadInvoice()\"/>\n                  </div>\n                </div>\n                <div>\n                  <div class=\"divider\"></div>\n                    <div class=\" text-gray3 my-2 items-center\">\n                      <div class=\"\">\n                        <p class=\"text-text2 heading-2 font-bold\">{{jobDetails.jobTitle}}</p>\n                        <div class=\"\">\n                            <span class=\"flex items-center\" v-if=\"jobDetails.companyName !== ''\">\n                              <p class=\"text-gray4\">Customer:</p>\n                              <p class=\"text-text2 pl-2\">{{jobDetails.companyName}}</p>\n                            </span>\n                            <span class=\"flex items-center\" v-if=\"jobDetails.customerFirstName !== '' || jobDetails.customerLastName !== ''\">\n                              <p class=\"text-gray4\">Customer Name:</p>\n                              <p class=\"text-text2 pl-2\">{{jobDetails.customerFirstName}} {{jobDetails.customerLastName}}</p>\n                            </span>\n                            <div class=\"flex items-center\">\n                              <span class=\"flex items-center\" v-if=\"jobDetails.houseNo !== ''\">\n                                <p class=\"text-gray4\">#:</p>\n                                <p class=\"text-text2 pl-2\">{{jobDetails.houseNo}}, </p>\n                              </span>\n                              <span class=\"flex items-center\" v-if=\"jobDetails.floorNumber !== ''\">\n                                <p class=\"text-gray4 pl-1\"> (Floor:</p>\n                                <p class=\"text-text2 pl-2\">{{jobDetails.floorNumber}})</p>\n                              </span>\n                            </div>\n                            <span class=\"flex items-center\" v-if=\"jobDetails.buildingName !== ''\">\n                              <p class=\"text-gray4\">Bldg:</p>\n                              <p class=\"text-text2 pl-2\">{{jobDetails.buildingName}}</p>\n                            </span>\n                            <p class=\"text-text2\">\n                              {{jobDetails.addressLine1 !== '' ? jobDetails.addressLine1 + ',' : ''}} {{jobDetails.addressLine2 !== '' ? jobDetails.addressLine2 + ',' : ''}}\n                            </p>\n                            <p class=\"text-text2\">\n                              {{jobDetails.city !== '' ? jobDetails.city + ',' : ''}} {{jobDetails.state}} {{ jobDetails.zip }}\n                            </p>\n                            <p v-if=\"jobDetails.country !== ''\" class=\"text-text2\">\n                              {{jobDetails.country}}\n                            </p>\n                          </div>\n                      </div>\n                    </div>\n                </div>\n                <div>\n                  <div class=\"divider mb-2\"></div>\n                  <div class=\"\">\n                    <div class=\" flex table_containder\" style=\"flex-flow:wrap;\">\n                      <div class=\"text-gray4 heading-5\">{{ jobDetails.visitList.length > 0 ? 'Visits:' : 'Visit:' }}</div>\n                      <div class=\"p-2 w-full rounded my-1 card hover:bg-gray-100\" v-for=\"(name, index) in jobDetails.visitList\" :key=\"index\">\n                        <div class=\"my-1 flex items-center\" >\n                          <div class=\" heading-5 text-text2 font-semibold pr-2\">\n                            {{index + 1}}.\n                          </div>\n                          <div class=\"heading-5 text-text2 font-semibold\">\n                            <span v-html=\"dateFilter(name.visitStartDateTime, 'scheduleDate')\" ></span>\n                            <span>(</span><span v-html=\"dateFilter(name.visitStartDateTime, 'scheduleTime')\" ></span>\n                            <span>-</span>\n                            <span v-html=\"dateFilter(name.visitEndDateTime, 'scheduleTime')\" ></span><span>)</span>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n     </div>\n     <div  v-if=\"ShowErr && firstLoading\">\n      <div class=\"bg-gray-200 w-full px-2 md:px-0 h-screen flex items-center justify-center\">\n        <div class=\"bg-white border border-gray-200 flex flex-col items-center justify-center px-4 md:px-8 lg:px-20 py-8 rounded-lg shadow-2xl\">\n            <p class=\"text-6xl md:text-7xl lg:text-6xl font-bold tracking-wider text-gray-300\"><i class=\"fa-solid fa-triangle-exclamation fa-fade\"></i></p>\n            <p class=\"text-gray-500 mt-3 py-2 border-y-2 text-center\">Please Check Your Job Link and Try Again Later</p>\n        </div>\n      </div>\n     </div>\n  </div>\n</template>\n<script>\nvar moment = require('moment')\nimport MyJobApp from '@/api/MyJobApp.js'\nimport Button from '@/View/components/globalButton.vue'\nexport default {\n  components: {\n    Button\n  },\n  data() {\n    return {\n      OrgDetail: {},\n      jobDetails: {},\n      ShowErr: true,\n      firstLoading: false,\n      screenWidth: 0,\n    };\n  },\n  created() {\n    window.addEventListener(\"resize\", this.myEventHandler);\n  },\n  destroyed() {\n    window.removeEventListener(\"resize\", this.myEventHandler);\n  },\n  mounted() {\n    this.myEventHandler()\n    this.getInvoiceDetail()\n  },\n  methods: {\n    getInvoiceDetail () {\n      this.$store.dispatch('SetLoader', {status: true, message: 'Loading...'})\n      MyJobApp.HashJobDetail(\n        this.$route.params.hashId,\n        response => {\n          this.ShowErr = false\n          this.firstLoading = true\n          this.jobDetails = response.Data !== null ? response.Data : {}\n          this.OrgDetail = response.Data.organizationDetail !== null ? response.Data.organizationDetail : {}\n          document.title = 'Job: ' + this.jobDetails.jobTitle\n          this.$store.dispatch('SetLoader', {status: false, message: ''})\n        },\n        (error) => {\n          if (error.message === 'No Record Found') {\n            this.ShowErr = true\n            this.firstLoading = true\n          }\n          this.ShowErr = true\n          this.firstLoading = true\n          this.$store.dispatch('SetAlert', {showAlert: true, message: error.message, color: 'error'})\n          this.$store.dispatch('SetLoader', {status: false, message: ''})\n        }\n      )\n    },\n    dateFilter (dateTime, value) {\n      let checkDate = new Date(dateTime)\n      let timeValue = moment(checkDate, 'ddd DD-MMM-YYYY, hh:mm a').format('hh:mm a')\n      let todayDate = new Date().setHours(0, 0, 0, 0)\n      var fullDate = moment(dateTime).format('MMM DD, ')\n      let dayName = moment(dateTime).format('ddd')\n      dateTime = new Date(dateTime).toUTCString()\n      let requestDt = dateTime\n      requestDt = new Date(requestDt).setHours(0, 0, 0, 0)\n      if (value === 'scheduleDate') {\n        return fullDate + ' ' + dayName\n      } else if (value === 'scheduleTime') {\n        return timeValue\n      } else {\n        if (moment(todayDate).diff(requestDt, 'days') === 0) {\n          return 'Today ' + timeValue\n        }\n        let difDay = moment(todayDate).diff(requestDt, 'days')\n        if (difDay > 1) {\n          return fullDate + ' ' + timeValue\n        }\n        if (difDay === 1) {\n          return 'Yesterday ' + timeValue\n        }\n      }\n    },\n    downloadInvoice () {\n      // this.$store.dispatch('SetAlert', {showAlert: true, message: 'Download Option Not Available Right Now', color: 'error'})\n      this.$router.push({name: 'DownloadHashJob', params: {hashId: this.$route.params.hashId}})\n    },\n    myEventHandler () {\n      this.screenWidth = window.innerWidth\n    }\n  },\n};\n</script>\n<style scoped>\n.hash_col {\n      min-width: 40px !important;\n      width: 80px !important;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      padding-right: 8px;\n    }\n    .desc_col {\n      min-width: 40px !important;\n      width: 360px !important;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      padding-right: 8px;\n    }\n    .rate_col {\n      min-width: 40px !important;\n      width: 190px !important;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      padding-right: 8px;\n    }\n    .qty_col {\n      min-width: 40px !important;\n      width: 150px !important;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      padding-right: 8px;\n    }\n    .tax_col {\n      min-width: 80px !important;\n      width: 230px !important;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      padding-right: 8px;\n    }\n    .detail_col {\n      min-width: 40px !important;\n      width: 150px !important;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      padding-right: 8px;\n    }\n    .allTax_col {\n      min-width: 40px !important;\n      width: 230px !important;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      padding-right: 8px;\n    }\n    .loader {\n    border: 8px solid #f3f3f3;\n    border-radius: 50%;\n    border-top: 8px solid #3498db;\n    width: 60px;\n    height: 60px;\n    -webkit-animation: spin 2s linear infinite; /* Safari */\n    animation: spin 2s linear infinite;\n  }\n  \n  /* Safari */\n  @-webkit-keyframes spin {\n    0% { -webkit-transform: rotate(0deg); }\n    100% { -webkit-transform: rotate(360deg); }\n  }\n  \n  @keyframes spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\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!./jobs.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!./jobs.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./jobs.vue?vue&type=template&id=e1eed18e&scoped=true&\"\nimport script from \"./jobs.vue?vue&type=script&lang=js&\"\nexport * from \"./jobs.vue?vue&type=script&lang=js&\"\nimport style0 from \"./jobs.vue?vue&type=style&index=0&id=e1eed18e&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  \"e1eed18e\",\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!./jobs.vue?vue&type=style&index=0&id=e1eed18e&prod&scoped=true&lang=css&\""],"sourceRoot":""}