{"version":3,"sources":["webpack:///./src/components/listing/TheListingPhoto.vue?b8bd","webpack:///./src/components/listing/TheListingPhoto.vue?5e8b","webpack:///./src/components/listing/TheListingPhoto.vue","webpack:///src/components/listing/TheListingPhoto.vue","webpack:///./src/components/listing/TheListingPhoto.vue?2753","webpack:///./src/components/listing/TheListingPhoto.vue?0e3b"],"names":["_c","_self","staticClass","_vm","directives","name","value","expression","attrs","modifiers","scopedSlots","proxy","staticRenderFns","data","images","host","props","nextButton","type","toPage","components","TheUpload","TheListingCard","TheImagesDelete","TheSaveAndLeave","methods","ListingId","Tags","ListingTagId","TagId","Remove","e","console","checkNextButton","computed","hasUploaded","sucess","watch","beforeMount","component"],"mappings":"kHAAA,W,kCCAA,W,gFCA4CA,EAAOC,WAAS,MAAU,KAAeC,UAAY,GAA6B,OAAM,gBAAK,CAACA,YAAY,+BAAsB,CAACC,EAAG,KAAI,CAAiCC,YAAY,sB,CAACC,EAAI,GAAC,oBAAM,Y,WAAS,EAASC,KAAK,OAA0CC,iBAAiD,yCAACL,WAAY,uC,YAA2B,e,GAAiB,CAAoB,kBAAC,sBAA+D,CAACF,EAAG,yBAAyB,QAAK,CAACE,YAAY,QAAyBM,GAAK,mBAAC,W,YAAM,yBAAsB,OAAIL,GAAM,yB,CAA2GE,EAAI,GAAC,MAAS,iEAA2R,OAA3R,Y,WAAS,EAA4BI,e,QAAW,4BAAsB,WAAG,sBAAuJP,YAAY,kBAAyCM,GAAK,GAAC,iG,YAAW,yC,MAAU,CAAkB,kBAAgB,cAAIR,YAAO,KAAmC,CAACA,EAAG,IAAI,CAA8HQ,YAAM,uBAAC,OAAK,WAAiB,yG,MAAC,CAAiB,qBAAc,iBAACE,SAAYP,I,YAA8B,KAAU,E,IAAC,cAAwE,GAAC,WAACQ,MAAM,6DAAUX,OAAO,MAAyB,CAACA,EAAG,KAAK,CAAkSE,YAAY,WAAqD,CAACF,EAAG,KAAK,CAAC,qQAACE,YAAY,qDAAqD,CAACF,EAAG,OAAYI,YAAY,qD,CAACC,aAAc,C,WAAS,EAAwBI,e,QAAW,wBAAkB,WAAG,kB,YAAoC,O,MAAC,CAAqB,QAAIT,QAAW,cAErjEY,aAAe,GAAK,sG,0BC+DT,GACfC,OACA,OACAC,YACAC,KACA,4BACA,6BACA,mCACA,MAGAC,OACAC,YAAAC,eACAC,QAAAD,gBAEAE,YACAC,8DACAC,mEACAC,oEACAC,qEAEAC,SACA,wBACA,UACA,+BACAC,6CACAC,MACA,CACAC,eACAC,QACAC,cAIA,qBACA,mBACA,4CACAC,wBAGA,SACAC,iBAGAC,kBACA,iBACA,4BAEA,8BAIAC,UACAC,cACA,kDAEAC,SACA,OACA,+CACA,4CAIAC,OACAF,cACA,yBAGAG,cACA,yBCtI6gB,I,kCCSzgBC,EAAY,eACd,EACA,EACA3B,GACA,EACA,KACA,WACA,MAIa,aAAA2B,E","file":"assets/js/chunk-1bcb38fa.ceb2e308.js","sourcesContent":["export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/sass-loader/dist/cjs.js??ref--14-0!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheListingPhoto.vue?vue&type=style&index=0&id=3df21614&prod&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/sass-loader/dist/cjs.js??ref--14-0!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheListingPhoto.vue?vue&type=style&index=1&id=3df21614&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-container',{staticClass:\"text-center vehicle-details\"},[_c('h2',{staticClass:\"text-primary title\"},[_vm._v(\"Vehicle Photos\")]),_c('b-link',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$store.getters.listingPlanID === 2),expression:\"$store.getters.listingPlanID === 2\"}],staticClass:\"text-primary\",on:{\"click\":function($event){return _vm.toPage(3)}}},[_vm._v(\" Skip this step \")]),_c('div',{staticClass:\"my-4\"},[_c('TheListingCard')],1),_c('h5',{staticClass:\"text-left upload-title\",attrs:{\"id\":\"upload-photos-holder\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"ListingProcess.SelectAndUploadPhotos\"))+\" \")]),(!_vm.sucess)?_c('b-link',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.photoGuidelines\",modifiers:{\"photoGuidelines\":true}}],staticClass:\"my-4 guideline\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"listing.label.seePhotoGuidelines\"))+\" \"),_c('b-icon-arrow-right')],1):_vm._e(),_c('b-alert',{staticClass:\"text-center mt-5 alert-box success-box\",attrs:{\"variant\":\"success\",\"show\":_vm.sucess,\"dismissible\":\"\"}},[_c('i',{staticClass:\"fa fa-check-circle\"}),_c('h5',[_vm._v(_vm._s(_vm.$t(\"ListingProcess.imagesUploadedSuccessfully\")))])]),_c('TheUpload'),_c('TheImagesDelete'),_c('b-modal',{attrs:{\"id\":\"photoGuidelines\",\"hide-footer\":\"\",\"centered\":\"\"},scopedSlots:_vm._u([{key:\"modal-title\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.$t(\"listing.label.photoGuidelines\"))+\" \")]},proxy:true}])},[_c('ul',{staticClass:\"m-3 p-3\"},[_c('li',[_vm._v(\" \"+_vm._s(_vm.$t(\"listing.label.photoGuideline1\"))+\" \")]),_c('li',[_vm._v(\" \"+_vm._s(_vm.$t(\"listing.label.photoGuideline2\"))+\" \")]),_c('li',[_vm._v(_vm._s(_vm.$t(\"listing.label.photoGuideline3\")))]),_c('li',[_vm._v(_vm._s(_vm.$t(\"listing.label.photoGuideline4\")))])])]),_c('div',{staticClass:\"d-flex justify-content-between align-items-center\"},[_c('div',{staticClass:\"d-flex justify-content-between align-items-center\"},[_c('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.cancelModal\",modifiers:{\"cancelModal\":true}}],staticClass:\"px-3\",attrs:{\"pill\":\"\",\"variant\":\"half-dark\"}},[_c('v-icon',[_vm._v(\"mdi-close\")]),_vm._v(\" \"+_vm._s(_vm.$t(\"global.button.cancel\"))+\" \")],1)],1),_c('TheSaveAndLeave')],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-container class=\"text-center vehicle-details\">\r\n    <h2 class=\"text-primary title\">Vehicle Photos</h2>\r\n    <b-link\r\n      class=\"text-primary\"\r\n      v-show=\"$store.getters.listingPlanID === 2\"\r\n      @click=\"toPage(3)\"\r\n    >\r\n      Skip this step\r\n    </b-link>\r\n\r\n    <div class=\"my-4\">\r\n      <TheListingCard />\r\n    </div>\r\n\r\n    <h5 class=\"text-left upload-title\" id=\"upload-photos-holder\">\r\n      {{ $t(\"ListingProcess.SelectAndUploadPhotos\") }}\r\n    </h5>\r\n\r\n    <b-link v-b-modal.photoGuidelines class=\"my-4 guideline\" v-if=\"!sucess\">\r\n      {{ $t(\"listing.label.seePhotoGuidelines\") }} <b-icon-arrow-right />\r\n    </b-link>\r\n    <!-- upload image preview -->\r\n    <b-alert\r\n      variant=\"success\"\r\n      class=\"text-center mt-5 alert-box success-box\"\r\n      :show=\"sucess\"\r\n      dismissible\r\n    >\r\n      <i class=\"fa fa-check-circle\"></i>\r\n      <h5>{{ $t(\"ListingProcess.imagesUploadedSuccessfully\") }}</h5></b-alert\r\n    >\r\n    <TheUpload />\r\n    <!-- upload image preview -->\r\n    <TheImagesDelete />\r\n\r\n    <b-modal id=\"photoGuidelines\" hide-footer centered>\r\n      <template #modal-title>\r\n        {{ $t(\"listing.label.photoGuidelines\") }}\r\n      </template>\r\n      <ul class=\"m-3 p-3\">\r\n        <li>\r\n          {{ $t(\"listing.label.photoGuideline1\") }}\r\n        </li>\r\n        <li>\r\n          {{ $t(\"listing.label.photoGuideline2\") }}\r\n        </li>\r\n        <li>{{ $t(\"listing.label.photoGuideline3\") }}</li>\r\n        <li>{{ $t(\"listing.label.photoGuideline4\") }}</li>\r\n      </ul>\r\n    </b-modal>\r\n    <div class=\"d-flex justify-content-between align-items-center\">\r\n      <div class=\"d-flex justify-content-between align-items-center\">\r\n        <b-button pill variant=\"half-dark\" class=\"px-3\" v-b-modal.cancelModal>\r\n          <v-icon>mdi-close</v-icon> {{ $t(\"global.button.cancel\") }}\r\n        </b-button>\r\n      </div>\r\n        <TheSaveAndLeave />\r\n      </div>\r\n  </b-container>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      images: null,\r\n      host:\r\n        this.$store.getters.hostURL +\r\n        \"sitemedia/Images/Listings/\" +\r\n        this.$store.getters.listingStockID +\r\n        \"/\",\r\n    };\r\n  },\r\n  props: {\r\n    nextButton: { type: Function },\r\n    toPage: { type: Function },\r\n  },\r\n  components: {\r\n    TheUpload: () => import(\"@/components/global/TheUploadComponent\"),\r\n    TheListingCard: () => import(\"@/components/listing/TheListingCard\"),\r\n    TheImagesDelete: () => import(\"@/components/global/TheUploadImagesDelete\"),\r\n    TheSaveAndLeave: () => import(\"@/components/listing/TheSaveAndLeaveButton\"),\r\n  },\r\n  methods: {\r\n    async deleteImages(listingTagId, tagId) {\r\n      try {\r\n        await axios.post(\"Listing/SetListing\", {\r\n          ListingId: this.$store.getters.listingStockID,\r\n          Tags: [\r\n            {\r\n              ListingTagId: listingTagId,\r\n              TagId: tagId,\r\n              Remove: true,\r\n            },\r\n          ],\r\n        });\r\n        this.$store.dispatch(\r\n          \"vehicleImageList\",\r\n          this.$store.getters.vehicleImageList.filter(\r\n            (e) => e.ListingTagId !== listingTagId\r\n          )\r\n        );\r\n      } catch (error) {\r\n        console.log(error);\r\n      }\r\n    },\r\n    checkNextButton() {\r\n      if (this.hasUploaded) {\r\n        this.nextButton(\"page3\", false);\r\n      } else {\r\n        this.nextButton(\"page3\", true);\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    hasUploaded() {\r\n      return this.$store.getters.vehicleImagesUploaded;\r\n    },\r\n    sucess() {\r\n      return (\r\n        this.$store.getters.vehicleImageList.length > 0 &&\r\n        this.$store.getters.vehicleImagesUploaded\r\n      );\r\n    },\r\n  },\r\n  watch: {\r\n    hasUploaded() {\r\n      this.checkNextButton();\r\n    },\r\n  },\r\n  beforeMount() {\r\n    this.checkNextButton();\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.guidline {\r\n  font-size: 20px;\r\n}\r\n.cancelButton {\r\n  margin-left: 210px;\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n.alert-box {\r\n  border: none;\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: 30px;\r\n  padding-top: 10px !important;\r\n  padding-bottom: 10px !important;\r\n  padding-left: 40px !important;\r\n  b {\r\n    font-weight: 600;\r\n    color: #111;\r\n    font-family: \"Inter\", sans-serif;\r\n  }\r\n  p {\r\n    margin-bottom: 0 !important;\r\n    margin-top: 12px;\r\n  }\r\n  &.success-box {\r\n    background: #dbf0d9;\r\n  }\r\n  &.info-box {\r\n    background: #e6f0f9;\r\n    color: #111111;\r\n  }\r\n  h5 {\r\n    font-weight: 500;\r\n    font-size: 16px;\r\n    color: #4bb543;\r\n    margin-bottom: 0;\r\n  }\r\n  i {\r\n    margin-right: 8px;\r\n    color: #4bb543;\r\n    font-size: 25px;\r\n  }\r\n  .close {\r\n    position: absolute;\r\n    right: 40px;\r\n    z-index: 2;\r\n    padding: 0.75rem 1.25rem;\r\n    top: 50% !important;\r\n    transform: translateY(-50%);\r\n    font-size: 40px;\r\n    font-weight: 200;\r\n    color: #111;\r\n    opacity: 1;\r\n    padding: 0;\r\n  }\r\n}\r\n.upload-title {\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n  font-family: \"Inter\", sans-serif !important;\r\n  padding-bottom: 8px;\r\n  border-bottom: 1px solid #dbdbdb;\r\n  margin-top: 64px;\r\n  margin-bottom: 24px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheListingPhoto.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheListingPhoto.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheListingPhoto.vue?vue&type=template&id=3df21614&scoped=true&\"\nimport script from \"./TheListingPhoto.vue?vue&type=script&lang=js&\"\nexport * from \"./TheListingPhoto.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheListingPhoto.vue?vue&type=style&index=0&id=3df21614&prod&lang=scss&scoped=true&\"\nimport style1 from \"./TheListingPhoto.vue?vue&type=style&index=1&id=3df21614&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3df21614\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}