{"version":3,"sources":["webpack:///./src/components/custom/FileUploader.vue?99d5","webpack:///src/components/custom/FileUploader.vue","webpack:///./src/components/custom/FileUploader.vue?57ee","webpack:///./src/components/custom/FileUploader.vue","webpack:///./src/components/custom/MultiFileUploader.vue?0905","webpack:///./src/views/Vehicle360/Vehicle360.vue?270a","webpack:///./src/components/custom/addVehicleThreeSixtyImages.vue?0572","webpack:///./src/components/custom/FileUploader.vue?221d","webpack:///./src/views/Vehicle360/Vehicle360.vue?3b0e","webpack:///./src/components/custom/addVehicleThreeSixtyImages.vue?8b2c","webpack:///./src/components/custom/MultiFileUploader.vue?3d00","webpack:///src/components/custom/MultiFileUploader.vue","webpack:///./src/components/custom/MultiFileUploader.vue?3042","webpack:///./src/components/custom/MultiFileUploader.vue","webpack:///src/components/custom/addVehicleThreeSixtyImages.vue","webpack:///./src/components/custom/addVehicleThreeSixtyImages.vue?19a9","webpack:///./src/components/custom/addVehicleThreeSixtyImages.vue","webpack:///./src/components/custom/editVehicleThreeSixtyImages.vue?bebb","webpack:///src/components/custom/editVehicleThreeSixtyImages.vue","webpack:///./src/components/custom/editVehicleThreeSixtyImages.vue?673d","webpack:///./src/components/custom/editVehicleThreeSixtyImages.vue","webpack:///src/views/Vehicle360/Vehicle360.vue","webpack:///./src/views/Vehicle360/Vehicle360.vue?d206","webpack:///./src/views/Vehicle360/Vehicle360.vue","webpack:///./src/components/custom/editVehicleThreeSixtyImages.vue?1475"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","isLoading","_e","allFiles","on","$event","handleChanges","target","name","files","fileCount","length","_v","_s","_l","item","index","key","content","staticRenderFns","data","errors","status","output","props","computed","isInitial","INITIAL","LOADING","isSuccess","SUCCESS","isFailed","FAILED","methods","validateImg","Promise","img","src","window","URL","createObjectURL","file","onload","width","height","resolve","reset","fileList","slice","call","map","url","valid","fileToBase64","reader","readAsDataURL","res","onerror","sanitizeFileName","resolveAfterTime","component","ref","toggleAddVehicleThreeSixtyImages","addVehicleThreeSixtyImagesSuccess","current360Item","toggleeditVehicleThreeSixtyImages","editVehicleThreeSixtyImagesSuccess","_m","items","columns","editItem","save","toggleView","directives","rawName","value","newVehicleThreeSixtyImages","expression","domProps","composing","$set","editingImage","getImageSource","editImage","updateImage","updateImageData","updateImageUrl","showMultiFileUploader","ModelId","ColourName","getImages","deleteVehicleThreeSixtyImages","editingVehicleThreeSixtyImages","getImageSourceThumb","success","error","info","warn","addVehicleThreeSixtyImagesOpen","editVehicleThreeSixtyImagesOpen","components","addVehicleThreeSixtyImages","editVehicleThreeSixtyImages","Datatable","created","getVehicleThreeSixtyImages","isNull","obj","payload","$store","dispatch","console","log","dataItem","state","currentThreeSixtyItem","$refs","addVehicleThreeSixtyImagesModal","hide","show","editVehicleThreeSixtyImagesModal"],"mappings":"kKAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,OAAO,CAACE,MAAM,CAAC,QAAU,sBAAsB,WAAa,GAAG,GAAK,SAAS,CAACF,EAAG,MAAM,CAACG,YAAY,OAAO,CAACH,EAAG,MAAM,CAACG,YAAY,aAAa,CAAGP,EAAIQ,UACkER,EAAIS,KAD3DL,EAAG,MAAM,CAACG,YAAY,YAAY,CAACH,EAAG,QAAQ,CAACG,YAAY,aAAaD,MAAM,CAAC,KAAO,OAAO,SAAW,GAAG,OAASN,EAAIU,SAAW,IAAM,WAAWC,GAAG,CAAC,OAAS,SAASC,GAAQZ,EAAIa,cAAcD,EAAOE,OAAOC,KAAMH,EAAOE,OAAOE,OACpehB,EAAIiB,UAAYL,EAAOE,OAAOE,MAAME,WAAYd,EAAG,KAAK,CAACG,YAAY,aAAa,CAACH,EAAG,KAAK,CAACG,YAAY,SAAS,CAACP,EAAImB,GAAG,IAAInB,EAAIoB,GAAGpB,EAAIU,SAAW,mBAAqB,sBAAsB,OAAON,EAAG,KAAK,CAACG,YAAY,UAAU,CAACP,EAAImB,GAAG,QAAQf,EAAG,KAAK,CAACG,YAAY,cAAc,CAACP,EAAImB,GAAG,sBAAgCnB,EAAa,UAAEI,EAAG,MAAM,CAACG,YAAY,UAAU,CAACH,EAAG,OAAO,CAACG,YAAY,UAAU,CAACH,EAAG,MAAM,CAACE,MAAM,CAAC,MAAQ,OAAO,OAAS,OAAO,QAAU,YAAY,MAAQ,6BAA6B,WAAW,YAAY,CAACF,EAAG,SAAS,CAACE,MAAM,CAAC,KAAO,OAAO,OAAS,UAAU,GAAK,KAAK,GAAK,KAAK,EAAI,cAAcN,EAAIS,WAAYT,EAAa,UAAEI,EAAG,MAAM,CAACG,YAAY,UAAU,CAACH,EAAG,MAAM,CAACG,YAAY,sBAAsB,CAACH,EAAG,OAAO,CAACJ,EAAImB,GAAG,aAAaf,EAAG,MAAM,CAACJ,EAAImB,GAAG,cAAcnB,EAAIqB,GAAIpB,KAAW,QAAE,SAASqB,EAAKC,GAAO,OAAOnB,EAAG,MAAM,CAACoB,IAAID,EAAMhB,YAAY,eAAeD,MAAM,CAAC,IAAMgB,EAAKG,cAAazB,EAAImB,GAAG,gBAAgBnB,EAAImB,GAAG,eAAe,OAAOnB,EAAIS,QAC79BiB,EAAkB,GCgEtB,G,8BAAA,GACA,IACA,IACA,IAEA,GACEX,KAAM,eAENY,KAHF,WAII,MAAO,CACLC,OAAQ,KACRC,OAAQ,KACRC,OAAQ,KAGZC,MAAO,CAAC,2BAA4B,YACpCC,SAAU,CACRC,UADJ,WAEM,OAAOhC,KAAK4B,SAAWK,GAEzB1B,UAJJ,WAKM,OAAOP,KAAK4B,SAAWM,GAEzBC,UAPJ,WAQM,OAAOnC,KAAK4B,SAAWQ,GAEzBC,SAVJ,WAWM,OAAOrC,KAAK4B,SAAWU,IAG3BC,QAAS,CACPC,YADJ,SACA,GACM,OAAO,IAAIC,SAAQ,SAAzB,KACQ,IAAR,YACQC,EAAIC,IAAMC,OAAOC,IAAIC,gBAAgBC,GACrCL,EAAIM,OAAS,WACO,MAAdN,EAAIO,OAAgC,MAAfP,EAAIQ,OAC3BC,GAAQ,GAERA,GAAQ,QAKhBvC,cAdJ,SAcA,gBACMZ,KAAKoD,QAEAC,EAASpC,SACdjB,KAAK4B,OAASM,EAEd,GAAGoB,MAAMC,KAAKF,GAAUG,KAAI,SAAlC,GACQ,IAAIC,EAAMZ,IAAIC,gBAAgBC,GAC9B,EAAR,iCACcW,IACG,EAAjB,2BACc,EAAd,4BACc,EAAd,gCAEY,EAAZ,SACY,EAAZ,aACc5C,KAAM,EAApB,yBACcU,QAASiC,IAEP,EAAhB,2BACc,EAAd,SACc,EAAd,gBACA,+BACA,kBACgB,IAAhB,GACkB,OAAlB,EACkB,SAAlB,OACkB,UAAlB,yBAGA,GACkB,KAAlB,EACkB,QAAlB,YACoB,EAApB,8BACoB,EAApB,UAEkB,MAAlB,YACoB,EAApB,WAGgB,EAAhB,6CASIE,aA/DJ,SA+DA,GACM,OAAO,IAAIlB,SAAQ,SAAzB,KACQ,IAAR,iBACQmB,EAAOC,cAAcd,GACrBa,EAAOZ,OAAS,WACd,IAAV,WACUG,EAAQW,IAEVF,EAAOG,QAAU,SAAzB,oBAGIC,iBA1EJ,SA0EA,GACM,OAAOlD,EACb,wBACA,2BACA,eAEImD,iBAhFJ,SAgFA,GACM,OAAO,SAAb,GACQ,OAAO,IAAIxB,SAAQ,SAA3B,uDAGIW,MArFJ,WAsFMpD,KAAK4B,OAASK,EACdjC,KAAK2B,OAAS,KACd3B,KAAK6B,OAAS,MCxLiV,I,wBCQjWqC,EAAY,eACd,EACApE,EACA2B,GACA,EACA,KACA,WACA,MAIa,OAAAyC,E,6CCnBf,yBAAmkB,EAAG,G,kCCAtkB,yBAA2f,EAAG,G,kCCA9f,yBAA2gB,EAAG,G,kCCA9gB,yBAA8jB,EAAG,G,gECAjkB,IAAIpE,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,QAAQ,CAACH,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,UAAU,CAACgE,IAAI,kCAAkC9D,MAAM,CAAC,cAAc,KAAK,CAACF,EAAG,6BAA6B,CAACO,GAAG,CAAC,gCAAkC,SAASC,GAAQ,OAAOZ,EAAIqE,oCAAoC,kCAAoC,SAASzD,GAAQ,OAAOZ,EAAIsE,yCAAyC,GAAGlE,EAAG,UAAU,CAACgE,IAAI,mCAAmC9D,MAAM,CAAC,cAAc,KAAK,CAACF,EAAG,8BAA8B,CAACE,MAAM,CAAC,+BAAiCN,EAAIuE,gBAAgB5D,GAAG,CAAC,iCAAmC,SAASC,GAAQ,OAAOZ,EAAIwE,qCAAqC,mCAAqC,SAAS5D,GAAQ,OAAOZ,EAAIyE,0CAA0C,GAAGzE,EAAI0E,GAAG,GAAGtE,EAAG,MAAM,CAACG,YAAY,OAAO,CAACH,EAAG,SAAS,CAACG,YAAY,kBAAkBD,MAAM,CAAC,KAAO,UAAUK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAIqE,sCAAsC,CAACrE,EAAImB,GAAG,WAAWf,EAAG,MAAM,CAACG,YAAY,OAAO,CAACH,EAAG,MAAMA,EAAG,YAAY,CAACG,YAAY,cAAcD,MAAM,CAAC,UAAYN,EAAI2E,MAAM,YAAc3E,EAAI4E,QAAQ,WAAY,EAAK,SAAU,EAAK,MAAQ,CAAC,EAAG,OAAO,QAAU,GAAG,SAAW,IAAIjE,GAAG,CAAC,WAAaX,EAAI6E,SAAS,QAAU7E,EAAI6E,aAAa,IAAI,MACr0CnD,EAAkB,CAAC,WAAa,IAAI1B,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,OAAO,CAACH,EAAG,KAAK,CAACJ,EAAImB,GAAG,kBCDpJ,G,UAAS,WAAa,IAAInB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,KAAK,CAACJ,EAAImB,GAAG,mCAAmCf,EAAG,SAAS,CAACG,YAAY,kBAAkBD,MAAM,CAAC,KAAO,UAAUK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAI8E,UAAU,CAAC9E,EAAImB,GAAG,UAAUf,EAAG,SAAS,CAACG,YAAY,kBAAkBD,MAAM,CAAC,KAAO,UAAUK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAI+E,gBAAgB,CAAC/E,EAAImB,GAAG,YAAYf,EAAG,MAAM,CAACG,YAAY,OAAO,CAACH,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,YAAY,CAACN,EAAImB,GAAG,aAAaf,EAAG,QAAQ,CAAC4E,WAAW,CAAC,CAACjE,KAAK,QAAQkE,QAAQ,UAAUC,MAAOlF,EAAImF,2BAAkC,QAAEC,WAAW,uCAAuC7E,YAAY,gBAAgBD,MAAM,CAAC,GAAK,UAAU,KAAO,UAAU,YAAc,UAAU,SAAW,IAAI,KAAO,OAAO,MAAQ,IAAI+E,SAAS,CAAC,MAASrF,EAAImF,2BAAkC,SAAGxE,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOE,OAAOwE,WAAqBtF,EAAIuF,KAAKvF,EAAImF,2BAA4B,UAAWvE,EAAOE,OAAOoE,WAAWlF,EAAI0E,GAAG,KAAKtE,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,eAAe,CAACN,EAAImB,GAAG,gBAAgBf,EAAG,QAAQ,CAAC4E,WAAW,CAAC,CAACjE,KAAK,QAAQkE,QAAQ,UAAUC,MAAOlF,EAAImF,2BAAqC,WAAEC,WAAW,0CAA0C7E,YAAY,gBAAgBD,MAAM,CAAC,GAAK,aAAa,KAAO,aAAa,YAAc,aAAa,SAAW,IAAI,KAAO,OAAO,MAAQ,IAAI+E,SAAS,CAAC,MAASrF,EAAImF,2BAAqC,YAAGxE,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOE,OAAOwE,WAAqBtF,EAAIuF,KAAKvF,EAAImF,2BAA4B,aAAcvE,EAAOE,OAAOoE,WAAWlF,EAAI0E,GAAG,KAAKtE,EAAG,MAAM,CAACG,YAAY,YAAY,CAACH,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,UAAU,CAACN,EAAImB,GAAG,qBAAuBnB,EAAIwF,aAAsRxF,EAAIS,KAA5QL,EAAG,MAAM,CAACA,EAAG,MAAM,CAACG,YAAY,eAAeD,MAAM,CAAC,IAAMN,EAAIyF,eAAezF,EAAImF,+BAA+B/E,EAAG,SAAS,CAACG,YAAY,kBAAkBD,MAAM,CAAC,KAAO,UAAUK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAI0F,eAAe,CAAC1F,EAAImB,GAAG,oBAA8BnB,EAAgB,aAAEI,EAAG,MAAM,CAACA,EAAG,SAAS,CAACG,YAAY,kBAAkBD,MAAM,CAAC,KAAO,UAAUK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAI2F,iBAAiB,CAAC3F,EAAImB,GAAG,YAAYf,EAAG,SAAS,CAACG,YAAY,kBAAkBD,MAAM,CAAC,KAAO,UAAUK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAI0F,eAAe,CAAC1F,EAAImB,GAAG,YAAYf,EAAG,eAAe,CAACO,GAAG,CAAC,iBAAmBX,EAAI4F,gBAAgB,oBAAsB5F,EAAI6F,mBAAmB,GAAG7F,EAAIS,OAAOL,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,cAAc,CAACN,EAAImB,GAAG,eAAef,EAAG,QAAQ,CAAC4E,WAAW,CAAC,CAACjE,KAAK,QAAQkE,QAAQ,UAAUC,MAAOlF,EAAImF,2BAAoC,UAAEC,WAAW,yCAAyC7E,YAAY,gBAAgBD,MAAM,CAAC,GAAK,YAAY,KAAO,YAAY,YAAc,YAAY,SAAW,IAAI,KAAO,OAAO,MAAQ,IAAI+E,SAAS,CAAC,MAASrF,EAAImF,2BAAoC,WAAGxE,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOE,OAAOwE,WAAqBtF,EAAIuF,KAAKvF,EAAImF,2BAA4B,YAAavE,EAAOE,OAAOoE,WAAWlF,EAAI0E,GAAG,KAAKtE,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,gBAAgB,CAACN,EAAImB,GAAG,iBAAiBf,EAAG,QAAQ,CAAC4E,WAAW,CAAC,CAACjE,KAAK,QAAQkE,QAAQ,UAAUC,MAAOlF,EAAImF,2BAAsC,YAAEC,WAAW,2CAA2C7E,YAAY,gBAAgBD,MAAM,CAAC,GAAK,cAAc,KAAO,cAAc,YAAc,cAAc,SAAW,IAAI,KAAO,OAAO,MAAQ,IAAI+E,SAAS,CAAC,MAASrF,EAAImF,2BAAsC,aAAGxE,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOE,OAAOwE,WAAqBtF,EAAIuF,KAAKvF,EAAImF,2BAA4B,cAAevE,EAAOE,OAAOoE,WAAWlF,EAAI0E,GAAG,KAAKtE,EAAG,QAAQA,EAAG,MAAM,CAACG,YAAY,OAAO,CAACH,EAAG,MAAM,CAACG,YAAY,YAAY,CAACH,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,UAAU,CAACN,EAAImB,GAAG,2BAA4BnB,EAAI8F,wBAAyB1F,EAAG,MAAM,CAACA,EAAG,oBAAoB,CAACE,MAAM,CAAC,QAAUN,EAAImF,2BAA2BY,QAAQ,OAAS/F,EAAImF,2BAA2Ba,eAAe,GAAGhG,EAAIS,SAASL,EAAG,SAAS,CAACG,YAAY,kBAAkBD,MAAM,CAAC,KAAO,UAAUK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAI8E,UAAU,CAAC9E,EAAImB,GAAG,UAAUf,EAAG,SAAS,CAACG,YAAY,kBAAkBD,MAAM,CAAC,KAAO,UAAUK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAI+E,gBAAgB,CAAC/E,EAAImB,GAAG,YAAYf,EAAG,MAAMA,EAAG,UACnzI,EAAkB,CAAC,WAAa,IAAIJ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,GAAG,CAACA,EAAG,YAAY,WAAa,IAAIJ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,GAAG,CAACA,EAAG,YAAY,WAAa,IAAIJ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,GAAG,CAACA,EAAG,YAAY,WAAa,IAAIJ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,GAAG,CAACA,EAAG,a,iCCDnc,EAAS,WAAa,IAAIJ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,OAAO,CAACE,MAAM,CAAC,QAAU,sBAAsB,WAAa,GAAG,GAAK,SAAS,CAACF,EAAG,MAAM,CAACG,YAAY,OAAO,CAACH,EAAG,MAAM,CAACG,YAAY,aAAa,CAAGP,EAAIQ,UAA+RR,EAAIS,KAAxRL,EAAG,MAAM,CAACG,YAAY,YAAY,CAACH,EAAG,QAAQ,CAACG,YAAY,aAAaD,MAAM,CAAC,KAAO,OAAO,SAAW,GAAG,OAAS,WAAWK,GAAG,CAAC,OAAS,SAASC,GAAQZ,EAAIa,cAAcD,EAAOE,OAAOC,KAAMH,EAAOE,OAAOE,OAAQhB,EAAIiB,UAAYL,EAAOE,OAAOE,MAAME,WAAWlB,EAAI0E,GAAG,KAAe1E,EAAa,UAAEI,EAAG,MAAM,CAACG,YAAY,UAAU,CAACH,EAAG,OAAO,CAACG,YAAY,UAAU,CAACH,EAAG,MAAM,CAACE,MAAM,CAAC,MAAQ,KAAK,OAAS,KAAK,QAAU,YAAY,MAAQ,6BAA6B,WAAW,YAAY,CAACF,EAAG,SAAS,CAACE,MAAM,CAAC,KAAO,OAAO,OAAS,UAAU,GAAK,KAAK,GAAK,KAAK,EAAI,cAAcN,EAAIS,WAAYT,EAAa,UAAEI,EAAG,MAAM,CAACG,YAAY,UAAU,CAACH,EAAG,MAAM,CAACG,YAAY,sBAAsB,CAACH,EAAG,OAAO,CAACJ,EAAImB,GAAG,aAAaf,EAAG,MAAM,CAACJ,EAAImB,GAAG,YAAYnB,EAAIqB,GAAIpB,KAAW,QAAE,SAASqB,EAAKC,GAAO,OAAOnB,EAAG,MAAM,CAACoB,IAAID,EAAMhB,YAAY,YAAYI,GAAG,CAAC,UAAYX,EAAIiG,UAAU,WAAajG,EAAIiG,YAAY,CAACjG,EAAImB,GAAG,gBAAgBf,EAAG,MAAM,CAACG,YAAY,eAAeD,MAAM,CAAC,IAAMgB,KAAQtB,EAAImB,GAAG,gBAAgBf,EAAG,OAAO,CAACJ,EAAImB,GAAGnB,EAAIoB,GAAGG,MAAUvB,EAAImB,GAAG,mBAAkBnB,EAAImB,GAAG,cAAcnB,EAAImB,GAAG,aAAa,OAAOnB,EAAIS,QAC92C,EAAkB,CAAC,WAAa,IAAIT,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,KAAK,CAACG,YAAY,aAAa,CAACH,EAAG,KAAK,CAACG,YAAY,SAAS,CAACP,EAAImB,GAAG,yBAAyBf,EAAG,KAAK,CAACG,YAAY,UAAU,CAACP,EAAImB,GAAG,QAAQf,EAAG,KAAK,CAACG,YAAY,cAAc,CAACP,EAAImB,GAAG,sB,2CCyCtS,IACA,IACA,IACA,IAIA,GACE,KAAF,oBAEE,KAHF,WAII,MAAJ,CACM,OAAN,KACM,OAAN,KACM,OAAN,KAGE,SAAF,CACI,UADJ,WAGM,OADA,QAAN,eACA,iBAEI,UALJ,WAOM,OADA,QAAN,eACA,iBAEI,UATJ,WAWM,OADA,QAAN,eACA,iBAEI,SAbJ,WAeM,OADA,QAAN,cACA,kBAGE,QAAF,CAEI,UAFJ,WAIM,IAAN,qGACQ,MAAR,GAEM,IAAN,GACQ,QAAR,0BACQ,QAAR,CAEU,eAAV,oBAEQ,iBAAR,YAEA,iCACU,MAAV,eAIA,OAEA,aACM,EAAN,gLACA,GACA,kBAQQ,OANA,QAAR,YACQ,EAAR,4BAEU,QAAV,OACU,EAAV,kBAEA,MAKI,cAtCJ,SAsCA,KAGM,GAFA,KAAN,QAEA,SAAM,CACA,KAAN,SACM,IAAN,eACA,GACQ,QAAR,0BACQ,QAAR,CACU,eAAV,uBAEQ,iBAAR,YAGA,iCACA,WAGM,EAAN,2BACQ,EAAR,oBAEM,IAAN,OAEM,EAAN,iLACA,uBACQ,EAAR,SACQ,EAAR,iBAII,aApEJ,SAoEA,GACM,OAAN,2BACQ,IAAR,iBACQ,EAAR,iBACQ,EAAR,kBACU,IAAV,WACU,EAAV,IAEQ,EAAR,oBAAU,OAAV,UAGI,iBA/EJ,SA+EA,GACM,OAAN,EACA,wBACA,2BACA,eAEI,iBArFJ,SAqFA,GACM,OAAN,YACQ,OAAR,yBAAU,OAAO,YAAjB,iCAGI,MA1FJ,WA2FM,KAAN,SACM,KAAN,YACM,KAAN,YAKE,MAAF,qBACE,YA/HF,aAoIE,QAAF,WACI,KAAJ,4BCtL0W,I,wBCQtWgD,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,6BCyCf,GACE,QAAF,UACE,MAAF,QACE,KAAF,OACE,KAAF,QAEA,UACE,MAAF,IAEA,OACE,KAAF,6BACE,QAAF,aACE,KAHF,WAII,MAAJ,CACM,2BAAN,GACM,cAAN,EACM,kBAAN,GACM,iBAAN,OAGE,WAAF,CACI,aAAJ,OACI,kBAAJ,GAGE,QAAF,CAEI,sBAFJ,WAGM,SAAN,uFAKI,WAAJ,WACM,KAAN,0CAEI,gBAAJ,YACM,KAAN,qBAEI,eAAJ,YACM,KAAN,oBAEI,UAAJ,WACM,KAAN,iCAEI,YAAJ,WACM,KAAN,iCAEI,eAvBJ,SAuBA,GACM,OAAN,sBACA,sBAEA,qCAOA,GANA,QACA,iCAEA,SAKI,OAAJ,YACM,MAAN,8CAKI,KAAJ,WAAM,IAAN,OACA,8DAEM,EAAN,sCAEM,IAAN,GACQ,KAAR,gCACQ,MAAR,uBACQ,QAAR,YACU,EAAV,4CAEQ,MAAR,YACU,EAAV,iCAGM,KAAN,kDAGE,MAAF,CACI,2BADJ,SACA,GACM,KAAN,wCCnJmX,ICQ/W,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCnBX,EAAS,WAAa,IAAInE,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,KAAK,CAACJ,EAAImB,GAAG,kCAAkCf,EAAG,SAAS,CAACG,YAAY,kBAAkBD,MAAM,CAAC,KAAO,UAAUK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAI8E,UAAU,CAAC9E,EAAImB,GAAG,UAAUf,EAAG,SAAS,CAACG,YAAY,kBAAkBD,MAAM,CAAC,KAAO,UAAUK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAI+E,gBAAgB,CAAC/E,EAAImB,GAAG,YAAYf,EAAG,SAAS,CAACG,YAAY,iBAAiBD,MAAM,CAAC,KAAO,UAAUK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAIkG,mCAAmC,CAAClG,EAAImB,GAAG,YAAYf,EAAG,MAAM,CAACG,YAAY,OAAO,CAACH,EAAG,MAAM,CAACG,YAAY,YAAY,CAACH,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,YAAY,CAACN,EAAImB,GAAG,aAAaf,EAAG,QAAQ,CAAC4E,WAAW,CAAC,CAACjE,KAAK,QAAQkE,QAAQ,UAAUC,MAAOlF,EAAImG,+BAAsC,QAAEf,WAAW,2CAA2C7E,YAAY,eAAeD,MAAM,CAAC,GAAK,UAAU,KAAO,UAAU,YAAc,IAAI,SAAW,IAAI,KAAO,QAAQ+E,SAAS,CAAC,MAASrF,EAAImG,+BAAsC,SAAGxF,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOE,OAAOwE,WAAqBtF,EAAIuF,KAAKvF,EAAImG,+BAAgC,UAAWvF,EAAOE,OAAOoE,aAAa9E,EAAG,MAAM,CAACG,YAAY,YAAY,CAACH,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,eAAe,CAACN,EAAImB,GAAG,gBAAgBf,EAAG,QAAQ,CAAC4E,WAAW,CAAC,CAACjE,KAAK,QAAQkE,QAAQ,UAAUC,MAAOlF,EAAImG,+BAAyC,WAAEf,WAAW,8CAA8C7E,YAAY,eAAeD,MAAM,CAAC,GAAK,aAAa,KAAO,aAAa,YAAc,IAAI,SAAW,IAAI,KAAO,QAAQ+E,SAAS,CAAC,MAASrF,EAAImG,+BAAyC,YAAGxF,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOE,OAAOwE,WAAqBtF,EAAIuF,KAAKvF,EAAImG,+BAAgC,aAAcvF,EAAOE,OAAOoE,aAAa9E,EAAG,MAAM,CAACG,YAAY,YAAY,CAACH,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,UAAU,CAACN,EAAImB,GAAG,sBAAwBnB,EAAIwF,aAA+RxF,EAAIS,KAArRL,EAAG,MAAM,CAACA,EAAG,MAAM,CAACG,YAAY,eAAeD,MAAM,CAAC,IAAMN,EAAIoG,oBAAoBpG,EAAImG,mCAAmC/F,EAAG,SAAS,CAACG,YAAY,kBAAkBD,MAAM,CAAC,KAAO,UAAUK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAI0F,eAAe,CAAC1F,EAAImB,GAAG,oBAA8BnB,EAAgB,aAAEI,EAAG,MAAM,CAACA,EAAG,SAAS,CAACG,YAAY,kBAAkBD,MAAM,CAAC,KAAO,UAAUK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAI2F,iBAAiB,CAAC3F,EAAImB,GAAG,YAAYf,EAAG,SAAS,CAACG,YAAY,kBAAkBD,MAAM,CAAC,KAAO,UAAUK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAI0F,eAAe,CAAC1F,EAAImB,GAAG,YAAYf,EAAG,eAAe,CAACO,GAAG,CAAC,iBAAmBX,EAAI4F,gBAAgB,oBAAsB5F,EAAI6F,mBAAmB,GAAG7F,EAAIS,OAAOL,EAAG,MAAM,CAACG,YAAY,YAAY,CAACH,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,cAAc,CAACN,EAAImB,GAAG,eAAef,EAAG,QAAQ,CAAC4E,WAAW,CAAC,CAACjE,KAAK,QAAQkE,QAAQ,UAAUC,MAAOlF,EAAImG,+BAAwC,UAAEf,WAAW,6CAA6C7E,YAAY,eAAeD,MAAM,CAAC,GAAK,YAAY,KAAO,YAAY,YAAc,IAAI,SAAW,IAAI,KAAO,QAAQ+E,SAAS,CAAC,MAASrF,EAAImG,+BAAwC,WAAGxF,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOE,OAAOwE,WAAqBtF,EAAIuF,KAAKvF,EAAImG,+BAAgC,YAAavF,EAAOE,OAAOoE,aAAa9E,EAAG,MAAM,CAACG,YAAY,YAAY,CAACH,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,gBAAgB,CAACN,EAAImB,GAAG,iBAAiBf,EAAG,QAAQ,CAAC4E,WAAW,CAAC,CAACjE,KAAK,QAAQkE,QAAQ,UAAUC,MAAOlF,EAAImG,+BAA0C,YAAEf,WAAW,+CAA+C7E,YAAY,eAAeD,MAAM,CAAC,GAAK,cAAc,KAAO,cAAc,YAAc,IAAI,SAAW,IAAI,KAAO,QAAQ+E,SAAS,CAAC,MAASrF,EAAImG,+BAA0C,aAAGxF,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOE,OAAOwE,WAAqBtF,EAAIuF,KAAKvF,EAAImG,+BAAgC,cAAevF,EAAOE,OAAOoE,eAAe9E,EAAG,MAAM,CAACG,YAAY,OAAO,CAACH,EAAG,MAAM,CAACG,YAAY,YAAY,CAACH,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,UAAU,CAACN,EAAImB,GAAG,2BAA4BnB,EAAI8F,wBAAyB1F,EAAG,MAAM,CAACA,EAAG,oBAAoB,CAACE,MAAM,CAAC,QAAUN,EAAImG,+BAA+BJ,QAAQ,OAAS/F,EAAImG,+BAA+BH,eAAe,GAAGhG,EAAIS,SAASL,EAAG,MAAMA,EAAG,SAAS,CAACG,YAAY,kBAAkBD,MAAM,CAAC,KAAO,UAAUK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAI8E,UAAU,CAAC9E,EAAImB,GAAG,UAAUf,EAAG,SAAS,CAACG,YAAY,kBAAkBD,MAAM,CAAC,KAAO,UAAUK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAI+E,gBAAgB,CAAC/E,EAAImB,GAAG,YAAYf,EAAG,MAAMA,EAAG,SACx6I,EAAkB,GC0EtB,G,UAAA,CACE,QAAF,UACE,MAAF,QACE,KAAF,OACE,KAAF,SAEA,UACE,MAAF,IAGA,OACE,KAAF,8BAEE,KAHF,WAII,MAAJ,CACM,WAAN,GACM,aAAN,GACM,aAAN,GACM,aAAN,GACM,kBAAN,GACM,iBAAN,KACM,cAAN,EACM,OAAN,KAGE,WAAF,CACI,kBAAJ,EACI,aAAJ,QAEE,QAnBF,WAoBI,KAAJ,6EACI,KAAJ,sDAEE,QAvBF,aA2BE,MAAF,mCAEE,QAAF,CACI,eADJ,WAEM,IAAN,0CACM,QAAN,OACM,IAAN,GACQ,QAAR,0BACQ,QAAR,CACU,eAAV,oBAEQ,iBAAR,YACA,iCACU,MAAV,eAIA,OAEA,aAUM,OATA,EAAN,6EACA,kBAMQ,OALA,QAAR,YACQ,EAAR,4BACU,QAAV,OACU,EAAV,kBAEA,KAEA,UAEI,sBA7BJ,WA8BM,SAAN,4FAKI,WAAJ,WACM,KAAN,2CAEI,KAAJ,WAAM,IAAN,OACA,kEAEA,GACQ,KAAR,EACQ,MAAR,uBACQ,QAAR,YACU,EAAV,6CAEQ,MAAR,YACU,EAAV,iCAGM,KAAN,kDAEI,gBAAJ,YACM,KAAN,qBAEI,eAAJ,YACM,KAAN,oBAEI,UAAJ,WACM,KAAN,iCAEI,YAAJ,WACM,KAAN,iCAEI,oBAjEJ,SAiEA,GACM,OAAN,sBACA,sBAEA,qCAOA,GANA,QACA,iCAEA,SAKI,eA9EJ,SA8EA,GACM,QAAN,OACM,IAAN,GACQ,QAAR,0BACQ,QAAR,CACU,eAAV,oBAEQ,iBAAR,YACA,iCACU,MAAV,eAIA,OACA,aAUM,OATA,EAAN,8EACA,kBAMQ,OALA,QAAR,YACQ,EAAR,4BACU,QAAV,OACU,EAAV,kBAEA,KAEA,UAEI,OAAJ,YACM,MAAN,8CAKI,8BAAJ,WAAM,IAAN,OACA,GACQ,KAAR,oCACQ,QAAR,YACU,EAAV,6CAEQ,MAAR,YACU,EAAV,iCAGM,KAAN,qDAGE,SAAF,CACI,sBADJ,WAEM,KAAN,qCAGE,MAAF,CACI,sBADJ,SACA,GACM,KAAN,mBAGE,YAlKF,cCrFoX,ICQhX,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,gCCef,GACEiG,QAAS,UACTC,MAAO,QACPC,KAAM,OACNC,KAAM,QAER,oBACA,OACE7E,KADF,WAEI,MAAO,CACLiD,QAAS,CACf,CACQ,MAAR,KACQ,MAAR,KACQ,KAAR,OAEA,CACQ,MAAR,WACQ,MAAR,UACQ,KAAR,OAEA,CACQ,MAAR,cACQ,MAAR,aACQ,KAAR,OAEA,CACQ,MAAR,QACQ,MAAR,QACQ,KAAR,OAEA,CACQ,MAAR,aACQ,MAAR,YACQ,KAAR,OAEA,CACQ,MAAR,eACQ,MAAR,cACQ,KAAR,QAGMD,MAAO,GACP8B,gCAAgC,EAChCC,iCAAiC,EACjCnC,eAAgB,GAChBzC,OAAQ,KAGZ6E,WAAY,CACVC,2BAAJ,EACIC,4BAAJ,EACIC,UAAJ,QAEEC,QAAS,WACP9G,KAAK+G,6BACL/G,KAAKwG,gCAAiC,EACtCxG,KAAKyG,iCAAkC,GAEzClE,QAAS,CACPiD,eADJ,SACA,GAIM,IAAN,GACQ,QAAR,QACQ,QAAR,CAEU,eAAV,oBAEQ,iBAAR,YAEA,iCACU,MAAV,eAIA,OAEA,aAIM,OAAN,6EACA,kBAUQ,OARA,QAAR,YACQ,EAAR,4BAEU,QAAV,OACU,EAAV,kBAIA,UACA,MAEIwB,OAAQ,SAAZ,GACM,MAAmB,qBAARC,GAA+B,OAARA,GAAwB,SAARA,GAKpDF,2BA5CJ,WA4CA,WACUG,EAAU,CACZd,QAAS,SAAjB,GACU,EAAV,cAEQC,MAAO,SAAf,sCAEMrG,KAAKmH,OAAOC,SAAS,6BAA8BF,IAErDtC,SArDJ,SAqDA,GACM5E,KAAKuE,oCACL8C,QAAQC,IAAIC,GACZvH,KAAKmH,OAAOK,MAAMC,sBAAxB,EACMzH,KAAKsE,eAAiBiD,GAExBnD,iCA3DJ,WA4DA,oCAEQpE,KAAK0H,MAAMC,gCAAgCC,OAG3C5H,KAAK0H,MAAMC,gCAAgCE,OAE7C7H,KAAKwG,gCAAkCxG,KAAKwG,gCAE9CnC,kCArEJ,WAsEMrE,KAAKoE,mCACL,EAAN,iEACMpE,KAAK+G,8BAEPxC,kCA1EJ,WA2EA,qCAEQvE,KAAK0H,MAAMI,iCAAiCF,OAG5C5H,KAAK0H,MAAMI,iCAAiCD,OAE9C7H,KAAKyG,iCAAmCzG,KAAKyG,iCAE/CjC,mCApFJ,WAsFMxE,KAAKuE,oCACL,EAAN,qEACMvE,KAAK+G,gCCrLwV,ICQ/V,G,UAAY,eACd,EACAjH,EACA2B,GACA,EACA,KACA,WACA,OAIa,e,kECnBf,yBAA4gB,EAAG,G","file":"js/chunk-5ae3977c.3d690f6a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('form',{attrs:{\"enctype\":\"multipart/form-data\",\"novalidate\":\"\",\"id\":\"form\"}},[_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"box-inner\"},[(!_vm.isLoading)?_c('div',{staticClass:\"dropzone\"},[_c('input',{staticClass:\"input-file\",attrs:{\"type\":\"file\",\"multiple\":\"\",\"accept\":_vm.allFiles ? '*' : 'image/*'},on:{\"change\":function($event){_vm.handleChanges($event.target.name, $event.target.files);\n                _vm.fileCount = $event.target.files.length;}}}),_c('ul',{staticClass:\"box-notes\"},[_c('li',{staticClass:\"first\"},[_vm._v(\" \"+_vm._s(_vm.allFiles ? \"Drag a file here\" : \"Drag an image here\")+\" \")]),_c('li',{staticClass:\"second\"},[_vm._v(\"or\")]),_c('li',{staticClass:\"third link\"},[_vm._v(\"Browse files\")])])]):_vm._e(),(_vm.isLoading)?_c('div',{staticClass:\"status\"},[_c('span',{staticClass:\"loader\"},[_c('svg',{attrs:{\"width\":\"30px\",\"height\":\"30px\",\"viewBox\":\"0 0 30 30\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"data-svg\":\"spinner\"}},[_c('circle',{attrs:{\"fill\":\"none\",\"stroke\":\"#454b54\",\"cx\":\"15\",\"cy\":\"15\",\"r\":\"14\"}})])])]):_vm._e()])])]),(_vm.isSuccess)?_c('div',{staticClass:\"output\"},[_c('div',{staticClass:\"background-img-css\"},[_c('span',[_vm._v(\"Preview\")]),_c('pre',[_vm._v(\"          \"),_vm._l((this.output),function(item,index){return _c('img',{key:index,staticClass:\"previewImage\",attrs:{\"src\":item.content}})}),_vm._v(\"\\n          \"),_vm._v(\"\\n        \")],2)])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <form enctype=\"multipart/form-data\" novalidate id=\"form\">\r\n      <div class=\"box\">\r\n        <div class=\"box-inner\">\r\n          <div class=\"dropzone\" v-if=\"!isLoading\">\r\n            <input\r\n              type=\"file\"\r\n              multiple\r\n              :accept=\"allFiles ? '*' : 'image/*'\"\r\n              class=\"input-file\"\r\n              @change=\"\r\n                handleChanges($event.target.name, $event.target.files);\r\n                fileCount = $event.target.files.length;\r\n              \"\r\n            />\r\n            <ul class=\"box-notes\">\r\n              <li class=\"first\">\r\n                {{ allFiles ? \"Drag a file here\" : \"Drag an image here\" }}\r\n              </li>\r\n              <li class=\"second\">or</li>\r\n              <li class=\"third link\">Browse files</li>\r\n            </ul>\r\n          </div>\r\n          <div class=\"status\" v-if=\"isLoading\">\r\n            <span class=\"loader\">\r\n              <svg\r\n                width=\"30px\"\r\n                height=\"30px\"\r\n                viewBox=\"0 0 30 30\"\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                data-svg=\"spinner\"\r\n              >\r\n                <circle\r\n                  fill=\"none\"\r\n                  stroke=\"#454b54\"\r\n                  cx=\"15\"\r\n                  cy=\"15\"\r\n                  r=\"14\"\r\n                ></circle>\r\n              </svg>\r\n            </span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </form>\r\n    <div class=\"output\" v-if=\"isSuccess\">\r\n      <div class=\"background-img-css\">\r\n        <span>Preview</span>\r\n        <pre>\r\n          <img\r\n  v-for=\"(item, index) in this.output\"\r\n  :key=\"index\"\r\n  v-bind:src=\"item.content\"\r\n  class=\"previewImage\"\r\n>\r\n          <!-- <code v-for=\"(item, index) in this.output\" :key=\"index\">\r\n          .{{item.name}} {background-image: url(\"{{item.content}}\");}\r\n          </code> -->\r\n        </pre>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst INITIAL = 0,\r\n  LOADING = 1,\r\n  SUCCESS = 2,\r\n  FAILED = 3;\r\n\r\nexport default {\r\n  name: \"FileUploader\",\r\n\r\n  data() {\r\n    return {\r\n      errors: null,\r\n      status: null, // INITIAL, LOADING, SUCCESS, FAILED\r\n      output: [],\r\n    };\r\n  },\r\n  props: [\"uploadFileReturnFileName\", \"allFiles\"],\r\n  computed: {\r\n    isInitial() {\r\n      return this.status === INITIAL;\r\n    },\r\n    isLoading() {\r\n      return this.status === LOADING;\r\n    },\r\n    isSuccess() {\r\n      return this.status === SUCCESS;\r\n    },\r\n    isFailed() {\r\n      return this.status === FAILED;\r\n    },\r\n  },\r\n  methods: {\r\n    validateImg(file) {\r\n      return new Promise((resolve, reject) => {\r\n        let img = new Image();\r\n        img.src = window.URL.createObjectURL(file);\r\n        img.onload = () => {\r\n          if (img.width === 100 && img.height === 100) {\r\n            resolve(true);\r\n          } else {\r\n            resolve(false);\r\n          }\r\n        };\r\n      });\r\n    },\r\n    handleChanges(fieldName, fileList) {\r\n      this.reset(); // reset upload\r\n\r\n      if (!fileList.length) return;\r\n      this.status = LOADING;\r\n\r\n      [].slice.call(fileList).map((file) => {\r\n        var url = URL.createObjectURL(file);\r\n        this.validateImg(file).then((valid) => {\r\n          if (valid) {\r\n            if (!this.uploadFileReturnFileName) {\r\n              this.$emit(\"ImageDataChanged\", file);\r\n              this.$emit(\"ImageURLDataChanged\", url);\r\n            }\r\n            this.status = SUCCESS;\r\n            this.output.push({\r\n              name: this.sanitizeFileName(file.name),\r\n              content: url,\r\n            });\r\n            if (this.uploadFileReturnFileName) {\r\n              this.status = LOADING;\r\n              this.fileToBase64(file)\r\n                .then(this.resolveAfterTime(1500))\r\n                .then((res) => {\r\n                  var data = {\r\n                    base64: res,\r\n                    fileName: file.name,\r\n                    extension: file.name.split(\".\").pop(),\r\n                  };\r\n\r\n                  var payload = {\r\n                    data: data,\r\n                    success: (response) => {\r\n                      this.$emit(\"ImageUploaded\", response.data);\r\n                      this.status = SUCCESS;\r\n                    },\r\n                    error: (error) => {\r\n                      this.status = FAILED;\r\n                    },\r\n                  };\r\n                  this.$store.dispatch(\"uploadFile\", payload);\r\n                });\r\n            }\r\n          } else {\r\n            \r\n          }\r\n        });\r\n      });\r\n    },\r\n    fileToBase64(file) {\r\n      return new Promise((resolve, reject) => {\r\n        const reader = new FileReader();\r\n        reader.readAsDataURL(file);\r\n        reader.onload = () => {\r\n          let res = reader.result;\r\n          resolve(res);\r\n        };\r\n        reader.onerror = (error) => reject(error);\r\n      });\r\n    },\r\n    sanitizeFileName(name) {\r\n      return name\r\n        .replace(/\\.[^/.]+$/, \"\")\r\n        .replace(/[^a-z0-9]/gi, \"_\")\r\n        .toLowerCase();\r\n    },\r\n    resolveAfterTime(time) {\r\n      return (x) => {\r\n        return new Promise((resolve) => setTimeout(() => resolve(x), time));\r\n      };\r\n    },\r\n    reset() {\r\n      this.status = INITIAL;\r\n      this.errors = null;\r\n      this.output = [];\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.previewImage {\r\n  max-height: 100px;\r\n}\r\n.box {\r\n  padding: 10px;\r\n  position: relative;\r\n\r\n  .box-inner {\r\n    color: #2c3e50;\r\n    min-height: 200px;\r\n    position: relative;\r\n    cursor: pointer;\r\n    border-radius: 3px;\r\n    border: 2px dashed #86bdf9;\r\n    border-radius: 10px;\r\n    z-index: 100;\r\n\r\n    .box-notes {\r\n      list-style: none;\r\n      height: 200px;\r\n      margin: 0;\r\n      padding: 0;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-direction: column;\r\n\r\n      li {\r\n        &.first {\r\n          font-weight: 600;\r\n          font-size: 24px;\r\n        }\r\n\r\n        &.link {\r\n          color: #fff;\r\n          padding: 10px 20px;\r\n          border-radius: 5px;\r\n          background: #176eff;\r\n          box-shadow: 0 0 35px rgba(140, 150, 160, 0.2);\r\n        }\r\n\r\n        &:not(:last-child) {\r\n          margin-bottom: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .loader {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 120px;\r\n    height: 120px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 100;\r\n\r\n    > * {\r\n      animation: rotate 1.4s linear infinite;\r\n    }\r\n    > * > * {\r\n      stroke-dasharray: 88px;\r\n      stroke-dashoffset: 0;\r\n      transform-origin: center;\r\n      animation: spinner 1.4s ease-in-out infinite;\r\n      animation-name: spinner;\r\n      animation-duration: 1.4s;\r\n      animation-timing-function: ease-in-out;\r\n      animation-delay: 0s;\r\n      animation-iteration-count: infinite;\r\n      animation-direction: normal;\r\n      animation-fill-mode: none;\r\n      animation-play-state: running;\r\n      stroke-width: 1;\r\n      stroke-linecap: round;\r\n      position: relative;\r\n    }\r\n  }\r\n  &::after {\r\n    content: \"\";\r\n    background: #f6f9fe;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 5px;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    opacity: 1;\r\n    transition: all 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);\r\n  }\r\n  &:hover {\r\n    &::after {\r\n      opacity: 0.6;\r\n    }\r\n  }\r\n}\r\n\r\n.output {\r\n  span {\r\n    padding-top: 10px;\r\n    display: block;\r\n    text-align: initial;\r\n  }\r\n  pre {\r\n    background: #e5e5e5;\r\n    color: #2c3e50;\r\n    padding: 14px;\r\n    border-radius: 3px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    overflow-x: scroll;\r\n\r\n    &,\r\n    code {\r\n      font-family: \"Source Code Pro\", monospace;\r\n      max-width: 500px;\r\n      text-align: left;\r\n      white-space: nowrap;\r\n      word-spacing: normal;\r\n      word-break: break-word;\r\n      word-wrap: break-word;\r\n      line-height: 1.5;\r\n      -moz-tab-size: 4;\r\n      -o-tab-size: 4;\r\n      tab-size: 4;\r\n      -webkit-hyphens: none;\r\n      -ms-hyphens: none;\r\n      hyphens: none;\r\n      position: relative;\r\n    }\r\n  }\r\n}\r\n\r\ninput[type=\"file\"] {\r\n  display: block;\r\n}\r\n\r\n.input-file {\r\n  opacity: 0;\r\n  width: 100%;\r\n  height: 200px;\r\n  position: absolute;\r\n  cursor: pointer;\r\n  top: 0;\r\n  left: 0;\r\n}\r\n\r\n@keyframes rotate {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    transform: rotate(270deg);\r\n  }\r\n}\r\n\r\n@keyframes spinner {\r\n  0% {\r\n    stroke-dashoffset: 88px;\r\n  }\r\n  50% {\r\n    stroke-dashoffset: 22px;\r\n    transform: rotate(135deg);\r\n  }\r\n  100% {\r\n    stroke-dashoffset: 88px;\r\n    transform: rotate(450deg);\r\n  }\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!./FileUploader.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!./FileUploader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FileUploader.vue?vue&type=template&id=69f32660&scoped=true&\"\nimport script from \"./FileUploader.vue?vue&type=script&lang=js&\"\nexport * from \"./FileUploader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FileUploader.vue?vue&type=style&index=0&id=69f32660&scoped=true&lang=scss&\"\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  \"69f32660\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MultiFileUploader.vue?vue&type=style&index=0&id=43618292&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MultiFileUploader.vue?vue&type=style&index=0&id=43618292&scoped=true&lang=scss&\"","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!./Vehicle360.vue?vue&type=style&index=0&id=91f3dbc8&scoped=true&lang=css&\"; 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!./Vehicle360.vue?vue&type=style&index=0&id=91f3dbc8&scoped=true&lang=css&\"","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!./addVehicleThreeSixtyImages.vue?vue&type=style&index=0&id=01e65239&scoped=true&lang=css&\"; 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!./addVehicleThreeSixtyImages.vue?vue&type=style&index=0&id=01e65239&scoped=true&lang=css&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FileUploader.vue?vue&type=style&index=0&id=69f32660&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FileUploader.vue?vue&type=style&index=0&id=69f32660&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"container\"},[_c('b-modal',{ref:\"addVehicleThreeSixtyImagesModal\",attrs:{\"hide-footer\":\"\"}},[_c('addVehicleThreeSixtyImages',{on:{\"closeAddVehicleThreeSixtyImages\":function($event){return _vm.toggleAddVehicleThreeSixtyImages()},\"addVehicleThreeSixtyImagesSuccess\":function($event){return _vm.addVehicleThreeSixtyImagesSuccess()}}})],1),_c('b-modal',{ref:\"editVehicleThreeSixtyImagesModal\",attrs:{\"hide-footer\":\"\"}},[_c('editVehicleThreeSixtyImages',{attrs:{\"editingVehicleThreeSixtyImages\":_vm.current360Item},on:{\"closeEditVehicleThreeSixtyImages\":function($event){return _vm.toggleeditVehicleThreeSixtyImages()},\"editVehicleThreeSixtyImagesSuccess\":function($event){return _vm.editVehicleThreeSixtyImagesSuccess()}}})],1),_vm._m(0),_c('div',{staticClass:\"row\"},[_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggleAddVehicleThreeSixtyImages()}}},[_vm._v(\"Add\")])]),_c('div',{staticClass:\"row\"},[_c('br'),_c('datatable',{staticClass:\"text-center\",attrs:{\"dataItems\":_vm.items,\"dataColumns\":_vm.columns,\"searching\":true,\"sorting\":true,\"order\":[1, \"dec\"],\"striped\":\"\",\"bordered\":\"\"},on:{\"rowClicked\":_vm.editItem,\"editRow\":_vm.editItem}})],1)],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row\"},[_c('h2',[_vm._v(\"360 View\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('h2',[_vm._v(\"Add A VehicleThreeSixtyImages\")]),_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.save()}}},[_vm._v(\"Save\")]),_c('button',{staticClass:\"btn btn-warning\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggleView()}}},[_vm._v(\"Cancel\")]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\" col-md-4\"},[_c('label',{attrs:{\"for\":\"ModelId\"}},[_vm._v(\"ModelId\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newVehicleThreeSixtyImages.ModelId),expression:\"newVehicleThreeSixtyImages.ModelId\"}],staticClass:\" form-control\",attrs:{\"id\":\"ModelId\",\"name\":\"ModelId\",\"placeholder\":\"ModelId\",\"tabindex\":\"0\",\"type\":\"text\",\"value\":\"\"},domProps:{\"value\":(_vm.newVehicleThreeSixtyImages.ModelId)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newVehicleThreeSixtyImages, \"ModelId\", $event.target.value)}}}),_vm._m(0)]),_c('div',{staticClass:\" col-md-4\"},[_c('label',{attrs:{\"for\":\"ColourName\"}},[_vm._v(\"ColourName\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newVehicleThreeSixtyImages.ColourName),expression:\"newVehicleThreeSixtyImages.ColourName\"}],staticClass:\" form-control\",attrs:{\"id\":\"ColourName\",\"name\":\"ColourName\",\"placeholder\":\"ColourName\",\"tabindex\":\"0\",\"type\":\"text\",\"value\":\"\"},domProps:{\"value\":(_vm.newVehicleThreeSixtyImages.ColourName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newVehicleThreeSixtyImages, \"ColourName\", $event.target.value)}}}),_vm._m(1)]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"Image\"}},[_vm._v(\"Thumbnail Image\")]),(!_vm.editingImage)?_c('div',[_c('img',{staticClass:\"previewImage\",attrs:{\"src\":_vm.getImageSource(_vm.newVehicleThreeSixtyImages)}}),_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.editImage()}}},[_vm._v(\"Update Image\")])]):_vm._e(),(_vm.editingImage)?_c('div',[_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.updateImage()}}},[_vm._v(\"Update\")]),_c('button',{staticClass:\"btn btn-warning\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.editImage()}}},[_vm._v(\"Cancel\")]),_c('FileUploader',{on:{\"ImageDataChanged\":_vm.updateImageData,\"ImageURLDataChanged\":_vm.updateImageUrl}})],1):_vm._e()]),_c('div',{staticClass:\" col-md-4\"},[_c('label',{attrs:{\"for\":\"ImageMeta\"}},[_vm._v(\"ImageMeta\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newVehicleThreeSixtyImages.ImageMeta),expression:\"newVehicleThreeSixtyImages.ImageMeta\"}],staticClass:\" form-control\",attrs:{\"id\":\"ImageMeta\",\"name\":\"ImageMeta\",\"placeholder\":\"ImageMeta\",\"tabindex\":\"0\",\"type\":\"text\",\"value\":\"\"},domProps:{\"value\":(_vm.newVehicleThreeSixtyImages.ImageMeta)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newVehicleThreeSixtyImages, \"ImageMeta\", $event.target.value)}}}),_vm._m(2)]),_c('div',{staticClass:\" col-md-4\"},[_c('label',{attrs:{\"for\":\"LastUpdated\"}},[_vm._v(\"LastUpdated\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newVehicleThreeSixtyImages.LastUpdated),expression:\"newVehicleThreeSixtyImages.LastUpdated\"}],staticClass:\" form-control\",attrs:{\"id\":\"LastUpdated\",\"name\":\"LastUpdated\",\"placeholder\":\"LastUpdated\",\"tabindex\":\"0\",\"type\":\"text\",\"value\":\"\"},domProps:{\"value\":(_vm.newVehicleThreeSixtyImages.LastUpdated)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newVehicleThreeSixtyImages, \"LastUpdated\", $event.target.value)}}}),_vm._m(3)]),_c('br')]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"Image\"}},[_vm._v(\"Upload 360 view Files\")]),(_vm.showMultiFileUploader())?_c('div',[_c('MultiFileUploader',{attrs:{\"ModelId\":_vm.newVehicleThreeSixtyImages.ModelId,\"Colour\":_vm.newVehicleThreeSixtyImages.ColourName}})],1):_vm._e()])]),_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.save()}}},[_vm._v(\"Save\")]),_c('button',{staticClass:\"btn btn-warning\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggleView()}}},[_vm._v(\"Cancel\")]),_c('br'),_c('br')])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[_c('small')])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[_c('small')])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[_c('small')])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[_c('small')])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('form',{attrs:{\"enctype\":\"multipart/form-data\",\"novalidate\":\"\",\"id\":\"form\"}},[_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"box-inner\"},[(!_vm.isLoading)?_c('div',{staticClass:\"dropzone\"},[_c('input',{staticClass:\"input-file\",attrs:{\"type\":\"file\",\"multiple\":\"\",\"accept\":\"image/*\"},on:{\"change\":function($event){_vm.handleChanges($event.target.name, $event.target.files); _vm.fileCount = $event.target.files.length}}}),_vm._m(0)]):_vm._e(),(_vm.isLoading)?_c('div',{staticClass:\"status\"},[_c('span',{staticClass:\"loader\"},[_c('svg',{attrs:{\"width\":\"30\",\"height\":\"30\",\"viewBox\":\"0 0 30 30\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"data-svg\":\"spinner\"}},[_c('circle',{attrs:{\"fill\":\"none\",\"stroke\":\"#454b54\",\"cx\":\"15\",\"cy\":\"15\",\"r\":\"14\"}})])])]):_vm._e()])])]),(_vm.isSuccess)?_c('div',{staticClass:\"output\"},[_c('div',{staticClass:\"background-img-css\"},[_c('span',[_vm._v(\"Preview\")]),_c('pre',[_vm._v(\"        \"),_vm._l((this.output),function(item,index){return _c('div',{key:index,staticClass:\"imgHolder\",on:{\"loadstart\":_vm.getImages,\"loadeddata\":_vm.getImages}},[_vm._v(\"\\n          \"),_c('img',{staticClass:\"previewImage\",attrs:{\"src\":item}}),_vm._v(\"\\n          \"),_c('span',[_vm._v(_vm._s(index))]),_vm._v(\"\\n        \")])}),_vm._v(\"\\n        \"),_vm._v(\"\\n      \")],2)])]):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{staticClass:\"box-notes\"},[_c('li',{staticClass:\"first\"},[_vm._v(\"Drag an image here \")]),_c('li',{staticClass:\"second\"},[_vm._v(\"or\")]),_c('li',{staticClass:\"third link\"},[_vm._v(\"Browse files\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <form enctype=\"multipart/form-data\" novalidate id=\"form\">\r\n      <div class=\"box\">\r\n        <div class=\"box-inner\">\r\n          <div class=\"dropzone\" v-if=\"!isLoading\">\r\n            <input type=\"file\" multiple accept=\"image/*\" class=\"input-file\" @change=\"handleChanges($event.target.name, $event.target.files); fileCount = $event.target.files.length\">\r\n            <ul class=\"box-notes\">\r\n              <li class=\"first\">Drag an image here </li>\r\n              <li class=\"second\">or</li>\r\n              <li class=\"third link\">Browse files</li>\r\n            </ul>\r\n          </div>\r\n          <div class=\"status\" v-if=\"isLoading\">\r\n            <span class=\"loader\">\r\n              <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" xmlns=\"http://www.w3.org/2000/svg\" data-svg=\"spinner\">\r\n                <circle fill=\"none\" stroke=\"#454b54\" cx=\"15\" cy=\"15\" r=\"14\"></circle>\r\n              </svg>\r\n            </span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </form>\r\n    <div class=\"output\" v-if=\"isSuccess\">\r\n      <div class=\"background-img-css\">\r\n        <span>Preview</span>\r\n        <pre>\r\n          <div @loadstart=\"getImages\" @loadeddata=\"getImages\" class=\"imgHolder\" v-for=\"(item, index) in this.output\" :key=\"index\">\r\n            <img v-bind:src=\"item\"  class=\"previewImage\">\r\n            <span>{{index}}</span>\r\n          </div>\r\n          <!-- <code v-for=\"(item, index) in this.output\" :key=\"index\">\r\n          .{{item.name}} {background-image: url(\"{{item.content}}\");}\r\n          </code> -->\r\n        </pre>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import _ from 'lodash'\r\n  const INITIAL = 0,\r\n    LOADING = 1,\r\n    SUCCESS = 2,\r\n    FAILED = 3;\r\n\r\n  import axios from 'axios';\r\n\r\n  export default {\r\n    name: \"MultiFileUploader\",\r\n\r\n    data() {\r\n      return {\r\n        errors: null,\r\n        status: null, // INITIAL, LOADING, SUCCESS, FAILED\r\n        output: []\r\n      };\r\n    },\r\n    computed: {\r\n      isInitial() {\r\n        console.log('Initial')\r\n        return this.status === INITIAL;\r\n      },\r\n      isLoading() {\r\n        console.log('Loading')\r\n        return this.status === LOADING;\r\n      },\r\n      isSuccess() {\r\n        console.log('Success')\r\n        return this.status === SUCCESS;\r\n      },\r\n      isFailed() {\r\n        console.log('Failed')\r\n        return this.status === FAILED;\r\n      }\r\n    },\r\n    methods: {\r\n\r\n      getImages() {\r\n\r\n        if (!(this.$store.state.currentThreeSixtyItem.ModelId && this.$store.state.currentThreeSixtyItem.ColourName)) {\r\n          return \"\"\r\n        }\r\n        var config = {\r\n          baseURL: this.$store.state.baseUrl, //'http://localhost:57626/',\r\n          headers: {\r\n            //'Content-Type': 'multipart/form-data'\r\n            'Content-Type': 'application/json'\r\n          },\r\n          onUploadProgress: function (progressEvent) {\r\n            //this.total=progressEvent.loaded * 100;\r\n            var percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);\r\n            total = progressEvent.loaded * 100;\r\n          },\r\n\r\n        }\r\n        var self1 = this;\r\n\r\n        var formData = new FormData();\r\n        axios.get( this.$store.state.baseUrl +  `Import360?path=${this.$store.state.currentThreeSixtyItem.ModelId}&colour=${this.$store.state.currentThreeSixtyItem.ColourName}`,\r\n            config)\r\n          .then(response => {\r\n            // returning the data here allows the caller to get it through another .then(...)\r\n            console.log(response.data);\r\n            response.data.forEach(function (item, index) {\r\n\r\n              console.log(item);\r\n              self1.output.push(item);\r\n            })\r\n            return response;\r\n          });\r\n      },\r\n\r\n\r\n      handleChanges(fieldName, fileList) {\r\n        this.reset(); // reset upload\r\n\r\n        if (!fileList.length) return;\r\n        this.status = LOADING;\r\n        var formData = new FormData();\r\n        var config = {\r\n          baseURL: this.$store.state.baseUrl,\r\n          headers: {\r\n            'Content-Type': 'multipart/form-data'\r\n          },\r\n          onUploadProgress: function (progressEvent) {\r\n            //this.total=progressEvent.loaded * 100;\r\n            var total = 0;\r\n            var percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);\r\n            total = progressEvent.loaded * 100;\r\n          }\r\n        }\r\n        _.forEach(fileList, function (item, index) {\r\n          formData.append(item.name, item);\r\n        });\r\n        var self1 = this;\r\n        \r\n        axios.post(this.$store.state.baseUrl + `Import360?path=${this.$store.state.currentThreeSixtyItem.ModelId}&colour=${this.$store.state.currentThreeSixtyItem.ColourName}`,\r\n          formData, config).then(response => {\r\n          self1.status = SUCCESS;\r\n          self1.getImages();\r\n        });\r\n    \r\n      },\r\n      fileToBase64(file) {\r\n        return new Promise((resolve, reject) => {\r\n          const reader = new FileReader();\r\n          reader.readAsDataURL(file);\r\n          reader.onload = () => {\r\n            let res = reader.result;\r\n            resolve(res);\r\n          };\r\n          reader.onerror = error => reject(error);\r\n        });\r\n      },\r\n      sanitizeFileName(name) {\r\n        return name\r\n          .replace(/\\.[^/.]+$/, \"\")\r\n          .replace(/[^a-z0-9]/gi, \"_\")\r\n          .toLowerCase();\r\n      },\r\n      resolveAfterTime(time) {\r\n        return x => {\r\n          return new Promise(resolve => setTimeout(() => resolve(x), time));\r\n        };\r\n      },\r\n      reset() {\r\n        this.status = INITIAL;\r\n        this.errors = null;\r\n        this.output = [];\r\n      }\r\n\r\n\r\n    },\r\n    props: ['ModelId', 'Colour'],\r\n    beforeMount() {\r\n\r\n\r\n\r\n    },\r\n    mounted: function () {\r\n      this.$nextTick(function () {\r\n        //this.getImages();\r\n\r\n      });\r\n\r\n    }\r\n  };\r\n\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n  .imgHolder {\r\n\r\n    position: relative;\r\n  }\r\n\r\n  .imgHolder span {\r\n    position: absolute;\r\n    right: 10px;\r\n    top: 10px;\r\n  }\r\n\r\n  .previewImage {\r\n    max-height: 100px;\r\n  }\r\n\r\n  .box {\r\n    padding: 10px;\r\n    position: relative;\r\n\r\n    .box-inner {\r\n      color: #2c3e50;\r\n      min-height: 200px;\r\n      position: relative;\r\n      cursor: pointer;\r\n      border-radius: 3px;\r\n      border: 2px dashed #86bdf9;\r\n      border-radius: 10px;\r\n      z-index: 100;\r\n\r\n      .box-notes {\r\n        list-style: none;\r\n        height: 200px;\r\n        margin: 0;\r\n        padding: 0;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-direction: column;\r\n\r\n        li {\r\n          &.first {\r\n            font-weight: 600;\r\n            font-size: 24px;\r\n          }\r\n\r\n          &.link {\r\n            color: #fff;\r\n            padding: 10px 20px;\r\n            border-radius: 5px;\r\n            background: #176eff;\r\n            box-shadow: 0 0 35px rgba(140, 150, 160, 0.2);\r\n          }\r\n\r\n          &:not(:last-child) {\r\n            margin-bottom: 20px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .loader {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      z-index: 100;\r\n\r\n      >* {\r\n        animation: rotate 1.4s linear infinite;\r\n      }\r\n\r\n      >*>* {\r\n        stroke-dasharray: 88px;\r\n        stroke-dashoffset: 0;\r\n        transform-origin: center;\r\n        animation: spinner 1.4s ease-in-out infinite;\r\n        animation-name: spinner;\r\n        animation-duration: 1.4s;\r\n        animation-timing-function: ease-in-out;\r\n        animation-delay: 0s;\r\n        animation-iteration-count: infinite;\r\n        animation-direction: normal;\r\n        animation-fill-mode: none;\r\n        animation-play-state: running;\r\n        stroke-width: 1;\r\n        stroke-linecap: round;\r\n        position: relative;\r\n      }\r\n    }\r\n\r\n    &::after {\r\n      content: \"\";\r\n      background: #f6f9fe;\r\n      width: 100%;\r\n      height: 100%;\r\n      border-radius: 5px;\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      opacity: 1;\r\n      transition: all 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);\r\n    }\r\n\r\n    &:hover {\r\n      &::after {\r\n        opacity: 0.6;\r\n      }\r\n    }\r\n  }\r\n\r\n  .output {\r\n    span {\r\n      padding-top: 10px;\r\n      display: block;\r\n      text-align: initial;\r\n    }\r\n\r\n    pre {\r\n      background: #e5e5e5;\r\n      color: #2c3e50;\r\n      padding: 14px;\r\n      border-radius: 3px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: flex-start;\r\n      overflow-x: scroll;\r\n\r\n      &,\r\n      code {\r\n        font-family: \"Source Code Pro\", monospace;\r\n        max-width: 500px;\r\n        text-align: left;\r\n        white-space: nowrap;\r\n        word-spacing: normal;\r\n        word-break: break-word;\r\n        word-wrap: break-word;\r\n        line-height: 1.5;\r\n        -moz-tab-size: 4;\r\n        -o-tab-size: 4;\r\n        tab-size: 4;\r\n        -webkit-hyphens: none;\r\n        -ms-hyphens: none;\r\n        hyphens: none;\r\n        position: relative;\r\n      }\r\n    }\r\n  }\r\n\r\n  input[type=\"file\"] {\r\n    display: block;\r\n  }\r\n\r\n  .input-file {\r\n    opacity: 0;\r\n    width: 100%;\r\n    height: 200px;\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n  }\r\n\r\n  @keyframes rotate {\r\n    0% {\r\n      transform: rotate(0deg);\r\n    }\r\n\r\n    100% {\r\n      transform: rotate(270deg);\r\n    }\r\n  }\r\n\r\n  @keyframes spinner {\r\n    0% {\r\n      stroke-dashoffset: 88px;\r\n    }\r\n\r\n    50% {\r\n      stroke-dashoffset: 22px;\r\n      transform: rotate(135deg);\r\n    }\r\n\r\n    100% {\r\n      stroke-dashoffset: 88px;\r\n      transform: rotate(450deg);\r\n    }\r\n  }\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!./MultiFileUploader.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!./MultiFileUploader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MultiFileUploader.vue?vue&type=template&id=43618292&scoped=true&\"\nimport script from \"./MultiFileUploader.vue?vue&type=script&lang=js&\"\nexport * from \"./MultiFileUploader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MultiFileUploader.vue?vue&type=style&index=0&id=43618292&scoped=true&lang=scss&\"\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  \"43618292\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class='container'>\r\n    <h2>Add A VehicleThreeSixtyImages</h2>\r\n    <button @click='save()' type='button' class='btn btn-success'>Save</button>\r\n    <button @click='toggleView()' type='button' class='btn btn-warning'>Cancel</button>\r\n    <div class='row'>\r\n      <div class=' col-md-4'><label class='' for='ModelId'>ModelId</label><input class=' form-control' id='ModelId'\r\n          name='ModelId' v-model='newVehicleThreeSixtyImages.ModelId' placeholder='ModelId' tabindex='0' type='text'\r\n          value=''>\r\n        <div class=''><small></small></div>\r\n      </div>\r\n      <div class=' col-md-4'><label class='' for='ColourName'>ColourName</label><input class=' form-control' id='ColourName'\r\n          name='ColourName' v-model='newVehicleThreeSixtyImages.ColourName' placeholder='ColourName' tabindex='0' type='text'\r\n          value=''>\r\n        <div class=''><small></small></div>\r\n      </div>\r\n      <div class='col-md-4'>\r\n        <label class for='Image'>Thumbnail Image</label>\r\n        <div v-if='!editingImage'>\r\n          <img v-bind:src='getImageSource(newVehicleThreeSixtyImages)' class='previewImage'>\r\n          <button @click='editImage()' type='button' class='btn btn-success'>Update Image</button>\r\n        </div>\r\n        <div v-if='editingImage'>\r\n          <button @click='updateImage()' type='button' class='btn btn-success'>Update</button>\r\n          <button @click='editImage()' type='button' class='btn btn-warning'>Cancel</button>\r\n          <FileUploader @ImageDataChanged='updateImageData' @ImageURLDataChanged='updateImageUrl' />\r\n        </div>\r\n      </div>\r\n      <div class=' col-md-4'><label class='' for='ImageMeta'>ImageMeta</label><input class=' form-control' id='ImageMeta'\r\n          name='ImageMeta' v-model='newVehicleThreeSixtyImages.ImageMeta' placeholder='ImageMeta' tabindex='0' type='text'\r\n          value=''>\r\n        <div class=''><small></small></div>\r\n      </div>\r\n      <div class=' col-md-4'><label class='' for='LastUpdated'>LastUpdated</label><input class=' form-control' id='LastUpdated'\r\n          name='LastUpdated' v-model='newVehicleThreeSixtyImages.LastUpdated' placeholder='LastUpdated' tabindex='0'\r\n          type='text' value=''>\r\n        <div class=''><small></small></div>\r\n      </div>\r\n      <br />\r\n    </div>\r\n    <div class='row'>\r\n      <div class='col-md-4'>\r\n        <label class for='Image'>Upload 360 view Files</label>\r\n        <div v-if=\"showMultiFileUploader()\">\r\n          <MultiFileUploader :ModelId='newVehicleThreeSixtyImages.ModelId' :Colour='newVehicleThreeSixtyImages.ColourName' />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <button @click='save()' type='button' class='btn btn-success'>Save</button>\r\n    <button @click='toggleView()' type='button' class='btn btn-warning'>Cancel</button>\r\n    <br />\r\n    <br />\r\n  </div>\r\n\r\n</template>\r\n<script>\r\n  import _ from 'lodash';\r\n  import FileUploader from '@/components/custom/FileUploader.vue';\r\n  import MultiFileUploader from '@/components/custom/MultiFileUploader';\r\n  import miniToastr from 'mini-toastr'; // https://github.com/se-panfilov/mini-toastr\r\n  const toastTypes = {\r\n    success: 'success',\r\n    error: 'error',\r\n    info: 'info',\r\n    warn: 'warn'\r\n  };\r\n  miniToastr.init({\r\n    types: toastTypes\r\n  });\r\n  export default {\r\n    name: 'addVehicleThreeSixtyImages',\r\n    created: function () {},\r\n    data() {\r\n      return {\r\n        newVehicleThreeSixtyImages: {},\r\n        editingImage: false,\r\n        uploadedImageData: {},\r\n        uploadedImageUrl: null,\r\n      }\r\n    },\r\n    components: {\r\n      FileUploader,\r\n      MultiFileUploader\r\n    },\r\n\r\n    methods: {\r\n\r\n      showMultiFileUploader() {\r\n        if (this.newVehicleThreeSixtyImages.ModelId && this.newVehicleThreeSixtyImages.ColourName) {\r\n          return true;\r\n        }\r\n        return false;\r\n      },\r\n      toggleView: function () {\r\n        this.$emit('closeAddVehicleThreeSixtyImages')\r\n      },\r\n      updateImageData: function (value) {\r\n        this.uploadedImageData = value;\r\n      },\r\n      updateImageUrl: function (value) {\r\n        this.uploadedImageUrl = value;\r\n      },\r\n      editImage: function () {\r\n        this.editingImage = !this.editingImage;\r\n      },\r\n      updateImage: function () {\r\n        this.editingImage = !this.editingImage;\r\n      },\r\n      getImageSource(data) {\r\n        if (this.uploadedImageUrl) {\r\n          return this.uploadedImageUrl;\r\n        }\r\n        if (!this.isNull(data) && !this.isNull(data.Image)) {\r\n          if (data.Image) {\r\n            return this.$store.state.cdnUrl + data.Image;\r\n          } else {\r\n            return data.Image;\r\n          }\r\n        }\r\n        return '';\r\n      },\r\n      isNull: function (obj) {\r\n        if (typeof obj === 'undefined' || obj === null || obj === 'null') {\r\n          return true;\r\n        }\r\n        return false;\r\n      },\r\n      save: function () {\r\n        var data = JSON.parse(JSON.stringify(this.newVehicleThreeSixtyImages));\r\n\r\n        data['Image'] = this.$data.uploadedImageData;\r\n\r\n        var payload = {\r\n          data: this.newVehicleThreeSixtyImages,\r\n          image: this.uploadedImageData,\r\n          success: response => {\r\n            this.$emit('addVehicleThreeSixtyImagesSuccess')\r\n          },\r\n          error: error => {\r\n            miniToastr['error'](error, 'Error', 1000, null)\r\n          }\r\n        }\r\n        this.$store.dispatch('addVehicleThreeSixtyImages', payload);\r\n      }\r\n    },\r\n    watch: {\r\n      newVehicleThreeSixtyImages(val) {\r\n        this.$store.state.currentThreeSixtyItem = val\r\n      }\r\n    },\r\n  }\r\n\r\n</script>\r\n<style scoped>\r\n  .previewImage {\r\n    max-height: 100px;\r\n  }\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!./addVehicleThreeSixtyImages.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!./addVehicleThreeSixtyImages.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./addVehicleThreeSixtyImages.vue?vue&type=template&id=01e65239&scoped=true&\"\nimport script from \"./addVehicleThreeSixtyImages.vue?vue&type=script&lang=js&\"\nexport * from \"./addVehicleThreeSixtyImages.vue?vue&type=script&lang=js&\"\nimport style0 from \"./addVehicleThreeSixtyImages.vue?vue&type=style&index=0&id=01e65239&scoped=true&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  \"01e65239\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('h2',[_vm._v(\"Edit VehicleThreeSixtyImages\")]),_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.save()}}},[_vm._v(\"Save\")]),_c('button',{staticClass:\"btn btn-warning\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggleView()}}},[_vm._v(\"Cancel\")]),_c('button',{staticClass:\"btn btn-danger\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.deleteVehicleThreeSixtyImages()}}},[_vm._v(\"Delete\")]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"ModelId\"}},[_vm._v(\"ModelId\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editingVehicleThreeSixtyImages.ModelId),expression:\"editingVehicleThreeSixtyImages.ModelId\"}],staticClass:\"form-control\",attrs:{\"id\":\"ModelId\",\"name\":\"ModelId\",\"placeholder\":\" \",\"tabindex\":\"0\",\"type\":\"text\"},domProps:{\"value\":(_vm.editingVehicleThreeSixtyImages.ModelId)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.editingVehicleThreeSixtyImages, \"ModelId\", $event.target.value)}}})]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"ColourName\"}},[_vm._v(\"ColourName\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editingVehicleThreeSixtyImages.ColourName),expression:\"editingVehicleThreeSixtyImages.ColourName\"}],staticClass:\"form-control\",attrs:{\"id\":\"ColourName\",\"name\":\"ColourName\",\"placeholder\":\" \",\"tabindex\":\"0\",\"type\":\"text\"},domProps:{\"value\":(_vm.editingVehicleThreeSixtyImages.ColourName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.editingVehicleThreeSixtyImages, \"ColourName\", $event.target.value)}}})]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"Image\"}},[_vm._v(\"Colour Thumbnail\")]),(!_vm.editingImage)?_c('div',[_c('img',{staticClass:\"previewImage\",attrs:{\"src\":_vm.getImageSourceThumb(_vm.editingVehicleThreeSixtyImages)}}),_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.editImage()}}},[_vm._v(\"Update Image\")])]):_vm._e(),(_vm.editingImage)?_c('div',[_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.updateImage()}}},[_vm._v(\"Update\")]),_c('button',{staticClass:\"btn btn-warning\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.editImage()}}},[_vm._v(\"Cancel\")]),_c('FileUploader',{on:{\"ImageDataChanged\":_vm.updateImageData,\"ImageURLDataChanged\":_vm.updateImageUrl}})],1):_vm._e()]),_c('div',{staticClass:\"col-md-2\"},[_c('label',{attrs:{\"for\":\"ImageMeta\"}},[_vm._v(\"ImageMeta\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editingVehicleThreeSixtyImages.ImageMeta),expression:\"editingVehicleThreeSixtyImages.ImageMeta\"}],staticClass:\"form-control\",attrs:{\"id\":\"ImageMeta\",\"name\":\"ImageMeta\",\"placeholder\":\" \",\"tabindex\":\"0\",\"type\":\"text\"},domProps:{\"value\":(_vm.editingVehicleThreeSixtyImages.ImageMeta)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.editingVehicleThreeSixtyImages, \"ImageMeta\", $event.target.value)}}})]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"LastUpdated\"}},[_vm._v(\"LastUpdated\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editingVehicleThreeSixtyImages.LastUpdated),expression:\"editingVehicleThreeSixtyImages.LastUpdated\"}],staticClass:\"form-control\",attrs:{\"id\":\"LastUpdated\",\"name\":\"LastUpdated\",\"placeholder\":\" \",\"tabindex\":\"0\",\"type\":\"text\"},domProps:{\"value\":(_vm.editingVehicleThreeSixtyImages.LastUpdated)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.editingVehicleThreeSixtyImages, \"LastUpdated\", $event.target.value)}}})])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"Image\"}},[_vm._v(\"Upload 360 view Files\")]),(_vm.showMultiFileUploader())?_c('div',[_c('MultiFileUploader',{attrs:{\"ModelId\":_vm.editingVehicleThreeSixtyImages.ModelId,\"Colour\":_vm.editingVehicleThreeSixtyImages.ColourName}})],1):_vm._e()])]),_c('br'),_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.save()}}},[_vm._v(\"Save\")]),_c('button',{staticClass:\"btn btn-warning\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggleView()}}},[_vm._v(\"Cancel\")]),_c('br'),_c('br')])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class='container'>\r\n    <h2>Edit VehicleThreeSixtyImages</h2>\r\n    <button @click='save()' type='button' class='btn btn-success'>Save</button>\r\n\r\n    <button @click='toggleView()' type='button' class='btn btn-warning'>Cancel</button>\r\n\r\n    <button @click='deleteVehicleThreeSixtyImages()' type='button' class='btn btn-danger'>Delete</button>\r\n\r\n    <div class='row'>\r\n      <div class='col-md-4'>\r\n        <label class for='ModelId'>ModelId</label>\r\n        <input class='form-control' id='ModelId' name='ModelId' v-model='editingVehicleThreeSixtyImages.ModelId'\r\n          placeholder=' ' tabindex='0' type='text'>\r\n\r\n      </div>\r\n      <div class='col-md-4'>\r\n        <label class for='ColourName'>ColourName</label>\r\n        <input class='form-control' id='ColourName' name='ColourName' v-model='editingVehicleThreeSixtyImages.ColourName'\r\n          placeholder=' ' tabindex='0' type='text'>\r\n\r\n      </div>\r\n      <div class='col-md-4'>\r\n        <label class for='Image'>Colour Thumbnail</label>\r\n        <div v-if='!editingImage'>\r\n          <img v-bind:src='getImageSourceThumb(editingVehicleThreeSixtyImages)' class='previewImage'>\r\n          <button @click='editImage()' type='button' class='btn btn-success'>Update Image</button>\r\n        </div>\r\n        <div v-if='editingImage'>\r\n          <button @click='updateImage()' type='button' class='btn btn-success'>Update</button>\r\n          <button @click='editImage()' type='button' class='btn btn-warning'>Cancel</button>\r\n          <FileUploader @ImageDataChanged='updateImageData' @ImageURLDataChanged='updateImageUrl' />\r\n        </div>\r\n      </div>\r\n      <div class='col-md-2'>\r\n        <label class for='ImageMeta'>ImageMeta</label>\r\n        <input class='form-control' id='ImageMeta' name='ImageMeta' v-model='editingVehicleThreeSixtyImages.ImageMeta'\r\n          placeholder=' ' tabindex='0' type='text'>\r\n\r\n      </div>\r\n      <div class='col-md-4'>\r\n        <label class for='LastUpdated'>LastUpdated</label>\r\n        <input class='form-control' id='LastUpdated' name='LastUpdated' v-model='editingVehicleThreeSixtyImages.LastUpdated'\r\n          placeholder=' ' tabindex='0' type='text'>\r\n\r\n      </div>\r\n\r\n    </div>\r\n    <div class='row'>\r\n      <div class='col-md-4'>\r\n        <label class for='Image'>Upload 360 view Files</label>\r\n        <div v-if=\"showMultiFileUploader()\">\r\n          <MultiFileUploader :ModelId='editingVehicleThreeSixtyImages.ModelId' :Colour='editingVehicleThreeSixtyImages.ColourName' />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <br />\r\n    <button @click='save()' type='button' class='btn btn-success'>Save</button>\r\n    <button @click='toggleView()' type='button' class='btn btn-warning'>Cancel</button>\r\n    <br />\r\n    <br />\r\n  </div>\r\n\r\n</template>\r\n<script>\r\n  import _ from 'lodash';\r\n  import axios from 'axios';\r\n  import FileUploader from '@/components/custom/FileUploader';\r\n  import MultiFileUploader from '@/components/custom/MultiFileUploader';\r\n  import miniToastr from 'mini-toastr'; // https://github.com/se-panfilov/mini-toastr\r\n  import {\r\n    EventBus\r\n  } from '@/shared/EventBus'\r\n\r\n\r\n  const toastTypes = {\r\n    success: 'success',\r\n    error: 'error',\r\n    info: 'info',\r\n    warn: 'warn'\r\n  };\r\n  miniToastr.init({\r\n    types: toastTypes\r\n  });\r\n\r\n  export default {\r\n    name: 'EditVehicleThreeSixtyImages',\r\n\r\n    data() {\r\n      return {\r\n        imageBytes: {},\r\n        selectedFile: {},\r\n        originalData: {},\r\n        modifiedData: {},\r\n        uploadedImageData: {},\r\n        uploadedImageUrl: null,\r\n        editingImage: false,\r\n        output: []\r\n      };\r\n    },\r\n    components: {\r\n      MultiFileUploader,\r\n      FileUploader\r\n    },\r\n    created() {\r\n      this.originalData = JSON.parse(JSON.stringify(this.editingVehicleThreeSixtyImages));\r\n      this.ImageBytes = this.editingVehicleThreeSixtyImages.Image;\r\n    },\r\n    mounted() {\r\n\r\n    },\r\n\r\n    props: ['editingVehicleThreeSixtyImages'],\r\n\r\n    methods: {\r\n      getCurrentData() {\r\n        var data = this.$store.state.currentThreeSixtyItem;\r\n        console.log(data);\r\n        var config = {\r\n          baseURL: this.$store.state.baseUrl,\r\n          headers: {\r\n            'Content-Type': 'application/json'\r\n          },\r\n          onUploadProgress: function (progressEvent) {\r\n            var percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);\r\n            total = progressEvent.loaded * 100;\r\n          },\r\n\r\n        }\r\n        var self1 = this;\r\n\r\n        var formData = new FormData();\r\n        axios.get(`Import360?path=${data.ModelId}&colour=${data.ColourName}`, config)\r\n          .then(response => {\r\n            console.log(response.data);\r\n            response.data.forEach(function (item, index) {\r\n              console.log(item);\r\n              self1.output.push(item);\r\n            })\r\n            return response;\r\n          });\r\n        return self1.output;\r\n      },\r\n      showMultiFileUploader() {\r\n        if (this.$store.state.currentThreeSixtyItem && this.$store.state.currentThreeSixtyItem.ModelId) {\r\n          return true;\r\n        }\r\n        return false;\r\n      },\r\n      toggleView: function () {\r\n        this.$emit(\"closeEditVehicleThreeSixtyImages\");\r\n      },\r\n      save: function () {\r\n        var data = JSON.parse(JSON.stringify(this.editingVehicleThreeSixtyImages));\r\n        // data['Image'] = this.$data.uploadedImageData;\r\n        var payload = {\r\n          data: data,\r\n          image: this.uploadedImageData,\r\n          success: response => {\r\n            this.$emit('editVehicleThreeSixtyImagesSuccess')\r\n          },\r\n          error: error => {\r\n            miniToastr['error'](error, 'Error', 1000, null)\r\n          }\r\n        }\r\n        this.$store.dispatch('editVehicleThreeSixtyImages', payload);\r\n      },\r\n      updateImageData: function (value) {\r\n        this.uploadedImageData = value;\r\n      },\r\n      updateImageUrl: function (value) {\r\n        this.uploadedImageUrl = value;\r\n      },\r\n      editImage: function () {\r\n        this.editingImage = !this.editingImage;\r\n      },\r\n      updateImage: function () {\r\n        this.editingImage = !this.editingImage;\r\n      },\r\n      getImageSourceThumb(data) {\r\n        if (this.uploadedImageUrl) {\r\n          return this.uploadedImageUrl;\r\n        }\r\n        if (!this.isNull(data) && !this.isNull(data.Image)) {\r\n          if (data.Image) {\r\n            return this.$store.state.cdnUrl + data.Image;\r\n          } else {\r\n            return data.Image;\r\n          }\r\n        }\r\n        return '';\r\n      },\r\n      getImageSource(data) {\r\n        console.log(data);\r\n        var config = {\r\n          baseURL: this.$store.state.baseUrl,\r\n          headers: {\r\n            'Content-Type': 'application/json'\r\n          },\r\n          onUploadProgress: function (progressEvent) {\r\n            var percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);\r\n            total = progressEvent.loaded * 100;\r\n          },\r\n\r\n        }\r\n        var self1 = this;\r\n        var formData = new FormData();\r\n        axios.get(`/Import360?path=${data.ModelId}&colour=${data.ColourName}`, config)\r\n          .then(response => {\r\n            console.log(response.data);\r\n            response.data.forEach(function (item, index) {\r\n              console.log(item);\r\n              self1.output.push(item);\r\n            })\r\n            return response;\r\n          });\r\n        return self1.output;\r\n      },\r\n      isNull: function (obj) {\r\n        if (typeof obj === 'undefined' || obj === null || obj === 'null') {\r\n          return true;\r\n        }\r\n        return false;\r\n      },\r\n      deleteVehicleThreeSixtyImages: function () {\r\n        var payload = {\r\n          data: this.editingVehicleThreeSixtyImages,\r\n          success: response => {\r\n            this.$emit('editVehicleThreeSixtyImagesSuccess')\r\n          },\r\n          error: error => {\r\n            miniToastr['error'](error, 'Error', 1000, null)\r\n          }\r\n        }\r\n        this.$store.dispatch('deleteVehicleThreeSixtyImages', payload);\r\n      }\r\n    },\r\n    computed: {\r\n      currentThreeSixtyItem() {\r\n        this.$store.state.currentThreeSixtyItem\r\n      }\r\n    },\r\n    watch: {\r\n      currentThreeSixtyItem(val) {\r\n        this.getCurrentData();\r\n      }\r\n    },\r\n    beforeMount() {}\r\n  };\r\n\r\n</script>\r\n<style scoped>\r\n  .previewImage {\r\n    max-height: 100px;\r\n  }\r\n\r\n  .imgHolder {\r\n\r\n    position: relative;\r\n  }\r\n\r\n  .imgHolder span {\r\n    position: absolute;\r\n    right: 10px;\r\n    top: 10px;\r\n  }\r\n\r\n  .previewImage {\r\n    max-height: 100px;\r\n  }\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!./editVehicleThreeSixtyImages.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!./editVehicleThreeSixtyImages.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./editVehicleThreeSixtyImages.vue?vue&type=template&id=7ace783c&scoped=true&\"\nimport script from \"./editVehicleThreeSixtyImages.vue?vue&type=script&lang=js&\"\nexport * from \"./editVehicleThreeSixtyImages.vue?vue&type=script&lang=js&\"\nimport style0 from \"./editVehicleThreeSixtyImages.vue?vue&type=style&index=0&id=7ace783c&scoped=true&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  \"7ace783c\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class='card'>\r\n    <div class='container'>\r\n      <b-modal ref='addVehicleThreeSixtyImagesModal' hide-footer>\r\n        <addVehicleThreeSixtyImages \r\n        \r\n        @closeAddVehicleThreeSixtyImages='toggleAddVehicleThreeSixtyImages()' @addVehicleThreeSixtyImagesSuccess='addVehicleThreeSixtyImagesSuccess()'></addVehicleThreeSixtyImages>\r\n      </b-modal>\r\n      <b-modal ref='editVehicleThreeSixtyImagesModal' hide-footer>\r\n        <editVehicleThreeSixtyImages\r\n          :editingVehicleThreeSixtyImages='current360Item'\r\n          @closeEditVehicleThreeSixtyImages='toggleeditVehicleThreeSixtyImages()'\r\n          @editVehicleThreeSixtyImagesSuccess='editVehicleThreeSixtyImagesSuccess()'\r\n        ></editVehicleThreeSixtyImages>\r\n      </b-modal>\r\n      <div class='row'>\r\n        <h2>360 View</h2>\r\n      </div>\r\n      <div class='row'>\r\n        <button @click='toggleAddVehicleThreeSixtyImages()' type='button' class='btn btn-success'>Add</button>\r\n      </div>\r\n      <div class='row'>\r\n        <br>\r\n        <datatable :dataItems='items' @rowClicked='editItem' :dataColumns='columns' :searching='true' :sorting='true' @editRow='editItem' :order='[1, \"dec\"]' class='text-center' striped bordered />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport addVehicleThreeSixtyImages  from '../../components/custom/addVehicleThreeSixtyImages';\r\nimport editVehicleThreeSixtyImages from '../../components/custom/editVehicleThreeSixtyImages';\r\nimport VueNotifications from 'vue-notifications';\r\nimport {    Datatable  } from '../../mdb/components/Datatable';\r\nimport miniToastr from 'mini-toastr'; // https://github.com/se-panfilov/mini-toastr\r\nconst toastTypes = {\r\n  success: 'success',\r\n  error: 'error',\r\n  info: 'info',\r\n  warn: 'warn'\r\n};\r\nminiToastr.init({ types: toastTypes });\r\nexport default {\r\n  data() {\r\n    return {\r\n      columns: [\r\n              {\r\n                label: 'Id',\r\n                field: 'Id',\r\n                sort: 'asc',\r\n              },\r\n              {\r\n                label: 'Model Id',\r\n                field: 'ModelId',\r\n                sort: 'asc',\r\n              },\r\n              {\r\n                label: 'Colour Name',\r\n                field: 'ColourName',\r\n                sort: 'asc',\r\n              },\r\n              {\r\n                label: 'Image',\r\n                field: 'Image',\r\n                sort: 'asc',\r\n              },\r\n              {\r\n                label: 'Image Meta',\r\n                field: 'ImageMeta',\r\n                sort: 'asc',\r\n              },\r\n              {\r\n                label: 'Last Updated',\r\n                field: 'LastUpdated',\r\n                sort: 'asc',\r\n              }\r\n      ],\r\n      items: [],\r\n      addVehicleThreeSixtyImagesOpen: false,\r\n      editVehicleThreeSixtyImagesOpen: false,\r\n      current360Item: {},\r\n      output: []\r\n    };\r\n  },\r\n  components: {\r\n    addVehicleThreeSixtyImages,\r\n    editVehicleThreeSixtyImages,\r\n    Datatable,\r\n  },\r\n  created: function() {\r\n    this.getVehicleThreeSixtyImages();\r\n    this.addVehicleThreeSixtyImagesOpen = false;\r\n    this.editVehicleThreeSixtyImagesOpen = false;\r\n  },\r\n  methods: {\r\n    getImageSource(data) {\r\n\r\n\r\n\r\n         var config = {\r\n                      baseURL: baseUrl,//'http://localhost:57626/', //'http://localhost:57626/',\r\n                      headers: {\r\n                      //'Content-Type': 'multipart/form-data'\r\n                      'Content-Type': 'application/json'\r\n                      },\r\n                      onUploadProgress: function(progressEvent){\r\n                      //this.total=progressEvent.loaded * 100;\r\n                      var percentCompleted = Math.round((progressEvent.loaded * 100)/ progressEvent.total);\r\n                      total=progressEvent.loaded * 100;\r\n                      },\r\n          \r\n                     }\r\n        var self1 = this;\r\n\r\n        var formData = new FormData();\r\n        //var imagefile = document.querySelector('#fileUploader');\r\n        //formData.append(\"image\", imagefile.files[0]);\r\n        //axios.get('import360?path=elantra&colour=white', formData, config)\r\n        return axios.get(`Import360?path=${data.ModelId}&colour=${data.Colour}`,config)\r\n            .then(response => {\r\n              // returning the data here allows the caller to get it through another .then(...)\r\n              console.log(response.data);\r\n              response.data.forEach(function(item,index){\r\n\r\n                console.log(item);\r\n                self1.output.push(item) ;\r\n                })\r\n              //self1.output =  JSON.parse(   response.data              );\r\n                \r\n              return response.data;\r\n              }).data;\r\n    },\r\n    isNull: function(obj) {\r\n      if (typeof obj === 'undefined' || obj === null || obj === 'null') {\r\n        return true;\r\n      }\r\n      return false;\r\n    },\r\n    getVehicleThreeSixtyImages() {\r\n      var payload = {\r\n        success: response => {\r\n          this.items = response.data;\r\n        },\r\n        error: error => { miniToastr['error'](error, 'Error', 1000, null)}\r\n      }\r\n      this.$store.dispatch('getVehicleThreeSixtyImages', payload);\r\n    },\r\n    editItem(dataItem) {\r\n      this.toggleeditVehicleThreeSixtyImages();\r\n      console.log(dataItem);\r\n      this.$store.state.currentThreeSixtyItem  = dataItem;\r\n      this.current360Item = dataItem;\r\n    },\r\n    toggleAddVehicleThreeSixtyImages() {\r\n      if(this.addVehicleThreeSixtyImagesOpen)\r\n      {\r\n        this.$refs.addVehicleThreeSixtyImagesModal.hide()\r\n      }\r\n      else{\r\n        this.$refs.addVehicleThreeSixtyImagesModal.show()\r\n      }\r\n      this.addVehicleThreeSixtyImagesOpen = !this.addVehicleThreeSixtyImagesOpen;\r\n    },\r\n    addVehicleThreeSixtyImagesSuccess() {\r\n      this.toggleAddVehicleThreeSixtyImages();\r\n      miniToastr['success']('VehicleThreeSixtyImages Added', 'Success', 1000, null);\r\n      this.getVehicleThreeSixtyImages();\r\n    },\r\n    toggleeditVehicleThreeSixtyImages() {\r\n      if(this.editVehicleThreeSixtyImagesOpen)\r\n      {\r\n        this.$refs.editVehicleThreeSixtyImagesModal.hide()\r\n      }\r\n      else{\r\n        this.$refs.editVehicleThreeSixtyImagesModal.show()\r\n      }\r\n      this.editVehicleThreeSixtyImagesOpen = !this.editVehicleThreeSixtyImagesOpen;\r\n    },\r\n    editVehicleThreeSixtyImagesSuccess() {\r\n      \r\n      this.toggleeditVehicleThreeSixtyImages();\r\n      miniToastr['success']('getVehicleThreeSixtyImages Edited', 'Success', 1000, null);\r\n      this.getVehicleThreeSixtyImages();\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style scoped>\r\n.dataItemThumbnail {\r\n  height: 50px;\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!./Vehicle360.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!./Vehicle360.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Vehicle360.vue?vue&type=template&id=91f3dbc8&scoped=true&\"\nimport script from \"./Vehicle360.vue?vue&type=script&lang=js&\"\nexport * from \"./Vehicle360.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Vehicle360.vue?vue&type=style&index=0&id=91f3dbc8&scoped=true&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  \"91f3dbc8\",\n  null\n  \n)\n\nexport default component.exports","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!./editVehicleThreeSixtyImages.vue?vue&type=style&index=0&id=7ace783c&scoped=true&lang=css&\"; 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!./editVehicleThreeSixtyImages.vue?vue&type=style&index=0&id=7ace783c&scoped=true&lang=css&\""],"sourceRoot":""}