{"version":3,"sources":["webpack:///./src/views/manage/StockVideo.vue?c75f","webpack:///src/views/manage/StockVideo.vue","webpack:///./src/views/manage/StockVideo.vue?8d11","webpack:///./src/views/manage/StockVideo.vue","webpack:///./src/views/manage/StockVideo.vue?451e"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","attrs","staticStyle","_v","_s","stockNumber","stockDescription","slot","uploadLocation","on","uploadComplete","fileRemoved","$event","stopPropagation","preventDefault","saveStockvideo","staticRenderFns","FilePond","vueFilePond","FilePondPluginFileValidateType","FilePondPluginImagePreview","components","vSelect","data","taskId","video","computed","costingsToDisplay","get","$buildUrl","watch","selectAll","val","methods","error","file","self","response","JSON","parse","serverId","url","$showLoadingOnElement","onSuccess","$vs","notify","title","color","text","position","iconPack","icon","$router","push","name","onFinally","loading","close","$refs","whole_page","$el","$ajaxPost","parseInt","getStockDetails","$ajaxGet","mounted","$route","query","component"],"mappings":"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","file":"js/chunk-a5f38a4c.3018f156.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"whole_page\",staticClass:\"vx-row mb-2\"},[_c('b-card',{staticClass:\"w-full\",attrs:{\"no-body\":\"\"}},[_c('b-card-text',{staticStyle:{\"width\":\"100%\"}},[_c('span',{staticStyle:{\"font-size\":\"18pt\",\"padding\":\"10px\",\"font-weight\":\"bold\"}},[_vm._v(\" Capture stock video for: SPV\"+_vm._s(_vm.stockNumber)+\" - \"+_vm._s(_vm.stockDescription)+\" \")]),_c('br'),_c('br'),_c('div',{staticClass:\"vx-row pb-3\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vx-card',{staticClass:\"glow-effect_dark card__no-padding mb-4\",staticStyle:{\"padding\":\"10px\"}},[_c('vx-input-group',[_c('template',{slot:\"prepend\"},[_c('div',{staticClass:\"prepend-text\",staticStyle:{\"background-color\":\"#41475E\"}},[_c('span',[_c('feather-icon',{staticClass:\"pt-1\",attrs:{\"icon\":\"UploadCloudIcon\",\"svg-classes\":\"stroke-current\"}})],1)])]),_c('file-pond',{ref:\"pond\",attrs:{\"id\":\"filepond\",\"server\":_vm.uploadLocation,\"label-idle\":\"Drop video here or <span class='filepond--label-action'>Browse</span>\",\"allow-multiple\":false,\"accepted-file-types\":\"video/*\",\"instant-upload\":true,\"allow-image-preview\":false},on:{\"processfile\":_vm.uploadComplete,\"removefile\":_vm.fileRemoved}})],2)],1)],1)]),_c('div',{staticStyle:{\"width\":\"100%\",\"clear\":\"both\",\"text-align\":\"right\",\"padding\":\"50px\"}},[_c('vs-button',{attrs:{\"color\":\"success\"},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.saveStockvideo($event)}}},[_vm._v(\"Save\")])],1)])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"vx-row mb-2\" ref=\"whole_page\"> \r\n    <b-card no-body  class=\"w-full\">\r\n      <b-card-text style=\"width:100%;\">\r\n       <span style=\"font-size: 18pt; padding:10px;font-weight: bold;\"> Capture stock video for: SPV{{stockNumber}} - {{ stockDescription }} </span>\r\n       <br/><br/>\r\n       <div class=\"vx-row pb-3\">\r\n          <div class=\"vx-col w-full\">\r\n            <vx-card class=\"glow-effect_dark card__no-padding mb-4\" style=\"padding: 10px;\">\r\n              <vx-input-group>\r\n                <template slot=\"prepend\">\r\n                  <div class=\"prepend-text\" style=\"background-color: #41475E\">\r\n                    <span><feather-icon class=\"pt-1\" icon=\"UploadCloudIcon\" svg-classes=\"stroke-current\"></feather-icon></span>\r\n                  </div>\r\n                </template>\r\n                <file-pond\r\n                  id=\"filepond\"\r\n                  ref=\"pond\"\r\n                  :server=\"uploadLocation\"\r\n                  label-idle=\"Drop video here or <span class='filepond--label-action'>Browse</span>\"\r\n                  :allow-multiple=\"false\"\r\n                  accepted-file-types=\"video/*\"\r\n                  :instant-upload=\"true\"\r\n                  :allow-image-preview=\"false\"\r\n                  @processfile=\"uploadComplete\"\r\n                  @removefile=\"fileRemoved\"\r\n                />\r\n              </vx-input-group>\r\n            </vx-card>\r\n          </div>\r\n        </div>\r\n\r\n        <div style=\"width: 100%;clear: both;text-align: right; padding: 50px;\"> \r\n          <vs-button color=\"success\" @click.stop.prevent=\"saveStockvideo\">Save</vs-button>\r\n        </div> \r\n      </b-card-text>\r\n    </b-card>\r\n  </div>\r\n</template>\r\n<script>\r\nimport vSelect from 'vue-select';\r\nimport vueFilePond from 'vue-filepond';\r\nimport FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type';\r\nimport FilePondPluginImagePreview from 'filepond-plugin-image-preview';\r\nconst FilePond = vueFilePond(FilePondPluginFileValidateType, FilePondPluginImagePreview);\r\nexport default {\r\n  components: {\r\n    'v-select': vSelect,\r\n    FilePond,\r\n  },\r\n  data () {\r\n    return {\r\n      taskId:0,\r\n      stockNumber:\"\",\r\n      stockDescription:\"\",\r\n      video:\"\",\r\n    }\r\n  },\r\n  computed: {\r\n    costingsToDisplay () {\r\n      return \"\";\r\n    },\r\n    uploadLocation: {\r\n      get () {\r\n        return this.$buildUrl('tempupload');\r\n      }\r\n    }\r\n  },\r\n  watch: {\r\n    selectAll: function(val) {\r\n    }\r\n  },\r\n  methods: {\r\n    fileRemoved (error, file) {\r\n      //this.initValues();\r\n    },\r\n    uploadComplete (error, file) {\r\n      const self = this;\r\n      const response = JSON.parse(file.serverId);\r\n      self.video = response.url;\r\n    },\r\n    saveStockvideo(){\r\n      const self = this;\r\n      debugger\r\n      self.$showLoadingOnElement(self,\"whole_page\", 0.45, \"material\");\r\n      const onSuccess = (response) => {\r\n        self.$vs.notify({\r\n          title: 'Success',\r\n          color: 'success',\r\n            text: \"Stock video saved and listing activated.\",\r\n            position:'top-right',\r\n            iconPack: 'feather',\r\n            icon:'icon-info'\r\n          });\r\n      self.$router.push({ name: 'Stock' })\r\n      };\r\n      const onFinally = function () {\r\n          self.$vs.loading.close(self.$refs.whole_page.$el);\r\n      };\r\n      self.$ajaxPost(self, 'SpvStock/CaptureStockVideoAndActivateListing', \r\n                                          {\r\n                                            taskId: parseInt(self.taskId), \r\n                                            video: this.video\r\n\r\n                                          }, onSuccess, onFinally);\r\n    },\r\n    getStockDetails(){\r\n      const self = this;\r\n      self.$showLoadingOnElement(self,\"whole_page\", 0.45, \"material\");\r\n      const onSuccess = (response) => {\r\n        self.stockNumber = response.data.stockNumber;\r\n        self.stockDescription = response.data.stockDescription;\r\n      };\r\n      const onFinally = function () {\r\n          self.$vs.loading.close(self.$refs.whole_page.$el);\r\n      };\r\n\r\n      self.$ajaxGet(self, \"SpvStock/getStockDetails/\"+ this.taskId, onSuccess, onFinally);\r\n    },\r\n  },\r\n  mounted () {\r\n    const self = this;\r\n    self.taskId =  this.$route.query.taskId;\r\n    self.getStockDetails();\r\n  }\r\n}\r\n</script>\r\n<style>\r\n.vs-con-textarea\r\n{\r\n  width:90%\r\n}\r\n</style>\r\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!./StockVideo.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!./StockVideo.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./StockVideo.vue?vue&type=template&id=26b5f316\"\nimport script from \"./StockVideo.vue?vue&type=script&lang=js\"\nexport * from \"./StockVideo.vue?vue&type=script&lang=js\"\nimport style0 from \"./StockVideo.vue?vue&type=style&index=0&id=26b5f316&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.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!./StockVideo.vue?vue&type=style&index=0&id=26b5f316&prod&lang=css\""],"sourceRoot":""}