https://www.aromatic89.com/themes/velocity/assets/js/chunks/src_Re…ts_mlm_window_contact-files_vue.7d733f00.js

1"use strict";(globalThis.webpackChunk=globalThis.webpackChunk||[]).push([["src_Resources_assets_js_UI_components_mlm_window_contact-files_vue"],{14510:(e,i,t)=>{t.r(i),t.d(i,{default:()=>l});const s={props:["affiliate_id","lead_id","type"],data:function(){return{files:[],listLoading:!1,loadFilesRequest:null,isDragging:!1,previewMode:!1,previewModeFileId:null,previewImageLoading:!1,prevPreviewExists:!1,nextPreviewExists:!1,uploadRoute:null,getListRoute:null,deleteRoute:null}},created(){void 0===this.affiliate_id&&void 0===this.lead_id||(void 0!==this.affiliate_id&&(this.uploadRoute=customerFilesUpload,this.getListRoute=customerFilesGetList,this.deleteRoute=customerFilesDelete),void 0!==this.lead_id&&(this.uploadRoute=leadFilesUpload,this.getListRoute=leadFilesGetList,this.deleteRoute=leadFilesDelete),this.loadFiles(),document.addEventListener("paste",this.onPaste)),eventBus.$on("commentsEditorFileUploadStart",this.uploadFile)},destroyed(){document.removeEventListener("paste",this.onPaste),eventBus.$off("commentsEditorFileUploadStart",this.uploadFile)},watch:{previewModeFileId:function(e){this.prevFileExists(),this.nextFileExists()},previewMode:function(e){e?window.addEventListener("keydown",this.handleKeyPress):window.removeEventListener("keydown",this.handleKeyPress)}},methods:{commentsEditorFileUploaded(){},handleKeyPress(e){37===e.keyCode&&this.prevPreview(),39===e.keyCode&&this.nextPreview()},downloadFile(e){let i=document.createElement("a");i.href=e.original_url,i.setAttribute("download",""),document.body.appendChild(i),i.click(),document.body.removeChild(i)},nextFileExists(){if(null===this.previewModeFileId)return!1;let e=this.files.findIndex((e=>e.id===this.previewModeFileId));this.nextPreviewExists=e<this.files.length-1},prevFileExists(){if(null===this.previewModeFileId)return!1;let e=this.files.findIndex((e=>e.id===this.previewModeFileId));this.prevPreviewExists=e>0},prevPreview(){if(this.prevPreviewExists){let e=this.files.findIndex((e=>e.id===this.previewModeFileId)),i=this.files[e-1];this.previewImageLoading=!0,this.previewModeFileId=i.id}},nextPreview(){if(this.nextPreviewExists){let e=this.files.findIndex((e=>e.id===this.previewModeFileId)),i=this.files[e+1];this.previewImageLoading=!0,this.previewModeFileId=i.id}},previewImageLoaded(){this.previewImageLoading=!1},closePreviewMode(){this.previewMode=!1,this.previewModeFileId=null},getPreviewFile(){return this.files.find((e=>e.id===this.previewModeFileId))},previewFile(e){let i=this.files.find((i=>i.id===e));if("image"!==i.simplified_type){let e=document.createElement("a");e.href=i.original_url,e.setAttribute("download",""),document.body.appendChild(e),e.click(),document.body.removeChild(e)}else this.previewImageLoading=!0,this.previewMode=!0,this.previewModeFileId=i.id},deleteFile(e){window.confirm(this.__("custom.do_you_really_want_to_delete"))&&axios.post(this.deleteRoute,{id:e}).then((i=>{this.closePreviewMode(),this.files=this.files.filter((i=>i.id!==e)),window.flashMessages.push({type:"alert-success",message:i.data.message})})).catch((e=>{let i=e;void 0!==e.response.data.error&&(i=e.response.data.error),window.showAlert("alert-danger",this.__("custom.error_title"),i)}))},handleDragEnter(){this.isDragging=!0},handleDragLeave(e){e.currentTarget.contains(e.relatedTarget)||(this.isDragging=!1)},handleDrop(e){this.isDragging=!1;const i=e.dataTransfer.files;i.length>0&&Array.from(i).forEach((e=>{this.uploadFile(e)}))},handleDragOver(e){e.dataTransfer.dropEffect="move"},triggerFileInput(){this.$refs.fileInput.click()},handleFileUpload(){const e=this.$refs.fileInput.files;e.length>0&&Array.from(e).forEach((e=>{this.uploadFile(e)})),this.$refs.fileInput.value=null},cancelLoadFilesRequest(){this.loadFilesRequest&&this.loadFilesRequest.cancel()},loadFiles(){this.cancelLoadFilesRequest();let e=axios.CancelToken.source();this.loadFilesRequest={cancel:e.cancel},this.listLoading=!0;let i=this;axios.post(this.getListRoute,{affiliate_id:this.affiliate_id,lead_id:this.lead_id},{cancelToken:e.token}).then((function(e){let t=Object.values(e.data);for(let e=0;e<t.length;e++)i.files.unshift(t[e]);i.listLoading=!1})).catch((function(e){console.log(e)}))},onPaste(e){console.log("file pasted");let i=e.clipboardData||window.clipboardData;if(!i)return;let t=i.items;for(let e=0;e<t.length;e++)if(-1!==t[e].type.indexOf("image")){let i=t[e].getAsFile(),s=Math.floor(1e6*Math.random()).toString(),l=new File([i],s,{type:i.type});this.uploadFile(l)}},uploadFile(e){let i={reference_id:this.generateFileUUID(),name:e.name,size:e.size,type:e.type,uploading:!0};this.files.unshift(i);let t=new FormData;t.append("file",e),t.append("affiliate_id",this.affiliate_id),t.append("lead_id",this.lead_id),axios.post(this.uploadRoute,t,{headers:{"Content-Type":"multipart/form-data"}}).then((e=>{console.log("File uploaded:",e.data.file);let t=this.files.find((e=>e.reference_id===i.reference_id));t&&(t.uploading=!1,Object.assign(t,e.data.file))})).catch((e=>{let t=this.files.findIndex((e=>e.reference_id===i.reference_id));-1!==t&&this.files.splice(t,1);let s=e;void 0!==e.response.data.error&&(s=e.response.data.error),window.showAlert("alert-danger",this.__("custom.error_title"),s)}))},generateFileUUID:()=>"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){var i=16*Math.random()|0;return("x"===e?i:3&i|8).toString(16)}))}};const l=(0,t(51900).Z)(s,(function(){var e=this,i=e._self._c;return i("div",{staticClass:"contact_files_outer_wrapper",class:{active:e.isDragging},on:{dragover:function(i){return i.preventDefault(),e.handleDragOver.apply(null,arguments)},drop:function(i){return i.preventDefault(),e.handleDrop.apply(null,arguments)},dragenter:function(i){return i.preventDefault(),e.handleDragEnter.apply(null,arguments)},dragleave:function(i){return i.preventDefault(),e.handleDragLeave.apply(null,arguments)}}},[i("div",{staticClass:"contact_files_wrapper"},[i("div",{staticClass:"contact_file add_file_btn",on:{click:e.triggerFileInput}},[e._m(0),e._v(" "),i("div",{staticClass:"info_wrapper"},[i("div",{staticClass:"name"},[e._v(e._s(e.__("custom.add_attachment")))]),e._v(" "),i("input",{ref:"fileInput",staticStyle:{display:"none"},attrs:{type:"file",multiple:""},on:{change:e.handleFileUpload}})])]),e._v(" "),e.listLoading?i("div",{staticClass:"uploading contact_file"}

1,[e._m(1)]):e._e(),e._v(" "),e._l(e.files,(function(t){return i("div",{staticClass:"contact_file",class:t.uploading?"uploading":""},[i("div",{staticClass:"image_wrapper",style:{"background-image":"url("+t.thumbnail_url+")"},on:{click:function(i){return e.previewFile(t.id)}}},[t.uploading?i("div",{staticClass:"loading_block"}):e._e()]),e._v(" "),t.uploading?e._e():i("div",{staticClass:"info_wrapper"},[i("div",{staticClass:"name"},[e._v(e._s(t.name))]),e._v(" "),i("div",{staticClass:"info_line"},[e._v(e._s(t.created_at))]),e._v(" "),i("div",{staticClass:"file_control_btn delete",on:{click:function(i){return e.deleteFile(t.id)}}},[i("i",{staticClass:"fa-solid fa-trash"}),e._v(" "),i("span",[e._v(e._s(e.__("custom.delete")))])])])])}))],2),e._v(" "),e.previewMode?i("div",{staticClass:"file_view_wrapper"},[i("div",{staticClass:"close_file_preview pegk pe-7s-close",on:{click:e.closePreviewMode}}),e._v(" "),i("div",{staticClass:"file_view_contact_wrapper"},[e.prevPreviewExists?i("div",{staticClass:"control-arrow prev",on:{click:e.prevPreview}}):e._e(),e._v(" "),e.nextPreviewExists?i("div",{staticClass:"control-arrow next",on:{click:e.nextPreview}}):e._e(),e._v(" "),i("div",{staticClass:"image_wrapper"},[i("div",{staticClass:"overlay",on:{click:e.closePreviewMode}}),e._v(" "),"image"!==e.getPreviewFile().simplified_type?i("div",{staticClass:"no_preview_text"},[i("img",{attrs:{src:e.getPreviewFile().thumbnail_url}}),e._v(" "),i("div",{staticClass:"text_msg"},[e._v("\n                            "+e._s(e.__("custom.there_is_no_preview_available_for_this_attachment"))+"\n                        ")]),e._v(" "),i("div",{staticClass:"btn btn-primary d-inline-flex download_link cursor-pointer",on:{click:function(i){e.downloadFile(e.getPreviewFile())}}},[e._v(e._s(e.__("custom.download")))])]):e._e(),e._v(" "),e.previewImageLoading&&"image"===e.getPreviewFile().simplified_type?i("div",{staticClass:"loading_block"}):e._e(),e._v(" "),"image"===e.getPreviewFile().simplified_type?i("img",{style:{display:e.previewImageLoading?"none":"block"},attrs:{draggable:"false",src:e.getPreviewFile().original_url},on:{load:e.previewImageLoaded}}):e._e()]),e._v(" "),i("div",{staticClass:"image_preview_info"},[i("div",{staticClass:"name"},[e._v(e._s(e.getPreviewFile().name))]),e._v(" "),i("div",{staticClass:"created"},[e._v(e._s(e.getPreviewFile().created_at))]),e._v(" "),i("div",{staticClass:"delete_btn",on:{click:function(i){e.deleteFile(e.getPreviewFile().id)}}},[e._v(e._s(e.__("custom.delete")))])])])]):e._e()])}),[function(){var e=this._self._c;return e("div",{staticClass:"image_wrapper"},[e("i",{staticClass:"fa-solid fa-plus"})])},function(){var e=this._self._c;return e("div",{staticClass:"image_wrapper"},[e("div",{staticClass:"loading_block"})])}],!1,null,null,null).exports}}]);