(window.webpackJsonp=window.webpackJsonp||[]).push([[120,139],{297:function(t,e,o){"use strict";o.r(e);var n=o(0),r=o(2);o(9),o(38),o(10);function l(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),o.push.apply(o,n)}return o}function c(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?l(Object(o),!0).forEach(function(e){Object(r.a)(t,e,o[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):l(Object(o)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))})}return t}e.default={data:()=>({items:[],pagination:{},fetching:!0,itemCreatedMessage:"¡Enviado correctamente!",itemUpdatedMessage:"¡Actualizado correctamente!"}),watchQuery:["page","s"],methods:{onItemCreated(data){this.$notify(this.itemCreatedMessage),this.items.unshift(data),this.items.length>this.pagination.per_page&&(this.pagination.current_page===this.pagination.last_page&&this.pagination.last_page++,this.items.splice(this.items.length-1,1))},onItemUpdated(t){var{item:e,data:data}=t;this.$notify(this.itemUpdatedMessage),Object.assign(e,data)},onItemDeleted(t){var{item:e,index:o}=t;this.pagination.total--,this.items.splice(o,1);var{current_page:n,last_page:r,per_page:l}=this.pagination;n===r&&this.pagination.to--,n<r&&this.items.length<l?this.fetchItems(this.$route.query):!this.items.length&&n>1&&this.updateQueryString(c(c({},this.$route.query),{},{page:n-1}))},onPaginate(t){var e;this.fetching="start"===t.status,null!==(e=t.data)&&void 0!==e&&e.data&&(this.items=t.data.data,this.pagination=t.data.meta)},updateQueryString(t){var e=arguments,o=this;return Object(n.a)(function*(){var n={};for(var r of t=Array.isArray(t)?t:[...e])"object"==typeof r?Object.assign(n,r):n[r]=o[r]||void 0;o.fetching=!0;try{yield o.$router.push({name:o.$route.name,query:n})}catch(t){}})()},fetchItems(t){var e=this;return Object(n.a)(function*(){e.fetching=!0;try{var data=yield e.$axios.$get(e.serverAction,{params:t});e.items=data.data,e.pagination=data.meta}catch(t){}e.fetching=!1})()}}}},348:function(t,e,o){"use strict";o.r(e);var n=o(0),r={mixins:[o(297).default],data:t=>({smColums:1,mdColums:1,lgColums:1}),created(){this.setColumnsData()},methods:{sendColumns(){var t=this;return Object(n.a)(function*(){var e={smColums:t.smColums,mdColums:t.mdColums,lgColums:t.lgColums};try{var{data:data}=yield t.$axios.post("https://jsonplaceholder.typicode.com/posts",e);alert(JSON.stringify(data)),t.$notify("La grid de las columnas de productos fueron actualizadas !")}catch(e){t.$notify("Error al actualizar datos")}})()},setColumnsData(){this.smColums=2,this.mdColums=2,this.lgColums=2}}},l=o(1),component=Object(l.a)(r,function(){var t=this,e=t._self._c;return e("v-container",{attrs:{fluid:""}},[e("v-row",[e("v-col",{attrs:{cols:"12",md:"6","offset-md":"3"}},[e("h1",[t._v("Visualizacion de productos")]),t._v(" "),e("p",[t._v("Seleccione la cantidad de productos que se veran por fila en la pantalla principal")])]),t._v(" "),e("v-col",{attrs:{cols:"12",md:"6","offset-md":"3"}},[e("v-form",{on:{submit:function(e){return e.preventDefault(),t.sendColumns.apply(null,arguments)}}},[e("h2",[t._v("\n                    Productos en Teléfonos\n                    "),e("v-icon",[t._v("fa-mobile-screen-button")]),t._v(" "),e("small",[t._v(t._s(t.smColums))])],1),t._v(" "),e("v-text-field",{attrs:{type:"range",label:"Números de productos en teléfonos: "+t.smColums,placeholder:"rango",min:"1",max:"3"},model:{value:t.smColums,callback:function(e){t.smColums=e},expression:"smColums"}}),t._v(" "),e("h2",{staticClass:"mt-5"},[t._v("\n                    Productos en Tablets\n                    "),e("v-icon",[t._v("fa-tablet-screen-button")]),t._v(" "),e("small",[t._v(t._s(t.mdColums))])],1),t._v(" "),e("v-text-field",{attrs:{type:"range",label:"Números de productos en tablets: "+t.mdColums,placeholder:"rango",min:"1",max:"4"},model:{value:t.mdColums,callback:function(e){t.mdColums=e},expression:"mdColums"}}),t._v(" "),e("h2",{staticClass:"mt-5"},[t._v("\n                    Productos en PC / Laptops\n                    "),e("v-icon",[t._v("fa-laptop")]),t._v(" "),e("small",[t._v(t._s(t.lgColums))])],1),t._v(" "),e("v-text-field",{attrs:{type:"range",label:"Números de productos en PC / Laptops: "+t.lgColums,placeholder:"rango",min:"1",max:"6"},model:{value:t.lgColums,callback:function(e){t.lgColums=e},expression:"lgColums"}}),t._v(" "),e("v-btn",{staticClass:"my-5",attrs:{type:"submit"}},[t._v("\n                    enviar\n                ")])],1)],1)],1)],1)},[],!1,null,null,null);e.default=component.exports}}]);