{"version":3,"sources":["webpack:///./src/components/helexium/DropFile.vue","webpack:///src/components/helexium/DropFile.vue","webpack:///./src/components/helexium/DropFile.vue?bb37","webpack:///./src/components/helexium/DropFile.vue?708e","webpack:///./src/components/helexium/DropFile.vue?9f0b","webpack:///./src/views/Helexium/HojaDeVidaVehiculo/secciones/RegistroFotograficoView.vue?4d4c","webpack:///./src/views/Helexium/HojaDeVidaVehiculo/secciones/RegistroFotograficoView.vue","webpack:///src/views/Helexium/HojaDeVidaVehiculo/secciones/RegistroFotograficoView.vue","webpack:///./src/views/Helexium/HojaDeVidaVehiculo/secciones/RegistroFotograficoView.vue?9f1a","webpack:///./src/views/Helexium/HojaDeVidaVehiculo/secciones/RegistroFotograficoView.vue?fe7c"],"names":["render","_vm","this","_c","_self","on","$event","preventDefault","onUpload","apply","arguments","_t","ref","staticStyle","attrs","handleFileChange","staticClass","style","fileBackground","triggerFileInput","handleDrop","loader","_e","file","_v","_s","name","extensionOfFileTypes","restaurar","staticRenderFns","props","fileTypes","type","Array","default","urlDir","String","required","injectData","Object","pathPost","pathGet","autoIncrement","Boolean","data","imageUrl","typeFile","computed","backgroundStyle","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","color","backgroundColor","map","elment","substring","lastIndexOf","methods","quitarTildesYEspacios","input","sinTildes","_","deburr","sinEspacios","replace","$refs","fileInput","click","event","selectedFile","target","files","validateAndProcessFile","dataTransfer","includes","split","length","startsWith","URL","createObjectURL","Swal","fire","icon","title","text","confirmButtonText","value","dataGet","count","responseGet","$store","getters","fetchGet","path","json","toString","padStart","newPath","lastDirectory","filename","urlImg","join","fileModel","url","isSave","dispatch","Error","descripcion","fetchPost","then","response","ok","result","$emit","catch","error","id","fetchPut","component","isVisibleNuevoRegistro","model","callback","$$v","expression","empresaId","vehiculo","placa","vehiculoImagenInjection","isVisibleHistorial","_l","frontal","image","key","useMoment","fechaDeCreacion","lateral","trasera","components","DropFile","historial","getImagenes","mapGetters","userLoggedIn","empresa","vehiculoId","sort","a","b","Date","filter","item"],"mappings":"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","file":"js/chunk-71fe1622.ee74c631.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.onUpload.apply(null, arguments)}}},[_vm._t(\"header\"),_c('input',{ref:\"fileInput\",staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"file\"},on:{\"change\":_vm.handleFileChange}}),_c('div',{staticClass:\"dropzone\",style:(_vm.fileBackground),on:{\"click\":_vm.triggerFileInput,\"drop\":function($event){$event.preventDefault();return _vm.handleDrop.apply(null, arguments)},\"dragover\":function($event){$event.preventDefault();},\"dragenter\":function($event){$event.preventDefault();}}},[(_vm.loader)?_c('div',{staticClass:\"loader\"}):_vm._e(),(!_vm.file)?_c('div',{staticClass:\"text-center\"},[_vm._v(\" Haz clic o arrastra un archivo aquí. \"),_c('br'),_vm._v(\" De tipo \"+_vm._s(_vm.extensionOfFileTypes)+\" \")]):_c('div',[_vm._v(\"El documento \\\"\"+_vm._s(_vm.name)+\"\\\" ha sido cargado\")])]),_vm._t(\"prevFooter\"),(_vm.file)?_c('div',{staticClass:\"actions\"},[_c('button',{staticClass:\"btn btn-outline-success d-flex justify-content-center mx-1\",staticStyle:{\"min-width\":\"75px\"},attrs:{\"type\":\"submit\",\"disabled\":_vm.loader}},[_c('Transition',[(_vm.loader)?_c('span',[_c('i',{staticClass:\"fas fa-spinner fa-spin\"})]):_c('span',[_vm._t(\"nameSuccess\",function(){return [_vm._v(\" Enviar \")]})],2)])],1),_c('button',{staticClass:\"btn btn-outline-danger mx-1\",attrs:{\"disabled\":_vm.loader},on:{\"click\":function($event){$event.preventDefault();return _vm.restaurar.apply(null, arguments)}}},[_vm._v(\" Cancelar \")])]):_vm._e()],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport Swal from \"sweetalert2\";\nimport _ from \"lodash\";\n// TODO: path get auto increment que es el que existe\n// Todo: path get por ultimo directorio\n\nexport default {\n  props: {\n    fileTypes: {\n      type: Array,\n      default: () => [\"image/jpeg\", \"image/png\"], // Tipos MIME por defecto\n    },\n    urlDir: {\n      type: String,\n      default: () => \"\",\n      required: true,\n    },\n    injectData: {\n      type: Object,\n      default: () => {},\n    },\n    pathPost: {\n      type: String,\n      required: true,\n    },\n    pathGet: {\n      type: String,\n      required: true,\n    },\n    autoIncrement: {\n      type: Boolean,\n      default: () => true,\n    },\n  },\n  data() {\n    return {\n      file: null,\n      name: null,\n      imageUrl: null,\n      typeFile: null,\n      loader: false,\n    };\n  },\n  computed: {\n    backgroundStyle() {\n      if (this.imageUrl) {\n        return {\n          backgroundImage: `url(\"${this.imageUrl}\")`,\n          backgroundSize: \"cover\",\n          backgroundPosition: \"center\",\n          backgroundRepeat: \"no-repeat\",\n        };\n      }\n      return {};\n    },\n    fileBackground() {\n      if (this.file) {\n        let color = \"#52ba99\";\n        // color = this.fileTypes.includes(\"application/pdf\") ? '#e5322d' : color\n        let backgroundImage = this.imageUrl ? `url(\"${this.imageUrl}\")` : \"\";\n\n        return {\n          backgroundColor: color,\n          backgroundImage: backgroundImage,\n          backgroundSize: \"cover\",\n          backgroundPosition: \"center\",\n          backgroundRepeat: \"no-repeat\",\n        };\n      }\n      return {};\n    },\n    extensionOfFileTypes() {\n      return this.fileTypes.map((elment) => {\n        return elment.substring(elment.lastIndexOf(\"/\") + 1);\n      });\n    },\n  },\n  methods: {\n    quitarTildesYEspacios(input) {\n      let sinTildes = _.deburr(input);\n      let sinEspacios = sinTildes.replace(/\\s+/g, \"\");\n      return sinEspacios;\n    },\n    restaurar() {\n      this.file = null;\n      this.imageUrl = null;\n    },\n    triggerFileInput() {\n      this.$refs.fileInput.click();\n    },\n    handleFileChange(event) {\n      const selectedFile = event.target.files[0];\n      if (selectedFile) {\n        this.validateAndProcessFile(selectedFile);\n      }\n    },\n    handleDrop(event) {\n      const selectedFile = event.dataTransfer.files[0];\n      if (selectedFile) {\n        this.validateAndProcessFile(selectedFile);\n      }\n    },\n    validateAndProcessFile(selectedFile) {\n      console.log(selectedFile.type);\n      if (\n        this.fileTypes.includes(selectedFile.type) &&\n        selectedFile.name.split(\".\").length <= 2\n      ) {\n        this.file = selectedFile;\n        this.typeFile = this.file.name.substring(\n          this.file.name.lastIndexOf(\".\")\n        );\n        this.name = this.file.name;\n        //Coloca de fondo la imagen siempre y cuando sea una imagen\n        if (selectedFile.type.startsWith(\"image/\")) {\n          this.imageUrl = URL.createObjectURL(selectedFile);\n          console.log(\"selectedFile\", selectedFile);\n        }\n      } else {\n        console.error(\"Tipo de archivo no válido.\");\n\n        if (!this.fileTypes.includes(selectedFile.type)) {\n          Swal.fire({\n            icon: \"error\",\n            title: \"Error\",\n            text: \"Tipo de archivo no válido.\",\n            confirmButtonText: \"Aceptar\",\n          });\n        }\n\n        if (selectedFile.name.split(\".\").length > 2) {\n          Swal.fire({\n            icon: \"error\",\n            title: \"Error\",\n            text: \"El nombre del archivo no puede contener puntos.\",\n            confirmButtonText: \"Aceptar\",\n          });\n        }\n\n        this.file = null;\n        this.imageUrl = null;\n      }\n      this.$refs.fileInput.value = \"\";\n    },\n    async onUpload() {\n      try {\n        //Consultar la base de datos la ultima imagen\n        let count = 0;\n        let dataGet;\n        this.loader = true;\n\n        try {\n          const responseGet = await this.$store.getters.fetchGet({\n            path: this.pathGet,\n          });\n          dataGet = await responseGet.json();\n          count = dataGet.length.toString().padStart(4, \"0\");\n        } catch {\n          count = [].length.toString().padStart(4, \"0\");\n        }\n\n        const newPath = this.quitarTildesYEspacios(this.urlDir);\n        // console.log(\"newPath\", newPath);\n\n        // let url = \"users|pesv|evaluaciones|\" + this.usuario.empresa.id + \"|\" +  + item.Id;\n        const lastDirectory = newPath.substring(newPath.lastIndexOf(\"/\") + 1);\n        const filename = `${lastDirectory}_${count}${this.typeFile}`;\n        const urlImg = newPath.split(\"/\").join(\"|\");\n\n        const fileModel = {\n          filename: filename,\n          file: this.file,\n          url: \".|site1|\" + urlImg,\n        };\n\n        // console.log(\"fileMode\", fileModel);\n        // let isSave = false;\n        let isSave = await this.$store.dispatch(\"onDropFile\", fileModel);\n        // console.log(\"Save in smarter\", isSave);\n\n        //Agregar el archivo al backend, si uploadImg es true\n        //La URL en la base de datos debe comenzar \"https://www.helexiumfiles.com/users/pesv/evaluaciones/.../.../*.jpg\"\n\n        if (isSave == true) {\n          const url =\n            \"https://www.helexiumfiles.com/\" + newPath + \"/\" + filename;\n\n          const data = {\n            ...this.injectData,\n            descripcion: filename,\n            urlDir: newPath,\n            urlImg: url,\n          };\n          // console.log(\"data\", data);\n\n          if (this.autoIncrement || dataGet.length == 0) {\n            this.$store.getters\n              .fetchPost({ path: this.pathPost, data: data })\n              .then((response) => {\n                // console.log(\"response\", response);\n                if (response.ok) {\n                  return response.json();\n                }\n                throw new Error(\"Error en el backend o DB\");\n              })\n              .then((result) => {\n                Swal.fire({\n                  icon: \"success\",\n                  title: \"Se ha guardado el documento\",\n                  text: `El documento \"${this.name}\" ha sido cargado`,\n                  confirmButtonText: \"Aceptar\",\n                }).then(() => {\n                  this.restaurar();\n                });\n\n                this.$emit(\"onUpload\", result);\n              })\n              .catch((error) => {\n                throw new Error(error);\n              });\n          } else {\n            data[\"id\"] = dataGet[0].id;\n\n            this.$store.getters\n              .fetchPut({ path: `${this.pathPost}/${data.id}`, data: data })\n              .then((response) => {\n                // console.log(\"response\", response);\n                if (response.ok) {\n                  return response.json();\n                }\n                throw new Error(\"Error en el backend o DB\");\n              })\n              .then((result) => {\n                Swal.fire({\n                  icon: \"success\",\n                  title: \"Se ha guardado el documento\",\n                  text: `El documento \"${this.name}\" ha sido cargado`,\n                  confirmButtonText: \"Aceptar\",\n                }).then(() => {\n                  this.restaurar();\n                });\n\n                this.$emit(\"onUpload\", result);\n              })\n              .catch((error) => {\n                throw new Error(error);\n              });\n          }\n        } else {\n          throw new Error(\n            \"Error al guardar el archivo en el servidor. Prueba nuevamente de nuevo\"\n          );\n        }\n      } catch (error) {\n        console.log(error);\n        Swal.fire({\n          icon: \"error\",\n          title: \"Error\",\n          text: error,\n          confirmButtonText: \"Aceptar\",\n        });\n      } finally {\n        this.loader = false;\n      }\n    },\n  },\n};\n</script>\n\n<template>\n  <form @submit.prevent=\"onUpload\">\n    <slot name=\"header\"> </slot>\n    <input\n      type=\"file\"\n      @change=\"handleFileChange\"\n      ref=\"fileInput\"\n      style=\"display: none\"\n    />\n    <div\n      class=\"dropzone\"\n      :style=\"fileBackground\"\n      @click=\"triggerFileInput\"\n      @drop.prevent=\"handleDrop\"\n      @dragover.prevent\n      @dragenter.prevent\n    >\n      <div v-if=\"loader\" class=\"loader\"></div>\n      <div v-if=\"!file\" class=\"text-center\">\n        Haz clic o arrastra un archivo aquí. <br />\n        De tipo {{ extensionOfFileTypes }}\n      </div>\n      <div v-else>El documento \"{{ name }}\" ha sido cargado</div>\n    </div>\n    <slot name=\"prevFooter\"> </slot>\n    <div class=\"actions\" v-if=\"file\">\n      <button\n        type=\"submit\"\n        class=\"btn btn-outline-success d-flex justify-content-center mx-1\"\n        style=\"min-width: 75px\"\n        :disabled=\"loader\"\n      >\n        <Transition>\n          <span v-if=\"loader\">\n            <i class=\"fas fa-spinner fa-spin\"></i>\n          </span>\n          <span v-else>\n            <slot name=\"nameSuccess\"> Enviar </slot>\n          </span>\n        </Transition>\n      </button>\n      <button\n        class=\"btn btn-outline-danger mx-1\"\n        @click.prevent=\"restaurar\"\n        :disabled=\"loader\"\n      >\n        Cancelar\n      </button>\n    </div>\n  </form>\n</template>\n\n<style scoped>\nform {\n  width: 100%;\n  min-height: 200px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.dropzone {\n  width: 100%;\n  min-height: 150px;\n  height: 80%;\n  border: 2px dashed #ccc;\n  border-radius: 5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  position: relative;\n}\n\n.dropzone:hover {\n  background-color: rgba(255, 255, 255, 0.3);\n}\n\n.loader {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  background-color: rgba(255, 255, 255, 0.5);\n  z-index: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.actions {\n  width: 100%;\n  height: 20%;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n}\n\n.list-enter-active,\n.list-leave-active {\n  transition: all 0.5s ease;\n}\n\n.list-enter-from,\n.list-leave-to {\n  opacity: 0;\n  transform: translateX(30px);\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DropFile.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DropFile.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DropFile.vue?vue&type=template&id=c9c44dc2&scoped=true\"\nimport script from \"./DropFile.vue?vue&type=script&lang=js\"\nexport * from \"./DropFile.vue?vue&type=script&lang=js\"\nimport style0 from \"./DropFile.vue?vue&type=style&index=0&id=c9c44dc2&prod&scoped=true&lang=css\"\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  \"c9c44dc2\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DropFile.vue?vue&type=style&index=0&id=c9c44dc2&prod&scoped=true&lang=css\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RegistroFotograficoView.vue?vue&type=style&index=0&id=a4853354&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',[_c('div',{staticClass:\"pointer\",on:{\"click\":function($event){_vm.isVisibleNuevoRegistro = !_vm.isVisibleNuevoRegistro}}},[_c('h3',{staticClass:\"py-2 border-collapse\"},[_vm._v(\"Nuevo registro\")])]),_c('b-collapse',{attrs:{\"id\":\"nuevoRegistro\"},model:{value:(_vm.isVisibleNuevoRegistro),callback:function ($$v) {_vm.isVisibleNuevoRegistro=$$v},expression:\"isVisibleNuevoRegistro\"}},[_c('div',{staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"repeat(auto-fit, minmax(min(250px, 100%), 1fr))\",\"gap\":\"10px\",\"text-align\":\"center\",\"margin\":\"auto\"}},[_c('div',{staticClass:\"figure-zone\"},[_c('h4',{staticClass:\"mt-3 mb-2\"},[_vm._v(\"Delantero\")]),_c('DropFile',{attrs:{\"urlDir\":`empresa/${_vm.empresaId}/imagenesVehiculo/${_vm.vehiculo.placa}/frontal`,\"pathGet\":'vehiculo/ImagenesVehiculo/' + _vm.vehiculo.id,\"pathPost\":\"vehiculo/imagenVehiculo\",\"injectData\":_vm.vehiculoImagenInjection}})],1),_c('div',{staticClass:\"figure-zone\"},[_c('h4',{staticClass:\"mt-3 mb-2\"},[_vm._v(\"Lateral\")]),_c('DropFile',{attrs:{\"urlDir\":`empresa/${_vm.empresaId}/imagenesVehiculo/${_vm.vehiculo.placa}/Lateral`,\"pathGet\":'vehiculo/ImagenesVehiculo/' + _vm.vehiculo.id,\"pathPost\":\"vehiculo/imagenVehiculo\",\"injectData\":_vm.vehiculoImagenInjection}})],1),_c('div',{staticClass:\"figure-zone\"},[_c('h4',{staticClass:\"mt-3 mb-2\"},[_vm._v(\"Trasera\")]),_c('DropFile',{attrs:{\"urlDir\":`empresa/${_vm.empresaId}/imagenesVehiculo/${_vm.vehiculo.placa}/Trasera`,\"pathGet\":'vehiculo/ImagenesVehiculo/' + _vm.vehiculo.id,\"pathPost\":\"vehiculo/imagenVehiculo\",\"injectData\":_vm.vehiculoImagenInjection}})],1)])])],1),_c('div',[_c('div',{staticClass:\"pointer\",on:{\"click\":function($event){_vm.isVisibleHistorial = !_vm.isVisibleHistorial}}},[_c('h3',{staticClass:\"py-2 border-collapse\"},[_vm._v(\"Historial\")])]),_c('b-collapse',{attrs:{\"id\":\"historial\"},model:{value:(_vm.isVisibleHistorial),callback:function ($$v) {_vm.isVisibleHistorial=$$v},expression:\"isVisibleHistorial\"}},[_c('section',{staticClass:\"padre-container\"},[_c('div',[_c('h4',{staticClass:\"mt-3 mb-2\",staticStyle:{\"font-size\":\"1.2rem\"}},[_vm._v(\"Frontal\")]),_c('div',{staticClass:\"container-img position-relative\"},_vm._l((_vm.frontal),function(image){return _c('div',{key:image.id},[_c('span',{staticClass:\"position-absolute bg-white px-2\"},[_vm._v(_vm._s(_vm.useMoment(image.fechaDeCreacion)))]),_c('img',{attrs:{\"src\":image.urlImg,\"alt\":image.descripcion}})])}),0)]),_c('div',[_c('h4',{staticClass:\"mt-3 mb-2\",staticStyle:{\"font-size\":\"1.2rem\"}},[_vm._v(\"Lateral\")]),_c('div',{staticClass:\"container-img position-relative\"},_vm._l((_vm.lateral),function(image){return _c('div',{key:image.id},[_c('span',{staticClass:\"position-absolute bg-white px-2\"},[_vm._v(_vm._s(_vm.useMoment(image.fechaDeCreacion)))]),_c('img',{attrs:{\"src\":image.urlImg,\"alt\":image.descripcion}})])}),0)]),_c('div',[_c('h4',{staticClass:\"mt-3 mb-2\",staticStyle:{\"font-size\":\"1.2rem\"}},[_vm._v(\"Trasera\")]),_c('div',{staticClass:\"container-img position-relative\"},_vm._l((_vm.trasera),function(image){return _c('div',{key:image.id},[_c('span',{staticClass:\"position-absolute bg-white px-2\"},[_vm._v(_vm._s(_vm.useMoment(image.fechaDeCreacion)))]),_c('img',{attrs:{\"src\":image.urlImg,\"alt\":image.descripcion}})])}),0)])])])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport DropFile from \"@/components/helexium/DropFile.vue\";\nimport { mapGetters } from 'vuex'\nexport default {\n  components: {\n    DropFile\n  },\n  props: {\n    vehiculo: {\n      type: Object,\n      required: true\n    }\n  },\n  data() {\n    return {\n      isVisibleNuevoRegistro: false,\n      isVisibleHistorial: false,\n      historial: [],\n      frontal: [],\n      lateral: [],\n      trasera: []\n    }\n  },\n  async mounted() {\n    await this.getImagenes()\n\n    if (this.historial.length == 0) {\n      this.isVisibleNuevoRegistro = true\n    } else {\n      this.isVisibleHistorial = true\n    }\n\n  },\n  computed: {\n    ...mapGetters(['useMoment']),\n    empresaId() {\n      return this.$store.getters.userLoggedIn.empresa.id\n    },\n    vehiculoImagenInjection() {\n      return {\n        vehiculoId: this.vehiculo.id\n      };\n    }\n  },\n  methods: {\n    async getImagenes() {\n      const response = await this.$store.getters.fetchGet({ path: `vehiculo/ImagenesVehiculo/${this.vehiculo.id}` })\n      const data = await response.json()\n      this.historial = data.sort((a, b) => {\n        return new Date(b.fechaDeCreacion) - new Date(a.fechaDeCreacion)\n      })\n\n      this.frontal = this.historial.filter(item => item.descripcion.includes('frontal'))\n      this.lateral = this.historial.filter(item => item.descripcion.includes('Lateral'))\n      this.trasera = this.historial.filter(item => item.descripcion.includes('Trasera'))\n    }\n  }\n}\n</script>\n\n<template>\n  <div>\n    <div>\n      <div @click=\"isVisibleNuevoRegistro = !isVisibleNuevoRegistro\" class=\"pointer\">\n        <h3 class=\"py-2 border-collapse\">Nuevo registro</h3>\n      </div>\n      <b-collapse id=\"nuevoRegistro\" v-model=\"isVisibleNuevoRegistro\">\n        <div\n          style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr)); gap: 10px; text-align: center; margin: auto\">\n          <div class=\"figure-zone\">\n            <h4 class=\"mt-3 mb-2\">Delantero</h4>\n            <DropFile :urlDir=\"`empresa/${empresaId}/imagenesVehiculo/${vehiculo.placa}/frontal`\"\n              :pathGet=\"'vehiculo/ImagenesVehiculo/' + vehiculo.id\" pathPost=\"vehiculo/imagenVehiculo\"\n              :injectData=\"vehiculoImagenInjection\" />\n          </div>\n          <div class=\"figure-zone\">\n            <h4 class=\"mt-3 mb-2\">Lateral</h4>\n            <DropFile :urlDir=\"`empresa/${empresaId}/imagenesVehiculo/${vehiculo.placa}/Lateral`\"\n              :pathGet=\"'vehiculo/ImagenesVehiculo/' + vehiculo.id\" pathPost=\"vehiculo/imagenVehiculo\"\n              :injectData=\"vehiculoImagenInjection\" />\n          </div>\n          <div class=\"figure-zone\">\n            <h4 class=\"mt-3 mb-2\">Trasera</h4>\n            <DropFile :urlDir=\"`empresa/${empresaId}/imagenesVehiculo/${vehiculo.placa}/Trasera`\"\n              :pathGet=\"'vehiculo/ImagenesVehiculo/' + vehiculo.id\" pathPost=\"vehiculo/imagenVehiculo\"\n              :injectData=\"vehiculoImagenInjection\" />\n          </div>\n        </div>\n      </b-collapse>\n    </div>\n    <div>\n      <div @click=\"isVisibleHistorial = !isVisibleHistorial\" class=\"pointer\">\n        <h3 class=\"py-2 border-collapse\">Historial</h3>\n      </div>\n      <b-collapse id=\"historial\" v-model=\"isVisibleHistorial\">\n        <section class=\"padre-container\">\n          <div>\n            <h4 class=\"mt-3 mb-2\" style=\"font-size: 1.2rem;\">Frontal</h4>\n            <div class=\"container-img position-relative \">\n              <div v-for=\"image in frontal\" :key=\"image.id\">\n                <span class=\"position-absolute bg-white px-2\">{{ useMoment(image.fechaDeCreacion) }}</span>\n                <img :src=\"image.urlImg\" :alt=\"image.descripcion\">\n              </div>\n            </div>\n          </div>\n          <div>\n            <h4 class=\"mt-3 mb-2\" style=\"font-size: 1.2rem;\">Lateral</h4>\n            <div class=\"container-img position-relative \">\n              <div v-for=\"image in lateral\" :key=\"image.id\">\n                <span class=\"position-absolute bg-white px-2\">{{ useMoment(image.fechaDeCreacion) }}</span>\n                <img :src=\"image.urlImg\" :alt=\"image.descripcion\">\n              </div>\n            </div>\n          </div>\n          <div>\n            <h4 class=\"mt-3 mb-2\" style=\"font-size: 1.2rem;\">Trasera</h4>\n            <div class=\"container-img position-relative \">\n              <div v-for=\"image in trasera\" :key=\"image.id\">\n                <span class=\"position-absolute bg-white px-2\">{{ useMoment(image.fechaDeCreacion) }}</span>\n                <img :src=\"image.urlImg\" :alt=\"image.descripcion\">\n              </div>\n            </div>\n          </div>\n        </section>\n\n      </b-collapse>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.border-collapse {\n  border-bottom: .5px solid #dee2e6;\n}\n\n\n.padre-container {\n  display: flex;\n}\n\n.padre-container>div {\n  width: 32%;\n  margin: 0 auto;\n}\n\n.container-img>div {\n  height: 200px;\n\n}\n\n.container-img img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n@media (max-width: 968px) {\n\n  .padre-container {\n    flex-direction: column;\n  }\n\n  .padre-container>div {\n    width: 100%;\n  }\n\n  .container-img>div {\n    margin-bottom: .5rem;\n    height: 250px;\n  }\n}\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RegistroFotograficoView.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RegistroFotograficoView.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./RegistroFotograficoView.vue?vue&type=template&id=a4853354&scoped=true\"\nimport script from \"./RegistroFotograficoView.vue?vue&type=script&lang=js\"\nexport * from \"./RegistroFotograficoView.vue?vue&type=script&lang=js\"\nimport style0 from \"./RegistroFotograficoView.vue?vue&type=style&index=0&id=a4853354&prod&scoped=true&lang=css\"\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  \"a4853354\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}