{"version":3,"sources":["webpack:///./src/components/ui/filters/Filters.vue?9e55","webpack:///./src/components/ui/filters/Filters.vue","webpack:///src/components/ui/filters/Filters.vue","webpack:///./src/components/ui/filters/Filters.vue?e4ce","webpack:///./src/components/ui/filters/Filters.vue?e9bf"],"names":["render","_vm","this","_c","_self","staticClass","attrs","slot","model","value","nombre","callback","$$v","expression","email","cityList","city","on","$event","_e","clearAll","_v","_m","_l","filteredItems","item","estado","key","_s","staticStyle","ref","show","preventDefault","editar","apply","arguments","directives","name","rawName","eId","domProps","target","composing","eEstado","eNombre","successEdit","loading","modalClose","staticRenderFns","components","VuesticWidget","FilterBar","VuesticSimpleSelect","data","itemList","methods","created","computed","transporte","search","component"],"mappings":"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","file":"js/chunk-63cd425a.50c236eb.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!./Filters.vue?vue&type=style&index=0&id=e4e3aec6&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"filters-page\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{attrs:{\"slot\":\"body\"},slot:\"body\"},[_c('div',{staticClass:\"row filters-page__filter-bar-container\"},[_c('filter-bar',{staticClass:\"filters-page__filter-bar\",attrs:{\"label\":\"Nombre\"},model:{value:(_vm.nombre),callback:function ($$v) {_vm.nombre=$$v},expression:\"nombre\"}}),_c('filter-bar',{staticClass:\"filters-page__filter-bar\",attrs:{\"label\":\"Email\"},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}}),_c('vuestic-simple-select',{staticClass:\"filters-page__filter-bar\",attrs:{\"label\":\"City\",\"options\":_vm.cityList},model:{value:(_vm.city),callback:function ($$v) {_vm.city=$$v},expression:\"city\"}})],1)]),_c('div',{staticClass:\"filters-page__tags\"},[(_vm.nombre)?_c('vuestic-tag',{attrs:{\"name\":`Name: ${ _vm.nombre }`,\"removable\":\"\"},on:{\"remove\":function($event){_vm.nombre = ''}}}):_vm._e(),(_vm.email)?_c('vuestic-tag',{attrs:{\"name\":`Email: ${ _vm.email }`,\"removable\":\"\"},on:{\"remove\":function($event){_vm.email = ''}}}):_vm._e(),(_vm.city)?_c('vuestic-tag',{attrs:{\"name\":`City: ${ _vm.city }`,\"removable\":\"\"},on:{\"remove\":function($event){_vm.city = ''}}}):_vm._e(),(this.city || this.nombre || this.email)?_c('span',{staticClass:\"filters-page__clear-all-text\",on:{\"click\":_vm.clearAll}},[_vm._v(\"\\n            Clear all filters\\n          \")]):_vm._e()],1)])]),_c('div',{staticClass:\"table-responsive\"},[_c('table',{staticClass:\"table table-hover table-striped first-td-padding\"},[_vm._m(0),_c('tbody',_vm._l((_vm.filteredItems),function(item){return (item.estado === 'activo')?_c('tr',{key:item.email},[_c('td',[_vm._v(_vm._s(item.nombre))]),_c('td',[_vm._v(_vm._s(item.estado))]),_c('td',[_c('i',{staticClass:\"fa fa-pencil\",staticStyle:{\"margin\":\"10px\"},on:{\"click\":function($event){}}}),_c('i',{staticClass:\"fa fa-remove\"})])]):_vm._e()}),0)])]),_c('vuestic-modal',{ref:\"staticModal\",attrs:{\"show\":_vm.show,\"force\":true},on:{\"update:show\":function($event){_vm.show=$event}}},[_c('div',{attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(\"Editar Transporte\")]),_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.editar.apply(null, arguments)}}},[_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"input-group\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.eId),expression:\"eId\"}],attrs:{\"type\":\"text\",\"hidden\":\"\"},domProps:{\"value\":(_vm.eId)},on:{\"input\":function($event){if($event.target.composing)return;_vm.eId=$event.target.value}}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.eEstado),expression:\"eEstado\"}],attrs:{\"type\":\"text\",\"hidden\":\"\"},domProps:{\"value\":(_vm.eEstado)},on:{\"input\":function($event){if($event.target.composing)return;_vm.eEstado=$event.target.value}}}),_c('label',{attrs:{\"for\":\"eNombre\"}},[_vm._v(\"Nombre Transporte\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.eNombre),expression:\"eNombre\"}],staticClass:\"edit\",attrs:{\"autofocus\":\"\",\"id\":\"eNombre\",\"type\":\"text\"},domProps:{\"value\":(_vm.eNombre)},on:{\"input\":function($event){if($event.target.composing)return;_vm.eNombre=$event.target.value}}}),_c('i',{staticClass:\"bar edit\"})])]),(_vm.successEdit)?_c('vuestic-alert',{attrs:{\"with-close-btn\":true}},[_vm._v(_vm._s(_vm.successEdit))]):_vm._e(),(_vm.loading)?_c('atom-spinner',{staticClass:\"spinner\"}):_vm._e(),_c('button',{staticClass:\"btn btn-sm btn-info\",attrs:{\"type\":\"submit\"}},[_vm._v(\"Editar\")]),_c('button',{staticClass:\"btn btn-sm btn-danger\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.modalClose}},[_vm._v(\"Cerrar\")])],1)])],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('thead',{staticStyle:{\"background\":\"black\"}},[_c('tr',{staticStyle:{\"color\":\"white\"}},[_c('td',[_vm._v(\"Nombre\")]),_c('td',[_vm._v(\"Estado\")]),_c('td',[_vm._v(\"Acciones\")])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"filters-page\">\n      <div class=\"row\">\n        <div class=\"col-md-12\">\n          <div slot=\"body\">\n            <div class=\"row filters-page__filter-bar-container\">\n              <filter-bar\n                v-model=\"nombre\"\n                class=\"filters-page__filter-bar\"\n                label=\"Nombre\"\n              />\n              <filter-bar\n                v-model=\"email\"\n                class=\"filters-page__filter-bar\"\n                label=\"Email\"\n              />\n              <vuestic-simple-select\n                class=\"filters-page__filter-bar\"\n                label=\"City\"\n                v-model=\"city\"\n                :options=\"cityList\"\n              />\n            </div>\n          </div>\n          <div class=\"filters-page__tags\">\n            <vuestic-tag\n              v-if=\"nombre\"\n              :name=\"`Name: ${ nombre }`\"\n              removable\n              @remove=\"nombre = ''\"\n            />\n            <vuestic-tag\n              v-if=\"email\"\n              :name=\"`Email: ${ email }`\"\n              removable\n              @remove=\"email = ''\"\n            />\n            <vuestic-tag\n              v-if=\"city\"\n              :name=\"`City: ${ city }`\"\n              removable\n              @remove=\"city = ''\"\n            />\n            <span\n              v-if=\"this.city || this.nombre || this.email\"\n              class=\"filters-page__clear-all-text\"\n              @click=\"clearAll\"\n            >\n              Clear all filters\n            </span>\n          </div>\n        </div>\n      </div>\n      <div class=\"table-responsive\">\n        <table class=\"table table-hover table-striped first-td-padding\">\n          <thead style=\"background: black\" >\n          <tr style=\"color: white;\">\n            <td>Nombre</td>\n            <td>Estado</td>\n            <td>Acciones</td>\n          </tr>\n          </thead>\n          <tbody>\n          <tr v-if=\"item.estado === 'activo'\" v-for=\"item in filteredItems\" v-bind:key=\"item.email\">\n            <td>{{ item.nombre }}</td>\n            <td>{{item.estado}}</td>\n            <td>\n              <i @click=\"\" style=\"margin: 10px\" class=\"fa fa-pencil\"></i>\n              <i class=\"fa fa-remove\"></i>\n            </td>\n\n          </tr>\n          </tbody>\n        </table>\n      </div>\n    <vuestic-modal :show.sync=\"show\" v-bind:force=\"true\" ref=\"staticModal\">\n      <div slot=\"title\">Editar Transporte</div>\n      <form @submit.prevent=\"editar\">\n        <div class=\"form-group\">\n          <div class=\"input-group\">\n            <input type=\"text\" hidden v-model=\"eId\">\n            <input type=\"text\" hidden v-model=\"eEstado\">\n            <label for=\"eNombre\">Nombre Transporte</label>\n            <input autofocus class=\"edit\" id=\"eNombre\" type=\"text\" v-model=\"eNombre\" />\n            <i class=\"bar edit\"></i>\n          </div>\n        </div>\n        <vuestic-alert :with-close-btn=\"true\" v-if=\"successEdit\">{{successEdit}}</vuestic-alert>\n        <atom-spinner class=\"spinner\" v-if=\"loading\"></atom-spinner>\n        <button  class=\"btn btn-sm btn-info\" type=\"submit\">Editar</button>\n        <button  @click=\"modalClose\" class=\"btn btn-sm btn-danger\" type=\"button\">Cerrar</button>\n      </form>\n    </vuestic-modal>\n  </div>\n</template>\n\n<script>\nimport VuesticWidget\n  from '../../../vuestic-theme/vuestic-components/vuestic-widget/VuesticWidget'\nimport FilterBar\n  from '../../../vuestic-theme/vuestic-components/vuestic-datatable/datatable-components/FilterBar.vue'\nimport VuesticSimpleSelect\n  from '../../../vuestic-theme/vuestic-components/vuestic-simple-select/VuesticSimpleSelect'\nexport default {\n  name: 'filters',\n  components: {\n    VuesticWidget, FilterBar, VuesticSimpleSelect\n  },\n  data () {\n    return {\n      nombre: '',\n      email: '',\n      city: '',\n      cityList: cityList,\n      itemList: itemList,\n    }\n  },\n  methods: {\n    clearAll () {\n      this.nombre = ''\n      this.email = ''\n      this.city = ''\n    }\n  },\n  created(){\n    this.$store.dispatch('loadTransporte')\n  },\n  computed: {\n    transporte(){\n      return this.$store.getters.transportes;\n    },\n    filteredItems () {\n      let filteredItems = this.transporte;\n      if (this.nombre) {\n        filteredItems = filteredItems.filter(item => item.nombre.toUpperCase()\n          .search(this.nombre.toUpperCase()) !== -1)\n      }\n      if (this.email) {\n        filteredItems = filteredItems.filter(item => item.email.toUpperCase()\n          .search(this.email.toUpperCase()) !== -1)\n      }\n      if (this.city) {\n        filteredItems = filteredItems.filter(item => item.city.toUpperCase()\n          .search(this.city.toUpperCase()) !== -1)\n      }\n      return filteredItems\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.filters-page {\n  &__tags {\n    display: flex;\n  }\n  &__filter-bar {\n    width: 300px;\n  }\n  &__filter-bar-container {\n    margin: 0;\n    justify-content: space-between;\n  }\n  &__table-heading {\n    color: $vue-green\n  }\n  &__collapse {\n    .vuestic-collapse__body {\n      background-color: white;\n    }\n  }\n  &__clear-all-text {\n    cursor: pointer;\n    color: $vue-green;\n    margin-top: 0.3rem;\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!./Filters.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!./Filters.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Filters.vue?vue&type=template&id=e4e3aec6&\"\nimport script from \"./Filters.vue?vue&type=script&lang=js&\"\nexport * from \"./Filters.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Filters.vue?vue&type=style&index=0&id=e4e3aec6&prod&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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}