{"version":3,"sources":["webpack:///./src/views/vehicles/Vehicles.vue?0531","webpack:///src/views/vehicles/Vehicles.vue","webpack:///./src/views/vehicles/Vehicles.vue?1d21","webpack:///./src/views/vehicles/Vehicles.vue","webpack:///./src/views/vehicles/Vehicles.vue?613f","webpack:///./src/views/vehicles/Vehicles.vue?8617"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","scopedSlots","_u","key","fn","on","$event","resetSearch","model","value","filter","callback","$$v","$set","expression","proxy","allTags","removeTag","clearAllTags","vehicles","data","headers","content","editVehicle","openDeleteVehicle","openLinkDriver","openUnlinkDriver","addDriver","openDriverInfo","search","confirmDelete","cancelDelete","_e","confirmUnlink","cancelUnlink","cancelLink","_v","_s","vehiclePlate","driverToLink","linkVehicle","cancelDriverInfo","driverInfo","name","DriverInfoPhoneMasked","email","staticRenderFns","components","DataTable","BaseButton","BaseTreeSelect","TheSubHeader","Pagination","Dialog","FiltersTag","Modal","id","plate","driverToUnlink","vehicleId","phone","showDeleteVehicle","showUnlinkVehicle","showLinkVehicle","showDriverInfo","computed","Mask","filteredPlate","mounted","methods","$router","push","path","row","driver_id","query","vehicle_id","unlinkVehicle","deleteVehicle","updateTags","clearPagination","then","obj","paginate","page","setParameters","fetchVehicles","params","component"],"mappings":"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","file":"js/Vehicles.7a118e34.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',{staticClass:\"Vehicles\"},[_c('TheSubHeader',{attrs:{\"icon\":\"truck\",\"title\":\"Veículos\",\"page-title-tag\":\"Vehicles\",\"type\":\"filter\",\"actions\":['addnew'],\"organizer-gap\":\"1rem\",\"organizer-columns\":\"1fr\"},scopedSlots:_vm._u([{key:\"filter\",fn:function(){return [_c('BaseTreeSelect',{attrs:{\"name\":\"Placa\",\"label\":\"Placa\",\"placeholder\":\"Pesquisar\",\"multiple\":\"\",\"allow-create\":\"\"},on:{\"input\":function($event){return _vm.resetSearch()}},model:{value:(_vm.filter.plate),callback:function ($$v) {_vm.$set(_vm.filter, \"plate\", $$v)},expression:\"filter.plate\"}})]},proxy:true},(_vm.allTags.length)?{key:\"tag\",fn:function(){return [_c('FiltersTag',{attrs:{\"tags\":_vm.allTags},on:{\"removeTag\":_vm.removeTag,\"clear\":_vm.clearAllTags}})]},proxy:true}:null],null,true)}),_c('div',{staticClass:\"Vehicles__Content\"},[_c('div',{staticClass:\"Vehicles__Table\"},[_c('DataTable',{attrs:{\"header\":_vm.vehicles.data.headers,\"table\":_vm.vehicles.data.content,\"is-sticky\":\"\"},on:{\"edit\":_vm.editVehicle,\"remove\":_vm.openDeleteVehicle,\"linkDriver\":_vm.openLinkDriver,\"unlinkDriver\":_vm.openUnlinkDriver,\"addDriver\":_vm.addDriver,\"showDriver\":_vm.openDriverInfo}}),_c('Pagination',{on:{\"page\":function($event){return _vm.search()},\"paginate\":function($event){return _vm.search()}}})],1)]),(_vm.showDeleteVehicle)?_c('Dialog',{attrs:{\"warning\":\"Tem certeza que deseja remover esse veículo?\",\"label-confirm\":\"Sim\",\"label-cancel\":\"Não\"},on:{\"confirm\":_vm.confirmDelete,\"cancel\":_vm.cancelDelete}}):_vm._e(),(_vm.showUnlinkVehicle)?_c('Dialog',{attrs:{\"warning\":\"Tem certeza que deseja desvincular o motorista desse veículo?\",\"label-confirm\":\"Sim\",\"label-cancel\":\"Não\"},on:{\"confirm\":_vm.confirmUnlink,\"cancel\":_vm.cancelUnlink}}):_vm._e(),(_vm.showLinkVehicle)?_c('Modal',{staticClass:\"Vehicles__Modal\",on:{\"close\":_vm.cancelLink},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('div',{staticClass:\"Vehicles__ModalHeader\"},[_c('span',[_vm._v(\"Vincular motorista ao veículo: \"),_c('strong',[_vm._v(_vm._s(_vm.vehiclePlate))])])])]},proxy:true},{key:\"body\",fn:function(){return [_c('div',{staticClass:\"Vehicles__ModalBody\"},[_c('BaseTreeSelect',{attrs:{\"name\":\"Motorista\",\"label\":\"Motorista\",\"placeholder\":\"Pesquisar\",\"suggestions\":\"searchDriversWithoutVehicle\"},on:{\"input\":function($event){return _vm.resetSearch()}},model:{value:(_vm.driverToLink),callback:function ($$v) {_vm.driverToLink=$$v},expression:\"driverToLink\"}}),_c('BaseButton',{attrs:{\"label\":\"Vincular\",\"theme\":\"icon-left\",\"filled\":\"\",\"color\":\"primary-base\",\"text-color\":\"white\",\"disabled\":_vm.driverToLink === null},on:{\"click\":_vm.linkVehicle}})],1)]},proxy:true}],null,false,2659185552)}):_vm._e(),(_vm.showDriverInfo)?_c('Modal',{staticClass:\"Vehicles__Modal\",on:{\"close\":_vm.cancelDriverInfo},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('div',{staticClass:\"Vehicles__ModalHeader\"},[_c('span',[_vm._v(\"Motorista vinculado ao veículo: \"),_c('strong',[_vm._v(_vm._s(_vm.vehiclePlate))])])])]},proxy:true},{key:\"body\",fn:function(){return [_c('div',{staticClass:\"Vehicles__ModalBody\"},[_c('p',[_c('strong',[_vm._v(\"Nome:\")]),_vm._v(\" \"+_vm._s(_vm.driverInfo.name))]),_c('p',[_c('strong',[_vm._v(\"Telefone:\")]),_vm._v(\" \"+_vm._s(_vm.DriverInfoPhoneMasked))]),_c('p',[_c('strong',[_vm._v(\"Email:\")]),_vm._v(\" \"+_vm._s(_vm.driverInfo.email))])])]},proxy:true}],null,false,1097439111)}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <main class=\"Vehicles\">\n    <TheSubHeader\n      icon=\"truck\"\n      title=\"Veículos\"\n      page-title-tag=\"Vehicles\"\n      type=\"filter\"\n      :actions=\"['addnew']\"\n      organizer-gap=\"1rem\"\n      organizer-columns=\"1fr\"\n    >\n      <template #filter>\n        <!-- Plate -->\n        <BaseTreeSelect\n          v-model=\"filter.plate\"\n          name=\"Placa\"\n          label=\"Placa\"\n          placeholder=\"Pesquisar\"\n          multiple\n          allow-create\n          @input=\"resetSearch()\"\n        />\n      </template>\n      <template v-if=\"allTags.length\" #tag>\n        <FiltersTag :tags=\"allTags\" @removeTag=\"removeTag\" @clear=\"clearAllTags\" />\n      </template>\n    </TheSubHeader>\n    <div class=\"Vehicles__Content\">\n      <div class=\"Vehicles__Table\">\n        <DataTable\n          :header=\"vehicles.data.headers\"\n          :table=\"vehicles.data.content\"\n          is-sticky\n          @edit=\"editVehicle\"\n          @remove=\"openDeleteVehicle\"\n          @linkDriver=\"openLinkDriver\"\n          @unlinkDriver=\"openUnlinkDriver\"\n          @addDriver=\"addDriver\"\n          @showDriver=\"openDriverInfo\"\n        />\n        <Pagination @page=\"search()\" @paginate=\"search()\" />\n      </div>\n    </div>\n    <Dialog\n      v-if=\"showDeleteVehicle\"\n      warning=\"Tem certeza que deseja remover esse veículo?\"\n      label-confirm=\"Sim\"\n      label-cancel=\"Não\"\n      @confirm=\"confirmDelete\"\n      @cancel=\"cancelDelete\"\n    />\n    <Dialog\n      v-if=\"showUnlinkVehicle\"\n      warning=\"Tem certeza que deseja desvincular o motorista desse veículo?\"\n      label-confirm=\"Sim\"\n      label-cancel=\"Não\"\n      @confirm=\"confirmUnlink\"\n      @cancel=\"cancelUnlink\"\n    />\n    <Modal v-if=\"showLinkVehicle\" class=\"Vehicles__Modal\" @close=\"cancelLink\">\n      <template #header>\n        <div class=\"Vehicles__ModalHeader\">\n          <span>Vincular motorista ao veículo: <strong>{{ vehiclePlate }}</strong></span>\n        </div>\n      </template>\n      <template #body>\n        <div class=\"Vehicles__ModalBody\">\n          <!-- Driver -->\n          <BaseTreeSelect\n            v-model=\"driverToLink\"\n            name=\"Motorista\"\n            label=\"Motorista\"\n            placeholder=\"Pesquisar\"\n            suggestions=\"searchDriversWithoutVehicle\"\n            @input=\"resetSearch()\"\n          />\n          <BaseButton\n            label=\"Vincular\"\n            theme=\"icon-left\"\n            filled\n            color=\"primary-base\"\n            text-color=\"white\"\n            :disabled=\"driverToLink === null\"\n            @click=\"linkVehicle\"\n          />\n        </div>\n      </template>\n    </Modal>\n    <Modal v-if=\"showDriverInfo\" class=\"Vehicles__Modal\" @close=\"cancelDriverInfo\">\n      <template #header>\n        <div class=\"Vehicles__ModalHeader\">\n          <span>Motorista vinculado ao veículo: <strong>{{ vehiclePlate }}</strong></span>\n        </div>\n      </template>\n      <template #body>\n        <div class=\"Vehicles__ModalBody\">\n          <p><strong>Nome:</strong> {{ driverInfo.name }}</p>\n          <p><strong>Telefone:</strong> {{ DriverInfoPhoneMasked }}</p>\n          <p><strong>Email:</strong> {{ driverInfo.email }}</p>\n        </div>\n      </template>\n    </Modal>\n  </main>\n</template>\n\n<script>\nimport { BaseTreeSelect, BaseButton } from '@/components/atoms'\nimport { Pagination, Dialog, DataTable, FiltersTag, Modal } from '@/components/molecules'\nimport { TheSubHeader } from '@/components/organisms'\nimport { mapActions, mapState } from 'vuex'\nimport Mask from '@/plugins/mask/Mask.js'\nimport { vehicles } from '@/api'\n\nexport default {\n  name: 'Vehicles',\n  components: {\n    DataTable,\n    BaseButton,\n    BaseTreeSelect,\n    TheSubHeader,\n    Pagination,\n    Dialog,\n    FiltersTag,\n    Modal\n  },\n  data() {\n    return {\n      filter: {\n        id: [],\n        plate: [],\n      },\n      driverToLink: null,\n      driverToUnlink: null,\n      vehicleId: null,\n      driverInfo: {\n        name: null,\n        phone: null,\n        email: null,\n      },\n      showDeleteVehicle: false,\n      showUnlinkVehicle: false,\n      showLinkVehicle: false,\n      showDriverInfo: false,\n      vehiclePlate: null,\n      allTags: []\n    }\n  },\n\n  computed:{\n    ...mapState({\n      transporters: state => state.transporters.transporters,\n      vehicles: state => state.vehicles.vehicles,\n      stores: state => state.stores.stores,\n      queryString: state => state.queryString.queryString,\n      page: state => state.pagination.page,\n      paginate: state => state.pagination.paginate,\n    }),\n\n    DriverInfoPhoneMasked() {\n      return this.driverInfo.phone ? Mask.phone(this.driverInfo.phone) : null\n    },\n\n    filteredPlate() {\n      return this.filter.plate\n    }\n  },\n  \n  mounted() {\n    this.search()\n  },\n\n  methods:{\n    ...mapActions({\n      fetchVehicles: 'vehicles/fetchVehicles',\n      deleteVehicle: 'vehicles/deleteVehicle',\n      setParameters: 'queryString/setParameters',\n      setLoading: 'loading/setLoading',\n      clearPagination: 'pagination/clearPagination',\n      setPagination: 'pagination/setPagination'\n    }),\n\n    editVehicle(row) {\n      this.$router.push({\n        path: `/vehicles/${row.id}`\n      })\n    },\n\n    openDeleteVehicle(row) {\n      this.vehicleId = row.id\n      this.showDeleteVehicle = true\n    },\n\n    openLinkDriver(row) {\n      this.driverToLink = null\n      this.vehicleId = row.id\n      this.vehiclePlate = Mask.carPlate(row.plate)\n      this.showLinkVehicle = true\n    },\n\n    openUnlinkDriver(row) {\n      this.vehicleId = row.id\n      this.driverToUnlink = row.driver_id\n      this.showUnlinkVehicle = true\n    },\n\n    openDriverInfo(row) {\n      this.vehiclePlate = Mask.carPlate(row.plate)\n      this.driverInfo.name = row['driver.name']\n      this.driverInfo.email = row['driver.email']\n      this.driverInfo.phone = row['driver.phone']\n      this.showDriverInfo = true\n    },\n\n    addDriver(row) {\n      this.$router.push({\n        path: '/drivers/add',\n        query: {\n          vehicleId: row.id\n        }\n      })\n    },\n\n    linkVehicle() {\n      let data = {\n        vehicle_id: this.vehicleId,\n        driver_id: this.driverToLink.id\n      }\n      vehicles.linkVehicle(data, () => {\n        this.showLinkVehicle = false\n        this.search()\n      }, (e) => e)\n    },\n\n    unlinkVehicle() {\n      let data = {\n        driver_id: this.driverToUnlink,\n      }\n      vehicles.unlinkVehicle(data, () => {\n        this.showUnlinkVehicle = false\n        this.search()\n      }, (e) => e)\n    },\n\n    confirmDelete() {\n      this.deleteVehicle({ id: this.vehicleId })\n      this.showDeleteVehicle = false\n    },\n\n    cancelDelete() {\n      this.showDeleteVehicle = false\n    },\n\n    confirmUnlink() {\n      this.unlinkVehicle()\n      this.showUnlinkVehicle = false\n    },\n\n    cancelUnlink() {\n      this.showUnlinkVehicle = false\n    },\n\n    cancelLink() {\n      this.showLinkVehicle = false\n    },\n\n    cancelDriverInfo() {\n      this.showDriverInfo = false\n    },\n\n    updateTags(){\n      this.allTags = [...this.filter.id, ...this.filter.plate]\n    },\n\n    removeTag(name, id){\n      this.allTags = this.allTags.filter((tag) => tag.id !== id)\n      this.filter.id = this.filter.id.filter((tag) => tag.name !== name)\n      this.filter.plate = this.filter.plate.filter((tag) => tag.name !== name)\n      \n\n      this.resetSearch()\n    },\n\n    clearAllTags(){\n      this.filter.allTags = []\n      this.filter.id = []\n      this.filter.plate = []\n\n      this.resetSearch()\n    },\n\n    resetSearch() {\n      this.clearPagination().then(() => this.search())\n    },\n\n    search(){\n\n      const params = {\n        obj: {\n          // driver_id: this.filter.id,\n          plate: this.filteredPlate\n        },\n        paginate: this.paginate,\n        page: this.page\n      }\n      \n      this.updateTags()\n      this.setParameters(this.filter)\n      this.fetchVehicles(params).then(() => this.setPagination(this.vehicles))\n      \n    },\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.Vehicles {\n  &__Content{\n    display: grid;\n    grid-template-columns: 1fr minmax(min-content, 1180px) 1fr;\n    grid-template-areas: \". main .\";\n    grid-column-gap: 1rem;\n  }\n  &__Table{\n    grid-area: main;\n    margin-bottom: 50px;\n  }\n}\n</style>\n<style lang=\"scss\">\n.Vehicles {\n  &__Table{\n    .DataTable__tr .DataTableTd:nth-of-type(5) .DataTable--limit,\n    .DataTable__tr .DataTableTd:nth-of-type(7) .DataTable--limit {\n      max-width: initial;\n    }\n  }\n  &__Modal {\n    .Modal__container {\n      height: auto;\n      max-height: 90%;\n      width: auto;\n      max-width: 90%;\n      overflow: initial;\n      width: 100%;\n      max-width: 420px;\n    }\n    .Modal__containerBody {\n      height: auto;\n\n      p {\n        margin: 0 0 5px;\n      }\n    }\n  }\n  &__ModalHeader {\n    height: 100%;\n    display: flex;\n    align-items: center;\n    padding: 0 3rem 0 0.5rem;\n  }\n  &__ModalBody {\n    padding: 1rem;\n    height: auto;\n    display: flex;\n    flex-direction: column;\n\n    .searchDrivers {\n      margin-bottom: 20px !important;\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!./Vehicles.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!./Vehicles.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Vehicles.vue?vue&type=template&id=05db545f&scoped=true&\"\nimport script from \"./Vehicles.vue?vue&type=script&lang=js&\"\nexport * from \"./Vehicles.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Vehicles.vue?vue&type=style&index=0&id=05db545f&lang=scss&scoped=true&\"\nimport style1 from \"./Vehicles.vue?vue&type=style&index=1&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  \"05db545f\",\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!./Vehicles.vue?vue&type=style&index=0&id=05db545f&lang=scss&scoped=true&\"","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!./Vehicles.vue?vue&type=style&index=1&lang=scss&\""],"sourceRoot":""}