{"version":3,"file":"ProductParticipating.7ded0e8e.js","sources":["../../../app/javascript/components/products/ProductParticipating.vue?vue&type=template&lang.js","../../../app/javascript/components/products/ProductParticipating.vue"],"sourcesContent":["\n<div>\n    <div class=\"row\" v-if=\"products.length > 0\">\n        <h2 class=\"title col mt-0\">Productos participantes</h2>\n    </div>\n    <div class=\"row\" v-if=\"isLoading\">\n        <div class=\"col-12 text-center\">\n            <b-spinner style=\"width: 3rem; height: 3rem;\" label=\"Large Spinner\"></b-spinner>\n        </div>\n    </div>\n    <div class=\"row\" v-if=\"!isLoading && products.length > 0\">\n        <div @click=\"goToProduct(product)\" class=\"col-6 col-sm-6 col-md-3 mb-4\" v-for=\"(product, index) in OrdenedProducts\" :key=\"index\">\n            <div class=\"card card-product-small\" style=\"width: 100%\">\n                <div class=\"promo-card-hd card-header text-center\">\n                    <img class=\"img-product-card\" \n                        :src=\"`${product.producto_imagen.public_path}`\"\n                        :alt=\"product.producto_imagen.alt\"\n                        :width=\"93\"\n                        :height=\"60\"/>\n                </div>\n                <div class=\"card-body text-center\">\n                    <p class=\"card-title mt-3 product-title-card pt-blue\" style=\"font-size: 0.9em\">{{ product.title }}</p>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n","<template>\r\n    <div>\r\n        <div class=\"row\" v-if=\"products.length > 0\">\r\n            <h2 class=\"title col mt-0\">Productos participantes</h2>\r\n        </div>\r\n        <div class=\"row\" v-if=\"isLoading\">\r\n            <div class=\"col-12 text-center\">\r\n                <b-spinner style=\"width: 3rem; height: 3rem;\" label=\"Large Spinner\"></b-spinner>\r\n            </div>\r\n        </div>\r\n        <div class=\"row\" v-if=\"!isLoading && products.length > 0\">\r\n            <div @click=\"goToProduct(product)\" class=\"col-6 col-sm-6 col-md-3 mb-4\" v-for=\"(product, index) in OrdenedProducts\" :key=\"index\">\r\n                <div class=\"card card-product-small\" style=\"width: 100%\">\r\n                    <div class=\"promo-card-hd card-header text-center\">\r\n                        <img class=\"img-product-card\" \r\n                            :src=\"`${product.producto_imagen.public_path}`\"\r\n                            :alt=\"product.producto_imagen.alt\"\r\n                            :width=\"93\"\r\n                            :height=\"60\"/>\r\n                    </div>\r\n                    <div class=\"card-body text-center\">\r\n                        <p class=\"card-title mt-3 product-title-card pt-blue\" style=\"font-size: 0.9em\">{{ product.title }}</p>\r\n                    </div>\r\n                </div>\r\n            </div>\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            products: [],\r\n            isLoading: false,\r\n        }\r\n    },\r\n    mounted(){\r\n        //this.getProducts();\r\n    },\r\n    watch:{\r\n        $productsData: {\r\n            handler: function (newValue) {\r\n                if(newValue){\r\n                    this.products = newValue;\r\n                }\r\n            },\r\n            immediate: true\r\n        },\r\n    },\r\n    methods:{\r\n        getProducts(){\r\n            this.isLoading = true;\r\n            axios.get('/api/v1/content/stories?segment=2&attributes',{ headers: {\r\n                'x-api-key': '9c6334a7-8215-46ff-8ec9-f442cdc43cac',\r\n                'Content-Type': 'application/json'\r\n            }}).then(res => { \r\n                this.products = res.data.data\r\n                this.isLoading = false;\r\n            }).catch(error => {\r\n                console.error(error);\r\n                this.isLoading = false;\r\n            });\r\n        },\r\n        goToProduct(data){\r\n            window.location.href = `/productos/${data.slug}`; \r\n        }\r\n    },\r\n    computed:{\r\n        OrdenedProducts(){\r\n            return this.products.sort((a, b) => a.order - b.order );\r\n        }\r\n    }\r\n}\r\n</script>"],"names":["render","_vm","_h","_c","product","index","$event","staticRenderFns","__vue2_script","newValue","axios","res","error","data","a","b"],"mappings":"iGAAA,IAAIA,EAAS,UAAY,CAAC,IAAIC,EAAI,KAASC,EAAGD,EAAI,eAAmBE,EAAGF,EAAI,MAAM,IAAIC,EAAG,OAAOC,EAAG,MAAM,CAAEF,EAAI,SAAS,OAAS,EAAGE,EAAG,MAAM,CAAC,YAAY,KAAK,EAAE,CAACA,EAAG,KAAK,CAAC,YAAY,gBAAgB,EAAE,CAACF,EAAI,GAAG,yBAAyB,CAAC,CAAC,CAAC,CAAC,EAAEA,EAAI,GAAE,EAAIA,EAAI,UAAWE,EAAG,MAAM,CAAC,YAAY,KAAK,EAAE,CAACA,EAAG,MAAM,CAAC,YAAY,oBAAoB,EAAE,CAACA,EAAG,YAAY,CAAC,YAAY,CAAC,MAAQ,OAAO,OAAS,MAAM,EAAE,MAAM,CAAC,MAAQ,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAEF,EAAI,GAAE,EAAI,CAACA,EAAI,WAAaA,EAAI,SAAS,OAAS,EAAGE,EAAG,MAAM,CAAC,YAAY,KAAK,EAAEF,EAAI,GAAIA,EAAI,gBAAiB,SAASG,EAAQC,EAAM,CAAC,OAAOF,EAAG,MAAM,CAAC,IAAIE,EAAM,YAAY,+BAA+B,GAAG,CAAC,MAAQ,SAASC,EAAO,CAAC,OAAOL,EAAI,YAAYG,CAAO,CAAC,CAAC,CAAC,EAAE,CAACD,EAAG,MAAM,CAAC,YAAY,0BAA0B,YAAY,CAAC,MAAQ,MAAM,CAAC,EAAE,CAACA,EAAG,MAAM,CAAC,YAAY,uCAAuC,EAAE,CAACA,EAAG,MAAM,CAAC,YAAY,mBAAmB,MAAM,CAAC,IAAO,GAAMC,EAAQ,gBAAgB,YAAc,IAAMA,EAAQ,gBAAgB,IAAI,MAAQ,GAAG,OAAS,EAAE,CAAC,CAAC,CAAC,CAAC,EAAED,EAAG,MAAM,CAAC,YAAY,uBAAuB,EAAE,CAACA,EAAG,IAAI,CAAC,YAAY,6CAA6C,YAAY,CAAC,YAAY,OAAO,CAAC,EAAE,CAACF,EAAI,GAAGA,EAAI,GAAGG,EAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAEH,EAAI,GAAI,CAAA,CAAC,CAAC,EAC7rCM,EAAkB,CAAA,EC+BtB,MAAAC,EAAA,CACA,MAAA,CACA,MAAA,CACA,SAAA,CAAA,EACA,UAAA,EACA,CACA,EACA,SAAA,CAEA,EACA,MAAA,CACA,cAAA,CACA,QAAA,SAAAC,EAAA,CACAA,IACA,KAAA,SAAAA,EAEA,EACA,UAAA,EACA,CACA,EACA,QAAA,CACA,aAAA,CACA,KAAA,UAAA,GACAC,EAAA,IAAA,+CAAA,CAAA,QAAA,CACA,YAAA,uCACA,eAAA,kBACA,CAAA,CAAA,EAAA,KAAAC,GAAA,CACA,KAAA,SAAAA,EAAA,KAAA,KACA,KAAA,UAAA,EACA,CAAA,EAAA,MAAAC,GAAA,CACA,QAAA,MAAAA,CAAA,EACA,KAAA,UAAA,EACA,CAAA,CACA,EACA,YAAAC,EAAA,CACA,OAAA,SAAA,KAAA,cAAAA,EAAA,IAAA,EACA,CACA,EACA,SAAA,CACA,iBAAA,CACA,OAAA,KAAA,SAAA,KAAA,CAAAC,EAAAC,IAAAD,EAAA,MAAAC,EAAA,MACA,CACA,CACA"}