{"version":3,"sources":["webpack:///./src/components/global/TheUploadImagesDelete.vue","webpack:///src/components/global/TheUploadImagesDelete.vue","webpack:///./src/components/global/TheUploadImagesDelete.vue?6405","webpack:///./src/components/global/TheUploadImagesDelete.vue?4ee2","webpack:///./src/components/global/TheUploadImagesDelete.vue?d85a"],"names":["render","_vm","this","_c","_self","staticClass","_l","$store","getters","vehicleImageList","element","key","ListingTagId","attrs","host","Value","toString","directives","name","rawName","value","TagId","expression","_v","_s","$t","on","$event","$bvModal","show","scopedSlots","_u","fn","hide","deleteImages","staticRenderFns","data","images","methods","ListingId","Tags","Remove","e","console","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,kCAAkCJ,EAAIK,GAAIL,EAAIM,OAAOC,QAAQC,kBAAkB,SAASC,GAAS,OAAOP,EAAG,MAAM,CAACQ,IAAID,EAAQE,aAAaP,YAAY,mBAAmB,CAACF,EAAG,SAAS,CAACU,MAAM,CAAC,KAAOZ,EAAIa,KAAOJ,EAAQK,MAAM,OAAS,WAAW,CAACZ,EAAG,QAAQ,CAACU,MAAM,CAAC,UAAY,GAAG,IAAMZ,EAAIa,KAAOJ,EAAQK,MAAM,MAAQ,GAAG,IAAML,EAAQE,aAAaI,cAAcb,EAAG,IAAI,CAACc,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAyB,MAAlBV,EAAQW,MAAeC,WAAW,0BAA0BjB,YAAY,4BAA4B,CAACF,EAAG,OAAO,CAACE,YAAY,gBAAgB,CAACF,EAAG,SAAS,CAACU,MAAM,CAAC,KAAO,oBAAoB,QAAU,aAAaZ,EAAIsB,GAAG,IAAItB,EAAIuB,GAAGvB,EAAIwB,GAAG,kCAAkC,MAAM,GAAGtB,EAAG,QAAQ,CAACE,YAAY,kBAAkBQ,MAAM,CAAC,QAAU,SAASa,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO1B,EAAI2B,SAASC,KAAK,uBAAyBnB,EAAQE,iBAAiB,CAACT,EAAG,iBAAiB,GAAGA,EAAG,UAAU,CAACU,MAAM,CAAC,GAAK,uBAAyBH,EAAQE,aAAa,MAAQ,gCAAgC,cAAc,GAAG,SAAW,IAAIkB,YAAY7B,EAAI8B,GAAG,CAAC,CAACpB,IAAI,UAAUqB,GAAG,UAAS,KAAEC,IAAQ,MAAO,CAAC9B,EAAG,QAAQ,CAACE,YAAY,YAAYQ,MAAM,CAAC,IAAMZ,EAAIa,KAAOJ,EAAQK,MAAM,cAAc,QAAQ,aAAa,MAAMZ,EAAG,QAAQ,CAACE,YAAY,OAAO,CAACF,EAAG,QAAQ,CAACA,EAAG,WAAW,CAACU,MAAM,CAAC,QAAU,YAAY,MAAQ,IAAIa,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOM,OAAU,CAAChC,EAAIsB,GAAG,kBAAkB,GAAGpB,EAAG,QAAQ,CAACA,EAAG,WAAW,CAACU,MAAM,CAAC,QAAU,SAAS,MAAQ,IAAIa,GAAG,CAAC,MAAQ,SAASC,GAAQ1B,EAAIiC,aAAaxB,EAAQE,aAAcF,EAAQW,OAAQY,OAAU,CAAChC,EAAIsB,GAAGtB,EAAIuB,GAAGvB,EAAIwB,GAAG,oCAAoC,IAAI,OAAO,MAAK,MAAS,MAAK,IAE5rDU,EAAkB,G,qBC8DP,GACfC,OACA,OACAC,YACAvB,KACA,4BACA,6BACA,mCACA,MAIAwB,SACA,wBACA,UACA,+BACAC,6CACAC,MACA,CACA5B,eACAS,QACAoB,cAIA,qBACA,mBACA,4CACAC,wBAGA,SACAC,mBChGmhB,I,wBCQ/gBC,EAAY,eACd,EACA5C,EACAmC,GACA,EACA,KACA,WACA,MAIa,aAAAS,E,2CCnBf,W","file":"assets/js/chunk-75bf0864.1d2c5ae5.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"my-4 uploaded-images-container\"},_vm._l((_vm.$store.getters.vehicleImageList),function(element){return _c('div',{key:element.ListingTagId,staticClass:\"mydivouter item\"},[_c('b-link',{attrs:{\"href\":_vm.host + element.Value,\"target\":\"_blank\"}},[_c('b-img',{attrs:{\"thumbnail\":\"\",\"src\":_vm.host + element.Value,\"fluid\":\"\",\"alt\":element.ListingTagId.toString()}}),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(element.TagId === 167),expression:\"element.TagId === 167\"}],staticClass:\"text-right primary-badge\"},[_c('span',{staticClass:\"rounded px-1\"},[_c('b-icon',{attrs:{\"icon\":\"check-circle-fill\",\"variant\":\"success\"}}),_vm._v(\" \"+_vm._s(_vm.$t('ListingProcess.PrimaryImage')))],1)])],1),_c('b-btn',{staticClass:\"mybuttonoverlap\",attrs:{\"variant\":\"white\"},on:{\"click\":function($event){return _vm.$bvModal.show('confirmListingCancel' + element.ListingTagId)}}},[_c('b-icon-trash')],1),_c('b-modal',{attrs:{\"id\":'confirmListingCancel' + element.ListingTagId,\"title\":\"Do you want delete this image\",\"hide-footer\":\"\",\"centered\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ hide }){return [_c('b-img',{staticClass:\"px-5 py-3\",attrs:{\"src\":_vm.host + element.Value,\"blank-color\":\"black\",\"fluid-grow\":\"\"}}),_c('b-row',{staticClass:\"m-2\"},[_c('b-col',[_c('b-button',{attrs:{\"variant\":\"secondary\",\"block\":\"\"},on:{\"click\":function($event){return hide()}}},[_vm._v(\"No, keep it\")])],1),_c('b-col',[_c('b-button',{attrs:{\"variant\":\"danger\",\"block\":\"\"},on:{\"click\":function($event){_vm.deleteImages(element.ListingTagId, element.TagId), hide()}}},[_vm._v(_vm._s(_vm.$t('dashboard.label.YesDeleteIt')))])],1)],1)]}}],null,true)})],1)}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"my-4 uploaded-images-container\">\r\n    <div\r\n      class=\"mydivouter item\"\r\n      v-for=\"element in $store.getters.vehicleImageList\"\r\n      :key=\"element.ListingTagId\"\r\n    >\r\n      <b-link :href=\"host + element.Value\" target=\"_blank\">\r\n        <b-img\r\n          thumbnail\r\n          :src=\"host + element.Value\"\r\n          fluid\r\n          :alt=\"element.ListingTagId.toString()\"\r\n        ></b-img>\r\n        <p v-show=\"element.TagId === 167\" class=\"text-right primary-badge\">\r\n          <span class=\"rounded px-1\"\r\n            ><b-icon icon=\"check-circle-fill\" variant=\"success\"></b-icon> {{$t('ListingProcess.PrimaryImage')}}</span\r\n          >\r\n        </p>\r\n      </b-link>\r\n\r\n      <b-btn\r\n        variant=\"white\"\r\n        class=\"mybuttonoverlap\"\r\n        @click=\"$bvModal.show('confirmListingCancel' + element.ListingTagId)\"\r\n        ><b-icon-trash\r\n      /></b-btn>\r\n      <b-modal\r\n        :id=\"'confirmListingCancel' + element.ListingTagId\"\r\n        title=\"Do you want delete this image\"\r\n        hide-footer\r\n        centered\r\n      >\r\n        <template #default=\"{ hide }\">\r\n          <b-img\r\n            :src=\"host + element.Value\"\r\n            blank-color=\"black\"\r\n            class=\"px-5 py-3\"\r\n            fluid-grow\r\n          />\r\n          <b-row class=\"m-2\">\r\n            <b-col\r\n              ><b-button variant=\"secondary\" block @click=\"hide()\"\r\n                >No, keep it</b-button\r\n              ></b-col\r\n            >\r\n            <b-col\r\n              ><b-button\r\n                variant=\"danger\"\r\n                block\r\n                @click=\"deleteImages(element.ListingTagId, element.TagId), hide()\"\r\n                >{{$t('dashboard.label.YesDeleteIt')}}</b-button\r\n              ></b-col\r\n            >\r\n          </b-row>\r\n        </template>\r\n      </b-modal>\r\n    </div>\r\n  </div>\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\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  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.mydivouter {\r\n  position: relative;\r\n}\r\n.mydivoverlap {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n.mybuttonoverlap {\r\n  position: absolute;\r\n  z-index: 2;\r\n  top: 8px;\r\n  right: 8px;\r\n  display: none;\r\n  border-radius: 25px;\r\n  width: 30px;\r\n  height: 30px;\r\n  padding: 0;\r\n  font-size: 13px;\r\n  svg {\r\n    fill: #4b4b4b;\r\n  }\r\n}\r\n.mydivouter:hover .mybuttonoverlap {\r\n  display: block;\r\n}\r\n.uploaded-images-container {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  column-gap: 16px;\r\n  row-gap: 16px;\r\n  @media (max-width: 991px) {\r\n    column-gap: 16px;\r\n  }\r\n  @media (max-width: 575px) {\r\n    column-gap: 8px;\r\n    row-gap: 8px;\r\n  }\r\n  .item {\r\n    width: calc((100% / 5) - 26px) !important;\r\n    height: 173px !important;\r\n    position: relative;\r\n    @media (max-width: 991px) {\r\n      width: calc((100% / 4) - 12px) !important;\r\n    }\r\n    @media (max-width: 767px) {\r\n      height: 130px !important;\r\n    }\r\n    @media (max-width: 575px) {\r\n      width: calc((100% / 4) - 6px) !important;\r\n      height: 90px !important;\r\n    }\r\n    @media (max-width: 480px) {\r\n      height: 65px !important;\r\n    }\r\n    img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      border: none;\r\n      padding: 0;\r\n    }\r\n  }\r\n  .primary-badge {\r\n    position: absolute;\r\n    top: 8px;\r\n    left: 8px;\r\n    background: #4bb543;\r\n    color: white;\r\n    border-radius: 4px;\r\n    svg {\r\n      fill: white;\r\n    }\r\n  }\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!./TheUploadImagesDelete.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!./TheUploadImagesDelete.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheUploadImagesDelete.vue?vue&type=template&id=178f6d38&scoped=true&\"\nimport script from \"./TheUploadImagesDelete.vue?vue&type=script&lang=js&\"\nexport * from \"./TheUploadImagesDelete.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheUploadImagesDelete.vue?vue&type=style&index=0&id=178f6d38&prod&scoped=true&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  \"178f6d38\",\n  null\n  \n)\n\nexport default component.exports","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!./TheUploadImagesDelete.vue?vue&type=style&index=0&id=178f6d38&prod&scoped=true&lang=scss&\""],"sourceRoot":""}