{"version":3,"sources":["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/components/helexium/DropFile.vue","webpack:///src/components/helexium/DropFile.vue","webpack:///./src/components/helexium/DropFile.vue?b921","webpack:///./src/components/helexium/DropFile.vue?708e","webpack:///src/views/Helexium/HojaDeVidaVehiculo/secciones/RegistroFotograficoView.vue","webpack:///./src/views/Helexium/HojaDeVidaVehiculo/secciones/RegistroFotograficoView.vue?e1cf","webpack:///./src/views/Helexium/HojaDeVidaVehiculo/secciones/RegistroFotograficoView.vue?fe7c"],"names":["render","_vm","this","_c","_self","staticClass","on","$event","isVisibleNuevoRegistro","_v","attrs","model","value","callback","$$v","expression","staticStyle","empresaId","vehiculo","placa","id","vehiculoImagenInjection","isVisibleHistorial","_l","frontal","image","key","_s","useMoment","fechaDeCreacion","urlImg","descripcion","lateral","trasera","staticRenderFns","preventDefault","onUpload","apply","arguments","_t","ref","handleFileChange","style","fileBackground","triggerFileInput","handleDrop","loader","_e","file","name","extensionOfFileTypes","restaurar","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","dataGet","count","responseGet","$store","getters","fetchGet","path","json","toString","padStart","newPath","lastDirectory","filename","join","fileModel","url","isSave","dispatch","Error","fetchPost","then","response","ok","result","$emit","catch","error","fetchPut","component","components","DropFile","historial","getImagenes","mapGetters","userLoggedIn","empresa","vehiculoId","sort","a","b","Date","filter","item"],"mappings":"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","file":"js/chunk-2b341676.0c85cb86.js","sourcesContent":["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 }","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/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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","<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/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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":""}