{"version":3,"sources":["webpack:///./src/components/Productos/Pages/familiaProducto.vue?00a3","webpack:///./src/components/Productos/Pages/familiaProducto.vue","webpack:///src/components/Productos/Pages/familiaProducto.vue","webpack:///./src/components/Productos/Pages/familiaProducto.vue?4029","webpack:///./src/components/Productos/Pages/familiaProducto.vue?c0e8"],"names":["render","_vm","this","_c","_self","staticClass","attrs","on","$event","preventDefault","crearFamilia","apply","arguments","model","value","codigo","callback","$$v","expression","nombre","_v","directives","name","rawName","modelCategoria","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","val","_value","multiple","_l","categoria","item","domProps","_s","searchCategoria","getFamiliaCategoria","familias","length","_e","estado","_f","modal","eliminar","ref","slot","eCodigo","eFamilia","eCategoria","editar","closeModal","staticRenderFns","components","VuesticModal","VuesticSimpleSelect","InputComp","VuesticWidget","data","uuid","eId","methods","axios","id","categoriaId","document","console","then","filtros","field","operator","catch","title","text","type","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","computed","familia","created","filters","upperCase","component"],"mappings":"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,wBAAA,WACA2D,yBACAC,aACAnD,iCACAJ,mBACAwD,mCACAvB,kBACA,kBACA,mBACA,4DACA,iCACA,YACA,oBACAwB,iDACAC,yBACA,mBACAA,mBAGAvB,kBAAA,WACA,cACA,uBACA,sBACAmB,sEACAK,kBACAD,2BACA,uBAEAA,eACA,+BAEA7B,+BAAA,WACA,kBACA+B,SACA,CACAC,qBACA9D,8BACA+D,iBAIAR,qDACAK,kBACA,2BAEAI,mBAAA,0BAEApB,sBACA,gCAEAP,qBAAA,WACA,YACA4B,qCACAC,mBACAC,eACAC,oBACAC,6BACAC,yBACAC,0BACA,kBACA,SACAhB,8BACA7B,OACAQ,kBACAuB,8BACA,iBACA,wBACA,0EAKAd,kBAAA,uKACAY,mCACAC,YACAnD,qBACAJ,oBACAiC,gBACAuB,iCACA,kBACA,wBACA,4BACA,qEACA,uLAXAd,IAcA6B,UACA/C,qBACA,0DACA,gCAGAgD,mBACA,sCAGAC,mBACA,sCACA,qCAEAC,SACAC,sBACA,SACA,gBAEA,KCrPuX,I,wBCQnXC,EAAY,eACd,EACA3F,EACA2D,GACA,EACA,KACA,WACA,MAIa,aAAAgC,E","file":"js/chunk-2118d14c.349d2d62.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./familiaProducto.vue?vue&type=style&index=0&id=e7eb7c0a&prod&scoped=true&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"familiaProducto\"},[_c('vuestic-widget',{attrs:{\"header-text\":\"Familia Producto\"}},[_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.crearFamilia.apply(null, arguments)}}},[_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"input-group\"},[_c('input-comp',{attrs:{\"label\":\"Código\",\"id\":\"codigo\",\"required\":true,\"autofocus\":true},model:{value:(_vm.codigo),callback:function ($$v) {_vm.codigo=$$v},expression:\"codigo\"}})],1),_c('div',{staticClass:\"input-group\"},[_c('input-comp',{attrs:{\"label\":\"Nombre Familia\",\"id\":\"nombreFamilia\",\"required\":true,\"autofocus\":true,\"value\":_vm.nombre},model:{value:(_vm.nombre),callback:function ($$v) {_vm.nombre=$$v},expression:\"nombre\"}})],1),_c('div',{staticClass:\"input-group\"},[_c('label',{attrs:{\"for\":\"catego\"}},[_vm._v(\"Categoria\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.modelCategoria),expression:\"modelCategoria\"}],attrs:{\"required\":\"required\",\"name\":\"catego\",\"id\":\"catego\"},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.modelCategoria=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"\"}},[_vm._v(\"Seleccione...\")]),_vm._l((_vm.categoria),function(item){return _c('option',{domProps:{\"value\":item}},[_vm._v(\"\\n                            \"+_vm._s(item.nombre)+\"\\n                        \")])})],2),_c('i',{staticClass:\"bar\"})])]),_c('button',{staticClass:\"btn btn-info btn-micro\",attrs:{\"type\":\"submit\"}},[_vm._v(\"Crear Familia\")])])]),_c('vuestic-widget',{attrs:{\"header-text\":\"Familias\"}},[_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"input-group\"},[_c('label',{attrs:{\"for\":\"searchCategoria\"}},[_vm._v(\"Buscar por Categoria\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchCategoria),expression:\"searchCategoria\"}],attrs:{\"name\":\"searchCategoria\",\"id\":\"searchCategoria\"},on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.searchCategoria=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},_vm.getFamiliaCategoria]}},[_c('option',{attrs:{\"value\":\"\"}},[_vm._v(\"Seleccione...\")]),_vm._l((_vm.categoria),function(item){return _c('option',{domProps:{\"value\":item}},[_vm._v(\"\\n                        \"+_vm._s(item.nombre)+\"\\n                    \")])})],2),_c('i',{staticClass:\"bar\"})])]),_c('table',{staticClass:\"table table-bordered table-striped table-responsive-lg\"},[_c('thead',{staticClass:\"thead-light\"},[_c('tr',[_c('th',[_vm._v(\"Codigo\")]),_c('th',[_vm._v(\"Familia\")]),_c('th',[_vm._v(\"Categoria\")]),_c('th',[_vm._v(\"Estado\")]),_c('th',[_vm._v(\"Acciones\")])])]),_c('tbody',[(_vm.familias.length === 0)?_c('tr',[_c('td',{attrs:{\"colspan\":\"5\"}},[_vm._v(\"Seleccione Categoria...\")])]):_vm._e(),_vm._l((_vm.familias),function(item){return (item.estado === 'activo')?_c('tr',[_c('td',[_vm._v(_vm._s(item.codigo))]),_c('td',[_vm._v(_vm._s(item.nombre))]),_c('td',[_vm._v(_vm._s(_vm._f(\"upperCase\")(_vm.searchCategoria.nombre)))]),_c('td',[_vm._v(_vm._s(_vm._f(\"upperCase\")(item.estado)))]),_c('td',{attrs:{\"width\":\"9%\"}},[_c('i',{staticClass:\"fa fa-pencil\",on:{\"click\":function($event){return _vm.modal(item)}}}),_c('i',{staticClass:\"fa fa-remove\",on:{\"click\":function($event){return _vm.eliminar(item)}}})])]):_vm._e()})],2)])]),_c('vuestic-modal',{ref:\"staticModal\",attrs:{\"force\":true}},[_c('div',{attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(\"Editar Familia\")]),_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"input-group\"},[_c('input-comp',{attrs:{\"label\":\"Codigo\",\"value\":_vm.eCodigo,\"required\":true},model:{value:(_vm.eCodigo),callback:function ($$v) {_vm.eCodigo=$$v},expression:\"eCodigo\"}})],1),_c('div',{staticClass:\"input-group\"},[_c('input-comp',{attrs:{\"label\":\"Nombre Familia\",\"value\":_vm.eFamilia,\"required\":true},model:{value:(_vm.eFamilia),callback:function ($$v) {_vm.eFamilia=$$v},expression:\"eFamilia\"}})],1),_c('div',{staticClass:\"input-group\"},[_c('label',{attrs:{\"for\":\"eCategoria\"}},[_vm._v(\"Categoria\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.eCategoria),expression:\"eCategoria\"}],attrs:{\"id\":\"eCategoria\"},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.eCategoria=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"\"}},[_vm._v(\"Seleccione...\")]),_vm._l((_vm.categoria),function(item){return _c('option',{domProps:{\"value\":item}},[_vm._v(_vm._s(_vm._f(\"upperCase\")(item.nombre)))])})],2),_c('i',{staticClass:\"bar\"})])]),_c('button',{staticClass:\"btn btn-info btn-micro\",on:{\"click\":_vm.editar}},[_vm._v(\"Guardar\")]),_c('button',{staticClass:\"btn btn-danger btn-micro\",on:{\"click\":_vm.closeModal}},[_vm._v(\"Cerrar\")])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <!-- FALTA ELIMINAR, EDITAR -->\n    <div class=\"familiaProducto\">\n        <vuestic-widget header-text=\"Familia Producto\">\n            <form @submit.prevent=\"crearFamilia\">\n                <div class=\"form-group\">\n                    <div class=\"input-group\">\n                        <input-comp label=\"Código\"\n                                    id=\"codigo\"\n                                    :required=\"true\"\n                                    :autofocus=\"true\"\n                                    v-model=\"codigo\"/>\n                    </div>\n                    <div class=\"input-group\">\n                        <input-comp label=\"Nombre Familia\"\n                                    id=\"nombreFamilia\"\n                                    :required=\"true\"\n                                    :autofocus=\"true\"\n                                    :value=\"nombre\"\n                                    v-model=\"nombre\">\n\n                        </input-comp>\n                    </div>\n                    <div class=\"input-group\">\n                        <label for=\"catego\">Categoria</label>\n                        <select required=\"required\" v-model=\"modelCategoria\" name=\"catego\"\n                                id=\"catego\">\n                            <option value=\"\">Seleccione...</option>\n                            <option v-for=\"item in categoria\" :value=\"item\">\n                                {{item.nombre}}\n                            </option>\n                        </select>\n                        <i class=\"bar\"></i>\n                    </div>\n                </div>\n                <button type=\"submit\" class=\"btn btn-info btn-micro\">Crear Familia</button>\n            </form>\n        </vuestic-widget>\n        <vuestic-widget header-text=\"Familias\">\n            <div class=\"form-group\">\n                <div class=\"input-group\">\n                    <label for=\"searchCategoria\">Buscar por Categoria</label>\n                    <select @change=\"getFamiliaCategoria\" v-model=\"searchCategoria\" name=\"searchCategoria\"\n                            id=\"searchCategoria\">\n                        <option value=\"\">Seleccione...</option>\n                        <option v-for=\"item in categoria\" :value=\"item\">\n                            {{item.nombre}}\n                        </option>\n                    </select>\n                    <i class=\"bar\"></i>\n                </div>\n            </div>\n            <table class=\"table table-bordered table-striped table-responsive-lg\">\n                <thead class=\"thead-light\">\n                <tr>\n                    <th>Codigo</th>\n                    <th>Familia</th>\n                    <th>Categoria</th>\n                    <th>Estado</th>\n                    <th>Acciones</th>\n                </tr>\n                </thead>\n                <tbody>\n                <tr v-if=\"familias.length === 0\">\n                    <td colspan=\"5\">Seleccione Categoria...</td>\n                </tr>\n                <tr v-if=\"item.estado === 'activo'\" v-for=\"item in familias\">\n                    <td>{{item.codigo}}</td>\n                    <td>{{item.nombre}}</td>\n                    <td>{{searchCategoria.nombre | upperCase}}</td>\n                    <td>{{item.estado | upperCase}}</td>\n                    <td width=\"9%\">\n                        <i class=\"fa fa-pencil\" @click=\"modal(item)\"></i>\n                        <i class=\"fa fa-remove\" @click=\"eliminar(item)\"></i>\n                    </td>\n                </tr>\n                </tbody>\n            </table>\n        </vuestic-widget>\n        <vuestic-modal v-bind:force=\"true\" ref=\"staticModal\">\n            <div slot=\"title\">Editar Familia</div>\n            <div class=\"form-group\">\n                <div class=\"input-group\">\n                    <input-comp label=\"Codigo\"\n                                v-model=\"eCodigo\"\n                                :value=\"eCodigo\"\n                                :required=\"true\"\n                    />\n                </div>\n                <div class=\"input-group\">\n                    <input-comp label=\"Nombre Familia\"\n                                v-model=\"eFamilia\"\n                                :value=\"eFamilia\"\n                                :required=\"true\"\n                    />\n                </div>\n                <div class=\"input-group\">\n                    <label for=\"eCategoria\">Categoria</label>\n                    <select v-model=\"eCategoria\" id=\"eCategoria\">\n                        <option value=\"\">Seleccione...</option>\n                        <option :value=\"item\" v-for=\"item in categoria\">{{item.nombre | upperCase}}</option>\n                    </select>\n                    <i class=\"bar\"></i>\n                </div>\n            </div>\n            <button @click=\"editar\" class=\"btn btn-info btn-micro\">Guardar</button>\n            <button class=\"btn btn-danger btn-micro\" @click=\"closeModal\">Cerrar</button>\n        </vuestic-modal>\n    </div>\n</template>\n\n<script>\n    import axios from 'axios'\n    import {uuid} from 'vue-uuid'\n    import VuesticWidget from \"../../../vuestic-theme/vuestic-components/vuestic-widget/VuesticWidget\";\n    import InputComp from \"../../Componentes_Globales/Input/inputComp\";\n    import VuesticSimpleSelect\n        from \"../../../vuestic-theme/vuestic-components/vuestic-simple-select/VuesticSimpleSelect\";\n    import {URL_CATEGORIA, URL_FAMILIA, URL_SERVER} from \"../../../api/config\";\n    import VuesticModal from \"../../../vuestic-theme/vuestic-components/vuestic-modal/VuesticModal\";\n    import makeQuery from \"../../../api/helper\";\n\n    export default {\n        name: \"familiaProducto\",\n        components: {VuesticModal, VuesticSimpleSelect, InputComp, VuesticWidget},\n        data() {\n            return {\n                nombre: '',\n                eFamilia: '',\n                uuid: uuid.v4(),\n                modelCategoria: '',\n                eCategoria: '',\n                eId: '',\n                searchCategoria: '',\n                familias: [],\n                codigo: '',\n                eCodigo: '',\n            }\n        },\n        methods: {\n            crearFamilia() {\n                axios.post(URL_SERVER + URL_FAMILIA, {\n                    id: this.uuid,\n                    nombre: this.nombre.toUpperCase(),\n                    codigo: this.codigo,\n                    categoriaId: this.modelCategoria.id,\n                    estado: 'activo'\n                }).then((resp) => {\n                    this.uuid = uuid.v4()\n                    this.$swal('Creado!', 'Familia Creada Correctamente', 'success')\n                    this.$store.dispatch('loadFamilia')\n                    this.nombre = ''\n                    this.modelCategoria = ''\n                    document.getElementById('nombreFamilia').focus()\n                    console.log(resp.status)\n                }).catch(error => {\n                    console.log(error)\n                })\n            },\n            modal(item) {\n                this.eId = item.id\n                this.eFamilia = item.nombre\n                this.eCodigo = item.codigo\n                axios.get(`${URL_SERVER}${URL_CATEGORIA}/${item.categoria_id}`)\n                    .then(resp => {\n                        console.log(resp.data.nombre)\n                        this.eCategoria = resp.data\n                    })\n                console.log(item)\n                this.$refs.staticModal.open()\n            },\n            getFamiliaCategoria() {\n                const query = makeQuery({\n                    filtros: [\n                        {\n                            field: 'categoria_id',\n                            value: this.searchCategoria.id,\n                            operator: '='\n                        }\n                    ]\n                })\n                axios.get(`${URL_SERVER}${URL_FAMILIA}${query}`)\n                    .then(resp => {\n                        this.familias = resp.data.items\n                    })\n                    .catch(error => console.log(error))\n            },\n            closeModal() {\n                this.$refs.staticModal.close()\n            },\n            eliminar(item) {\n                this.$swal({\n                    title: 'Eliminar Familia de Producto',\n                    text: 'Está Seguro',\n                    type: 'warning',\n                    showCancelButton: true,\n                    confirmButtonColor: '#3085d6',\n                    cancelButtonColor: '#d33',\n                    confirmButtonText: 'Si!'\n                }).then((result) => {\n                    if (result.value) {\n                        axios.put(URL_SERVER + URL_FAMILIA, {\n                            ...item,\n                            estado: 'inactivo',\n                            categoriaId: item.categoria_id\n                        }).then(() => {\n                            this.getFamiliaCategoria()\n                            this.$swal('Correcto!', 'Categoria Eliminada Correctamente', 'success')\n                        })\n                    }\n                })\n            },\n            async editar() {\n                await axios.put(`${URL_SERVER + URL_FAMILIA}`, {\n                    id: this.eId,\n                    nombre: this.eFamilia,\n                    codigo: this.eCodigo,\n                    estado: 'activo',\n                    categoriaId: this.eCategoria.id\n                }).then(_ => {\n                    this.getFamiliaCategoria()\n                    this.$refs.staticModal.close()\n                    this.$swal('Correcto!', 'Familia editada correctamente...', 'success')\n                }).catch(e => this.$swal('Error!', `${e.response.data}`, 'error'))\n            }\n        },\n        computed: {\n            categoria() {\n                return this.$store.getters.categorias.filter(item => {\n                    return item.estado !== 'inactivo'\n                })\n            },\n            familia() {\n                return this.$store.getters.familias\n            }\n        },\n        created() {\n            this.$store.dispatch('loadCategoria')\n            this.$store.dispatch('loadFamilia')\n        },\n        filters: {\n            upperCase(text) {\n                if (text) {\n                    return text.toUpperCase()\n                } else {\n                    return text\n                }\n            }\n        }\n    }\n</script>\n\n<style scoped lang=\"scss\">\n    .input-group {\n        width: 50%;\n        margin-right: 10px;\n\n        label {\n            font-weight: bold;\n        }\n\n        select {\n            cursor: pointer;\n        }\n    }\n\n    tr td i {\n        margin: 10px;\n        display: inline-block;\n    }\n\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./familiaProducto.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./familiaProducto.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./familiaProducto.vue?vue&type=template&id=e7eb7c0a&scoped=true&\"\nimport script from \"./familiaProducto.vue?vue&type=script&lang=js&\"\nexport * from \"./familiaProducto.vue?vue&type=script&lang=js&\"\nimport style0 from \"./familiaProducto.vue?vue&type=style&index=0&id=e7eb7c0a&prod&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"e7eb7c0a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}