{"version":3,"sources":["webpack:///./src/workspaces/warehouse/mixins/searchable.js","webpack:///./src/workspaces/warehouse/views/internal/DecoupleBoxItem.vue","webpack:///src/workspaces/warehouse/views/internal/DecoupleBoxItem.vue","webpack:///./src/workspaces/warehouse/views/internal/DecoupleBoxItem.vue?15da","webpack:///./src/workspaces/warehouse/views/internal/DecoupleBoxItem.vue?12c3"],"names":["computed","search","get","this","$route","query","set","value","lodash","appendRouteQuery","$router","watch","immediate","handler","triggerSearch","methods","console","log","render","_vm","_c","_self","staticClass","attrs","on","$event","_l","boxes_available","box","index","key","id","box_id_selected","_","getAppendRouteQuery","box_id","length","_e","boxes_available_loading","scopedSlots","_u","fn","_v","_s","proxy","decouple_items","item","product_id","staticStyle","product","quantity","$set","decouple_quantity","updateDecoupleItem","isMoveItem","boxSelectedField","boxCurrent","integerLimit","weight","height","width","box_decouple_id_selected","selectDecoupleBox","boxDecouple","bold","noTranslate","disabled","loading","decouple","boxes_ref","boxes_ref_loading","staticRenderFns","component"],"mappings":"kHAAe,QACbA,SAAU,CACRC,OAAQ,CACNC,IAAG,WACD,OAAOC,KAAKC,OAAOC,MAAMJ,QAE3BK,IAAG,SAACC,GACFJ,KAAKK,OAAOC,iBAAiBN,KAAKO,QAASP,KAAKC,OAAQ,CACtDH,OAAQM,OAKhBI,MAAO,CACLV,OAAQ,CACNW,WAAW,EACXC,QAAO,SAACZ,GACNE,KAAKW,cAAcb,MAIzBc,QAAS,CACPD,cAAa,SAACP,GACZS,QAAQC,IAAI,aAAcV,O,2CCvBhC,IAAIW,EAAS,WAAkB,IAAIC,EAAIhB,KAAKiB,EAAGD,EAAIE,MAAMD,GAAG,OAAOA,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACF,EAAG,OAAO,CAACG,MAAM,CAAC,GAAK,MAAM,CAACH,EAAG,SAAS,CAACA,EAAG,aAAa,CAACA,EAAG,iBAAiB,CAACA,EAAG,qBAAqB,CAACG,MAAM,CAAC,YAAc,aAAa,MAAQJ,EAAIlB,QAAQuB,GAAG,CAAC,eAAe,SAASC,GAAQN,EAAIlB,OAAOwB,OAAY,GAAGN,EAAIO,GAAIP,EAAIQ,iBAAiB,SAASC,EAAIC,GAAO,OAAOT,EAAG,iBAAiB,CAACU,IAAG,UAAID,GAAK,OAAGD,EAAIG,IAAKR,MAAM,CAAC,MAAQJ,EAAIa,iBAAmBJ,EAAIG,GAAK,UAAY,YAAY,GAAKZ,EAAIc,EAAEC,oBAAoBf,EAAIf,OAAQ,CAAE+B,OAAQP,EAAIG,OAAQ,CAACX,EAAG,WAAW,CAACG,MAAM,CAAC,IAAMK,MAAQ,MAAOT,EAAIQ,gBAAgBS,OAAwDjB,EAAIkB,KAApDjB,EAAG,iBAAiB,CAACA,EAAG,qBAAqB,GAAaD,EAAImB,wBAAyBlB,EAAG,iBAAiB,CAACA,EAAG,WAAW,CAACG,MAAM,CAAC,QAAUJ,EAAImB,4BAA4B,GAAGnB,EAAIkB,KAAKjB,EAAG,kBAAkB,CAACG,MAAM,CAAC,MAAQ,qCAAqC,IAAI,IAAI,GAAGH,EAAG,OAAO,CAACG,MAAM,CAAC,GAAK,MAAM,CAAEJ,EAAIa,gBAAiBZ,EAAG,OAAO,CAACA,EAAG,OAAO,CAACG,MAAM,CAAC,IAAM,OAAO,CAACH,EAAG,QAAQ,CAACA,EAAG,cAAc,CAACA,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,WAAW,CAACG,MAAM,CAAC,QAAU,WAAW,KAAO,IAAIgB,YAAYpB,EAAIqB,GAAG,CAAC,CAACV,IAAI,SAASW,GAAG,WAAW,MAAO,CAACtB,EAAIuB,GAAG,IAAIvB,EAAIwB,GAAGxB,EAAIa,iBAAmB,OAAO,OAAOY,OAAM,IAAO,MAAK,EAAM,eAAe,KAAKxB,EAAG,YAAY,CAACD,EAAIO,GAAIP,EAAI0B,gBAAgB,SAASC,GAAM,OAAO1B,EAAG,MAAM,CAACU,IAAIgB,EAAKC,WAAWzB,YAAY,QAAQ,CAACF,EAAG,OAAO,CAAC4B,YAAY,IAAI,CAAC5B,EAAG,OAAO,CAACG,MAAM,CAAC,IAAM,MAAM,CAACH,EAAG,oBAAoB,CAACG,MAAM,CAAC,UAAY,GAAG,KAAOuB,EAAKG,QAAQ,SAAW,qCAAqC,GAAG7B,EAAG,OAAO,CAACG,MAAM,CAAC,IAAM,MAAM,CAACH,EAAG,aAAa,CAACG,MAAM,CAAC,MAAQ,eAAe,MAAQuB,EAAKI,SAAS,SAAW,IAAI1B,GAAG,CAAC,eAAe,SAASC,GAAQ,OAAON,EAAIgC,KAAKL,EAAM,WAAYrB,QAAa,GAAGL,EAAG,OAAO,CAACG,MAAM,CAAC,IAAM,MAAM,CAACH,EAAG,eAAe,CAACG,MAAM,CAAC,MAAQ,oBAAoB,MAAQuB,EAAKM,mBAAmB5B,GAAG,CAAC,eAAe,SAASC,GAAQ,OAAON,EAAIgC,KAAKL,EAAM,oBAAqBrB,IAAS,OAAS,SAASA,GAAQ,OAAON,EAAIkC,mBAAmBP,EAAKC,WAAYtB,QAAa,IAAI,IAAI,MAAKL,EAAG,MAAMA,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACF,EAAG,OAAO,CAACG,MAAM,CAAC,IAAM,OAAO,CAACH,EAAG,iBAAiB,CAACE,YAAY,KAAKC,MAAM,CAAC,QAAUJ,EAAImC,WAAW,MAAQ,6BAA6B9B,GAAG,CAAC,OAAS,SAASC,GAAQN,EAAImC,YAAcnC,EAAImC,gBAAgB,IAAI,GAAGlC,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACF,EAAG,OAAO,CAACG,MAAM,CAAC,IAAM,MAAM,CAAEJ,EAAImC,WAAYlC,EAAG,aAAa,CAACE,YAAY,sBAAsBC,MAAM,CAAC,MAAQ,eAAe,MAAQJ,EAAIa,gBAAgB,SAAW,IAAIR,GAAG,CAAC,eAAe,SAASC,GAAQN,EAAIa,gBAAgBP,MAAWN,EAAIkB,KAAKjB,EAAG,eAAe,CAAC4B,YAAY,CAAC,YAAY,QAAQzB,MAAM,CAAC,OAASJ,EAAIoC,iBAAiB,KAAOpC,EAAIqC,WAAW,UAAY,EAAE,MAAQ,sBAAsB,cAAgB,CAAC,SAASjB,YAAYpB,EAAIqB,GAAG,CAAC,CAACV,IAAI,SAASW,GAAG,WAAW,MAAO,CAACrB,EAAG,eAAe,CAACG,MAAM,CAAC,YAAc,CAAEkC,aAAc,GAAI,MAAQtC,EAAIqC,WAAWE,OAAO,OAAS,MAAMlC,GAAG,CAAC,eAAe,CAAC,SAASC,GAAQ,OAAON,EAAIgC,KAAKhC,EAAIqC,WAAY,SAAU/B,IAAS,SAASA,GAAQN,EAAIqC,WAAWE,OAASjC,SAAcmB,OAAM,GAAM,CAACd,IAAI,SAASW,GAAG,WAAW,MAAO,CAACrB,EAAG,eAAe,CAACG,MAAM,CAAC,YAAc,CAAEkC,aAAc,GAAI,MAAQtC,EAAIqC,WAAWG,OAAO,OAAS,MAAMnC,GAAG,CAAC,eAAe,CAAC,SAASC,GAAQ,OAAON,EAAIgC,KAAKhC,EAAIqC,WAAY,SAAU/B,IAAS,SAASA,GAAQN,EAAIqC,WAAWG,OAASlC,SAAcmB,OAAM,GAAM,CAACd,IAAI,SAASW,GAAG,WAAW,MAAO,CAACrB,EAAG,eAAe,CAACG,MAAM,CAAC,YAAc,CAAEkC,aAAc,GAAI,MAAQtC,EAAIqC,WAAWpB,OAAO,OAAS,MAAMZ,GAAG,CAAC,eAAe,CAAC,SAASC,GAAQ,OAAON,EAAIgC,KAAKhC,EAAIqC,WAAY,SAAU/B,IAAS,SAASA,GAAQN,EAAIqC,WAAWpB,OAASX,SAAcmB,OAAM,GAAM,CAACd,IAAI,QAAQW,GAAG,WAAW,MAAO,CAACrB,EAAG,eAAe,CAACG,MAAM,CAAC,YAAc,CAAEkC,aAAc,GAAI,MAAQtC,EAAIqC,WAAWI,MAAM,OAAS,MAAMpC,GAAG,CAAC,eAAe,CAAC,SAASC,GAAQ,OAAON,EAAIgC,KAAKhC,EAAIqC,WAAY,QAAS/B,IAAS,SAASA,GAAQN,EAAIqC,WAAWI,MAAQnC,SAAcmB,OAAM,IAAO,MAAK,EAAM,aAAa,GAAGxB,EAAG,OAAO,CAACG,MAAM,CAAC,IAAM,MAAM,CAAEJ,EAAImC,WAAYlC,EAAG,aAAa,CAACE,YAAY,sBAAsBC,MAAM,CAAC,MAAQ,qBAAqB,MAAQJ,EAAI0C,0BAA0BrC,GAAG,CAAC,eAAe,SAASC,GAAQN,EAAI0C,yBAAyBpC,GAAQ,OAASN,EAAI2C,qBAAqB3C,EAAIkB,KAAKjB,EAAG,eAAe,CAAC4B,YAAY,CAAC,YAAY,QAAQzB,MAAM,CAAC,OAASJ,EAAIoC,iBAAiB,KAAOpC,EAAI4C,YAAY,UAAY,EAAE,MAAQ5C,EAAImC,WAAa,sBAAwB,iBAAiB,cAAgB,CAAC,SAASf,YAAYpB,EAAIqB,GAAG,CAAC,CAACV,IAAI,SAASW,GAAG,WAAW,MAAO,CAACrB,EAAG,eAAe,CAACG,MAAM,CAAC,MAAQJ,EAAI4C,YAAYL,OAAO,OAAS,KAAK,YAAc,CAAED,aAAc,IAAKjC,GAAG,CAAC,eAAe,CAAC,SAASC,GAAQ,OAAON,EAAIgC,KAAKhC,EAAI4C,YAAa,SAAUtC,IAAS,SAASA,GAAQN,EAAI4C,YAAYL,OAASjC,SAAcmB,OAAM,GAAM,CAACd,IAAI,SAASW,GAAG,WAAW,MAAO,CAACrB,EAAG,eAAe,CAACG,MAAM,CAAC,YAAc,CAAEkC,aAAc,GAAI,MAAQtC,EAAI4C,YAAYJ,OAAO,OAAS,MAAMnC,GAAG,CAAC,eAAe,CAAC,SAASC,GAAQ,OAAON,EAAIgC,KAAKhC,EAAI4C,YAAa,SAAUtC,IAAS,SAASA,GAAQN,EAAI4C,YAAYJ,OAASlC,SAAcmB,OAAM,GAAM,CAACd,IAAI,SAASW,GAAG,WAAW,MAAO,CAACrB,EAAG,eAAe,CAACG,MAAM,CAAC,YAAc,CAAEkC,aAAc,GAAI,MAAQtC,EAAI4C,YAAY3B,OAAO,OAAS,MAAMZ,GAAG,CAAC,eAAe,CAAC,SAASC,GAAQ,OAAON,EAAIgC,KAAKhC,EAAI4C,YAAa,SAAUtC,IAAS,SAASA,GAAQN,EAAI4C,YAAY3B,OAASX,SAAcmB,OAAM,GAAM,CAACd,IAAI,QAAQW,GAAG,WAAW,MAAO,CAACrB,EAAG,eAAe,CAACG,MAAM,CAAC,YAAc,CAAEkC,aAAc,GAAI,MAAQtC,EAAI4C,YAAYH,MAAM,OAAS,MAAMpC,GAAG,CAAC,eAAe,CAAC,SAASC,GAAQ,OAAON,EAAIgC,KAAKhC,EAAI4C,YAAa,QAAStC,IAAS,SAASA,GAAQN,EAAI4C,YAAYH,MAAQnC,SAAcmB,OAAM,IAAO,MAAK,EAAM,eAAe,IAAI,IAAI,GAAGxB,EAAG,cAAc,CAACE,YAAY,UAAU,CAACF,EAAG,UAAU,CAACE,YAAY,UAAUC,MAAM,CAAC,MAAQ,UAAU,eAAiB,CAAEyC,MAAM,EAAMC,aAAa,GAAO,QAAU,CAAEC,SAAU/C,EAAIgD,SAAU,KAAO,0BAA0B3C,GAAG,CAAC,MAAQL,EAAIiD,UAAU7B,YAAYpB,EAAIqB,GAAG,CAAC,CAACV,IAAI,UAAUW,GAAG,WAAW,MAAO,CAACrB,EAAG,WAAW,CAACE,YAAY,OAAOC,MAAM,CAAC,QAAU,kBAAkB,KAAO,QAAQqB,OAAM,IAAO,MAAK,EAAM,cAAc,IAAI,IAAI,GAAGxB,EAAG,OAAO,CAACG,MAAM,CAAC,IAAM,OAAO,CAAEJ,EAAIa,iBAAmBb,EAAIkD,UAAUjC,OAAQhB,EAAG,QAAQ,CAACA,EAAG,cAAc,CAACE,YAAY,uCAAuC,CAACF,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,WAAW,CAACG,MAAM,CAAC,QAAU,qBAAqB,KAAO,IAAIgB,YAAYpB,EAAIqB,GAAG,CAAC,CAACV,IAAI,SAASW,GAAG,WAAW,MAAO,CAACrB,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACH,EAAIuB,GAAGvB,EAAIwB,GAAGxB,EAAIa,iBAAmB,YAAYY,OAAM,IAAO,MAAK,EAAM,cAAcxB,EAAG,WAAW,CAACG,MAAM,CAAC,QAAUJ,EAAImD,sBAAsB,KAAKlD,EAAG,YAAY,CAAGD,EAAIkD,UAAUjC,OAA0DhB,EAAG,OAAO,CAACE,YAAY,8BAA8BH,EAAIO,GAAIP,EAAIkD,WAAW,SAASzC,GAAK,OAAOR,EAAG,WAAW,CAACU,IAAIF,EAAIG,GAAGT,YAAY,YAAYC,MAAM,CAAC,IAAMK,QAAS,GAA3NR,EAAG,iBAAiB,CAACG,MAAM,CAAC,QAAU,YAAwLH,EAAG,kBAAkB,CAACG,MAAM,CAAC,MAAQ,mCAAmC,IAAI,GAAGJ,EAAIkB,MAAM,IAAI,GAAGlB,EAAIkB,MAAM,IAAI,IAEh8NkC,EAAkB,G,+sBCuOtB,OACA,gBACA,gBACA,OACA,kBACA,kBACA,8BACA,8BACA,4BACA,+BAEA,cACA,eACA,4BACA,gBAGA,OACA,iBACA,aACA,oBACA,IACA,gBACA,qBACA,mBACA,oBACA,iCACA,sBAIA,sBACA,oBACA,mCAGA,gBACA,gBACA,sDACA,iEACA,8CACA,yDACA,kDACA,IACA,2BACA,iCAEA,wBACA,uEAGA,SACA,yBACA,iEACA,mBACA,6CAGA,+BACA,YACA,SACA,8CACA,sBAEA,kBACA,0CACA,cACA,OACA,yBAGA,cACA,gBACA,cACA,qBAIA,8BACA,kBACA,gBACA,cACA,kBAGA,0BACA,SACA,mEACA,iBAGA,qBACA,uDAGA,+BACA,KACA,SACA,qBACA,0BAEA,SACA,sBACA,mCAEA,uCACA,8BAEA,sBACA,uBACA,cACA,uCAGA,oBACA,2CACA,OACA,wBACA,8BAEA,iBACA,wCACA,+CAEA,mBAGA,YACA,SACA,sCACA,uBAEA,iBACA,uBACA,kBACA,kBACA,eACA,WClXsY,I,YCOlYC,EAAY,eACd,EACAtD,EACAqD,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"js/chunk-279a7662.9b07a578.js","sourcesContent":["export default {\n  computed: {\n    search: {\n      get() {\n        return this.$route.query.search;\n      },\n      set(value) {\n        this.lodash.appendRouteQuery(this.$router, this.$route, {\n          search: value,\n        });\n      },\n    },\n  },\n  watch: {\n    search: {\n      immediate: true,\n      handler(search) {\n        this.triggerSearch(search);\n      },\n    },\n  },\n  methods: {\n    triggerSearch(value) {\n      console.log(\"search => \", value)\n    }\n  }\n}\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('CRow',{staticClass:\"mb-5\"},[_c('CCol',{attrs:{\"lg\":\"3\"}},[_c('TAside',[_c('CListGroup',[_c('CListGroupItem',[_c('TInputSimpleSearch',{attrs:{\"placeholder\":\"Search sku\",\"value\":_vm.search},on:{\"update:value\":function($event){_vm.search=$event}}})],1),_vm._l((_vm.boxes_available),function(box,index){return _c('CListGroupItem',{key:`${index}${box.id}`,attrs:{\"color\":_vm.box_id_selected == box.id ? 'primary' : 'secondary',\"to\":_vm._.getAppendRouteQuery(_vm.$route, { box_id: box.id })}},[_c('SCardBox',{attrs:{\"box\":box}})],1)}),(!_vm.boxes_available.length)?_c('CListGroupItem',[_c('TMessageNotFound')],1):_vm._e(),(_vm.boxes_available_loading)?_c('CListGroupItem',[_c('TSpinner',{attrs:{\"loading\":_vm.boxes_available_loading}})],1):_vm._e(),_c('SButtonLoadmore',{attrs:{\"store\":\"warehouse.boxes_decouple_items\"}})],2)],1)],1),_c('CCol',{attrs:{\"lg\":\"9\"}},[(_vm.box_id_selected)?_c('CRow',[_c('CCol',{attrs:{\"col\":\"12\"}},[_c('CCard',[_c('CCardHeader',[_c('div',{staticClass:\"d-flex align-items-center\"},[_c('TMessage',{attrs:{\"content\":\"Decouple\",\"bold\":\"\"},scopedSlots:_vm._u([{key:\"suffix\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.box_id_selected || \"...\")+\" \")]},proxy:true}],null,false,4008721208)})],1)]),_c('CCardBody',[_vm._l((_vm.decouple_items),function(item){return _c('div',{key:item.product_id,staticClass:\"mt-3\"},[_c('CRow',{staticStyle:{}},[_c('CCol',{attrs:{\"col\":\"5\"}},[_c('SCardProductItems',{attrs:{\"widthAuto\":\"\",\"item\":item.product,\"resource\":\"/warehouse/management/products\"}})],1),_c('CCol',{attrs:{\"col\":\"3\"}},[_c('TInputText',{attrs:{\"label\":\"Items in box\",\"value\":item.quantity,\"disabled\":\"\"},on:{\"update:value\":function($event){return _vm.$set(item, \"quantity\", $event)}}})],1),_c('CCol',{attrs:{\"col\":\"3\"}},[_c('TInputNumber',{attrs:{\"label\":\"Quantity to split\",\"value\":item.decouple_quantity},on:{\"update:value\":function($event){return _vm.$set(item, \"decouple_quantity\", $event)},\"change\":function($event){return _vm.updateDecoupleItem(item.product_id, $event)}}})],1)],1)],1)}),_c('hr'),_c('CRow',{staticClass:\"mt-3\"},[_c('CCol',{attrs:{\"col\":\"12\"}},[_c('TInputCheckbox',{staticClass:\"h5\",attrs:{\"checked\":_vm.isMoveItem,\"label\":\"Move items to another box\"},on:{\"change\":function($event){_vm.isMoveItem = !_vm.isMoveItem}}})],1)],1),_c('CRow',{staticClass:\"my-2\"},[_c('CCol',{attrs:{\"col\":\"6\"}},[(_vm.isMoveItem)?_c('TInputText',{staticClass:\"mb-3 text-uppercase\",attrs:{\"label\":\"Decouple box\",\"value\":_vm.box_id_selected,\"disabled\":\"\"},on:{\"update:value\":function($event){_vm.box_id_selected=$event}}}):_vm._e(),_c('TTableAsForm',{staticStyle:{\"font-size\":\"1rem\"},attrs:{\"fields\":_vm.boxSelectedField,\"data\":_vm.boxCurrent,\"splitLeft\":5,\"title\":\"Update decouple box\",\"addRowClasses\":['pb-1']},scopedSlots:_vm._u([{key:\"weight\",fn:function(){return [_c('TInputNumber',{attrs:{\"maskOptions\":{ integerLimit: 3 },\"value\":_vm.boxCurrent.weight,\"append\":\"kg\"},on:{\"update:value\":[function($event){return _vm.$set(_vm.boxCurrent, \"weight\", $event)},function($event){_vm.boxCurrent.weight = $event}]}})]},proxy:true},{key:\"height\",fn:function(){return [_c('TInputNumber',{attrs:{\"maskOptions\":{ integerLimit: 3 },\"value\":_vm.boxCurrent.height,\"append\":\"cm\"},on:{\"update:value\":[function($event){return _vm.$set(_vm.boxCurrent, \"height\", $event)},function($event){_vm.boxCurrent.height = $event}]}})]},proxy:true},{key:\"length\",fn:function(){return [_c('TInputNumber',{attrs:{\"maskOptions\":{ integerLimit: 3 },\"value\":_vm.boxCurrent.length,\"append\":\"cm\"},on:{\"update:value\":[function($event){return _vm.$set(_vm.boxCurrent, \"length\", $event)},function($event){_vm.boxCurrent.length = $event}]}})]},proxy:true},{key:\"width\",fn:function(){return [_c('TInputNumber',{attrs:{\"maskOptions\":{ integerLimit: 3 },\"value\":_vm.boxCurrent.width,\"append\":\"cm\"},on:{\"update:value\":[function($event){return _vm.$set(_vm.boxCurrent, \"width\", $event)},function($event){_vm.boxCurrent.width = $event}]}})]},proxy:true}],null,false,37589579)})],1),_c('CCol',{attrs:{\"col\":\"6\"}},[(_vm.isMoveItem)?_c('SSelectBox',{staticClass:\"mb-3 text-uppercase\",attrs:{\"label\":\"The box is move to\",\"value\":_vm.box_decouple_id_selected},on:{\"update:value\":function($event){_vm.box_decouple_id_selected=$event},\"change\":_vm.selectDecoupleBox}}):_vm._e(),_c('TTableAsForm',{staticStyle:{\"font-size\":\"1rem\"},attrs:{\"fields\":_vm.boxSelectedField,\"data\":_vm.boxDecouple,\"splitLeft\":5,\"title\":_vm.isMoveItem ? 'Update box moved to' : 'Update new box',\"addRowClasses\":['pb-1']},scopedSlots:_vm._u([{key:\"weight\",fn:function(){return [_c('TInputNumber',{attrs:{\"value\":_vm.boxDecouple.weight,\"append\":\"kg\",\"maskOptions\":{ integerLimit: 3 }},on:{\"update:value\":[function($event){return _vm.$set(_vm.boxDecouple, \"weight\", $event)},function($event){_vm.boxDecouple.weight = $event}]}})]},proxy:true},{key:\"height\",fn:function(){return [_c('TInputNumber',{attrs:{\"maskOptions\":{ integerLimit: 3 },\"value\":_vm.boxDecouple.height,\"append\":\"cm\"},on:{\"update:value\":[function($event){return _vm.$set(_vm.boxDecouple, \"height\", $event)},function($event){_vm.boxDecouple.height = $event}]}})]},proxy:true},{key:\"length\",fn:function(){return [_c('TInputNumber',{attrs:{\"maskOptions\":{ integerLimit: 3 },\"value\":_vm.boxDecouple.length,\"append\":\"cm\"},on:{\"update:value\":[function($event){return _vm.$set(_vm.boxDecouple, \"length\", $event)},function($event){_vm.boxDecouple.length = $event}]}})]},proxy:true},{key:\"width\",fn:function(){return [_c('TInputNumber',{attrs:{\"maskOptions\":{ integerLimit: 3 },\"value\":_vm.boxDecouple.width,\"append\":\"cm\"},on:{\"update:value\":[function($event){return _vm.$set(_vm.boxDecouple, \"width\", $event)},function($event){_vm.boxDecouple.width = $event}]}})]},proxy:true}],null,false,2097562443)})],1)],1)],2),_c('CCardFooter',{staticClass:\"d-flex\"},[_c('TButton',{staticClass:\"mx-auto\",attrs:{\"color\":\"success\",\"messageOptions\":{ bold: true, noTranslate: true },\"options\":{ disabled: _vm.loading },\"icon\":\"cil-data-transfer-down\"},on:{\"click\":_vm.decouple},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('TMessage',{staticClass:\"ml-2\",attrs:{\"content\":\"Split box items\",\"bold\":\"\"}})]},proxy:true}],null,false,124357911)})],1)],1)],1),_c('CCol',{attrs:{\"col\":\"12\"}},[(_vm.box_id_selected && _vm.boxes_ref.length)?_c('CCard',[_c('CCardHeader',{staticClass:\"d-flex flex-wrap align-items-center\"},[_c('div',{staticClass:\"d-flex align-items-center\"},[_c('TMessage',{attrs:{\"content\":\"SKUs separate from\",\"bold\":\"\"},scopedSlots:_vm._u([{key:\"suffix\",fn:function(){return [_c('span',{staticClass:\"ml-1\"},[_vm._v(_vm._s(_vm.box_id_selected || \"...\"))])]},proxy:true}],null,false,1185507800)}),_c('TSpinner',{attrs:{\"loading\":_vm.boxes_ref_loading}})],1)]),_c('CCardBody',[(!_vm.boxes_ref.length)?_c('TMessageNoData',{attrs:{\"content\":\"No SKU\"}}):_c('CRow',{staticClass:\"d-flex align-items-stretch\"},_vm._l((_vm.boxes_ref),function(box){return _c('SCardSku',{key:box.id,staticClass:\"my-3 mx-2\",attrs:{\"box\":box}})}),1),_c('SButtonLoadmore',{attrs:{\"store\":\"warehouse.boxes_ref_decouple\"}})],1)],1):_vm._e()],1)],1):_vm._e()],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <CRow class=\"mb-5\">\n    <CCol lg=\"3\">\n      <TAside>\n        <CListGroup>\n          <CListGroupItem>\n            <TInputSimpleSearch placeholder=\"Search sku\" :value.sync=\"search\" />\n          </CListGroupItem>\n          <CListGroupItem\n            v-for=\"(box, index) in boxes_available\"\n            :key=\"`${index}${box.id}`\"\n            :color=\"box_id_selected == box.id ? 'primary' : 'secondary'\"\n            :to=\"_.getAppendRouteQuery($route, { box_id: box.id })\"\n          >\n            <SCardBox :box=\"box\" />\n          </CListGroupItem>\n          <CListGroupItem v-if=\"!boxes_available.length\">\n            <TMessageNotFound />\n          </CListGroupItem>\n          <CListGroupItem v-if=\"boxes_available_loading\">\n            <TSpinner :loading=\"boxes_available_loading\" />\n          </CListGroupItem>\n          <SButtonLoadmore store=\"warehouse.boxes_decouple_items\" />\n        </CListGroup>\n      </TAside>\n    </CCol>\n    <CCol lg=\"9\">\n      <CRow v-if=\"box_id_selected\">\n        <CCol col=\"12\">\n          <CCard>\n            <CCardHeader>\n              <div class=\"d-flex align-items-center\">\n                <TMessage content=\"Decouple\" bold>\n                  <template #suffix> {{ box_id_selected || \"...\" }} </template>\n                </TMessage>\n              </div>\n            </CCardHeader>\n            <CCardBody>\n              <div\n                v-for=\"item in decouple_items\"\n                :key=\"item.product_id\"\n                class=\"mt-3\"\n              >\n                <CRow style=\"w-100\">\n                  <CCol col=\"5\">\n                    <SCardProductItems\n                      widthAuto\n                      :item=\"item.product\"\n                      resource=\"/warehouse/management/products\"\n                    />\n                  </CCol>\n                  <CCol col=\"3\">\n                    <TInputText\n                      label=\"Items in box\"\n                      :value.sync=\"item.quantity\"\n                      disabled\n                    />\n                  </CCol>\n                  <CCol col=\"3\">\n                    <TInputNumber\n                      label=\"Quantity to split\"\n                      :value.sync=\"item.decouple_quantity\"\n                      @change=\"updateDecoupleItem(item.product_id, $event)\"\n                    />\n                  </CCol>\n                </CRow>\n              </div>\n              <hr />\n              <CRow class=\"mt-3\">\n                <CCol col=\"12\">\n                  <TInputCheckbox\n                    :checked=\"isMoveItem\"\n                    @change=\"isMoveItem = !isMoveItem\"\n                    label=\"Move items to another box\"\n                    class=\"h5\"\n                  />\n                </CCol>\n              </CRow>\n              <CRow class=\"my-2\">\n                <CCol col=\"6\">\n                  <TInputText\n                    label=\"Decouple box\"\n                    :value.sync=\"box_id_selected\"\n                    class=\"mb-3 text-uppercase\"\n                    disabled\n                    v-if=\"isMoveItem\"\n                  />\n                  <TTableAsForm\n                    :fields=\"boxSelectedField\"\n                    :data=\"boxCurrent\"\n                    :splitLeft=\"5\"\n                    title=\"Update decouple box\"\n                    style=\"font-size: 1rem\"\n                    :addRowClasses=\"['pb-1']\"\n                  >\n                    <template #weight>\n                      <TInputNumber\n                        :maskOptions=\"{ integerLimit: 3 }\"\n                        :value.sync=\"boxCurrent.weight\"\n                        @update:value=\"boxCurrent.weight = $event\"\n                        append=\"kg\"\n                      />\n                    </template>\n                    <template #height>\n                      <TInputNumber\n                        :maskOptions=\"{ integerLimit: 3 }\"\n                        :value.sync=\"boxCurrent.height\"\n                        @update:value=\"boxCurrent.height = $event\"\n                        append=\"cm\"\n                      />\n                    </template>\n                    <template #length>\n                      <TInputNumber\n                        :maskOptions=\"{ integerLimit: 3 }\"\n                        :value.sync=\"boxCurrent.length\"\n                        @update:value=\"boxCurrent.length = $event\"\n                        append=\"cm\"\n                      />\n                    </template>\n                    <template #width>\n                      <TInputNumber\n                        :maskOptions=\"{ integerLimit: 3 }\"\n                        :value.sync=\"boxCurrent.width\"\n                        @update:value=\"boxCurrent.width = $event\"\n                        append=\"cm\"\n                      />\n                    </template>\n                  </TTableAsForm>\n                </CCol>\n                <CCol col=\"6\">\n                  <SSelectBox\n                    v-if=\"isMoveItem\"\n                    label=\"The box is move to\"\n                    class=\"mb-3 text-uppercase\"\n                    :value.sync=\"box_decouple_id_selected\"\n                    @change=\"selectDecoupleBox\"\n                  />\n                  <TTableAsForm\n                    :fields=\"boxSelectedField\"\n                    :data=\"boxDecouple\"\n                    :splitLeft=\"5\"\n                    :title=\"\n                      isMoveItem ? 'Update box moved to' : 'Update new box'\n                    \"\n                    style=\"font-size: 1rem\"\n                    :addRowClasses=\"['pb-1']\"\n                  >\n                    <template #weight>\n                      <TInputNumber\n                        :value.sync=\"boxDecouple.weight\"\n                        @update:value=\"boxDecouple.weight = $event\"\n                        append=\"kg\"\n                        :maskOptions=\"{ integerLimit: 3 }\"\n                      />\n                    </template>\n                    <template #height>\n                      <TInputNumber\n                        :maskOptions=\"{ integerLimit: 3 }\"\n                        :value.sync=\"boxDecouple.height\"\n                        @update:value=\"boxDecouple.height = $event\"\n                        append=\"cm\"\n                      />\n                    </template>\n                    <template #length>\n                      <TInputNumber\n                        :maskOptions=\"{ integerLimit: 3 }\"\n                        :value.sync=\"boxDecouple.length\"\n                        @update:value=\"boxDecouple.length = $event\"\n                        append=\"cm\"\n                      />\n                    </template>\n                    <template #width>\n                      <TInputNumber\n                        :maskOptions=\"{ integerLimit: 3 }\"\n                        :value.sync=\"boxDecouple.width\"\n                        @update:value=\"boxDecouple.width = $event\"\n                        append=\"cm\"\n                      />\n                    </template>\n                  </TTableAsForm>\n                </CCol>\n              </CRow>\n            </CCardBody>\n            <CCardFooter class=\"d-flex\">\n              <TButton\n                color=\"success\"\n                :messageOptions=\"{ bold: true, noTranslate: true }\"\n                :options=\"{ disabled: loading }\"\n                icon=\"cil-data-transfer-down\"\n                class=\"mx-auto\"\n                @click=\"decouple\"\n              >\n                <template #content>\n                  <TMessage content=\"Split box items\" bold class=\"ml-2\" />\n                </template>\n              </TButton>\n            </CCardFooter>\n          </CCard>\n        </CCol>\n        <CCol col=\"12\">\n          <CCard v-if=\"box_id_selected && boxes_ref.length\">\n            <CCardHeader class=\"d-flex flex-wrap align-items-center\">\n              <div class=\"d-flex align-items-center\">\n                <TMessage content=\"SKUs separate from\" bold>\n                  <template #suffix>\n                    <span class=\"ml-1\">{{ box_id_selected || \"...\" }}</span>\n                  </template>\n                </TMessage>\n                <TSpinner :loading=\"boxes_ref_loading\" />\n              </div>\n            </CCardHeader>\n            <CCardBody>\n              <TMessageNoData content=\"No SKU\" v-if=\"!boxes_ref.length\" />\n              <CRow v-else class=\"d-flex align-items-stretch\">\n                <SCardSku\n                  v-for=\"box in boxes_ref\"\n                  :key=\"box.id\"\n                  :box=\"box\"\n                  class=\"my-3 mx-2\"\n                />\n              </CRow>\n              <SButtonLoadmore store=\"warehouse.boxes_ref_decouple\" />\n            </CCardBody>\n          </CCard>\n        </CCol>\n      </CRow>\n    </CCol>\n  </CRow>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport searchable from \"../../mixins/searchable\";\nexport default {\n  mixins: [searchable],\n  data() {\n    return {\n      decouple_items: [],\n      boxSelectedField: [\n        { key: \"length\", label: \"Length\" },\n        { key: \"height\", label: \"Height\" },\n        { key: \"width\", label: \"Width\" },\n        { key: \"weight\", label: \"Weight\" },\n      ],\n      boxCurrent: {},\n      boxDecouple: {},\n      box_decouple_id_selected: \"\",\n      isMoveItem: false,\n    };\n  },\n  watch: {\n    box_id_selected: {\n      immediate: true,\n      handler(id) {\n        if (id) {\n          this.fetchBox();\n          this.fetchBoxesRef();\n          this.boxCurrent = {};\n          this.boxDecouple = {};\n          this.box_decouple_id_selected = \"\";\n          this.isMoveItem = false;\n        }\n      },\n    },\n    isMoveItem() {\n      this.boxDecouple = {};\n      this.box_decouple_id_selected = \"\";\n    },\n  },\n  computed: {\n    ...mapGetters({\n      boxes_available: \"warehouse.boxes_decouple_items.list\",\n      boxes_available_loading: \"warehouse.boxes_decouple_items.loading\",\n      boxes_ref: \"warehouse.boxes_ref_decouple.list\",\n      boxes_ref_loading: \"warehouse.boxes_ref_decouple.loading\",\n      loading: \"warehouse.decouple_box_items.loading\",\n    }),\n    box_id_selected() {\n      return this.$route.query.box_id;\n    },\n    box_selected() {\n      return this.$store.getters[\"warehouse.boxes_decouple_items.detail\"];\n    },\n  },\n  methods: {\n    fetchBoxesRef() {\n      this.$store.dispatch(\"warehouse.boxes_ref_decouple.apply-query\", {\n        sort: \"-created_at\",\n        \"filter[box_ref_id]\": this.box_id_selected,\n      });\n    },\n    fetchBox() {\n      this.$store\n        .dispatch(\n          \"warehouse.boxes_decouple_items.detail.fetch\",\n          this.box_id_selected\n        )\n        .then((data) => {\n          this.decouple_items = data.items.map((x) => {\n            return {\n              ...x,\n              decouple_quantity: 0,\n            };\n          });\n          this.boxCurrent = {\n            length: data.length,\n            width: data.width,\n            height: data.height,\n          };\n        });\n    },\n    selectDecoupleBox(box) {\n      this.boxDecouple = {\n        length: box.length,\n        width: box.width,\n        height: box.height,\n      };\n    },\n    triggerSearch(value) {\n      if (value || value == \"\") {\n        this.$store.dispatch(\"warehouse.boxes_decouple_items.apply-query\", {\n          \"filter[id]\": value,\n        });\n      } else\n        this.$store.dispatch(\n          \"warehouse.boxes_decouple_items.fetch.if-first-time\"\n        );\n    },\n    decouple() {\n      let data = {};\n      const boxSelected = {\n        ...this.boxCurrent,\n        id: this.box_id_selected,\n      };\n      const boxDecouple = {\n        ...this.boxDecouple,\n        id: this.box_decouple_id_selected,\n      };\n      const boxSelectedC = this.lodash.mapKeys(boxSelected, (value, key) => {\n        return `box[${key}]`;\n      });\n      const boxDecoupledC = this.lodash.mapKeys(\n        this.lodash.pickBy(boxDecouple),\n        (value, key) => {\n          return `box_decouple[${key}]`;\n        }\n      );\n      data = { ...data, ...boxSelectedC, ...boxDecoupledC };\n      this.decouple_items.forEach((object, index) => {\n        const item = {\n          product_id: object.product_id,\n          quantity: object.decouple_quantity,\n        };\n        if (item.quantity > 0) {\n          const boxItem = this.lodash.mapKeys(item, (value, key) => {\n            return `items[${index}][${key}]`;\n          });\n          data = { ...data, ...boxItem };\n        }\n      });\n      this.$store\n        .dispatch(\n          \"warehouse.decouple_box_items.create\",\n          this.lodash.pickBy(data)\n        )\n        .then(() => {\n          setTimeout(() => {\n            this.triggerSearch();\n            this.fetchBoxesRef();\n            this.fetchBox();\n          }, 1000);\n        });\n    },\n  },\n};\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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!./DecoupleBoxItem.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/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!./DecoupleBoxItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DecoupleBoxItem.vue?vue&type=template&id=11027c41&\"\nimport script from \"./DecoupleBoxItem.vue?vue&type=script&lang=js&\"\nexport * from \"./DecoupleBoxItem.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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}