{"version":3,"sources":["webpack:///./src/views/financial/EditVehicles/EditVehicles.vue?6428","webpack:///src/views/financial/EditVehicles/EditVehicles.vue","webpack:///./src/views/financial/EditVehicles/EditVehicles.vue?101b","webpack:///./src/views/financial/EditVehicles/EditVehicles.vue","webpack:///./src/views/financial/EditVehicles/EditVehicles.vue?9782"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","scopedSlots","_u","key","fn","on","$event","updateTags","fetchVehiclesEdit","model","value","filters","callback","$$v","$set","expression","vehiclesTypes","proxy","allTags","length","removeTag","clearAllTags","vehiclesEdit","data","headers","content","setStatusValue","hasValue","saveVehiclesEdition","staticRenderFns","name","components","TheSubHeader","BaseButton","BaseTreeSelect","DataTable","Pagination","FiltersTag","plates","type","computed","mounted","fetchVehiclesTypes","methods","filter","$nextTick","push","formatInputStatus","status","i","optionSelected","id","handleOpenModal","text","$refs","confirmModal","open","component"],"mappings":"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","file":"js/chunk-1365db41.b53e32ff.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',{staticClass:\"Financial\"},[_c('TheSubHeader',{attrs:{\"icon\":\"money\",\"title\":\"Tipo de Veículo\",\"page-title-tag\":\"Financial Edit Vehicles\",\"type\":\"filter\",\"organizer-columns\":\"600px\"},scopedSlots:_vm._u([{key:\"filter\",fn:function(){return [_c('section',{staticClass:\"Financial__subheaderTab\"},[_c('BaseTreeSelect',{attrs:{\"name\":\"Placa\",\"label\":\"Placa\",\"placeholder\":\"Pesquisar\",\"multiple\":\"\",\"suggestions\":\"searchVehiclePlates\"},on:{\"input\":function($event){_vm.updateTags(), _vm.fetchVehiclesEdit()}},model:{value:(_vm.filters.plates),callback:function ($$v) {_vm.$set(_vm.filters, \"plates\", $$v)},expression:\"filters.plates\"}}),_c('BaseTreeSelect',{attrs:{\"name\":\"Tipo\",\"label\":\"Tipo\",\"multiple\":\"\",\"placeholder\":\"Selecione o tipo de veículo\",\"select-options\":_vm.vehiclesTypes},on:{\"input\":function($event){_vm.updateTags(), _vm.fetchVehiclesEdit()}},model:{value:(_vm.filters.type),callback:function ($$v) {_vm.$set(_vm.filters, \"type\", $$v)},expression:\"filters.type\"}})],1)]},proxy:true},(_vm.allTags.length > 0)?{key:\"tag\",fn:function(){return [_c('FiltersTag',{attrs:{\"tags\":_vm.allTags},on:{\"removeTag\":_vm.removeTag,\"clear\":_vm.clearAllTags}})]},proxy:true}:null],null,true)}),_c('section',{staticClass:\"Financial__content\"},[_c('DataTable',{attrs:{\"header\":_vm.vehiclesEdit.data.headers,\"table\":_vm.vehiclesEdit.data.content,\"max-size\":false},on:{\"select\":_vm.setStatusValue}}),_c('div',{staticClass:\"action-button-container\"},[_c('BaseButton',{staticClass:\"button\",attrs:{\"label\":\"Salvar\",\"color\":\"primary-base\",\"filled\":\"\",\"text-color\":\"white\",\"disabled\":!_vm.hasValue},on:{\"click\":_vm.saveVehiclesEdition}})],1),_c('Pagination',{on:{\"page\":_vm.fetchVehiclesEdit,\"paginate\":_vm.fetchVehiclesEdit}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <main class=\"Financial\">\n    <TheSubHeader\n      icon=\"money\"\n      title=\"Tipo de Veículo\"\n      page-title-tag=\"Financial Edit Vehicles\"\n      type=\"filter\"\n      organizer-columns=\"600px\"\n    >\n      <template #filter>\n        <section\n          class=\"Financial__subheaderTab\"\n        >     \n          <!-- Plates filter -->\n          <BaseTreeSelect\n            v-model=\"filters.plates\"\n            name=\"Placa\"\n            label=\"Placa\"\n            placeholder=\"Pesquisar\"\n            multiple\n            suggestions=\"searchVehiclePlates\"\n            @input=\"updateTags(), fetchVehiclesEdit()\"\n          />\n\n          <!-- Types filter -->\n          <BaseTreeSelect\n            v-model=\"filters.type\"\n            name=\"Tipo\"\n            label=\"Tipo\"\n            multiple\n            placeholder=\"Selecione o tipo de veículo\"\n            :select-options=\"vehiclesTypes\"\n            @input=\"updateTags(), fetchVehiclesEdit()\"\n          />\n        </section>\n      </template>\n\n      <!-- filters tag -->\n      <template v-if=\"allTags.length > 0\" #tag>\n        <FiltersTag :tags=\"allTags\" @removeTag=\"removeTag\" @clear=\"clearAllTags\" />\n      </template>\n    </TheSubHeader>\n\n    <section class=\"Financial__content\">\n      <DataTable\n        :header=\"vehiclesEdit.data.headers\"\n        :table=\"vehiclesEdit.data.content\"\n        :max-size=\"false\"\n        @select=\"setStatusValue\"\n      />\n\n      <!-- confirm status button -->\n      <div class=\"action-button-container\">\n        <BaseButton\n          label=\"Salvar\"\n          color=\"primary-base\"\n          class=\"button\"\n          filled\n          text-color=\"white\"\n          :disabled=\"!hasValue\"\n          @click=\"saveVehiclesEdition\"\n        />   \n      </div>\n      \n\n      <Pagination @page=\"fetchVehiclesEdit\" @paginate=\"fetchVehiclesEdit\" />\n    </section>\n  </main>\n</template>\n\n<script>\nimport { mapActions, mapState } from 'vuex'\nimport { TheSubHeader } from '@/components/organisms'\nimport { BaseButton, BaseTreeSelect } from '@/components/atoms'\nimport { Pagination, DataTable, FiltersTag } from '@/components/molecules'\nimport { financial } from '@/api'\n\nexport default {\n  name: 'EditVehicles',\n  components: {\n    TheSubHeader,\n    BaseButton,\n    BaseTreeSelect,\n    DataTable,\n    Pagination,\n    FiltersTag\n  },\n\n  data() {\n    return {\n      value: [],\n      filters: {\n        plates: [],\n        type: []\n      },\n      allTags: []\n    }\n  },\n  computed: {\n    ...mapState({\n      paginate: state => state.pagination.paginate,\n      page: state => state.pagination.page,\n      vehiclesEdit: state => state.financial.vehiclesEdit,\n      vehiclesTypes: state => state.financial.vehiclesTypes\n    }),\n\n    hasValue() {\n      return !!this.value.length\n    }\n  },\n\n  mounted() {\n    this.fetchVehiclesEdit()\n    this.fetchVehiclesTypes()\n  },\n\n  methods: {\n    ...mapActions({\n      setLoading: 'loading/setLoading',\n      clearPagination: 'pagination/clearPagination',\n      setPagination: 'pagination/setPagination',\n      fetchVehiclesEditHistory: 'financial/fetchVehiclesEdit',\n      fetchVehiclesTypes: 'financial/fetchVehiclesTypes'\n    }),\n\n    updateTags(){\n      this.allTags = [...this.filters.plates, ...this.filters.type]\n    },\n\n    removeTag(name, id){\n      this.allTags = this.allTags.filter((tag) => tag.id !== id)\n      this.filters.type = this.filters.type.filter((tag) => tag.name !== name)\n      this.filters.plates = this.filters.plates.filter((tag) => tag.name !== name)\n      this.fetchVehiclesEdit()\n    },\n\n    clearAllTags(){\n      this.allTags = []\n      this.filters.plates = []\n      this.filters.type = []\n      this.fetchVehiclesEdit()\n    },\n\n    setStatusValue(data) {\n      if(!data.inputs.find(el => el.optionSelected)) {\n        this.$nextTick(() => {\n          this.value = this.value.filter((v) => v.id !== data.id)\n        })\n      }\n\n      this.value = this.value.filter((v) => v.id !== data.id)\n      this.value.push(data)\n    },\n\n    async saveVehiclesEdition() {\n      this.setLoading(true)\n\n      const items = []\n\n      for (let i in this.value) {\n        const a = {\n          vehicle_id: this.value[i].id,\n          type_id: this.formatInputStatus(this.value[i].inputs)\n        }\n        items.push(a)\n      }\n\n      const body = {\n        vehicles: items\n      }\n\n      await financial.submitVehiclesEdit(body, (res) => {\n        this.$toast.success(res.message, { position: 'bottom-center' })\n        this.fetchVehiclesEdit()\n      }, (e) => e)\n      this.setLoading(false)\n    },\n\n    formatInputStatus(status) {\n      for (let i in status ) {\n        return status[i].optionSelected.id\n      }\n    },\n\n    async fetchVehiclesEdit() {\n      this.clearPagination(20)\n      \n      let payload = {\n        page: this.page,\n        paginate: this.paginate,\n        filters: {\n          type_id: this.filters.type,\n          id: this.filters.plates\n        }\n      }\n\n      await this.fetchVehiclesEditHistory(payload, (r) => r, (e) => e, () => this.setLoading(false))\n      this.setPagination(this.vehiclesEdit)\n    },\n\n    handleOpenModal(type, text) {\n      const data = {\n        type: type,\n        text: text\n      }\n      this.$refs.confirmModal.open(data)\n    },\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.Financial {\n  &__subheaderTab {\n    display: flex;\n    align-items: flex-end;\n    grid-gap: 1rem;\n      @media #{$mobile-view} {\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n    }\n  }\n\n  &__content {\n    margin: 0 auto;\n    max-width: 1180px;\n    width: 100%;\n    max-width: 1180px;\n    padding: 0 0 3rem 0;\n    @media (max-width: $viewport-lg) {\n      padding: 0 1rem 3rem 1rem;\n    }\n\n    /deep/ .DataTableSelect {\n      width: 300px;\n    }\n\n    /deep/ .DataTableSelect__Content {\n      width: 100%;\n      justify-content: flex-end;\n\n      .BaseMultiselect {\n        width: 300px;\n        padding: 5px;\n      }\n    }\n\n    .action-button-container {\n        display: flex;\n        justify-content: flex-end;\n        margin-top: 15px;\n        button {\n          width: 150px;\n          margin: 5px;\n          height: 30px;\n        }\n    }\n  }\n}\n</style>","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!./EditVehicles.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!./EditVehicles.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditVehicles.vue?vue&type=template&id=3d2d96d7&scoped=true&\"\nimport script from \"./EditVehicles.vue?vue&type=script&lang=js&\"\nexport * from \"./EditVehicles.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EditVehicles.vue?vue&type=style&index=0&id=3d2d96d7&lang=scss&scoped=true&\"\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  \"3d2d96d7\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditVehicles.vue?vue&type=style&index=0&id=3d2d96d7&lang=scss&scoped=true&\""],"sourceRoot":""}