card.js 9.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
  1. exports.ids = [3];
  2. exports.modules = {
  3. /***/ 149:
  4. /***/ (function(module, exports) {
  5. // Exports
  6. module.exports = {
  7. };
  8. /***/ }),
  9. /***/ 152:
  10. /***/ (function(module, exports) {
  11. module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI+SURBVHgB7ZjrUcMwDIAVjv+wAR6hG5ANYIOGCcgGzQgwQdMJgAmaTtAwQbJB0wmEhB3i+OLEefRxXL47XQO2ZdWSJaUAMzOXxYORIKKgD2EZLjzPS+FSkHFb7GZNcg/nhjYN0J0IBnILw1lqz18khTHOp/aknhdwbgz3ioZxoY0nMJAbuHKcXUyn8Ax1VwntOaTxJheXPBhxmNPtjmEq0O229mULU8Anh6fD79rfxcW6q2KSHYzDhyoDiK7JfdPMbmzs0Knxx9J1/v+5xV2oeOKbfkeyoZNOYAJGGYiyxr6ShFCPVS6DOciYZWNzGEhvF7NRJKFKEweSyDCuRKixDGWaCvAUTQPWmwLe6GBJGYkynOenljm8dq/9HcAY1GnFaIc3jJryGcpazGuzlvVrbKjjrsatWoxK0CHJarqeO77oCvqAzb1e6cLBcaRO1RYCfh9FkeEG98X9jP3Q9oma5tlusd6ZHKfKaToq9Ry1f+XOi1Fejr+YgxOB9Qsk+qw1WywfJoZ0LjT9e9u8tkStdy0+TE+oPW+gL1h/pzjg0Hxl1525uNdaizmIaeE7yAsz9cs363wB2VwUY2r1xWn96QOrFuoRZEMgQKYDlm+Sz7YUpJJ6oNb7UG8q2Cu7Lh2NSlGWOVtTYJKhrA4LFVssPsnbAB3CxcDIooQ3y3E45foU7YavXU+wpKy/wpizUN84w25+Gws0ajhWdVnX4Zv2eBYjOUelLrGBVZzqL/U5yBiLSUfhqoPmhjAzc2X8ANlXpn4kNgy3AAAAAElFTkSuQmCC"
  12. /***/ }),
  13. /***/ 153:
  14. /***/ (function(module, exports) {
  15. module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIuSURBVHgB7ViBVcIwEL36HIANzAY6QkfACewGsgHdgDIBbGA3ACcQJyhOgBucd3LBcC9JU8Di8/W/91+lTe5+7idpI8CAAQOiyOBKQMQRXXLiA/FObn8QN8R1lmWf0DdYFHFCXGEcDfEJ+oIImxJ32A35bSBgTpcp7MvPVnC5N3JlG7b2N1mxiQmjyzNxInEsOM47sSauOR5bKu0L4kzajTNPUBZWQjdshTbxVgb3pITx/TlxGZpjlN/QpZGfc/2wUCVeEytiTdycYJEF9yulQlFQm6XTb6wtfnD+rmmUj54AnMQo2qlwr5rzdFgSq5RVKe7ZxcG217pBrkbeSFUNJAL3C8Kc0Geh8ppQ41IaaKGLLkk7iMtVvqY1j4yo8AhFEdo6lxKEcY6ZpxCmSxwICF3BGeDJ74lZtQ481kCsPwBOE8Z2rpSwN9zvu506vnDlnOdGAh2CQgcEhH1vPSmdDYbRiNidumcgAQFhjEVqDG0dB6sxDN5EUzbbkDDe+HPoAjze+9hGu48VEhClgpOWOHblX0aYCu6+XmaexKMWYVP0vwbPE6aSNE7gcUKfkI32vWvgksBjq2sID2SK/mo1mPhBcKpA90umUqJiX8GXsTFBoDsPJ46oXcTG36lWQGCJcbCoqpdqBQSOVBWtqLXY31+1YhChvGAMDPgH8J3qcvg5F/SNVzqHLN0bRwLx+Mh3LTy6h6Ub9fBvrFQHPosL2P9T5xrgo2YJAwYMSMcXcTKvNRWzt4wAAAAASUVORK5CYII="
  16. /***/ }),
  17. /***/ 154:
  18. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  19. "use strict";
  20. __webpack_require__.r(__webpack_exports__);
  21. /* harmony import */ var _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Card_vue_vue_type_style_index_0_id_19cd839b_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(149);
  22. /* harmony import */ var _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Card_vue_vue_type_style_index_0_id_19cd839b_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Card_vue_vue_type_style_index_0_id_19cd839b_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
  23. /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Card_vue_vue_type_style_index_0_id_19cd839b_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Card_vue_vue_type_style_index_0_id_19cd839b_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  24. /***/ }),
  25. /***/ 157:
  26. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  27. "use strict";
  28. // ESM COMPAT FLAG
  29. __webpack_require__.r(__webpack_exports__);
  30. // CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/Card.vue?vue&type=template&id=19cd839b&scoped=true
  31. var render = function render() {
  32. var _vm = this,
  33. _c = _vm._self._c;
  34. return _c('nuxt-link', {
  35. staticClass: "card",
  36. attrs: {
  37. "to": {
  38. name: 'product-code',
  39. params: {
  40. code: _vm.cardData.product_code
  41. }
  42. }
  43. }
  44. }, [_c('figure', [_c('div', {
  45. staticClass: "card-img"
  46. }, [_c('el-image', {
  47. staticClass: "card-img-1",
  48. staticStyle: {
  49. "width": "100%",
  50. "height": "100%"
  51. },
  52. attrs: {
  53. "src": _vm.comImg,
  54. "fit": "cover"
  55. }
  56. }), _vm._v(" "), _vm.cardData.co2_uk_air && _vm.cardData.co2_uk_sea ? _c('div', {
  57. staticClass: "co2-info"
  58. }, [_c('img', {
  59. staticClass: "co2-icon",
  60. attrs: {
  61. "src": __webpack_require__(152),
  62. "alt": "CO2"
  63. }
  64. }), _vm._v(" "), _c('span', [_vm._v(_vm._s(_vm.cardData.co2_uk_sea || 0) + " kg")]), _vm._v(" "), _c('div'), _vm._v(" "), _c('img', {
  65. staticClass: "co2-icon",
  66. attrs: {
  67. "src": __webpack_require__(153),
  68. "alt": "CO2"
  69. }
  70. }), _vm._v(" "), _c('span', [_vm._v(_vm._s(_vm.cardData.co2_uk_air || 0) + " kg")])]) : _vm._e(), _vm._v(" "), _vm.comBestIcon ? _c('img', {
  71. staticClass: "best_icon",
  72. attrs: {
  73. "src": _vm.comBestIcon
  74. }
  75. }) : _vm._e(), _vm._v(" "), _c('div', {
  76. staticClass: "cycle_icon"
  77. }, _vm._l(_vm.cardData.cycle_icon, function (item, index) {
  78. return _c('img', {
  79. key: index,
  80. attrs: {
  81. "src": item.images
  82. }
  83. });
  84. }), 0)], 1), _vm._v(" "), _vm.showPricing ? _c('p', {
  85. staticClass: "show-pricing"
  86. }, [_vm._v("Pricing")]) : _vm._e(), _vm._v(" "), _c('figcaption', {
  87. staticClass: "card-info"
  88. }, [_vm.cardData.product_name && _vm.cardData.product_name.length > 40 ? [_c('el-tooltip', {
  89. attrs: {
  90. "content": _vm.cardData.product_name,
  91. "placement": "top-start"
  92. }
  93. }, [_c('h1', [_vm._v(_vm._s(_vm.cardData.product_name))])])] : [_c('h1', [_vm._v(_vm._s(_vm.cardData.product_name))])], _vm._v(" "), _c('p', {
  94. staticClass: "card-info-point"
  95. }, [_vm._v(_vm._s(_vm.cardData.product_code))]), _vm._v(" "), _c('div', {
  96. staticClass: "card-info-icon"
  97. }, _vm._l(_vm.cardData.icon, function (item, index) {
  98. return _c('img', {
  99. key: index,
  100. attrs: {
  101. "src": item.url
  102. }
  103. });
  104. }), 0)], 2)])]);
  105. };
  106. var staticRenderFns = [];
  107. // CONCATENATED MODULE: ./components/Card.vue?vue&type=template&id=19cd839b&scoped=true
  108. // CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/Card.vue?vue&type=script&lang=js
  109. /* harmony default export */ var Cardvue_type_script_lang_js = ({
  110. props: {
  111. cardData: {},
  112. showPricing: {
  113. type: Boolean,
  114. default: false
  115. }
  116. },
  117. data() {
  118. return {};
  119. },
  120. computed: {
  121. comImg() {
  122. var _this$cardData$main;
  123. return this.$utils.generateResizedImageUrl((_this$cardData$main = this.cardData.main) === null || _this$cardData$main === void 0 ? void 0 : _this$cardData$main.image, 300);
  124. },
  125. comBestIcon() {
  126. var _this$cardData$collec;
  127. const bestSeller = (_this$cardData$collec = this.cardData.collection_detail) === null || _this$cardData$collec === void 0 ? void 0 : _this$cardData$collec.find(item => item.name === "Best Seller");
  128. return bestSeller ? bestSeller.img : '';
  129. }
  130. },
  131. methods: {
  132. goProduct(cardData) {
  133. this.$router.push({
  134. name: "product-code",
  135. params: {
  136. code: cardData.product_code
  137. }
  138. });
  139. // let routeData = this.$router.resolve({
  140. // name: "product-code",
  141. // params:{ code: cardData.product_code },
  142. // });
  143. // window.open(routeData.href, '_blank');
  144. }
  145. }
  146. });
  147. // CONCATENATED MODULE: ./components/Card.vue?vue&type=script&lang=js
  148. /* harmony default export */ var components_Cardvue_type_script_lang_js = (Cardvue_type_script_lang_js);
  149. // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
  150. var componentNormalizer = __webpack_require__(2);
  151. // CONCATENATED MODULE: ./components/Card.vue
  152. function injectStyles (context) {
  153. var style0 = __webpack_require__(154)
  154. if (style0.__inject__) style0.__inject__(context)
  155. }
  156. /* normalize component */
  157. var component = Object(componentNormalizer["a" /* default */])(
  158. components_Cardvue_type_script_lang_js,
  159. render,
  160. staticRenderFns,
  161. false,
  162. injectStyles,
  163. "19cd839b",
  164. "31b9daa8"
  165. )
  166. /* harmony default export */ var Card = __webpack_exports__["default"] = (component.exports);
  167. /***/ })
  168. };;
  169. //# sourceMappingURL=card.js.map