{"version":3,"sources":["webpack:///./src/views/pages/ModelImages/ModelImage.vue?305f","webpack:///src/views/pages/ModelImages/ModelImage.vue","webpack:///./src/views/pages/ModelImages/ModelImage.vue?ff31","webpack:///./src/views/pages/ModelImages/ModelImage.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","directives","name","rawName","value","expression","attrs","model","callback","$$v","releaseNotes","errors","has","_s","first","uploaded","_e","on","upload","Reset","progressPercent","checkSum","versionNumber","tags","description","$event","CreateModelImage","cancel","staticRenderFns","data","id","modelId","imageLocation","selectedFile","clickedUpload","showProgress","mounted","$route","params","modelImageId","query","_id","$store","dispatch","then","comp","catch","console","computed","progressMade","methods","fileDialog","$router","push","OnFileSelected","event","target","files","gcUploader","file","fileName","progress","done","error","contentType","objectType","xhr","alert","loaded","accessUrl","err","setTimeout","checkP","NULL","Swal","icon","title","showConfirmButton","timer","text","color","iconPack","position","component"],"mappings":"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","file":"js/chunk-2d0ab128.f88c57e9.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-3/4 w-full mb-base\"},[_c('vx-card',[_c('form',[_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"Release notes\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],staticClass:\"w-full\",attrs:{\"name\":\"releaseNotes\",\"placeholder\":\"Release notes\"},model:{value:(_vm.releaseNotes),callback:function ($$v) {_vm.releaseNotes=$$v},expression:\"releaseNotes\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('releaseNotes')),expression:\"errors.has('releaseNotes')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first(\"releaseNotes\")))])],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"Image Location\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[(!_vm.uploaded)?_c('div',[_c('vs-button',{attrs:{\"color\":\"primary\"},on:{\"click\":_vm.upload}},[_vm._v(\"Upload\")])],1):_vm._e(),(_vm.uploaded)?_c('div',[_c('vs-button',{attrs:{\"color\":\"primary\"},on:{\"click\":_vm.Reset}},[_vm._v(\"Change\")])],1):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showProgress),expression:\"showProgress\"}]},[_c('vs-progress',{attrs:{\"percent\":_vm.progressPercent,\"color\":\"primary\"}})],1)])]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"Check sum\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],staticClass:\"w-full\",attrs:{\"placeholder\":\"checksum\",\"name\":\"checksum\"},model:{value:(_vm.checkSum),callback:function ($$v) {_vm.checkSum=$$v},expression:\"checkSum\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('checksum')),expression:\"errors.has('checksum')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first(\"checksum\")))])],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"Version Number\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],staticClass:\"w-full\",attrs:{\"name\":\"versionNumber\",\"placeholder\":\"version Number\"},model:{value:(_vm.versionNumber),callback:function ($$v) {_vm.versionNumber=$$v},expression:\"versionNumber\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('versionNumber')),expression:\"errors.has('versionNumber')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first(\"versionNumber\")))])],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"Tags\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],staticClass:\"w-full\",attrs:{\"name\":\"tags\",\"placeholder\":\"Tags\"},model:{value:(_vm.tags),callback:function ($$v) {_vm.tags=$$v},expression:\"tags\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('tags')),expression:\"errors.has('tags')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first(\"tags\")))])],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"Description\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],staticClass:\"w-full\",attrs:{\"name\":\"description\",\"placeholder\":\"Description\"},model:{value:(_vm.description),callback:function ($$v) {_vm.description=$$v},expression:\"description\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('description')),expression:\"errors.has('description')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first(\"description\")))])],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col sm:w-2/3 w-full ml-auto\"},[_c('vs-button',{staticClass:\"mr-3 mb-2\",on:{\"click\":function($event){return _vm.CreateModelImage()}}},[_vm._v(\"Submit\")]),_c('vs-button',{staticClass:\"mb-2\",attrs:{\"color\":\"dark\",\"type\":\"border\"},on:{\"click\":_vm.cancel}},[_vm._v(\"Cancel\")])],1)])])])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"vx-row\">\n    <!-- HORIZONTAL LAYOUT -->\n    <div class=\"vx-col md:w-3/4 w-full mb-base\">\n      <vx-card>\n        <form>\n          <!-- <div class=\"vx-row mb-6\">\n            <div class=\"vx-col sm:w-1/3 w-full\">\n              <span>Model</span>\n            </div>\n            <div class=\"vx-col sm:w-2/3 w-full\">\n              <vs-input class=\"w-full\" v-validate=\"'required'\" placeholder=\"Model \" name=\"name\" v-model=\"modelId\" />\n              <span class=\"text-danger text-sm\" v-show=\"errors.has('Model ')\">{{ errors.first('Model') }}</span>\n            </div>\n          </div> -->\n          <div class=\"vx-row mb-6\">\n            <div class=\"vx-col sm:w-1/3 w-full\">\n              <span>Release notes</span>\n            </div>\n            <div class=\"vx-col sm:w-2/3 w-full\">\n              <vs-input\n                class=\"w-full\"\n                v-validate=\"'required'\"\n                name=\"releaseNotes\"\n                placeholder=\"Release notes\"\n                v-model=\"releaseNotes\"\n              />\n              <span\n                class=\"text-danger text-sm\"\n                v-show=\"errors.has('releaseNotes')\"\n                >{{ errors.first(\"releaseNotes\") }}</span\n              >\n            </div>\n          </div>\n          <div class=\"vx-row mb-6\">\n            <div class=\"vx-col sm:w-1/3 w-full\">\n              <span>Image Location</span>\n            </div>\n            <div class=\"vx-col sm:w-2/3 w-full\">\n              <div v-if=\"!uploaded\">\n                <vs-button color=\"primary\" @click=\"upload\">Upload</vs-button>\n              </div>\n              <div v-if=\"uploaded\">\n                <vs-button color=\"primary\" @click=\"Reset\">Change</vs-button>\n              </div>\n              <div v-show=\"showProgress\">\n                <vs-progress\n                  :percent=\"progressPercent\"\n                  color=\"primary\"\n                ></vs-progress>\n              </div>\n            </div>\n          </div>\n          <div class=\"vx-row mb-6\">\n            <div class=\"vx-col sm:w-1/3 w-full\">\n              <span>Check sum</span>\n            </div>\n            <div class=\"vx-col sm:w-2/3 w-full\">\n              <vs-input\n                class=\"w-full\"\n                placeholder=\"checksum\"\n                name=\"checksum\"\n                v-validate=\"'required'\"\n                v-model=\"checkSum\"\n              />\n              <span\n                class=\"text-danger text-sm\"\n                v-show=\"errors.has('checksum')\"\n                >{{ errors.first(\"checksum\") }}</span\n              >\n            </div>\n          </div>\n          <div class=\"vx-row mb-6\">\n            <div class=\"vx-col sm:w-1/3 w-full\">\n              <span>Version Number</span>\n            </div>\n            <div class=\"vx-col sm:w-2/3 w-full\">\n              <vs-input\n                class=\"w-full\"\n                v-validate=\"'required'\"\n                name=\"versionNumber\"\n                placeholder=\"version Number\"\n                v-model=\"versionNumber\"\n              />\n              <span\n                class=\"text-danger text-sm\"\n                v-show=\"errors.has('versionNumber')\"\n                >{{ errors.first(\"versionNumber\") }}</span\n              >\n            </div>\n          </div>\n          <div class=\"vx-row mb-6\">\n            <div class=\"vx-col sm:w-1/3 w-full\">\n              <span>Tags</span>\n            </div>\n            <div class=\"vx-col sm:w-2/3 w-full\">\n              <vs-input\n                class=\"w-full\"\n                v-validate=\"'required'\"\n                name=\"tags\"\n                placeholder=\"Tags\"\n                v-model=\"tags\"\n              />\n              <span class=\"text-danger text-sm\" v-show=\"errors.has('tags')\">{{\n                errors.first(\"tags\")\n              }}</span>\n            </div>\n          </div>\n          <div class=\"vx-row mb-6\">\n            <div class=\"vx-col sm:w-1/3 w-full\">\n              <span>Description</span>\n            </div>\n            <div class=\"vx-col sm:w-2/3 w-full\">\n              <vs-input\n                class=\"w-full\"\n                v-validate=\"'required'\"\n                name=\"description\"\n                placeholder=\"Description\"\n                v-model=\"description\"\n              />\n              <span\n                class=\"text-danger text-sm\"\n                v-show=\"errors.has('description')\"\n                >{{ errors.first(\"description\") }}</span\n              >\n            </div>\n            <!-- <div class=\"vx-col sm:w-2/3 w-full\">\n          <select class=\"form-control setTop\"\n              style=\"width: 100%;height:40px;border: 1px solid rgba(0, 0, 0, 0.2);border-radius:5px;\"\n              name=\"state\"\n              v-model=\"state\"\n              :palaceholder=\"$t('Choose state')\"\n              v-validate=\"'required'\"\n            >\n              <option value=\"\">--{{(\"Select\")}}--</option>\n              <option value=\"PROPOSED\">PROPOSED</option>\n              <option value=\"IN-PRODUCTION\">IN-PRODUCTION</option>\n              <option value=\"IN-SUPPORT\">IN-SUPPORT</option>\n            </select>\n            <span class=\"text-danger text-sm\" v-show=\"errors.has('state')\">{{ errors.first('state') }}</span>\n        </div> -->\n          </div>\n\n          <div class=\"vx-row\">\n            <div class=\"vx-col sm:w-2/3 w-full ml-auto\">\n              <vs-button class=\"mr-3 mb-2\" @click=\"CreateModelImage()\"\n                >Submit</vs-button\n              >\n              <!-- <vs-button color=\"warning\" type=\"border\" class=\"mb-2\" @click=\"newModel.firstName = newModel.lastName = newModel.email = newModel.phoneNumber = newModel.specialty = newModel.credentials = ''; check7 = false;\">Reset</vs-button> -->\n              <vs-button color=\"dark\" type=\"border\" class=\"mb-2\" @click=\"cancel\"\n                >Cancel</vs-button\n              >\n            </div>\n          </div>\n        </form>\n      </vx-card>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Swal from \"sweetalert2\";\nimport fileDialog from \"file-dialog\";\nconst { NotFound, GeneralError, BadRequest } = require(\"@feathersjs/errors\");\nexport default {\n  name: \"newModel\",\n  data() {\n    return {\n      id: \"\",\n      modelId: \"\",\n      releaseNotes: \"\",\n      imageLocation: \"\",\n      checkSum: \"\",\n      versionNumber: \"\",\n      tags: \"\",\n      description: \"\",\n      selectedFile: null,\n      uploaded: false,\n      progressPercent: 10,\n      clickedUpload: false,\n      showProgress: false,\n    };\n  },\n  mounted() {\n    const comp = this;\n    if (this.$route.params.modelId) {\n      this.modelId = this.$route.params.modelId;\n    }\n    if (this.$route.params.modelImageId) {\n      this.id = this.$route.params.modelImageId;\n      const query = {\n        query: {\n          _id: this.id,\n        },\n      };\n      this.$store\n        .dispatch(\"modelimages/find\", query)\n        .then((result) => {\n          const model = result.data[0];\n          comp.modelId = model.modelId;\n          comp.releaseNotes = model.releaseNotes;\n          comp.imageLocation = model.imageLocation;\n          comp.checkSum = model.checkSum;\n          comp.versionNumber = model.versionNumber;\n          comp.tags = model.tags;\n          comp.description = model.description;\n        })\n        .catch((err) => {\n          console.log(`err--${err}`);\n        });\n    }\n  },\n  computed: {\n    progressMade: function () {\n      return this.progressPercent;\n    },\n  },\n  methods: {\n    upload() {\n      var comp = this;\n      fileDialog().then((files) => {\n        comp.selectedFile = files[0];\n        comp.gcUploader(\n          comp.selectedFile,\n          comp.selectedFile.name,\n          comp.progress,\n          comp.done,\n          comp.error\n        );\n      });\n    },\n    cancel() {\n      this.$router.push(\"/productModelList\");\n    },\n    OnFileSelected(event) {\n      this.selectedFile = event.target.files[0];\n      console.log(this.selectedFile);\n    },\n    async gcUploader(file, fileName, progress, done, error) {\n      // var result = await store.dispatch(\"gcuploadurls/find\",{query:{type:uploadType,fileName:file.name,contentType:file.type}});\n      // console.log(\"Success---\"+result);\n      this.clickedUpload = true;\n      this.showProgress = true;\n      console.log(this.clickedUpload);\n      progress(20);\n\n      this.$store\n        .dispatch(\"gcuploadurls/find\", {\n          query: {\n            fileName: fileName,\n            contentType: file.type,\n            objectType: \"firmwareimage\",\n          },\n        })\n        .then((response) => {\n          var uploadUrl = response[0].uploadUrl;\n          var accessUrl = response[0].accessUrl;\n          console.log(JSON.stringify(response));\n\n          var createCORSRequest = function (method, url) {\n            var xhr = new XMLHttpRequest();\n            if (\"withCredentials\" in xhr) {\n              xhr.open(method, url, false);\n            } else if (typeof XDomainRequest != \"undefined\") {\n              var xhr = new XDomainRequest();\n              xhr.open(method, url);\n            } else {\n              console.log(\"CORS not supported\");\n              alert(\"CORS not supported\");\n              xhr = null;\n            }\n            return xhr;\n          };\n\n          const xhr = createCORSRequest(\"PUT\", uploadUrl);\n\n          xhr.upload.addEventListener(\"progress\", function (e) {\n            if (e.lengthComputable) {\n              //console.log(e.loaded / e.total);\n              var loaded = (e.loaded / e.total) * 100;\n              loaded = loaded.toFixed(0);\n              //loaded = (loaded*100)/100;\n              progress(loaded);\n              console.log(\"percent\" + loaded);\n            }\n          });\n\n          xhr.onload = () => {\n            console.log(\"onload\");\n            const status = xhr.status;\n            if (status === 200) {\n              console.log(\"Success while upload the file\");\n              progress(100);\n              done(accessUrl);\n            } else {\n              console.log(\"Error while upload the file\");\n              error(status);\n            }\n          };\n          xhr.onerror = () => {\n            console.log(\"Error\");\n            error(\"Request Failed\");\n          };\n          xhr.setRequestHeader(\"Content-Type\", file.type);\n          xhr.send(file);\n        })\n        .catch((err) => {\n          console.log(\"error while getting access url---\" + err);\n        });\n    },\n    done(accessUrl) {\n      this.imageLocation = accessUrl;\n    },\n    error(err) {\n      console.log(err);\n    },\n    progress(loaded) {\n      this.progressPercent = loaded;\n\n      console.log(this.progressPercent);\n      if (loaded == 100) setTimeout(this.checkP, 1000);\n    },\n    checkP() {\n      this.showProgress = false;\n      this.uploaded = true;\n    },\n    Reset() {\n      this.uploaded = false;\n      this.selectedFile = NULL;\n      this.showProgress = false;\n      this.progressPercent = 10;\n      this.clickedUpload = false;\n    },\n    async CreateModelImage() {\n      const comp = this;\n      this.$validator.validateAll().then((result) => {\n        if (result) {\n          if (this.id === \"\" && this.uploaded) {\n            var data = {\n              modelId: comp.modelId,\n              releaseNotes: comp.releaseNotes,\n              imageLocation: comp.imageLocation,\n              checkSum: comp.checkSum,\n              versionNumber: comp.versionNumber,\n              tags: comp.tags,\n              description: comp.description,\n            };\n            this.$store\n              .dispatch(\"modelimages/create\", data)\n              .then((response) => {\n                console.log(response);\n                Swal.fire({\n                  icon: \"success\",\n                  title: \"Created successfully\",\n                  showConfirmButton: false,\n                  timer: 1500,\n                });\n                this.$router.push(\"../modelImageList\");\n              })\n              .catch((err) => {\n                console.log(`err--${err}`);\n                this.$vs.notify({\n                  title: \"error\",\n                  text: \"Error!!\",\n                  color: \"danger\",\n                  iconPack: \"feather\",\n                  position: \"top-center\",\n                });\n              });\n          } else if (this.id !== \"\") {\n            comp.$store\n              .dispatch(\"modelimages/patch\", [\n                comp.id,\n                {\n                  modelId: comp.modelId,\n                  releaseNotes: comp.releaseNotes,\n                  imageLocation: comp.imageLocation,\n                  checkSum: comp.checkSum,\n                  versionNumber: comp.versionNumber,\n                  tags: comp.tags,\n                  description: comp.description,\n                },\n              ])\n              .then((response) => {\n                console.log(response);\n                Swal.fire({\n                  icon: \"success\",\n                  title: \"updated successfully\",\n                  showConfirmButton: false,\n                  timer: 1500,\n                });\n                this.$router.push(\"/modelImageList\");\n              })\n              .catch((err) => {\n                console.log(`err--${err}`);\n              });\n          } else {\n            Swal.fire({\n              icon: \"error\",\n              title: \"upload file\",\n              showConfirmButton: false,\n              timer: 1500,\n            });\n          }\n        }\n      });\n    },\n  },\n};\n</script>\n<style scoped>\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!./ModelImage.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!./ModelImage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModelImage.vue?vue&type=template&id=100a469a&scoped=true&\"\nimport script from \"./ModelImage.vue?vue&type=script&lang=js&\"\nexport * from \"./ModelImage.vue?vue&type=script&lang=js&\"\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  \"100a469a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}