{"version":3,"sources":["webpack:///./src/views/pages/ClientVehicleSuggestions.vue?b6ac","webpack:///./src/views/pages/ClientVehicleSuggestions.vue?e33b","webpack:///src/views/pages/ClientVehicleSuggestions.vue","webpack:///./src/views/pages/ClientVehicleSuggestions.vue?c553","webpack:///./src/views/pages/ClientVehicleSuggestions.vue","webpack:///./src/assets/images/pages/omc-logo-login.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","attrs","_m","suggestions","scopedSlots","_u","key","fn","data","_l","tr","indextr","year","_v","_s","description","mileage","price","on","$event","stopPropagation","preventDefault","viewListing","id","model","value","callback","$$v","selectedVehicle","expression","slot","_e","confirmChoice","staticRenderFns","staticStyle","components","methods","getVehicleSuggestions","self","$route","query","showLoadingOnElement","onSuccess","response","onFinally","$vs","loading","close","$refs","whole_page","$el","$ajaxGetAnon","concat","notify","title","color","text","position","iconPack","icon","listingId","routeData","$router","resolve","name","window","open","href","leadId","isNaN","parseInt","push","referrer","confirm_btn","element","scale","type","container","mounted","$store","dispatch","component","module","exports"],"mappings":"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","file":"js/chunk-578c85f6.f4289fc4.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClientVehicleSuggestions.vue?vue&type=style&index=0&id=3f564f2f&prod&lang=scss\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"whole_page\",staticClass:\"w-5/6 mx-auto\",attrs:{\"id\":\"finance\"}},[_vm._m(0),_c('div',{staticClass:\"vx-row mt-5\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-table',{staticClass:\"vs-con-loading__container\",attrs:{\"single\":\"\",\"pagination\":\"\",\"max-items\":\"10\",\"search\":\"\",\"data\":_vm.suggestions},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr,attrs:{\"data\":tr}},[_c('vs-td',{attrs:{\"data\":data[indextr].year}},[_vm._v(\"\\n              \"+_vm._s(tr.year)+\"\\n            \")]),_c('vs-td',{attrs:{\"data\":data[indextr].description}},[_vm._v(\"\\n              \"+_vm._s(tr.description)+\"\\n            \")]),_c('vs-td',{attrs:{\"data\":data[indextr].mileage}},[_vm._v(\"\\n              \"+_vm._s(tr.mileage)+\"\\n            \")]),_c('vs-td',{attrs:{\"data\":data[indextr].price}},[_vm._v(\"\\n              \"+_vm._s(tr.price)+\"\\n            \")]),_c('vs-td',[_c('vs-button',{attrs:{\"color\":\"success\",\"type\":\"flat\",\"icon-pack\":\"feather\",\"icon\":\"icon-external-link\"},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.viewListing(tr.id)}}})],1)],1)})}}]),model:{value:(_vm.selectedVehicle),callback:function ($$v) {_vm.selectedVehicle=$$v},expression:\"selectedVehicle\"}},[_c('div',{staticClass:\"flex flex-wrap-reverse items-center flex-grow\",attrs:{\"slot\":\"header\"},slot:\"header\"},[(_vm.selectedVehicle.id)?_c('vs-button',{attrs:{\"type\":\"border\",\"color\":\"warning\",\"icon-pack\":\"feather\",\"icon\":\"icon-x\"},on:{\"click\":function($event){_vm.selectedVehicle = {}}}},[_vm._v(\"Clear Choice\")]):_vm._e()],1),_c('template',{slot:\"thead\"},[_c('vs-th',{attrs:{\"sort-key\":\"year\"}},[_vm._v(\"Year\")]),_c('vs-th',{attrs:{\"sort-key\":\"description\"}},[_vm._v(\"Description\")]),_c('vs-th',{attrs:{\"sort-key\":\"mileageInt\"}},[_vm._v(\"Mileage\")]),_c('vs-th',{attrs:{\"sort-key\":\"priceInt\"}},[_vm._v(\"Price\")]),_c('vs-th',[_vm._v(\"View\")])],1)],2)],1)]),_c('div',{staticClass:\"vx-row py-12\"},[_c('div',{staticClass:\"vx-col w-full text-center\"},[_c('vs-button',{ref:\"confirm_btn\",attrs:{\"type\":\"filled\",\"size\":\"large\",\"color\":\"#2E3457\"},on:{\"click\":_vm.confirmChoice}},[_vm._v(\"Confirm Choice\")])],1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col mt-5 items-center justify-center sm:w-1/2 md:w-3/5 lg:w-3/4 xl:w-1/2 mx-auto text-center\"},[_c('img',{staticStyle:{\"height\":\"200px\"},attrs:{\"src\":require(\"@/assets/images/pages/omc-logo-login.png\"),\"alt\":\"graphic-omc logo\"}}),_c('h2',{staticClass:\"mt-3\"},[_vm._v(\"Pick \"),_c('strong',[_vm._v(\"ONE\")]),_vm._v(\" of the Available Vehicle Suggestions\")])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"finance\" ref=\"whole_page\" class=\"w-5/6 mx-auto\">\r\n    <div class=\"vx-row\">\r\n      <div class=\"vx-col mt-5 items-center justify-center sm:w-1/2 md:w-3/5 lg:w-3/4 xl:w-1/2 mx-auto text-center\">\r\n        <img src=\"@/assets/images/pages/omc-logo-login.png\" alt=\"graphic-omc logo\" style=\"height: 200px\"/>\r\n        <h2 class=\"mt-3\">Pick&nbsp;<strong>ONE</strong>&nbsp;of the Available Vehicle Suggestions</h2>\r\n      </div>\r\n    </div>\r\n    <div class=\"vx-row mt-5\" >\r\n      <div class=\"vx-col w-full\">\r\n        <vs-table class=\"vs-con-loading__container\" v-model=\"selectedVehicle\" single pagination max-items=\"10\" search :data=\"suggestions\">\r\n          <div slot=\"header\" class=\"flex flex-wrap-reverse items-center flex-grow\">\r\n            <vs-button @click=\"selectedVehicle = {}\" type=\"border\" color=\"warning\" icon-pack=\"feather\" icon=\"icon-x\" v-if=\"selectedVehicle.id\">Clear Choice</vs-button>\r\n          </div>\r\n\r\n          <template slot=\"thead\">\r\n            <vs-th sort-key=\"year\">Year</vs-th>\r\n            <vs-th sort-key=\"description\">Description</vs-th>\r\n            <vs-th sort-key=\"mileageInt\">Mileage</vs-th>\r\n            <vs-th sort-key=\"priceInt\">Price</vs-th>\r\n            <vs-th>View</vs-th>\r\n          </template>\r\n\r\n          <template slot-scope=\"{data}\">\r\n            <vs-tr :data=\"tr\" :key=\"indextr\" v-for=\"(tr, indextr) in data\" >\r\n\r\n              <vs-td :data=\"data[indextr].year\">\r\n                {{ tr.year }}\r\n              </vs-td>\r\n\r\n              <vs-td :data=\"data[indextr].description\">\r\n                {{ tr.description }}\r\n              </vs-td>\r\n\r\n              <vs-td :data=\"data[indextr].mileage\">\r\n                {{ tr.mileage }}\r\n              </vs-td>\r\n\r\n              <vs-td :data=\"data[indextr].price\">\r\n                {{ tr.price }}\r\n              </vs-td>\r\n\r\n              <vs-td>\r\n                <vs-button color=\"success\" type=\"flat\" icon-pack=\"feather\" icon=\"icon-external-link\" @click.stop.prevent=\"viewListing(tr.id)\"></vs-button>\r\n              </vs-td>\r\n\r\n            </vs-tr>\r\n          </template>\r\n        </vs-table>\r\n      </div>\r\n    </div>\r\n    <div class=\"vx-row py-12\">\r\n      <div class=\"vx-col w-full text-center\">\r\n        <vs-button ref=\"confirm_btn\" type=\"filled\" size=\"large\" color=\"#2E3457\" @click=\"confirmChoice\">Confirm Choice</vs-button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  components: {\r\n    \r\n  },\r\n  data () {\r\n    return {\r\n      suggestions: [],\r\n      selectedVehicle: {}\r\n    };\r\n  },\r\n  methods:{\r\n    getVehicleSuggestions () {\r\n      const self = this;\r\n      \r\n      if (self.$route.query.id) {\r\n        self.showLoadingOnElement('whole_page', 1, 'material');\r\n\r\n        const onSuccess = response => {\r\n          self.suggestions = response.data;\r\n        };\r\n        const onFinally = function () {\r\n          self.$vs.loading.close(self.$refs.whole_page.$el);\r\n        };\r\n\r\n        self.$ajaxGetAnon(self, `SpotterLead/GetVehicleSuggestions/${self.$route.query.id}`, onSuccess, onFinally);\r\n      } else {\r\n        self.$vs.notify({\r\n          title: 'Error',\r\n          color: 'danger',\r\n          text: 'Error performing request - lead not found',\r\n          position:'top-center',\r\n          iconPack: 'feather',\r\n          icon: 'icon-alert-triangle'\r\n        });\r\n      }\r\n    },\r\n    viewListing (listingId) {\r\n      const routeData = this.$router.resolve({ name: 'ListingView', query: { id: listingId }});\r\n      \r\n      window.open(routeData.href, '_blank');\r\n    },\r\n    confirmChoice () {\r\n      const self = this;\r\n    \r\n      const leadId = isNaN(parseInt(self.$route.query.id)) ? null : parseInt(self.$route.query.id);\r\n\r\n      if (self.selectedVehicle.id) {\r\n        self.showLoadingOnElement('confirm_btn', 0.75, 'material');\r\n\r\n        const onSuccess = () => {\r\n          self.$router.push({ name: 'ThankYou', query: { referrer: 'conf' } });\r\n        };\r\n        const onFinally = function () {\r\n          self.$vs.loading.close(self.$refs.confirm_btn.$el);\r\n        };\r\n        self.$ajaxGetAnon(self, `SpotterLead/ClientConfirmVehicle?leadId=${leadId}&listingId=${self.selectedVehicle.id}`, onSuccess, onFinally);\r\n      } else {\r\n        self.$vs.notify({\r\n          title: 'Information',\r\n          color: 'warning',\r\n          text: 'Please select a vehicle first',\r\n          position:'top-center',\r\n          iconPack: 'feather',\r\n          icon: 'icon-info'\r\n        });\r\n      }\r\n    },\r\n    showLoadingOnElement (element, scale, type) {\r\n      const self = this;\r\n      self.$vs.loading({\r\n        type,\r\n        container: self.$refs[element].$el,\r\n        scale\r\n      });\r\n    }\r\n  },\r\n  mounted () {\r\n    this.$store.dispatch('updateTheme', 'light');\r\n    this.getVehicleSuggestions();\r\n  } \r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n@import \"@/layouts/publicview/components/assets/public-styling.scss\";\r\n#finance {\r\n  color: black !important;\r\n}\r\n\r\n#button{\r\n  justify-content: center !important;\r\n}\r\n\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClientVehicleSuggestions.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClientVehicleSuggestions.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ClientVehicleSuggestions.vue?vue&type=template&id=3f564f2f\"\nimport script from \"./ClientVehicleSuggestions.vue?vue&type=script&lang=js\"\nexport * from \"./ClientVehicleSuggestions.vue?vue&type=script&lang=js\"\nimport style0 from \"./ClientVehicleSuggestions.vue?vue&type=style&index=0&id=3f564f2f&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/omc-logo-login.a0e0ec9d.png\";"],"sourceRoot":""}