{"version":3,"sources":["webpack:///./src/views/manage/StockPhotos.vue?9f5a","webpack:///./src/views/manage/StockPhotos.vue?1bff","webpack:///src/views/manage/StockPhotos.vue","webpack:///./src/views/manage/StockPhotos.vue?504a","webpack:///./src/views/manage/StockPhotos.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","attrs","staticStyle","_v","_s","stockNumber","stockDescription","slot","uploadLocation","on","uploadComplete","fileRemoved","directives","name","rawName","value","photos","length","expression","scopedSlots","_u","key","fn","data","_l","photo","indextr","isPrimary","url","substring","lastIndexOf","$event","makePrimary","splice","stopPropagation","preventDefault","saveStockPhotos","staticRenderFns","FilePond","vueFilePond","FilePondPluginFileValidateType","FilePondPluginImagePreview","components","vSelect","taskId","computed","costingsToDisplay","get","$buildUrl","watch","selectAll","val","methods","error","file","self","response","JSON","parse","serverId","push","index","map","item","$vs","notify","title","color","text","position","iconPack","icon","$showLoadingOnElement","onSuccess","$router","onFinally","loading","close","$refs","whole_page","$el","$ajaxPost","parseInt","getStockDetails","$ajaxGet","mounted","$route","query","component"],"mappings":"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","file":"js/chunk-fe91e584.2efe8f5d.js","sourcesContent":["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!./StockPhotos.vue?vue&type=style&index=0&id=36e92a0e&prod&lang=css\"","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 photos 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 image here or <span class='filepond--label-action'>Browse</span>\",\"allow-multiple\":true,\"accepted-file-types\":\"image/*\",\"instant-upload\":true,\"allow-image-preview\":false},on:{\"processfile\":_vm.uploadComplete,\"removefile\":_vm.fileRemoved}})],2)],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.photos && _vm.photos.length > 0),expression:\"photos && photos.length > 0\"}]},[_c('vs-table',{ref:\"photosTable\",attrs:{\"single\":\"\",\"max-items\":\"15\",\"data\":_vm.photos},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(photo,indextr){return _c('vs-tr',{key:indextr,attrs:{\"data\":_vm.photos,\"state\":_vm.photos[indextr].isPrimary ? 'success' : null}},[_c('vs-td',[_c('img',{staticClass:\"product-img\",attrs:{\"src\":photo.url,\"width\":\"100px\"}})]),_c('vs-td',[_c('p',{staticClass:\"product-name font-medium\"},[_vm._v(_vm._s(photo.url.substring(photo.url.lastIndexOf('/') + 1)))])]),_c('vs-td',[_c('vs-button',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.photos[indextr].isPrimary),expression:\"!photos[indextr].isPrimary\"}],attrs:{\"color\":\"success\",\"type\":\"flat\"},on:{\"click\":function($event){return _vm.makePrimary(indextr)}}},[_vm._v(\"Make Primary\")])],1),_c('vs-td',[_c('vs-button',{attrs:{\"color\":\"danger\",\"type\":\"flat\",\"icon-pack\":\"feather\",\"icon\":\"icon-trash\"},on:{\"click\":function($event){return _vm.photos.splice(indextr,1)}}})],1)],1)})}}])})],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.saveStockPhotos($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 photos 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 image here or <span class='filepond--label-action'>Browse</span>\"\r\n                  :allow-multiple=\"true\"\r\n                  accepted-file-types=\"image/*\"\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 v-show=\"photos && photos.length > 0\">\r\n              <vs-table ref=\"photosTable\" single max-items=\"15\" :data=\"photos\">\r\n                <template slot-scope=\"{data}\">\r\n                  <vs-tr :data=\"photos\" :state=\"photos[indextr].isPrimary ? 'success' : null\" :key=\"indextr\" v-for=\"(photo, indextr) in data\">\r\n                    <vs-td>\r\n                      <img :src=\"photo.url\" width=\"100px\" class=\"product-img\" />\r\n                    </vs-td>\r\n                    <vs-td>\r\n                      <p class=\"product-name font-medium\">{{ photo.url.substring(photo.url.lastIndexOf('/') + 1) }}</p>\r\n                    </vs-td>\r\n                    <vs-td>\r\n                      <vs-button color=\"success\" type=\"flat\" v-show=\"!photos[indextr].isPrimary\"  @click=\"makePrimary(indextr)\">Make Primary</vs-button>\r\n                    </vs-td>\r\n                    <vs-td>\r\n                      <vs-button color=\"danger\" type=\"flat\" icon-pack=\"feather\" icon=\"icon-trash\" @click=\"photos.splice(indextr,1)\"></vs-button>\r\n                    </vs-td>\r\n                  </vs-tr>\r\n                </template>\r\n              </vs-table>\r\n            </div>\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=\"saveStockPhotos\">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      photos:[],\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      if (response.url) {\r\n        if (self.photos.length == 0) self.photos.push({ url: response.url, isPrimary: true });\r\n        else self.photos.push({ url: response.url });\r\n      }\r\n    },\r\n    makePrimary (index) {\r\n      this.photos = this.photos.map(function (item) {\r\n        return { url: item.url };\r\n      });\r\n      this.photos[index].isPrimary = true;\r\n    },\r\n    saveStockPhotos(){\r\n      const self = this;\r\n      if(this.photos.length < 3){\r\n        self.$vs.notify({\r\n            title:'Attention',\r\n            color: 'warning',\r\n            text: \"At least 3 photos required.\",\r\n            position:'top-right',\r\n            iconPack: 'feather',\r\n            icon:'icon-info'\r\n          });\r\n          return;\r\n      }\r\n\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 photos 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/CaptureStockPhotosAndActivateListing', \r\n                                          {\r\n                                            taskId: parseInt(self.taskId), \r\n                                            photos: this.photos\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    \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!./StockPhotos.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!./StockPhotos.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./StockPhotos.vue?vue&type=template&id=36e92a0e\"\nimport script from \"./StockPhotos.vue?vue&type=script&lang=js\"\nexport * from \"./StockPhotos.vue?vue&type=script&lang=js\"\nimport style0 from \"./StockPhotos.vue?vue&type=style&index=0&id=36e92a0e&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"],"sourceRoot":""}