{"version":3,"sources":["webpack:///./src/views/transporters/Form/TransportersForm.vue?2e2d","webpack:///./src/views/transporters/Form/TransportersForm.blueprint.js","webpack:///src/views/transporters/Form/TransportersForm.vue","webpack:///./src/views/transporters/Form/TransportersForm.vue?4a35","webpack:///./src/views/transporters/Form/TransportersForm.vue","webpack:///./src/views/transporters/Form/TransportersForm.vue?21f0"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","tab","on","$event","changeCurrentTab","scopedSlots","_u","key","fn","trackSubheaderButtonString","$router","push","proxy","currentTab","ref","form","blueprint","isEdit","transporterId","allowToggleStatus","permissions","transportersDetail","transportersInative","endpointErrors","setAddress","onSubmit","_e","model","value","callback","$$v","drivers","expression","bindDriver","resetSearch","filters","$set","statusOpt","transportersDrivers","data","headers","content","unBindDriver","search","staticRenderFns","id","tag","rules","props","label","invalidLabel","mask","fields","zip","address","number","complement","neighborhood","city","state_id","flex","name","list","theme","color","textColor","icon","type","filled","components","DataTable","BaseTreeSelect","TheSubHeader","DynamicForm","Pagination","BaseButton","razao_social","cnpj","phone","email","status_id","driversSelect","statusSelected","status","computed","$route","params","mounted","fetchTransporter","methods","e","clearPagination","then","obj","paginate","page","fetchTransportersDrivers","component"],"mappings":"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","file":"js/TransportersForm.2e395298.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',{staticClass:\"TransportersForm\"},[_c('TheSubHeader',{attrs:{\"icon\":\"truck-delivery\",\"title\":\"Cadastro da transportadora\",\"page-title-tag\":\"Transporters Form\",\"type\":\"tabs\",\"tabs\":_vm.tab,\"organizer-gap\":\"1rem\"},on:{\"changeTab\":function($event){return _vm.changeCurrentTab($event)}},scopedSlots:_vm._u([{key:\"afterButtons\",fn:function(){return [_c('BaseButton',{attrs:{\"icon\":\"chevron-left-alt\",\"label\":\"voltar\",\"theme\":\"icon-left\",\"track\":_vm.trackSubheaderButtonString('Transporters Form', 'back')},on:{\"click\":function($event){return _vm.$router.push('/transporters')}}})]},proxy:true},{key:\"filter\",fn:function(){return [(_vm.currentTab === 0)?_c('section',{staticClass:\"tab1\"},[_c('DynamicForm',{ref:\"form\",staticClass:\"TransportersForm__form\",attrs:{\"model\":_vm.form,\"blueprint\":_vm.blueprint({isEdit: !!_vm.transporterId, allowToggleStatus: _vm.permissions.transportersDetail.transportersInative}),\"endpoint-errors\":_vm.endpointErrors},on:{\"setAddress\":_vm.setAddress,\"submit\":_vm.onSubmit}})],1):_vm._e(),(_vm.currentTab === 1)?_c('section',{staticClass:\"tab1\"},[_c('div',{staticClass:\"TransportersForm__bindFilters\"},[_c('BaseTreeSelect',{staticClass:\"TransportersForm__linkDrivers\",attrs:{\"name\":\"Vincular Motorista\",\"label\":\"Vincular Motorista\",\"placeholder\":\"Vincular por placa ou nome\",\"multiple\":\"\",\"suggestions\":\"searchDriversTransporterNot\"},model:{value:(_vm.drivers),callback:function ($$v) {_vm.drivers=$$v},expression:\"drivers\"}}),_c('BaseButton',{staticClass:\"TransportersForm__BindBtn\",attrs:{\"label\":\"Vincular\",\"theme\":\"simple\",\"filled\":\"\",\"color\":\"primary-base\",\"text-color\":\"white\"},on:{\"click\":_vm.bindDriver}})],1)]):_vm._e()]},proxy:true}])}),(_vm.currentTab === 1)?_c('section',{staticClass:\"TransportersForm__drivers\"},[_c('div',{staticClass:\"TransportersForm__driversContent\"},[_c('div',{staticClass:\"TransportersForm__bind\"},[_c('BaseTreeSelect',{staticClass:\"TransportersForm__linkDrivers\",attrs:{\"name\":\"Pesquisar Motorista\",\"label\":\"Pesquisar Motorista\",\"placeholder\":\"Pesquisar por placa ou nome\",\"multiple\":\"\",\"suggestions\":\"searchDriversUnbindedToTransporters\",\"suggestions-params\":_vm.transporterId},on:{\"input\":function($event){return _vm.resetSearch()}},model:{value:(_vm.filters.driversSelect),callback:function ($$v) {_vm.$set(_vm.filters, \"driversSelect\", $$v)},expression:\"filters.driversSelect\"}}),_c('BaseTreeSelect',{attrs:{\"name\":\"Status\",\"label\":\"Status\",\"placeholder\":\"Selecione\",\"select-options\":_vm.statusOpt},on:{\"input\":function($event){return _vm.resetSearch()}},model:{value:(_vm.filters.statusSelected),callback:function ($$v) {_vm.$set(_vm.filters, \"statusSelected\", $$v)},expression:\"filters.statusSelected\"}})],1),_c('div',{staticClass:\"TransportersForm__table\"},[_c('DataTable',{attrs:{\"header\":_vm.transportersDrivers.data.headers,\"table\":_vm.transportersDrivers.data.content},on:{\"remove\":_vm.unBindDriver}}),_c('Pagination',{on:{\"page\":function($event){return _vm.search()},\"paginate\":function($event){return _vm.search()}}})],1)])]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default ({isEdit, allowToggleStatus}) => {\n  return [\n    {\n      id: 'name',\n      model: 'name',\n      tag: 'InputGroup',\n      rules: ['required'],\n      props: {\n        label: 'Nome',\n        invalidLabel: 'Insira um nome'\n      }\n    },\n    {\n      id: 'razao_social',\n      model: 'razao_social',\n      tag: 'InputGroup',\n      rules: ['required'],\n      props: {\n        label: 'Razão social',\n        invalidLabel: 'Insira a razão social'\n      }\n    },\n    {\n      id: 'cnpj',\n      model: 'cnpj',\n      tag: 'InputGroup',\n      rules: ['required', 'cnpj'],\n      props: {\n        label: 'CNPJ',\n        mask: 'cnpj',\n        invalidLabel: 'Insira um CNPJ'\n      }\n    },\n    {\n      id: 'phone',\n      model: 'phone',\n      tag: 'InputGroup',\n      rules: ['phone'],\n      props: {\n        label: 'Celular',\n        mask: 'phone',\n        invalidLabel: 'Insira um número de Celular'\n      }\n    },\n    {\n      id: 'email',\n      model: 'email',\n      tag: 'InputGroup',\n      rules: ['email'],\n      props: {\n        label: 'E-mail',\n        invalidLabel: 'Insira um E-mail válido'\n      }\n    },\n\n\n    {\n      id: 'address',\n      tag: 'InputAddress',\n      props: {\n        fields: {\n          zip: 'zip',\n          address: 'address',\n          number: 'number',\n          complement: 'complement',\n          neighborhood: 'neighborhood',\n          city: 'city',\n          state_id: 'state_id'\n        }\n      }\n    },\n\n    {\n      id: 'type',\n      model: 'type',\n      tag: 'BaseRadioGroup',\n      rules: ['required'],\n      props: {\n        label: 'Tipo de operação:',\n        flex: true,\n        name: 'type',\n        list: [\n          {id: 0, name: 'Redespacho Agenciadora', value: 'redespacho_agenciadora'},\n          {id: 1, name: 'Transferência Interestadual', value: 'transferencia_interestadual'}\n        ]\n      }\n    },\n\n    ...(isEdit && allowToggleStatus ? [{\n      id: 'status_id',\n      tag: 'ButtonToggle',\n      model: 'status_id',\n      props: {\n        name: 'Transportadora'\n      },\n    }] : []),\n\n    {\n      id: 'confirm',\n      tag: 'BaseButton',\n      props: {\n        label: 'Salvar Alterações',\n        theme: 'icon-right',\n        color: 'primary-base',\n        textColor: 'white',\n        icon: 'save',\n        type: 'submit',\n        filled: true\n      }\n    }\n  ]\n}","<template>\n  <main class=\"TransportersForm\">\n    <TheSubHeader\n      icon=\"truck-delivery\"\n      title=\"Cadastro da transportadora\"\n      page-title-tag=\"Transporters Form\"\n      type=\"tabs\"\n      :tabs=\"tab\"\n      organizer-gap=\"1rem\"\n      @changeTab=\"changeCurrentTab($event)\"\n    >\n      <template #afterButtons>\n        <BaseButton\n          icon=\"chevron-left-alt\"\n          label=\"voltar\"\n          theme=\"icon-left\"\n          :track=\"trackSubheaderButtonString('Transporters Form', 'back')\"\n          @click=\"$router.push('/transporters')\"\n        />\n      </template>\n      <template #filter>\n        <section v-if=\"currentTab === 0\" class=\"tab1\">\n          <DynamicForm\n            ref=\"form\"\n            class=\"TransportersForm__form\"\n            :model=\"form\"\n            :blueprint=\"blueprint({isEdit: !!transporterId, allowToggleStatus: permissions.transportersDetail.transportersInative})\"\n            :endpoint-errors=\"endpointErrors\"\n            @setAddress=\"setAddress\"\n            @submit=\"onSubmit\"\n          />\n        </section>\n        <section v-if=\"currentTab === 1\" class=\"tab1\">\n          <div class=\"TransportersForm__bindFilters\">\n            <BaseTreeSelect\n              v-model=\"drivers\"\n              class=\"TransportersForm__linkDrivers\"\n              name=\"Vincular Motorista\"\n              label=\"Vincular Motorista\"\n              placeholder=\"Vincular por placa ou nome\"\n              multiple\n              suggestions=\"searchDriversTransporterNot\"\n            />\n            <BaseButton\n              label=\"Vincular\"\n              class=\"TransportersForm__BindBtn\"\n              theme=\"simple\"\n              filled\n              color=\"primary-base\"\n              text-color=\"white\"\n              @click=\"bindDriver\"\n            />\n          </div>\n        </section>\n      </template>\n    </TheSubHeader>\n\n    <section v-if=\"currentTab === 1\" class=\"TransportersForm__drivers\">\n      <div class=\"TransportersForm__driversContent\">\n        <div class=\"TransportersForm__bind\">\n          <!-- Driver -->\n          <BaseTreeSelect\n            v-model=\"filters.driversSelect\"\n            class=\"TransportersForm__linkDrivers\"\n            name=\"Pesquisar Motorista\"\n            label=\"Pesquisar Motorista\"\n            placeholder=\"Pesquisar por placa ou nome\"\n            multiple\n            suggestions=\"searchDriversUnbindedToTransporters\"\n            :suggestions-params=\"transporterId\"\n            @input=\"resetSearch()\"\n          />\n          <!-- Status -->\n          <BaseTreeSelect\n            v-model=\"filters.statusSelected\"\n            name=\"Status\"\n            label=\"Status\"\n            placeholder=\"Selecione\"\n            :select-options=\"statusOpt\"\n            @input=\"resetSearch()\"\n          />\n        </div>\n        <div class=\"TransportersForm__table\">\n          <DataTable\n            :header=\"transportersDrivers.data.headers\"\n            :table=\"transportersDrivers.data.content\"\n            @remove=\"unBindDriver\"\n          />\n          <Pagination @page=\"search()\" @paginate=\"search()\" />\n        </div>\n      </div>\n    </section>\n  </main>\n</template>\n\n<script>\nimport Utility from '@/plugins/formData'\nimport { transporters } from '@/api'\nimport { mapActions, mapState } from 'vuex'\nimport { BaseTreeSelect, BaseButton } from '@/components/atoms'\nimport { DataTable, DynamicForm, Pagination } from '@/components/molecules'\nimport { TheSubHeader } from '@/components/organisms'\nimport blueprint from './TransportersForm.blueprint'\n\nexport default {\n  name: 'TransportersForm',\n  components: {\n    DataTable,\n    BaseTreeSelect,\n    TheSubHeader,\n    DynamicForm,\n    Pagination,\n    BaseButton\n  },\n\n  data() {\n    return {\n      currentTab: 0,\n      tab: [\n        { id: 0, title: 'Dados Básicos' },\n      ],\n      form: {\n        type: '',\n        name: '',\n        razao_social: '',\n        cnpj: '',\n        phone: '',\n        email: '',\n        zip: '',\n        address: '',\n        number: '',\n        complement: '',\n        neighborhood: '',\n        city: '',\n        state_id: null,\n        status_id: {},\n      },\n      filters: {\n        driversSelect: [],\n        statusSelected: null,\n      },\n      endpointErrors: {},\n      status: {},\n      drivers: [],\n      statusOpt: [{ id: 0, name:'Todos' }, { id: 1, name:'Ativo' }, { id: 2, name:'Inativo' }]\n    }\n  },\n  computed: {\n    ...mapState({\n      transportersDrivers: state => state.transporters.transportersDrivers,\n      permissions: state => state.auth.permissions,\n      page: state => state.pagination.page,\n      paginate: state => state.pagination.paginate,\n    }),\n\n    transporterId() {\n      return this.$route.params.id\n    },\n  },\n\n  mounted() {\n    if (this.transporterId) {\n      this.tab.push({ id: 1, title: 'Motoristas Vinculados' })\n      this.fetchTransporter()\n      this.search()\n    }\n  },\n\n  methods: {\n    blueprint,\n    ...mapActions({\n      setLoading: 'loading/setLoading',\n      fetchTransportersDrivers: 'transporters/fetchTransportersDrivers',\n      bindDriversToTransporters: 'transporters/bindDriversToTransporters',\n      unBindDriversToTransporters: 'transporters/unBindDriversToTransporters',\n      clearPagination: 'pagination/clearPagination',\n      setPagination: 'pagination/setPagination'\n    }),\n\n    changeCurrentTab(e) {\n      this.currentTab = e.id\n    },\n\n    setAddress(data) {\n      this.form = {...this.form, ...data}\n    },\n\n    async fetchTransporter() {\n      await transporters.fetchTransporter({ id: this.transporterId }, (res) => {\n        res = {\n          ...res,\n          ...res.info,\n          state_id: res.state_id,\n          type: res?.type?.name\n        }\n        for (let i in this.form) {\n          if (res[i]) this.form[i] = res[i]\n        }\n      }, (e) => e)\n    },\n\n    async createTransporter(body) {\n      this.setLoading(true)\n      let form = body\n      form.append('status_id', '1')\n      await transporters.createTransporter(form, () => this.$router.push('/transporters'), (e) => {\n        this.endpointErrors = e.validation\n        this.setLoading(false)\n      })\n    },\n\n    async updateTransporter(body) {\n      this.setLoading(true)\n      await transporters.updateTransporter({ id: this.transporterId, body }, () => this.$router.push('/transporters'), (e) => {\n        this.endpointErrors = e.validation\n        this.setLoading(false)\n      })\n      \n    },\n\n    async onSubmit(formData) {\n      this.transporterId ? this.updateTransporter(formData) : this.createTransporter(formData)\n    },\n\n    async bindDriver() {\n      const formData = Utility.convertModelToFormData({\n        transporter_id: this.transporterId,\n        drivers: this.drivers\n      })\n      await this.bindDriversToTransporters(formData)\n      this.drivers = []\n    },\n\n    async unBindDriver({id}) {\n      const params = {\n        transporterId: this.transporterId,\n        driverId: id\n      }\n      await this.unBindDriversToTransporters(params)\n    },\n\n    resetSearch() {\n      this.clearPagination().then(() => this.search())\n    },\n\n    search(){\n\n      const params = {\n        obj: {\n          id: this.filters.driversSelect,\n          status_id: this.filters.statusSelected ? this.filters.statusSelected.id : null\n        },\n        id: this.transporterId,\n        paginate: this.paginate,\n        page: this.page\n      }\n\n      this.fetchTransportersDrivers(params)\n        .then(() => this.setPagination(this.transportersDrivers))\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.TransportersForm {\n  &__content,\n  &__drivers {\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\n  &__drivers {\n    margin-top: -30px;\n    margin-bottom: 60px;\n  }\n\n  &__driversContent{\n    grid-area: main;\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n\n  &__bindFilters {\n    display: flex;\n    align-items: flex-end;\n    gap: 20px;\n  }\n\n  &__BindBtn {\n    max-width: 200px;\n  }\n\n  &__bind{\n    display: grid;\n    grid-template-columns: 3fr 1fr;\n    align-items: end;\n    grid-gap: 30px;\n    margin-top: 25px;\n  }\n\n  &__form {\n    grid-row-gap: 2rem;\n    grid-template-areas:\n      \"name name name name razao_social razao_social razao_social razao_social cnpj cnpj cnpj cnpj\"\n      \"email email email email phone phone phone phone . . . .\"\n      \"address address address address address address address address address address address address\"\n      \"type type type type type type type status_id status_id status_id confirm confirm\";\n  }\n\n  &__form {\n    padding: 10px;\n  }\n\n  &__table{\n    margin-top: 30px;\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!./TransportersForm.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!./TransportersForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TransportersForm.vue?vue&type=template&id=7185090c&scoped=true&\"\nimport script from \"./TransportersForm.vue?vue&type=script&lang=js&\"\nexport * from \"./TransportersForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TransportersForm.vue?vue&type=style&index=0&id=7185090c&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  \"7185090c\",\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!./TransportersForm.vue?vue&type=style&index=0&id=7185090c&lang=scss&scoped=true&\""],"sourceRoot":""}