{"version":3,"sources":["webpack:///./src/components/TakePhoto copy.vue?9942","webpack:///./src/components/TakePhoto copy.vue?e869","webpack:///src/components/TakePhoto copy.vue","webpack:///./src/components/TakePhoto copy.vue?b104","webpack:///./src/components/TakePhoto copy.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","cameraWidth","directives","name","rawName","value","isLoading","expression","ref","attrs","cameraHeight","_e","on","toggleCamera","isCameraOpen","_v","takePhoto","images","length","_l","img","i","key","$event","stopPropagation","deleteImage","staticRenderFns","components","props","objectName","String","recordId","portal","filename","photoName","childObject","Number","data","test","isPhotoTaken","isShotPhoto","link","fileLength","dialog","myPortal","myObjectName","myRecordeId","myChildObject","myFileName","myPhotoName","mounted","getFiles","object_name","record_id","child_object","beforeDestroy","methods","file","index","file_path","$root","$confirm","files","that","finish","$emit","stopCameraStream","createCameraElement","audio","video","facingMode","navigator","mediaDevices","tracks","forEach","track","stop","getImageDataURL","ctx","Image","onload","canvas","getContext","drawImage","src","url","dataURLToBlob","uInt8Array","raw","charCodeAt","Blob","upload","imgCnt","fd","dataURL","replaceAll","imageUrl","canvasElement","width","videoElement","videoWidth","height","videoHeight","context","downloadImage","component","VBtn","VCarousel","VCarouselItem","VContainer","VIcon","VSpacer","VToolbar"],"mappings":"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","file":"js/chunk-9f4059c4.c97ac896.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TakePhoto copy.vue?vue&type=style&index=0&id=265d0bc0&lang=css&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TakePhoto copy.vue?vue&type=style&index=0&id=265d0bc0&lang=css&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:\"web-camera-container\",style:('width: ' + _vm.cameraWidth + 'px')},[_c('div',{staticClass:\"camera-dialog pa-2\"},[(_vm.isCameraOpen)?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isLoading),expression:\"!isLoading\"}],staticClass:\"mt-2 ml-2\"},[_c('video',{ref:\"camera\",attrs:{\"width\":_vm.cameraWidth - 50,\"autoplay\":\"\"}}),_c('canvas',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isPhotoTaken),expression:\"isPhotoTaken\"}],ref:\"canvas\",attrs:{\"id\":\"photoTaken\",\"width\":_vm.cameraWidth,\"height\":_vm.cameraHeight}})]):_vm._e(),_c('v-toolbar',{attrs:{\"flat\":\"\"}},[_c('v-btn',{staticClass:\"ma-2\",attrs:{\"icon\":\"\"},on:{\"click\":_vm.toggleCamera}},[(!_vm.isCameraOpen)?_c('v-icon',{attrs:{\"large\":\"\"}},[_vm._v(\"mdi-camera\")]):_c('v-icon',{attrs:{\"large\":\"\"}},[_vm._v(\"mdi-camera-off\")])],1),_c('v-spacer'),(_vm.isCameraOpen)?_c('v-btn',{staticClass:\"ma-2\",attrs:{\"loading\":_vm.isLoading,\"color\":\"success\",\"icon\":\"\"},on:{\"click\":_vm.takePhoto}},[_c('v-icon',{attrs:{\"large\":\"\"}},[_vm._v(\"mdi-camera-iris\")])],1):_vm._e()],1),(_vm.images.length && !_vm.isCameraOpen)?_c('v-carousel',{attrs:{\"id\":\"myImages\"}},_vm._l((_vm.images),function(img,i){return _c('v-carousel-item',{key:i,attrs:{\"src\":img}},[_c('v-btn',{staticClass:\"delete-button\",attrs:{\"icon\":\"\",\"small\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.deleteImage(i)}}},[_c('v-icon',[_vm._v(\"mdi-delete\")])],1)],1)}),1):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container class=\"web-camera-container\" :style=\"'width: ' + cameraWidth + 'px'\">\n    <!-- <div class=\"dialog-container\"> -->\n\n    <!-- <v-dialog :width=\"cameraWidth + 'px'\" :persistent=\"false\" v-model=\"dialog\"> -->\n\n    <div class=\"camera-dialog pa-2\">\n      <div v-if=\"isCameraOpen\" class=\"mt-2 ml-2\" v-show=\"!isLoading\">\n        <!-- <v-card>\n          <v-card-title></v-card-title> -->\n        <video :width=\"cameraWidth - 50\" ref=\"camera\" autoplay></video>\n\n        <!-- </v-card> -->\n\n        <canvas\n          v-show=\"isPhotoTaken\"\n          id=\"photoTaken\"\n          ref=\"canvas\"\n          :width=\"cameraWidth\"\n          :height=\"cameraHeight\"\n        ></canvas>\n      </div>\n      <v-toolbar flat>\n        <v-btn class=\"ma-2\" icon @click=\"toggleCamera\">\n          <v-icon v-if=\"!isCameraOpen\" large>mdi-camera</v-icon>\n          <v-icon v-else large>mdi-camera-off</v-icon>\n        </v-btn>\n\n        <v-spacer />\n        <v-btn\n          class=\"ma-2\"\n          v-if=\"isCameraOpen\"\n          :loading=\"isLoading\"\n          color=\"success\"\n          icon\n          @click=\"takePhoto\"\n        >\n          <v-icon large>mdi-camera-iris</v-icon>\n        </v-btn>\n      </v-toolbar>\n      <!-- <v-expansion-panels accordion>\n        <v-expansion-panel>\n          <v-expansion-panel-header>All Photos</v-expansion-panel-header>\n          <v-expansion-panel-content> -->\n      <v-carousel v-if=\"images.length && !isCameraOpen\" id=\"myImages\">\n        <v-carousel-item v-for=\"(img, i) in images\" :key=\"i\" :src=\"img\">\n          <v-btn icon small @click.stop=\"deleteImage(i)\" class=\"delete-button\">\n            <v-icon>mdi-delete</v-icon>\n          </v-btn>\n        </v-carousel-item>\n      </v-carousel>\n      <!-- </v-expansion-panel-content>\n        </v-expansion-panel>\n      </v-expansion-panels> -->\n    </div>\n    <!-- </v-dialog> -->\n    <!-- </div> -->\n    <!-- <v-btn class=\"ma-2\" color=\"success\" icon @click=\"toggleCamera\">\n      <v-icon large>mdi-camera</v-icon>\n    </v-btn> -->\n  </v-container>\n</template>\n\n<script>\nimport Vue from \"vue\";\nimport VueAxios from \"vue-axios\";\nimport axios from \"axios\";\nVue.use(VueAxios, axios);\nexport default {\n  name: \"TakePhoto\",\n  components: {},\n  props: {\n    objectName: String,\n    recordId: String,\n    portal: String,\n    filename: String,\n    photoName: String,\n    childObject: String,\n    cameraWidth: Number,\n    cameraHeight: Number,\n  },\n  data() {\n    return {\n      test: false,\n      isCameraOpen: false,\n      isPhotoTaken: false,\n      isShotPhoto: false,\n      isLoading: false,\n      link: \"#\",\n\n      images: [],\n      fileLength: 0,\n      dialog: false,\n      myPortal: \"\",\n      myObjectName: \"\",\n      myRecordeId: \"\",\n      myChildObject: \"\",\n      myFileName: \"\",\n      myPhotoName: \"\",\n    };\n  },\n  mounted() {\n    var that = this;\n    this.myPortal = this.portal;\n    this.myObjectName = this.objectName;\n    this.myRecordeId = this.recordId;\n    this.myChildObject = this.childObject;\n    this.myFileName = this.filename;\n    this.myPhotoName = this.photoName;\n    // this.$root.$on(\"openCamera\", (obj) => {\n    //   console.log(obj);\n    //   that.myPortal = \"portal_\" + this.$root.portal_id;\n    //   that.myObjectName = \"shipment\";\n    //   that.myRecordId = obj.obj.parentObject._id;\n    //   that.myChildObject = \"inventory\\\\\" + obj.item._id;\n    //   that.myFileName =\n    //     obj.item.item +\n    //     \"_\" +\n    //     parseInt(Math.random() * 1000).toString() +\n    //     \"_\" +\n    //     obj.item._id;\n    //   that.myPhotoName = that.myFileName;\n    //   that.getFiles({\n    //     portal: that.myPortal,\n    //     object_name: that.myObjectName,\n    //     record_id: that.myRecordId,\n    //     child_object: that.myChildObject,\n    //   });\n    if (this.recordId) {\n      // that.toggleCamera();\n      // that.isCameraOpen = true;\n    }\n\n    // });\n    this.getFiles({\n      portal: this.objectName,\n      object_name: this.objectName,\n      record_id: this.recordId,\n      child_object: this.childObject,\n    });\n  },\n  beforeDestroy() {\n    // this.toggleCamera();\n  },\n  methods: {\n    deleteImage(index) {\n      var that = this;\n      var file = this.images[index];\n\n      var data = {\n        file_path: file,\n      };\n      this.$root.$confirm\n        .open(\"Delete\", \"Confirm deleting file?\", {\n          color: \"red\",\n        })\n        .then((confirm) => {\n          if (confirm) {\n            // if (!isDropBox) {\n            axios\n              .post(this.serverURL + \"/delete_file\", data, {\n                withCredentials: true,\n              })\n              .then((response) => {\n                // this.getFiles(data);\n                this.images.splice(index, 1);\n              });\n            // } else {\n            //   var dFiles = that.dropBoxFiles.find((b) => {\n            //     return b.title == fileName;\n            //   });\n\n            //   dFiles.chunks.forEach((d) => {\n            //     // var myFile = that.files.find((f) => {\n            //     //   return f.name == d.path;\n            //     // });\n            //     this.par.model.dropbox_files = this.par.model.dropbox_files.filter(\n            //       (f) => {\n            //         return f != d.path;\n            //       }\n            //     );\n            //     that.dropBoxFiles = that.dropBoxFiles.filter((f) => {\n            //       return f.title != fileName;\n            //     });\n\n            //     this.getFromDropBox(d.path, true);\n            //   });\n            // }\n            // try {\n            //   this.par.submit(false, false);\n            // } catch (error) {\n            //   //\n            // }\n          }\n        });\n    },\n\n    getFiles(data) {\n      this.files = [];\n      this.images = [];\n      var that = this;\n      axios\n        .post(this.serverURL + \"/get_files\", data, {\n          withCredentials: true,\n        })\n        .then((response) => {\n          var allFiles = response.data;\n\n          if (allFiles) {\n            this.fileLength = allFiles.length;\n            var path =\n              \"user_images/\" +\n              this.myPortal +\n              \"/\" +\n              data.object_name +\n              \"/\" +\n              data.record_id +\n              \"/\" +\n              data.child_object +\n              \"/\";\n            allFiles.forEach((f) => {\n              // var included = true;\n              // if (this.filter) {\n              //   included = this.checkFilter(f);\n              // }\n              // if (included) {\n              // if (f.split(\".\").length > 1) {\n              // if (that.imgExt.includes(f.split(\".\")[1].toLowerCase())) {\n\n              that.images.push(path + f);\n              // } else {\n              //   that.files.push(f);\n              // }\n              // }\n              // }\n            });\n            // that.mainImage = that.images.length ? that.images[0] : \"\";\n            // if (that.vModel) {\n            //   if (that.images.includes(that.vModel)) {\n            //     that.mainImage = that.vModel;\n            //   }\n            // }\n            // this.docs = 1;\n          }\n        });\n    },\n    finish() {\n      this.$emit(\"input\", this.images);\n      this.$root.$emit(\"imageFinish\", this.images);\n    },\n    toggleCamera() {\n      if (this.isCameraOpen) {\n        this.isCameraOpen = false;\n        this.isPhotoTaken = false;\n        this.isShotPhoto = false;\n        this.stopCameraStream();\n        this.dialog = false;\n      } else {\n        this.dialog = true;\n        this.isCameraOpen = true;\n        this.createCameraElement();\n      }\n    },\n\n    createCameraElement() {\n      this.isLoading = true;\n\n      const constraints = (window.constraints = {\n        audio: false,\n        video: {\n          facingMode: \"environment\",\n        },\n      });\n\n      navigator.mediaDevices\n        .getUserMedia(constraints)\n        .then((stream) => {\n          this.isLoading = false;\n          this.$refs.camera.srcObject = stream;\n        })\n        .catch((error) => {\n          this.isLoading = false;\n          // alert(\"May the browser didn't support or there is some errors.\");\n        });\n    },\n\n    stopCameraStream() {\n      let tracks = this.$refs.camera.srcObject.getTracks();\n\n      tracks.forEach((track) => {\n        track.stop();\n      });\n    },\n\n    getImageDataURL(url) {\n      var ctx;\n      var img = new Image();\n      var that = this;\n\n      img.onload = function () {\n        ctx = that.canvas.getContext(\"2d\");\n        ctx.drawImage(img, 0, 0);\n      };\n\n      try {\n        img.src = url;\n      } catch (e) {\n        //\n      }\n    },\n    dataURLToBlob(dataURL) {\n      const parts = dataURL.split(\"base64,\");\n      const contentType = parts[0].split(\":\")[1];\n      const raw = window.atob(parts[1]);\n      const rawLength = raw.length;\n      const uInt8Array = new Uint8Array(rawLength);\n\n      for (let i = 0; i < rawLength; ++i) {\n        uInt8Array[i] = raw.charCodeAt(i);\n      }\n\n      return new Blob([uInt8Array], { type: contentType });\n    },\n    upload(dataURL) {\n      const blob = this.dataURLToBlob(dataURL);\n      const url = window.URL.createObjectURL(blob);\n      // var photoName = prompt(\"Please name this picture\");\n      var imgCnt = this.images.length + 1;\n      var photoName = this.myFileName + \"_\" + imgCnt + \".jpg\";\n      if (!photoName) {\n        return;\n      }\n\n      var fd = {\n        file: dataURL,\n        object_name: this.objectName,\n        record_id: this.recordId,\n        portal: this.myPortal,\n        filename: photoName.replaceAll(\" \", \"_\"),\n        child_object: this.childObject,\n      };\n\n      this.isLoading = true;\n      axios.post(this.serverURL + \"/upload_file\", fd).then((response) => {\n        var childObject = this.myChildObject ? \"/\" + this.myChildObject : \"\";\n        var imageUrl =\n          \"/user_images/\" +\n          this.myPortal +\n          \"/\" +\n          this.myObjectName +\n          \"/\" +\n          this.myRecordId +\n          childObject +\n          \"/\" +\n          fd.filename;\n        // this.$emit(\"input\", imageUrl);\n        this.isPhotoTaken = false;\n        this.images.push(imageUrl);\n        this.getFiles({\n          portal: this.objectName,\n          object_name: this.objectName,\n          record_id: this.recordId,\n          child_object: this.childObject,\n        });\n        this.isLoading = false;\n        return false;\n      });\n    },\n    takePhoto() {\n      if (!this.isPhotoTaken) {\n        //   this.isShotPhoto = true;\n        //   const FLASH_TIMEOUT = 50;\n        //   setTimeout(() => {\n        //     this.isShotPhoto = false;\n        //   }, FLASH_TIMEOUT);\n      }\n\n      // this.isPhotoTaken = !this.isPhotoTaken;\n      this.toggleCamera();\n      this.isLoading = true;\n      const context = this.$refs.canvas.getContext(\"2d\");\n      const videoElement = this.$refs.camera;\n      const canvasElement = this.$refs.canvas;\n      canvasElement.width = videoElement.videoWidth;\n      canvasElement.height = videoElement.videoHeight;\n      // context.drawImage(this.$refs.camera, 0, 0, 450, 337.5);\n      context.drawImage(videoElement, 0, 0, canvasElement.width, canvasElement.height);\n\n      this.downloadImage();\n    },\n\n    downloadImage() {\n      const download = document.getElementById(\"downloadPhoto\");\n      const dataURL = document\n        .getElementById(\"photoTaken\")\n        .toDataURL(\"image/jpeg\")\n        .replace(\"image/jpeg\", \"image/octet-stream\");\n\n      // const dataURL = canvas.toDataURL();\n      this.upload(dataURL);\n    },\n  },\n};\n</script>\n\n<style lang=\"css\" scoped>\n.web-camera-container {\n  /* position: fixed;\n  width: 500px;\n  background-color: white; */\n\n  /* z-index: 100; */\n}\n.camera-dialog {\n  background-color: white;\n}\n.dialog-container {\n  position: fixed; /* Fixed positioning relative to the viewport */\n  top: 50%; /* Center vertically */\n  left: 50%; /* Center horizontally */\n  transform: translate(-50%, -50%); /* Adjust to truly center the element */\n  /* Ensure the container is large enough or set width/height as needed */\n}\n@media only screen and (max-width: 450px) {\n  .web-camera-containe- {\n    width: 100%;\n    height: 100%;\n    /* z-index: 100; */\n    position: absolute;\n    top: 0;\n    left: 0;\n    background-color: white;\n  }\n  .camera-toolbar {\n    position: fixed;\n    /* background-color: green; */\n    bottom: 0;\n    width: 100%;\n  }\n  .my-images {\n    max-height: 110px;\n    overflow: auto;\n  }\n  .camera-box {\n    position: fixed;\n    bottom: 0;\n  }\n}\n</style>\n","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!./TakePhoto copy.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!./TakePhoto copy.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TakePhoto copy.vue?vue&type=template&id=265d0bc0&scoped=true&\"\nimport script from \"./TakePhoto copy.vue?vue&type=script&lang=js&\"\nexport * from \"./TakePhoto copy.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TakePhoto copy.vue?vue&type=style&index=0&id=265d0bc0&lang=css&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  \"265d0bc0\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCarousel } from 'vuetify/lib/components/VCarousel';\nimport { VCarouselItem } from 'vuetify/lib/components/VCarousel';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VBtn,VCarousel,VCarouselItem,VContainer,VIcon,VSpacer,VToolbar})\n"],"sourceRoot":""}