{"version":3,"sources":["webpack:///./src/views/vehicles/Form/VehiclesForm.vue?9dac","webpack:///./src/views/vehicles/Form/VehiclesForm.vue?4216","webpack:///./src/views/vehicles/Form/VehiclesForm.blueprint.js","webpack:///src/views/vehicles/Form/VehiclesForm.vue","webpack:///./src/views/vehicles/Form/VehiclesForm.vue?2d65","webpack:///./src/views/vehicles/Form/VehiclesForm.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","TheSubHeaderIcon","TheSubHeaderTitle","ref","form","blueprint","asyncCallsLoaded","brandId","maxCarYear","endpointErrors","on","showLightbox","vehicleBrandChange","onSubmit","lightbox","scopedSlots","_u","key","fn","_v","_s","modalTitle","proxy","_e","staticRenderFns","id","tag","content","model","rules","props","label","mask","invalidLabel","name","placeholder","selectOptions","fetchOptions","events","input","refs","searchLabel","autoLoadRootOptions","fetchParams","readOnly","format","notAfter","type","range","prependIcon","clearable","theme","color","textColor","icon","filled","components","TheSubHeader","DynamicForm","Modal","data","plate","brand_id","model_id","year","antt","renavam","status_id","computed","vehicleId","$route","params","today","setFullYear","getCurrentUser","user","mounted","initFetchVehicle","methods","$refs","copyOption","component"],"mappings":"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","file":"js/VehiclesForm.5a049d8a.js","sourcesContent":["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!./VehiclesForm.vue?vue&type=style&index=0&id=70ea6b3f&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',{staticClass:\"VehiclesForm\"},[_c('TheSubHeader',{attrs:{\"icon\":_vm.TheSubHeaderIcon,\"title\":_vm.TheSubHeaderTitle,\"page-title-tag\":\"Vehicles Form\",\"actions\":['back']}}),_c('div',{staticClass:\"VehiclesForm__content\"},[_c('DynamicForm',{ref:\"form\",staticClass:\"VehiclesForm__form\",attrs:{\"model\":_vm.form,\"blueprint\":_vm.blueprint({asyncCallsLoaded: _vm.asyncCallsLoaded, brandId: _vm.brandId, maxCarYear: _vm.maxCarYear}),\"endpoint-errors\":_vm.endpointErrors},on:{\"showLightbox\":_vm.showLightbox,\"vehicleBrandChange\":_vm.vehicleBrandChange,\"submit\":_vm.onSubmit}})],1),(!!_vm.lightbox)?_c('Modal',{on:{\"close\":_vm.showLightbox},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('div',{staticClass:\"VehiclesForm__modalHeader\"},[_vm._v(\" \"+_vm._s(_vm.modalTitle)+\" \")])]},proxy:true},{key:\"body\",fn:function(){return [_c('div',{staticClass:\"VehiclesForm__modal\"},[_c('img',{attrs:{\"alt\":_vm.modalTitle,\"src\":_vm.lightbox}})])]},proxy:true}],null,false,2245880808)}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default ({ asyncCallsLoaded, brandId, maxCarYear}) => {\n  return [\n    {\n      id: 'labelVehicleData',\n      tag: 'label',\n      content: 'Dados do Veículo'\n    },\n    {\n      id: 'plate',\n      model: 'plate',\n      tag: 'InputGroup',\n      rules: ['required', 'carPlate'],\n      props: {\n        label: 'Placa',\n        mask: 'carPlate',\n        invalidLabel: 'Insira uma placa de carro',\n      }\n    },\n    {\n      id: 'brand_id',\n      model: 'brand_id',\n      tag: 'BaseTreeSelect',\n      rules: ['required'],\n      props: {\n        name: 'Fabricante',\n        label: 'Fabricante',\n        placeholder: 'Selecione',\n        invalidLabel: 'Selecione um fabricante',\n        selectOptions: null,\n        fetchOptions: 'drivers/fetchVehicleBrands',\n      },\n      events: {\n        ...(asyncCallsLoaded ? {input: 'vehicleBrandChange'} : '')\n      }\n    },\n    {\n      id: 'model_id',\n      model: 'model_id',\n      tag: 'BaseTreeSelect',\n      refs: 'vehicleModel',\n      rules: ['required'],\n      props: {\n        name: 'Modelo',\n        label: 'Modelo',\n        searchLabel: 'Modelo',\n        placeholder: 'Selecione',\n        invalidLabel: 'Insira um modelo',\n        autoLoadRootOptions: false,\n        selectOptions: null,\n        fetchOptions: 'drivers/fetchVehicleModels',\n        fetchParams: brandId,\n        readOnly: !brandId\n      }\n    },\n    {\n      id: 'year',\n      model: 'year',\n      tag: 'BaseDatePicker',\n      rules: ['required'],\n      props: {\n        label: 'Ano',\n        format: 'YYYY',\n        notAfter: maxCarYear,\n        type: 'year',\n        invalidLabel: 'Insira um ano',\n        range: false,\n        prependIcon: false,\n        placeholder: '',\n        clearable: false,\n      }\n    },\n    {\n      id: 'antt',\n      model: 'antt',\n      tag: 'InputGroup',\n      props: {\n        label: 'Registro ANTT',\n        invalidLabel: 'Insira um registro ANTT',\n      }\n    },\n    {\n      id: 'renavam',\n      model: 'renavam',\n      tag: 'InputGroup',\n      rules: ['required', 'renavam'],\n      props: {\n        label: 'RENAVAM',\n        mask: 'number',\n        invalidLabel: 'Insira um RENAVAM',\n      }\n    },\n\n    // {\n    //   id: 'labelVehicle',\n    //   tag: 'label',\n    //   content: 'Veículo'\n    // },\n    // {\n    //   id: 'vehicle_left_image',\n    //   tag: 'ThumbAction',\n    //   model: {\n    //     document_images: 'vehicle_left_image'\n    //   },\n    //   props: {\n    //     label: 'Lateral Esquerda',\n    //     options: [],\n    //     isApprovable: false\n    //   }\n    // },\n    // {\n    //   id: 'vehicle_right_image',\n    //   tag: 'ThumbAction',\n    //   model: {\n    //     document_images: 'vehicle_right_image'\n    //   },\n    //   props: {\n    //     label: 'Lateral Direita',\n    //     options: [],\n    //     isApprovable: false\n    //   }\n    // },\n    // {\n    //   id: 'vehicle_front_image',\n    //   tag: 'ThumbAction',\n    //   model: {\n    //     document_images: 'vehicle_front_image'\n    //   },\n    //   props: {\n    //     label: 'Frente',\n    //     options: [],\n    //     isApprovable: false\n    //   }\n    // },\n    // {\n    //   id: 'vehicle_back_image',\n    //   tag: 'ThumbAction',\n    //   model: {\n    //     document_images: 'vehicle_back_image'\n    //   },\n    //   props: {\n    //     label: 'Traseira',\n    //     options: [],\n    //     isApprovable: false\n    //   }\n    // },\n\n    {\n      id: 'confirm',\n      tag: 'BaseButton',\n      props: {\n        label: 'Salvar',\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=\"VehiclesForm\">\n    <TheSubHeader \n      :icon=\"TheSubHeaderIcon\" \n      :title=\"TheSubHeaderTitle\"\n      page-title-tag=\"Vehicles Form\"\n      :actions=\"['back']\"\n    />\n\n    <div class=\"VehiclesForm__content\">\n      <DynamicForm\n        ref=\"form\"\n        class=\"VehiclesForm__form\"\n        :model=\"form\"\n        :blueprint=\"blueprint({asyncCallsLoaded, brandId, maxCarYear})\"\n        :endpoint-errors=\"endpointErrors\"\n        @showLightbox=\"showLightbox\"\n        @vehicleBrandChange=\"vehicleBrandChange\"\n        @submit=\"onSubmit\"\n      />\n    </div>\n\n    <Modal v-if=\"!!lightbox\" @close=\"showLightbox\">\n      <template #header>\n        <div class=\"VehiclesForm__modalHeader\">\n          {{ modalTitle }}\n        </div>\n      </template>\n      <template #body>\n        <div class=\"VehiclesForm__modal\">\n          <img :alt=\"modalTitle\" :src=\"lightbox\">\n        </div>\n      </template>\n    </Modal>\n  </main>\n</template>\n\n<script>\nimport { vehicles } from '@/api'\nimport { mapState, mapActions } from 'vuex'\nimport { DynamicForm, Modal } from '@/components/molecules'\nimport { TheSubHeader } from '@/components/organisms'\nimport blueprint from './VehiclesForm.blueprint'\n\nexport default {\n  name: 'VehiclesForm',\n  components: {\n    TheSubHeader,\n    DynamicForm,\n    Modal,\n  },\n  data() {\n    return {\n      modalTitle: null,\n      lightbox: '',\n      form: {\n        plate: '',\n        brand_id: null,\n        model_id: null,\n        year: null,\n        antt: '',\n        renavam: '',\n        status_id: {}\n      },\n      endpointErrors: {},\n\n      //Helpers\n      asyncCallsLoaded: false\n    }\n  },\n  computed: {\n    ...mapState({\n      driversObservations: state => state.drivers.driversObservations\n    }),\n    \n    vehicleId() {\n      return this.$route.params.id\n    },\n\n    TheSubHeaderTitle() {\n      return this.vehicleId ? 'Cadastro do Veículo' : 'Cadastrar Veículo'\n    },\n\n    TheSubHeaderIcon() {\n      return this.vehicleId ? 'truck' : 'add-truck'\n    },\n\n    brandId() {\n      return this.form.brand_id ? this.form.brand_id.id : ''\n    },\n    \n    maxCarYear() {\n      let today = new Date()\n      let year = today.getFullYear() + 1\n      return today.setFullYear(year)\n    },\n\n    getCurrentUser() {\n      let user = JSON.parse(localStorage.getItem('user'))\n      return user\n    }\n\n  },\n  mounted() {\n    this.initFetchVehicle()\n  },\n  methods: {\n    blueprint,\n    ...mapActions({\n      setLoading: 'loading/setLoading',\n      // fetchVehicleObservations: 'drivers/fetchDriversObservations'\n    }),\n\n    async initFetchVehicle() {\n      // if (this.vehicleId) this.fetchVehicleObservations()\n      if (this.vehicleId) await this.fetchVehicle()\n      this.asyncCallsLoaded = true\n    },\n\n    async readFile(file) {\n      return new Promise((resolve, reject) => {\n        const reader = new FileReader()\n        reader.onload = () => resolve(reader.result)\n        reader.onerror = reject\n        reader.readAsDataURL(file)\n      })\n    },\n\n    async fetchVehicle() {\n      this.setLoading(true)\n      await vehicles.fetchVehicle({ id: this.vehicleId }, (res) => {\n        for (let i in this.form) {\n          if (res[i]) this.form[i] = res[i]\n        }\n      }, (e) => e)\n      this.setLoading(false)\n    },\n\n    async showLightbox(e, label) {\n      this.modalTitle = label\n      this.lightbox = e instanceof File ? await this.readFile(e) : e\n    },\n\n    async createVehicle(body) {\n      this.setLoading(true)\n      body.set('owner_id', this.getCurrentUser.id)\n      await vehicles.createVehicle(body, () => this.$router.push('/vehicles'), (e) => {this.endpointErrors = e.validation}, () => this.setLoading(false))\n    },\n\n    async updateVehicle(body) {\n      this.setLoading(true)\n      await vehicles.updateVehicle({ id: this.vehicleId, body }, () => this.$router.push('/vehicles'), (e) => {this.endpointErrors = e.validation}, () => this.setLoading(false))\n    },\n\n    async onSubmit(formData) {\n      this.vehicleId ? this.updateVehicle(formData) : this.createVehicle(formData)\n    },\n\n    vehicleBrandChange() {\n      this.form.model_id = null\n      this.$refs.form.$refs.model_id[0].copyOption(null)\n    },\n\n    \n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n$columnsSize: 160px 1fr;\n@mixin fontDisplay($color, $weight: $font-weight-bold){\n  font-weight: $weight;\n  font-size: $font-size-1xmini;\n  color: $color;\n}\n\n.VehiclesForm {\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    margin-bottom: 40px;\n  }\n\n  &__form {\n    grid-template-areas:\n      \"labelVehicleData labelVehicleData . . . . . . . . . .\"\n      \"plate plate brand_id brand_id model_id model_id model_id year antt antt renavam renavam\"\n      // \"labelVehicle labelVehicle . . . . . . . . . .\"\n      // \"vehicle_left_image vehicle_left_image vehicle_right_image vehicle_right_image vehicle_front_image vehicle_front_image vehicle_back_image vehicle_back_image . . . .\"\n      \". . . . . . . . . . . .\"\n      \". . . . . . . . . . confirm confirm\";\n  }\n  &__modalHeader{\n    display: flex;\n    align-items: center;\n    color: $color-neutral-stronger;\n    font-weight: $font-weight-bold;\n    font-size: $font-size-1xsmall;\n    margin-left: 1%;\n    height: 100%;\n  }\n  &__modal{\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  &__Dialog{\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: $z-modal-bg;\n    &--hide{\n      display: none;\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!./VehiclesForm.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!./VehiclesForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VehiclesForm.vue?vue&type=template&id=70ea6b3f&scoped=true&\"\nimport script from \"./VehiclesForm.vue?vue&type=script&lang=js&\"\nexport * from \"./VehiclesForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VehiclesForm.vue?vue&type=style&index=0&id=70ea6b3f&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  \"70ea6b3f\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}