{"version":3,"sources":["webpack:///./src/assets/images/svg/file-lines-solid.svg","webpack:///./src/assets/images/video-white-thumbnail.png","webpack:///./src/assets/images/play.svg","webpack:///./src/View/setting/storage/attachmentPreview.vue?6497","webpack:///./src/View/setting/storage/listing.vue","webpack:///./src/View/setting/storage/attachmentPreview.vue","webpack:///src/View/setting/storage/attachmentPreview.vue","webpack:///./src/View/setting/storage/attachmentPreview.vue?ad28","webpack:///./src/View/setting/storage/attachmentPreview.vue?35aa","webpack:///src/View/setting/storage/listing.vue","webpack:///./src/View/setting/storage/listing.vue?779f","webpack:///./src/View/setting/storage/listing.vue?3477","webpack:///./src/utils/common.js","webpack:///./src/View/setting/storage/listing.vue?2abe"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","_m","storageOverViewDetail","topCount","staticStyle","otherCount","_v","_s","_f","topSize","_e","_l","topAttachmentsList","attach","a","key","on","$event","showFullImage","docType","attrs","pathPrefix","thumbPath","handleImageError","displayFileName","fileSize","require","otherAttachmentsList","length","otherSize","ref","style","handleScroll","shoFullImage","allAttachmentsArray","selectedData","staticRenderFns","discard","loading","imageDivHeight2","selectFileDataObj","isSHowErr","srcUrl","class","currentAttachmentIndex","previousAttachmentView","currentlyLoadAllAttachments","nextAttachmentView","attachmentIndex","fileVaultId","onAttachmentClick","borderStyle","components","props","data","background","baseUrl","entityId","entityDetailId","noteId","entitySlug","systemGeneratedFileName","fileType","uploadedOn","created","mounted","document","setTimeout","watch","methods","event","formData","scrollToTop","horizontal","top","left","behavior","beforeDestroy","component","NoRecords","AttachmentPreview","loadingMoreData","topTotalAttachmentCount","otherTotalAttachmentCount","otherStart","otherLength","status","message","container","topGetAllAttachment","MyJobApp","response","type","otherGetAllAttachment","getManageStorageOverviewDetail","getFileSize","bytes","decimals","k","dm","sizes","i","Math","floor","log","parseFloat","pow","toFixed","GetHoursMinuteAndSeconds","totalSeconds","round","downloadFile","url","source","timeStarted","Date","getTime","axios","post","Accept","headers","responseType","cancelToken","token","onDownloadProgress","progressEvent","progress","loaded","total","percentageProgress","store","dispatch","checkFileTypeForPreview","indexOf"],"mappings":"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AAkB,CAAC,WAAY,IAAIxC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,yCAAyC,CAACF,EAAG,MAAM,CAACE,YAAY,+BAC3J,WAAY,IAAIJ,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACM,YAAY,CAAC,QAAU,OAAO,SAAW,WAAW,kBAAkB,SAAS,cAAc,WAAW,CAACN,EAAG,IAAI,CAACE,YAAY,kCAAkCI,YAAY,CAAC,YAAY,c,gDC4ErO,GACfgD,cAEAC,kEACAC,OACA,OACAH,aACAI,sBAEAjB,WACAG,aACAe,eACAd,UACAH,uCACAC,mBACAS,cACAQ,WACAC,iBACAC,SACAC,cACApC,mBACAqC,2BACAC,YACArC,WACAsC,cACAzC,aACAH,YAEAyB,2BAGAoB,YAEAC,UACA,yCAGA,oGACA,QACA,+BAGA,uCACA,GACA,iBAEAC,yCACA,sBAEA,+EAEAA,wCACAC,gBACA,iDACA,MAEAC,SACAC,SACAtB,qBACA,4EACA,gBACA,sEAEAoB,gBACA,eACA,yBACA,+CACA,gCACA,oFACA,QACA,gCAEA,OAGAtB,yBACA,oCACA,gBACA,sEAEAsB,gBACA,eACA,yBACA,+CACA,gCACA,oFACA,QACA,gCAEA,OAGA5C,oBAGA+C,wBAEAjC,WACA6B,yCACA,wCAEAhB,qBAEA,gBACA,eACA,yBACA,+CACA,oFACA,QACA,+BAEA,iCAEA,4BACA,qCACA,2CACA,eACAqB,wBACAA,0BACA,2BACA,aACA,gDACA,kCACA,gBACA,mDACA,4CACA,yCAEA,6CACA,8CACA,gBACAJ,gBACA,aACAD,2CAEA,OAEA,kBACA,gBACA,mDACA,8CACA,+CAGAM,eACAL,gBACA,kDACA,6BAEAM,YACAC,MACAC,sBACAC,qBAEA,OAGAC,gBACA,uCC7OyX,I,wBCQrXC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,oBCwFA,GACf1B,YACA2B,iBACAC,qBAEA1B,OACA,OACA2B,mBACA/E,yBACAU,sBACAe,wBACAN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","file":"js/chunk-4be5374d.58c96a1f.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/file-lines-solid.b530e506.svg\";","module.exports = __webpack_public_path__ + \"img/video-white-thumbnail.f6e1fcd4.png\";","module.exports = __webpack_public_path__ + \"img/play.4c5bf0c7.svg\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./attachmentPreview.vue?vue&type=style&index=0&id=59cb8132&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mt-12\"},[_c('div',{staticClass:\"card bg-white rounded-xl p-4\"},[_vm._m(0),_c('div',[(_vm.storageOverViewDetail.topCount > 0)?_c('div',{staticStyle:{\"overflow-y\":\"auto\",\"white-space\":\"nowrap\"}},[_c('div',{staticClass:\"cust_card m-2 heading-3 border-b border-gray1 bg-white text-sm px-3 py-3 items-center\"},[_c('div',{staticClass:\"flex items-center justify-between py-3 pl-2\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[(_vm.storageOverViewDetail.topCount > 0 && _vm.storageOverViewDetail.otherCount === 0)?_c('p',{staticClass:\"text-gray4 heading-5 pa-4\",staticStyle:{\"font-weight\":\"bold\"}},[_vm._v(\"Files Uploaded: \"+_vm._s(_vm._f(\"getFileSize\")(_vm.storageOverViewDetail.topSize))+\" \")]):_vm._e(),(_vm.storageOverViewDetail.otherCount > 0)?_c('p',{staticClass:\"text-gray4 heading-5 pa-4\",staticStyle:{\"font-weight\":\"bold\"}},[_vm._v(\"Top 100 Files (\"+_vm._s(_vm._f(\"getFileSize\")(_vm.storageOverViewDetail.topSize))+\") \")]):_vm._e()]),_c('div',{staticClass:\"flex gap-4\",staticStyle:{\"flex-wrap\":\"wrap\"}},_vm._l((_vm.topAttachmentsList),function(attach,a){return _c('div',{key:a,staticClass:\"card rounded-xl border-t border-gray-100 bg-white attachment-card cursor-pointer group pb-4\",staticStyle:{\"width\":\"120px\",\"height\":\"90px\"},on:{\"click\":function($event){return _vm.showFullImage(attach)}}},[(attach.docType === 'image')?_c('div',{staticClass:\"flex justify-center items-center w-full\"},[_c('img',{staticClass:\"scroll-img-view\",staticStyle:{\"height\":\"60px\",\"width\":\"120px\",\"object-fit\":\"contain\"},attrs:{\"src\":`${_vm.pathPrefix}${attach.thumbPath}/image200x200.jpg`},on:{\"error\":_vm.handleImageError}}),_c('div',{staticClass:\"invisible group-hover:visible absolute bg-gray4 w-full min-w-max card rounded-md p-1.5 px-3 text-white opacity-70 zIndex heading-4\"},[_vm._v(_vm._s(attach.displayFileName))]),_c('div',{staticStyle:{\"position\":\"absolute\",\"display\":\"flex\",\"top\":\"72px\"}},[_c('p',{staticClass:\"p-0 m-0 text-gray4 heading-7\"},[_vm._v(_vm._s(_vm._f(\"getFileSize\")(attach.fileSize)))])])]):_vm._e(),(attach.docType === 'video')?_c('div',{staticClass:\"flex justify-center items-center w-full\"},[_c('img',{staticClass:\"scroll-img-view\",staticStyle:{\"height\":\"60px\",\"width\":\"120px\",\"object-fit\":\"contain\"},attrs:{\"src\":`${_vm.pathPrefix}${attach.thumbPath}/image200x200.jpg`},on:{\"error\":_vm.handleImageError}}),_c('img',{staticClass:\"flex items-center text-4xl absolute text-white\",attrs:{\"height\":\"35px\",\"width\":\"35px\",\"src\":require(\"@/assets/images/play.svg\"),\"alt\":\"\"}}),_c('div',{staticClass:\"invisible group-hover:visible w-full min-w-max -bottom-7 absolute bg-gray4 card rounded-md p-1.5 px-3 text-white opacity-70 zIndex\"},[_vm._v(_vm._s(attach.displayFileName))]),_c('div',{staticStyle:{\"position\":\"absolute\",\"display\":\"flex\",\"top\":\"72px\"}},[_c('p',{staticClass:\"p-0 m-0 text-gray4 heading-7\"},[_vm._v(_vm._s(_vm._f(\"getFileSize\")(attach.fileSize)))])])]):_vm._e(),(attach.docType === 'pdf')?_c('div',{staticClass:\"flex justify-center items-center w-full\"},[_vm._m(1,true),_c('div',{staticClass:\"invisible group-hover:visible w-full min-w-max -bottom-7 absolute bg-gray4 card rounded-md p-1.5 px-3 text-white opacity-70 zIndex\"},[_vm._v(_vm._s(attach.displayFileName))]),_c('div',{staticStyle:{\"position\":\"absolute\",\"display\":\"flex\",\"top\":\"72px\"}},[_c('p',{staticClass:\"p-0 m-0 text-gray4 heading-7\"},[_vm._v(_vm._s(_vm._f(\"getFileSize\")(attach.fileSize)))])])]):_vm._e(),(attach.docType !== 'image' && attach.docType !== 'video' && attach.docType !== 'pdf')?_c('div',{staticClass:\"flex justify-center items-center w-full\"},[_vm._m(2,true),_c('div',{staticClass:\"invisible group-hover:visible w-full min-w-max -bottom-7 absolute bg-gray4 card rounded-md p-1.5 px-3 text-white opacity-70 zIndex\"},[_vm._v(_vm._s(attach.displayFileName))]),_c('div',{staticStyle:{\"position\":\"absolute\",\"display\":\"flex\",\"top\":\"72px\"}},[_c('p',{staticClass:\"p-0 m-0 text-gray4 heading-7\"},[_vm._v(_vm._s(_vm._f(\"getFileSize\")(attach.fileSize)))])])]):_vm._e()])}),0)])]):_vm._e(),(_vm.storageOverViewDetail.otherCount > 0)?_c('div',{staticStyle:{\"overflow-y\":\"auto\",\"white-space\":\"nowrap\"}},[_c('div',{staticClass:\"cust_card m-2 heading-3 border-b border-gray1 bg-white text-sm px-3 py-3 items-center\"},[_c('div',{staticClass:\"flex items-center justify-between py-3 pl-2\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('p',{staticClass:\"text-gray4 heading-5\",staticStyle:{\"font-weight\":\"bold\"}},[_vm._v(\"Other files, Showing 1 - \"+_vm._s(_vm.otherAttachmentsList.length)+\" of \"+_vm._s(_vm.storageOverViewDetail.otherCount)+\": (\"+_vm._s(_vm._f(\"getFileSize\")(_vm.storageOverViewDetail.otherSize))+\") \")])]),_c('div',{ref:\"otherAttachmentsContainer\",staticClass:\"flex gap-4\",staticStyle:{\"flex-wrap\":\"wrap\"},style:(_vm.otherAttachmentsList.length >= 100  ? `height: 650px;overflow-y: auto;overflow-x: hidden` : ``),attrs:{\"id\":\"otherAttachments\"},on:{\"scroll\":_vm.handleScroll}},_vm._l((_vm.otherAttachmentsList),function(attach,a){return _c('div',{key:a,staticClass:\"card rounded-xl border-t border-gray-100 bg-white attachment-card cursor-pointer group pb-4\",staticStyle:{\"width\":\"120px\",\"height\":\"90px\"},on:{\"click\":function($event){return _vm.showFullImage(attach)}}},[(attach.docType === 'image')?_c('div',{staticClass:\"flex justify-center items-center w-full\"},[_c('img',{staticClass:\"scroll-img-view\",staticStyle:{\"height\":\"60px\",\"width\":\"120px\",\"object-fit\":\"contain\"},attrs:{\"src\":`${_vm.pathPrefix}${attach.thumbPath}/image200x200.jpg`},on:{\"error\":_vm.handleImageError}}),_c('div',{staticClass:\"invisible group-hover:visible absolute bg-gray4 w-full min-w-max card rounded-md p-1.5 px-3 text-white opacity-70 zIndex heading-4\"},[_vm._v(_vm._s(attach.displayFileName))]),_c('div',{staticStyle:{\"position\":\"absolute\",\"display\":\"flex\",\"top\":\"72px\"}},[_c('p',{staticClass:\"p-0 m-0 text-gray4 heading-7\"},[_vm._v(_vm._s(_vm._f(\"getFileSize\")(attach.fileSize)))])])]):_vm._e(),(attach.docType === 'video')?_c('div',{staticClass:\"flex justify-center items-center w-full\"},[_c('img',{staticClass:\"scroll-img-view\",staticStyle:{\"height\":\"60px\",\"width\":\"120px\",\"object-fit\":\"contain\"},attrs:{\"src\":`${_vm.pathPrefix}${attach.thumbPath}/image200x200.jpg`},on:{\"error\":_vm.handleImageError}}),_c('img',{staticClass:\"flex items-center text-4xl absolute text-white\",attrs:{\"height\":\"35px\",\"width\":\"35px\",\"src\":require(\"@/assets/images/play.svg\"),\"alt\":\"\"}}),_c('div',{staticClass:\"invisible group-hover:visible w-full min-w-max -bottom-7 absolute bg-gray4 card rounded-md p-1.5 px-3 text-white opacity-70 zIndex\"},[_vm._v(_vm._s(attach.displayFileName))]),_c('div',{staticStyle:{\"position\":\"absolute\",\"display\":\"flex\",\"top\":\"72px\"}},[_c('p',{staticClass:\"p-0 m-0 text-gray4 heading-7\"},[_vm._v(_vm._s(_vm._f(\"getFileSize\")(attach.fileSize)))])])]):_vm._e(),(attach.docType === 'pdf')?_c('div',{staticClass:\"flex justify-center items-center w-full\"},[_vm._m(3,true),_c('div',{staticClass:\"invisible group-hover:visible w-full min-w-max -bottom-7 absolute bg-gray4 card rounded-md p-1.5 px-3 text-white opacity-70 zIndex\"},[_vm._v(_vm._s(attach.displayFileName))]),_c('div',{staticStyle:{\"position\":\"absolute\",\"display\":\"flex\",\"top\":\"72px\"}},[_c('p',{staticClass:\"p-0 m-0 text-gray4 heading-7\"},[_vm._v(_vm._s(_vm._f(\"getFileSize\")(attach.fileSize)))])])]):_vm._e(),(attach.docType !== 'image' && attach.docType !== 'video' && attach.docType !== 'pdf')?_c('div',{staticClass:\"flex justify-center items-center w-full\"},[_vm._m(4,true),_c('div',{staticClass:\"invisible group-hover:visible w-full min-w-max -bottom-7 absolute bg-gray4 card rounded-md p-1.5 px-3 text-white opacity-70 zIndex\"},[_vm._v(_vm._s(attach.displayFileName))]),_c('div',{staticStyle:{\"position\":\"absolute\",\"display\":\"flex\",\"top\":\"72px\"}},[_c('p',{staticClass:\"p-0 m-0 text-gray4 heading-7\"},[_vm._v(_vm._s(_vm._f(\"getFileSize\")(attach.fileSize)))])])]):_vm._e()])}),0)])]):_vm._e(),(_vm.storageOverViewDetail.otherCount === 0 && _vm.storageOverViewDetail.topCount === 0)?_c('div',[_c('NoRecords',{attrs:{\"alertMessage\":`No records found.`}})],1):_vm._e(),(_vm.shoFullImage)?_c('div',[_c('AttachmentPreview',{attrs:{\"currentlyLoadAllAttachments\":_vm.allAttachmentsArray,\"pathPrefix\":_vm.pathPrefix,\"selectedData\":_vm.selectedData}})],1):_vm._e()])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"relative\"},[_c('div',{staticClass:\"card top_primary_card bg-primary font-bold text-white p-4 rounded-xl absolute -top-11 w-full\"},[_vm._v(\" Manage Storage \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"flex items-center text-primary text-4xl\"},[_c('i',{staticClass:\"fa-regular fa-file-pdf\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"flex items-center text-primary text-4xl\"},[_c('i',{staticClass:\"fa-regular fa-file\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"flex items-center text-primary text-4xl\"},[_c('i',{staticClass:\"fa-regular fa-file-pdf\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"flex items-center text-primary text-4xl\"},[_c('i',{staticClass:\"fa-regular fa-file\"})])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popup_overlay\"},[_c('div',{staticClass:\"custom_dialog\",style:(`width: 100%; overflow: auto; height:100vh;`),attrs:{\"id\":\"screen_view_section\"}},[_c('div',{},[_c('div',[_c('div',{staticClass:\"bg-primary flex justify-between p-2.5\"},[_c('div',{staticClass:\"font-medium text-white heading-3 pl-1\"}),_c('div',{staticClass:\"flex items-center\"},[_c('div',{staticClass:\"text-primary heading-3 cursor-pointer bg-white px-2.5 py-1 rounded-xl ml-3\",on:{\"click\":function($event){return _vm.discard(false)}}},[_c('i',{staticClass:\"fas fa-times\"})])])]),(!_vm.loading)?_c('div',{staticClass:\"flex items-center mb-4 image-show-container\",style:(`width: 100%;height:`+ _vm.imageDivHeight2 + `px;`)},[_vm._m(0)]):_vm._e(),(_vm.loading)?_c('div',[(_vm.selectFileDataObj.docType === 'image' && !_vm.isSHowErr)?_c('div',{staticClass:\"p-2\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\",\"align-items\":\"center\"}},[_c('img',{style:(`width: auto;height:` + _vm.imageDivHeight2 + `px;`),attrs:{\"src\":_vm.srcUrl,\"alt\":\"\"}})]):_vm._e(),(_vm.selectFileDataObj.docType === 'video' && !_vm.isSHowErr)?_c('div',{staticClass:\"flex items-center mb-4\"},[_c('video',{staticClass:\"mt-1\",style:(`width: 100%;height:` + _vm.imageDivHeight2 + `px;`),attrs:{\"id\":\"myVideo\",\"autoplay\":\"\",\"controls\":\"\"}},[_c('source',{staticClass:\"ma-0\",attrs:{\"type\":\"video/mp4\",\"align\":\"center\",\"justify\":\"center\",\"src\":_vm.srcUrl}})])]):_vm._e(),(_vm.selectFileDataObj.docType === 'pdf' && !_vm.isSHowErr)?_c('div',{staticClass:\"p-2\",attrs:{\"type\":\"application/pdf\"}},[_c('iframe',{staticClass:\"pdfIframe\",style:(`width: 100%;height:`+ _vm.imageDivHeight2 + `px;`),attrs:{\"src\":_vm.srcUrl}})]):_vm._e(),((_vm.selectFileDataObj.docType !== 'image' && _vm.selectFileDataObj.docType !== 'video' && _vm.selectFileDataObj.docType !== 'pdf') || _vm.isSHowErr)?_c('div',{staticClass:\"flex items-center mb-4 image-show-container justify-center\",style:(`width: 100%;height:`+ _vm.imageDivHeight2 + `px;`)},[_c('div',{staticClass:\"font-medium text-text2 heading-4 pl-1\"},[_vm._v(\" No Preview Available \")])]):_vm._e()]):_vm._e(),_c('div',[_c('div',{staticClass:\"font-bold heading-4\"},[_c('div',{staticClass:\"flex items-center justify-center\"},[_c('p',{},[_vm._v(_vm._s(_vm.selectFileDataObj.displayFileName ? _vm.selectFileDataObj.displayFileName : 'Attachment'))]),_c('p',{staticClass:\"p-0 m-0 ml-2 text-gray4 heading-5\"},[_vm._v(_vm._s(_vm._f(\"getFileSize\")(_vm.selectFileDataObj.fileSize)))]),_c('button',{staticClass:\"mx-1 mt-1\",class:_vm.currentAttachmentIndex === 0 ? 'text-gray4' : 'text-primary cursor-pointer',attrs:{\"disabled\":_vm.currentAttachmentIndex === 0 ? true : false},on:{\"click\":_vm.previousAttachmentView}},[_c('i',{staticClass:\"fa-solid fa-circle-chevron-left\",staticStyle:{\"font-size\":\"28px\"}})]),_c('button',{staticClass:\"mx-1 mt-1\",class:_vm.currentAttachmentIndex === _vm.currentlyLoadAllAttachments.length - 1 ? 'text-gray4' : 'text-primary cursor-pointer',attrs:{\"disabled\":_vm.currentAttachmentIndex === _vm.currentlyLoadAllAttachments.length - 1 ? true : false},on:{\"click\":_vm.nextAttachmentView}},[_c('i',{staticClass:\"fa-solid fa-circle-chevron-right\",staticStyle:{\"font-size\":\"28px\"}})])])])]),_c('div',[_c('div',{staticClass:\"imagesContainer pt-2\",attrs:{\"id\":\"horizontalImages\"}},_vm._l((_vm.currentlyLoadAllAttachments),function(attach,attachmentIndex){return _c('div',{key:attachmentIndex,staticClass:\"attachment-card cursor-pointer\",attrs:{\"id\":attach.fileVaultId},on:{\"click\":function($event){return _vm.onAttachmentClick(attach)}}},[(attach.docType === 'image')?_c('div',{staticClass:\"mx-1\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\",\"align-items\":\"center\",\"width\":\"max-content\",\"border\":\"2px solid #a9a9aa\",\"padding\":\"5px\"},style:(_vm.selectFileDataObj.fileVaultId === attach.fileVaultId ? _vm.borderStyle : ``)},[_c('img',{staticStyle:{\"width\":\"120px\",\"height\":\"90px\",\"object-fit\":\"contain\"},attrs:{\"src\":`${_vm.pathPrefix}${attach.thumbPath}/image200x200.jpg`},on:{\"error\":_vm.handleImageError}})]):_vm._e(),(attach.docType === 'video')?_c('div',{staticClass:\"mx-1\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\",\"align-items\":\"center\",\"width\":\"max-content\",\"border\":\"2px solid #a9a9aa\",\"padding\":\"5px\"},style:(_vm.selectFileDataObj.fileVaultId === attach.fileVaultId ? _vm.borderStyle : ``)},[_c('img',{staticStyle:{\"width\":\"120px\",\"height\":\"90px\",\"object-fit\":\"contain\"},attrs:{\"src\":`${_vm.pathPrefix}${attach.thumbPath}/image200x200.jpg`},on:{\"error\":_vm.handleImageError}}),_vm._m(1,true)]):_vm._e(),(attach.docType !== 'image' && attach.docType !== 'video')?_c('div',{staticClass:\"mx-1\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\",\"align-items\":\"center\",\"width\":\"max-content\",\"border\":\"2px solid #a9a9aa\",\"padding\":\"5px\"},style:(_vm.selectFileDataObj.fileVaultId === attach.fileVaultId ? _vm.borderStyle : ``)},[_c('img',{staticStyle:{\"width\":\"120px\",\"height\":\"90px\",\"object-fit\":\"contain\"},attrs:{\"src\":require(\"@/assets/images/svg/file-lines-solid.svg\")}})]):_vm._e()])}),0)])])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"font-medium text-text2 heading-4 pl-1\"},[_c('div',{staticClass:\"loader ease-linear ml-2\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"display\":\"flex\",\"position\":\"absolute\",\"justify-content\":\"center\",\"align-items\":\"center\"}},[_c('i',{staticClass:\"fas fa-play-circle text-primary\",staticStyle:{\"font-size\":\"24px\"}})])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"popup_overlay\">\n    <div class=\"custom_dialog\" id=\"screen_view_section\" :style=\"`width: 100%; overflow: auto; height:100vh;`\">\n      <div class=\"\">\n        <div>\n          <div class=\"bg-primary flex justify-between p-2.5\">\n            <div class=\"font-medium text-white heading-3 pl-1\">\n                <!-- {{currentAttachmentIndex}} -->\n            </div>\n            <div class=\"flex items-center\">\n              <div class=\" text-primary heading-3 cursor-pointer bg-white px-2.5 py-1 rounded-xl ml-3\" @click=\"discard(false)\">\n                <i class=\"fas fa-times\"></i>\n              </div>\n            </div>\n          </div>\n          <div v-if=\"!loading\" class=\"flex items-center mb-4 image-show-container\" :style=\"`width: 100%;height:`+ imageDivHeight2 + `px;`\">\n            <div class=\" font-medium text-text2 heading-4 pl-1 \">\n              <div class=\"loader ease-linear ml-2\"></div>\n            </div>\n          </div>\n          <div v-if=\"loading\">\n            <div v-if=\"selectFileDataObj.docType === 'image' && !isSHowErr\" class=\"p-2\" style=\"display: flex;justify-content: center;align-items: center;\">\n              <img :style=\"`width: auto;height:` + imageDivHeight2 + `px;`\" class=\"\" :src=\"srcUrl\" alt=\"\">\n            </div>\n            <div v-if=\"selectFileDataObj.docType === 'video' && !isSHowErr\" class=\"flex items-center mb-4\">\n              <video id=\"myVideo\" autoplay class=\"mt-1\" controls :style=\"`width: 100%;height:` + imageDivHeight2 + `px;`\">\n              <source  type=\"video/mp4\" align=\"center\" justify=\"center\" class=\"ma-0\" :src=\"srcUrl\">\n              </video>\n            </div>\n            <div v-if=\"selectFileDataObj.docType === 'pdf' && !isSHowErr\" class=\"p-2\" type=\"application/pdf\">\n              <iframe class=\"pdfIframe\" :src=\"srcUrl\" :style=\"`width: 100%;height:`+ imageDivHeight2 + `px;`\" />\n            </div>\n            <div v-if=\"(selectFileDataObj.docType !== 'image' && selectFileDataObj.docType !== 'video' && selectFileDataObj.docType !== 'pdf') || isSHowErr\" class=\"flex items-center mb-4 image-show-container justify-center\" :style=\"`width: 100%;height:`+ imageDivHeight2 + `px;`\">\n              <div class=\" font-medium text-text2 heading-4 pl-1 \">\n                  No Preview Available\n              </div>\n            </div>\n          </div>\n          <div>\n             <div class=\"font-bold heading-4\">\n                <div class=\"flex items-center justify-center\">\n                    <p class=\"\">{{selectFileDataObj.displayFileName ? selectFileDataObj.displayFileName : 'Attachment'}}</p>\n                    <p class=\"p-0 m-0 ml-2 text-gray4 heading-5\">{{selectFileDataObj.fileSize | getFileSize}}</p>\n                    <!-- <p>{{currentAttachmentIndex === 0}} // {{currentAttachmentIndex === currentlyLoadAllAttachments.length - 1}}</p> -->\n                    <button :disabled=\"currentAttachmentIndex === 0 ? true : false\" :class=\"currentAttachmentIndex === 0 ? 'text-gray4' : 'text-primary cursor-pointer'\" @click=\"previousAttachmentView\" class=\"mx-1 mt-1\"><i class=\"fa-solid fa-circle-chevron-left \" style=\"font-size: 28px;\"></i></button>\n                    <button :disabled=\"currentAttachmentIndex === currentlyLoadAllAttachments.length - 1 ? true : false\" :class=\"currentAttachmentIndex === currentlyLoadAllAttachments.length - 1 ? 'text-gray4' : 'text-primary cursor-pointer'\" @click=\"nextAttachmentView\" class=\"mx-1 mt-1\"><i class=\"fa-solid fa-circle-chevron-right\" style=\"font-size: 28px;\"></i></button>\n                </div>\n            </div>\n          </div>\n          <div >\n            <div class=\"imagesContainer pt-2\" id=\"horizontalImages\">\n                <div class=\"attachment-card cursor-pointer\"   v-for=\"(attach, attachmentIndex) in currentlyLoadAllAttachments\" :key=\"attachmentIndex\" :id=\"attach.fileVaultId\" @click=\"onAttachmentClick(attach)\">\n                    <!-- Image -->\n                    <div class=\"mx-1\" v-if=\"attach.docType === 'image'\" :style=\"selectFileDataObj.fileVaultId === attach.fileVaultId ? borderStyle : ``\" style=\"display: flex;justify-content: center;align-items: center;width: max-content;border: 2px solid #a9a9aa;padding: 5px;\">\n                        <img @error=\"handleImageError\"  :src=\"`${pathPrefix}${attach.thumbPath}/image200x200.jpg`\" style=\"width: 120px;height: 90px;object-fit: contain;\">\n                    </div>\n                    <!-- Video -->\n                    <div class=\"mx-1\" v-if=\"attach.docType === 'video'\" :style=\"selectFileDataObj.fileVaultId === attach.fileVaultId ? borderStyle : ``\" style=\"display: flex;justify-content: center;align-items: center;width: max-content;border: 2px solid #a9a9aa;padding: 5px;\">\n                        <img @error=\"handleImageError\" :src=\"`${pathPrefix}${attach.thumbPath}/image200x200.jpg`\" style=\"width: 120px;height: 90px;object-fit: contain;\">\n                        <div class=\"\" style=\"display: flex;position: absolute;justify-content: center;align-items: center;\">\n                            <i class=\"fas fa-play-circle text-primary\" style=\"font-size:24px;\"></i></div>\n                        </div>\n                    <!-- PDF -->\n                    <div class=\"mx-1\" v-if=\"attach.docType !== 'image' && attach.docType !== 'video'\" :style=\"selectFileDataObj.fileVaultId === attach.fileVaultId ? borderStyle : ``\" style=\"display: flex;justify-content: center;align-items: center;width: max-content;border: 2px solid #a9a9aa;padding: 5px;\">\n                        <img src=\"@/assets/images/svg/file-lines-solid.svg\" style=\"width: 120px;height: 90px;object-fit: contain;\">\n                    </div>\n                </div>\n            </div>\n          </div>\n        </div>\n        </div>\n    </div>\n  </div>\n</template>\n<script>\nimport * as config from '@/config.js'\nimport {getCookies} from '@/utils/cookies'\nimport {downloadFile, checkFileTypeForPreview} from '@/utils/common.js'\nimport axios from 'axios'\nexport default {\n  components: {\n  },\n  props: [\"currentlyLoadAllAttachments\", \"pathPrefix\", \"selectedData\"],\n  data () {\n    return {\n     borderStyle: {\n        background: '#a08787'\n      },\n      loading: false,\n      isSHowErr: false,\n      baseUrl: config.API_ROOT,\n      srcUrl: '',\n      imageDivHeight2: window.innerHeight - 240,\n      selectFileDataObj: {\n        fileVaultId: 0,\n        entityId: 0,\n        entityDetailId: 0,\n        noteId: 0,\n        entitySlug: '',\n        displayFileName: '',\n        systemGeneratedFileName: '',\n        fileType: '',\n        fileSize: 0,\n        uploadedOn: '',\n        thumbPath: '',\n        docType: '',\n      },\n      currentAttachmentIndex: 0\n    }\n  },\n  created() {\n  },\n  mounted () {\n    this.selectFileDataObj = this.selectedData\n    console.log('selectedData', this.selectedData)\n    console.log('currentlyLoadAllAttachments', this.currentlyLoadAllAttachments)\n    let index = this.currentlyLoadAllAttachments.findIndex(attach => attach.fileVaultId === this.selectedData.fileVaultId);\n    if (index !== -1) {\n        this.currentAttachmentIndex = index;\n    }\n\n    this.$root.$on('confirmBoxHandler', (response) => {\n      if (response) {\n        this.discard(true)\n      }\n      document.body.style = 'overflow: visible;'\n      this.deleteAttch = false\n    })\n    this.downLoadDocument(this.selectedData.fileVaultId, this.selectedData.docType)\n    console.log('srcUrl', this.srcUrl);\n    document.body.style = 'overflow: hidden;'\n    setTimeout(() => {\n       this.scrollToTop(this.selectedData.fileVaultId) \n    }, 2000);\n  },\n  watch: {},\n  methods: {\n    nextAttachmentView() {\n        if (this.currentAttachmentIndex !== this.currentlyLoadAllAttachments.length - 1) {\n            this.loading = false\n            let data = this.currentlyLoadAllAttachments[this.currentAttachmentIndex + 1]\n            console.log('data-nextAttachmentView', data);\n            setTimeout(() => {\n                this.srcUrl = ''\n                this.selectFileDataObj = data\n                this.downLoadDocument(data.fileVaultId, data.docType)\n                this.scrollToTop(data.fileVaultId)\n                let index = this.currentlyLoadAllAttachments.findIndex(attach => attach.fileVaultId === data.fileVaultId);\n                if (index !== -1) {\n                    this.currentAttachmentIndex = index;\n                }\n            }, 500);\n        }\n    },\n    previousAttachmentView() {\n        if (this.currentAttachmentIndex !== 0) {\n            this.loading = false\n            let data = this.currentlyLoadAllAttachments[this.currentAttachmentIndex - 1]\n            console.log('data-previousAttachmentView', data);\n            setTimeout(() => {\n                this.srcUrl = ''\n                this.selectFileDataObj = data\n                this.downLoadDocument(data.fileVaultId, data.docType)\n                this.scrollToTop(data.fileVaultId)\n                let index = this.currentlyLoadAllAttachments.findIndex(attach => attach.fileVaultId === data.fileVaultId);\n                if (index !== -1) {\n                    this.currentAttachmentIndex = index;\n                }\n            }, 500);\n        }\n    },\n    handleImageError(event) {\n        console.log('event', event);\n        // event.target.style.display = 'none'; // Hide the image\n        event.target.src = require('@/assets/images/video-white-thumbnail.png');\n    },\n    discard (data) {\n      document.body.style = 'overflow: visible;'\n      this.$root.$emit('fullImageHandler', data)\n    },\n    onAttachmentClick (data) {\n        console.log('data--213124', data)\n        this.loading = false\n        this.srcUrl = ''\n        this.selectFileDataObj = data\n        this.downLoadDocument(data.fileVaultId, data.docType)\n        let index = this.currentlyLoadAllAttachments.findIndex(attach => attach.fileVaultId === data.fileVaultId);\n        if (index !== -1) {\n            this.currentAttachmentIndex = index;\n        }\n        this.scrollToTop(data.fileVaultId) \n    },\n    async downLoadDocument (fileVaultId, selectedType) {\n        let Auth = getCookies('jobAuthToken')\n        let url = this.baseUrl + '/api/v1/notes/getImageWeb'\n        let formData = new FormData()\n        formData.append('authToken', Auth)\n        formData.append('fileVaultId', fileVaultId)\n        const cancelToken = axios.CancelToken\n        const source = cancelToken.source()\n        this.$store.dispatch('CancelDownloadRequest', source)\n        let response = await downloadFile(formData, url, source)\n        if (response.status === 200) {\n          this.$store.dispatch('CancelDownloadRequest', null)\n          if (checkFileTypeForPreview(response.headers['content-type'])) {\n            this.srcUrl = URL.createObjectURL(response.data)\n          }\n          this.$store.dispatch('SetDownloadLoader', false)\n          this.$store.dispatch('SetDownloadMessage', '')\n          this.loading = true\n          setTimeout(() => {\n            if (selectedType === 'video') {\n                document.getElementById('myVideo').load()\n            }\n        }, 200)\n        } else {\n          this.isSHowErr = true\n          this.loading = true\n          this.$store.dispatch('CancelDownloadRequest', null)\n          this.$store.dispatch('SetDownloadMessage', '')\n          this.$store.dispatch('SetDownloadLoader', false)\n        }\n      },\n      scrollToTop (id) {\n      setTimeout(() => {\n        var horizontal = document.getElementById('horizontalImages')\n        var elmnt = document.getElementById(id)\n        console.log('elmnt----->>', elmnt)\n        horizontal.scrollTo({\n          top: 0,\n          left: elmnt.offsetLeft - 200,\n          behavior: 'smooth'\n        })\n      }, 100)\n    }\n  },\n  beforeDestroy () {\n    this.$root.$off(\"confirmBoxHandler\");\n  }\n}\n</script>\n<style scoped>\n.imageFullScreen {\n  width: auto;\n  max-height: 100%;\n  justify-content: center;\n  align-items: center;\n}\n.image-show-container {\n  display: flex!important;\n  align-items: center!important;\n  justify-content: center!important;\n}\n.loader {\n    border: 8px solid #f3f3f3;\n    border-radius: 50%;\n    border-top: 8px solid #3498db;\n    width: 60px;\n    height: 60px;\n    -webkit-animation: spin 2s linear infinite; /* Safari */\n    animation: spin 2s linear infinite;\n  }\n  .imagesContainer {\n  overflow-x: auto;\n  white-space: nowrap;\n  display: flex;\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  overflow-y: hidden;\n  margin: 0 auto;\n}\n\n.attachment-card {\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./attachmentPreview.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./attachmentPreview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./attachmentPreview.vue?vue&type=template&id=59cb8132&scoped=true&\"\nimport script from \"./attachmentPreview.vue?vue&type=script&lang=js&\"\nexport * from \"./attachmentPreview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./attachmentPreview.vue?vue&type=style&index=0&id=59cb8132&prod&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  \"59cb8132\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"mt-12\">\n    <div class=\"card bg-white rounded-xl p-4 \">\n      <div class=\"relative\">\n        <div class=\"card top_primary_card bg-primary font-bold text-white p-4 rounded-xl absolute -top-11 w-full\">\n         Manage Storage\n        </div>\n      </div>\n      <div>\n        <div style=\"overflow-y: auto; white-space: nowrap;\" class=\"\" v-if=\"storageOverViewDetail.topCount > 0\">\n          <div class=\"cust_card m-2  heading-3 border-b border-gray1  bg-white  text-sm px-3 py-3 items-center\">\n            <div class=\"flex items-center justify-between py-3 pl-2\" style=\"display: flex;justify-content: center;\">\n              <p v-if=\"storageOverViewDetail.topCount > 0 && storageOverViewDetail.otherCount === 0\" class=\"text-gray4 heading-5 pa-4\" style=\"font-weight: bold;\">Files Uploaded: {{storageOverViewDetail.topSize | getFileSize}}\n              </p>\n              <p v-if=\"storageOverViewDetail.otherCount > 0\" class=\"text-gray4 heading-5 pa-4\" style=\"font-weight: bold;\">Top 100 Files ({{storageOverViewDetail.topSize | getFileSize}})\n              </p>\n            </div>\n            <div class=\"flex gap-4\" style=\"flex-wrap: wrap;\">\n              <div class=\"card rounded-xl border-t border-gray-100 bg-white attachment-card cursor-pointer group pb-4\" style=\"width: 120px; height: 90px\"  v-for=\"(attach, a) in topAttachmentsList\" :key=\"a\" @click=\"showFullImage(attach)\">\n                  <div v-if=\"attach.docType === 'image'\" class=\"flex justify-center items-center w-full\">\n                      <img @error=\"handleImageError\" style=\"height: 60px;width: 120px;object-fit: contain;\" :src=\"`${pathPrefix}${attach.thumbPath}/image200x200.jpg`\" class=\"scroll-img-view\">\n                      <div class=\"invisible group-hover:visible absolute bg-gray4 w-full min-w-max card rounded-md p-1.5 px-3 text-white opacity-70 zIndex heading-4\">{{ attach.displayFileName }}</div>\n                      <div class=\"\" style=\"position: absolute;display: flex;top: 72px;\">\n                        <p class=\"p-0 m-0 text-gray4 heading-7\">{{attach.fileSize | getFileSize}}</p>\n                      </div>\n                  </div>\n                  <div v-if=\"attach.docType === 'video'\" class=\"flex justify-center items-center w-full\">\n                      <img @error=\"handleImageError\" style=\"height: 60px;width: 120px;object-fit: contain;\" :src=\"`${pathPrefix}${attach.thumbPath}/image200x200.jpg`\" class=\"scroll-img-view\">\n                      <img class=\"flex items-center  text-4xl absolute text-white\" height=\"35px\" width=\"35px\" src=\"@/assets/images/play.svg\" alt=\"\">\n                      <div class=\"invisible group-hover:visible w-full min-w-max -bottom-7 absolute bg-gray4 card rounded-md p-1.5 px-3 text-white opacity-70 zIndex\">{{ attach.displayFileName }}</div>\n                      <div class=\"\" style=\"position: absolute;display: flex;top: 72px;\">\n                        <p class=\"p-0 m-0 text-gray4 heading-7\">{{attach.fileSize | getFileSize}}</p>\n                      </div>\n                  </div>\n                  <div v-if=\"attach.docType === 'pdf'\" class=\"flex justify-center items-center w-full\">\n                      <div style=\"\" class=\"flex items-center text-primary text-4xl\"><i class=\"fa-regular fa-file-pdf\"></i></div>\n                      <div class=\"invisible group-hover:visible w-full min-w-max -bottom-7 absolute bg-gray4 card rounded-md p-1.5 px-3 text-white opacity-70 zIndex\">{{ attach.displayFileName }}</div>\n                      <div class=\"\" style=\"position: absolute;display: flex;top: 72px;\">\n                        <p class=\"p-0 m-0 text-gray4 heading-7\">{{attach.fileSize | getFileSize}}</p>\n                      </div>\n                  </div>\n                  <div v-if=\"attach.docType !== 'image' && attach.docType !== 'video' && attach.docType !== 'pdf'\" class=\"flex justify-center items-center w-full\">\n                      <div style=\"\" class=\"flex items-center text-primary text-4xl\"><i class=\"fa-regular fa-file\"></i></div>\n                      <div class=\"invisible group-hover:visible w-full min-w-max -bottom-7 absolute bg-gray4 card rounded-md p-1.5 px-3 text-white opacity-70 zIndex\">{{ attach.displayFileName }}</div>\n                      <div class=\"\" style=\"position: absolute;display: flex;top: 72px;\">\n                        <p class=\"p-0 m-0 text-gray4 heading-7\">{{attach.fileSize | getFileSize}}</p>\n                      </div>\n                  </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div style=\"overflow-y: auto; white-space: nowrap;\" class=\"\" v-if=\"storageOverViewDetail.otherCount > 0\">\n          <div class=\"cust_card m-2  heading-3 border-b border-gray1  bg-white  text-sm px-3 py-3 items-center\">\n             <div class=\"flex items-center justify-between py-3 pl-2\" style=\"display: flex;justify-content: center;\">\n              <p class=\"text-gray4 heading-5\" style=\"font-weight: bold;\">Other files, Showing 1 - {{otherAttachmentsList.length}} of {{storageOverViewDetail.otherCount}}: ({{storageOverViewDetail.otherSize | getFileSize}})\n              </p>\n            </div>\n            <div class=\"flex gap-4\" style=\"flex-wrap: wrap;\" :style=\"otherAttachmentsList.length >= 100  ? `height: 650px;overflow-y: auto;overflow-x: hidden` : ``\" id=\"otherAttachments\" ref=\"otherAttachmentsContainer\" @scroll=\"handleScroll\">\n              <div class=\" card rounded-xl border-t border-gray-100 bg-white attachment-card cursor-pointer group pb-4\" style=\"width: 120px; height: 90px\"  v-for=\"(attach, a) in otherAttachmentsList\" :key=\"a\" @click=\"showFullImage(attach)\">\n                  <div v-if=\"attach.docType === 'image'\" class=\"flex justify-center items-center w-full\">\n                      <img @error=\"handleImageError\" style=\"height: 60px;width: 120px;object-fit: contain;\" :src=\"`${pathPrefix}${attach.thumbPath}/image200x200.jpg`\" class=\"scroll-img-view\">\n                      <div class=\"invisible group-hover:visible absolute bg-gray4 w-full min-w-max card rounded-md p-1.5 px-3 text-white opacity-70 zIndex heading-4\">{{ attach.displayFileName }}</div>\n                      <div class=\"\" style=\"position: absolute;display: flex;top: 72px;\">\n                        <p class=\"p-0 m-0 text-gray4 heading-7\">{{attach.fileSize | getFileSize}}</p>\n                      </div>\n                  </div>\n                  <div v-if=\"attach.docType === 'video'\" class=\"flex justify-center items-center w-full\">\n                      <img @error=\"handleImageError\" style=\"height: 60px;width: 120px;object-fit: contain;\" :src=\"`${pathPrefix}${attach.thumbPath}/image200x200.jpg`\" class=\"scroll-img-view\">\n                      <img class=\"flex items-center  text-4xl absolute text-white\" height=\"35px\" width=\"35px\" src=\"@/assets/images/play.svg\" alt=\"\">\n                      <div class=\"invisible group-hover:visible w-full min-w-max -bottom-7 absolute bg-gray4 card rounded-md p-1.5 px-3 text-white opacity-70 zIndex\">{{ attach.displayFileName }}</div>\n                      <div class=\"\" style=\"position: absolute;display: flex;top: 72px;\">\n                        <p class=\"p-0 m-0 text-gray4 heading-7\">{{attach.fileSize | getFileSize}}</p>\n                      </div>\n                  </div>\n                  <div v-if=\"attach.docType === 'pdf'\" class=\"flex justify-center items-center w-full\">\n                      <div style=\"\" class=\"flex items-center text-primary text-4xl\"><i class=\"fa-regular fa-file-pdf\"></i></div>\n                      <div class=\"invisible group-hover:visible w-full min-w-max -bottom-7 absolute bg-gray4 card rounded-md p-1.5 px-3 text-white opacity-70 zIndex\">{{ attach.displayFileName }}</div>\n                      <div class=\"\" style=\"position: absolute;display: flex;top: 72px;\">\n                        <p class=\"p-0 m-0 text-gray4 heading-7\">{{attach.fileSize | getFileSize}}</p>\n                      </div>\n                  </div>\n                  <div v-if=\"attach.docType !== 'image' && attach.docType !== 'video' && attach.docType !== 'pdf'\" class=\"flex justify-center items-center w-full\">\n                      <div style=\"\" class=\"flex items-center text-primary text-4xl\"><i class=\"fa-regular fa-file\"></i></div>\n                      <div class=\"invisible group-hover:visible w-full min-w-max -bottom-7 absolute bg-gray4 card rounded-md p-1.5 px-3 text-white opacity-70 zIndex\">{{ attach.displayFileName }}</div>\n                      <div class=\"\" style=\"position: absolute;display: flex;top: 72px;\">\n                        <p class=\"p-0 m-0 text-gray4 heading-7\">{{attach.fileSize | getFileSize}}</p>\n                      </div>\n                  </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div v-if=\"storageOverViewDetail.otherCount === 0 && storageOverViewDetail.topCount === 0\">\n          <NoRecords :alertMessage=\"`No records found.`\" />\n        </div>\n        <div v-if=\"shoFullImage\">\n          <AttachmentPreview :currentlyLoadAllAttachments=\"allAttachmentsArray\" :pathPrefix=\"pathPrefix\" :selectedData=\"selectedData\"/>\n        </div>\n      </div>\n    </div>\n   </div>\n</template>\n<script>\nimport NoRecords from '@/View/components/noRecords.vue'\nimport AttachmentPreview from './attachmentPreview.vue'\nimport MyJobApp from '@/api/MyJobApp.js'\nexport default {\n  components: {\n    NoRecords,\n    AttachmentPreview,\n  },\n  data() {\n    return {\n      loadingMoreData: false,\n      storageOverViewDetail: {},\n      topAttachmentsList: [],\n      otherAttachmentsList: [],\n      pathPrefix: '',\n      topTotalAttachmentCount: 0,\n      otherTotalAttachmentCount: 0,\n      otherStart:100,\n      otherLength:100,\n      shoFullImage: false,\n      allAttachmentsArray: [],\n      selectedData: {}\n    };\n  },\n  mounted() {\n    this.getManageStorageOverviewDetail()\n    this.$store.dispatch('SetLoader', {status: true, message: 'Loading...'})\n    this.topGetAllAttachment()\n    this.otherGetAllAttachment()\n    document.body.style = 'overflow: visible;'\n    this.$root.$on('fullImageHandler', (data) => {\n      if (data) {\n        console.log(data)\n      }\n      this.shoFullImage = false\n    })\n  },\n  methods: {\n  handleScroll() {\n        const container = this.$refs.otherAttachmentsContainer;\n        if (container && this.storageOverViewDetail.otherCount !== this.otherAttachmentsList.length) {\n            const scrollHeight = container.scrollHeight;\n            const scrollTop = container.scrollTop;\n            const offsetHeight = container.offsetHeight;\n\n            // Calculate a threshold value to determine when to trigger load more data\n            const scrollBottomThreshold = 50; // Adjust this value as needed\n\n            // Check if the user has scrolled near the bottom\n            const isScrollNearBottom = scrollHeight - scrollTop <= offsetHeight + scrollBottomThreshold;\n\n            if (isScrollNearBottom && !this.loadingMoreData) {\n                // Set loading flag to prevent multiple rapid triggers\n                this.loadingMoreData = true;\n\n                // Use setTimeout to debounce the function call\n                setTimeout(() => {\n                    // User has scrolled near the bottom, load more data\n                    this.otherAttachmentLoadMore().finally(() => {\n                        // Reset loading flag after data loading completes\n                        this.loadingMoreData = false;\n                    });\n                }, 500); // Adjust debounce time (in milliseconds) as needed\n            }\n        }\n    },\n    async otherAttachmentLoadMore() {\n        // Save current scroll position\n        const container = this.$refs.otherAttachmentsContainer;\n        const currentScrollPosition = container.scrollTop;\n\n        // Update otherStart for the next request\n        this.$store.dispatch('SetLoader', { status: true, message: 'Loading...' });\n        this.otherStart += 100;\n\n        try {\n            await this.otherGetAllAttachment(); // Assuming otherGetAllAttachment is an async function\n        } catch (error) {\n            // Handle error scenario\n            console.error('Error loading more data:', error);\n            throw error; // Propagate the error to the caller\n        } finally {\n            // Restore previous scroll position\n            if (container) {\n                container.scrollTop = currentScrollPosition;\n            }\n        }\n    },\n    handleImageError(event) {\n      event.target.style.display = 'none'; // Hide the image\n    },\n    topGetAllAttachment () {\n    this.topAttachmentsList = []\n    this.topTotalAttachmentCount = 0\n      MyJobApp.GetAllAttachment(\n        0,\n        100,\n        response => {\n          console.log('response--',response)\n          if (response.Data.attachmentList !== null) {\n            let attach = []\n            response.Data.attachmentList.forEach(a => {\n                  let temp = a.fileType.split('/')\n                  let type = ''\n                  if (temp[0] === 'image' ) {\n                      type = 'image'\n                  } else if (temp[0] === 'application' && temp[1] === 'pdf') {\n                    type = 'pdf'\n                  } else if (temp[0] === 'video' ) {\n                    type = 'video'\n                  }\n                  attach.push({...a, docType: type})\n              })\n            this.topAttachmentsList = attach\n          } else {\n            this.topAttachmentsList = []\n          }\n          this.pathPrefix = response.Data.pathPrefix\n          this.topTotalAttachmentCount = response.Data.count\n          setTimeout(() => {\n            this.$store.dispatch('SetLoader', {status: false, message: ''})\n          }, 1000);\n        },\n        () => {\n          this.$store.dispatch('SetLoader', {status: false, message: ''})\n        }\n      )\n    },\n    otherGetAllAttachment() {\n    MyJobApp.GetAllAttachment(\n      this.otherStart,\n      this.otherLength,\n      response => {\n        console.log('response--', response)\n        if (response.Data.attachmentList !== null) {\n          let attach = []\n          response.Data.attachmentList.forEach(a => {\n            let temp = a.fileType.split('/')\n            let type = ''\n            if (temp[0] === 'image') {\n              type = 'image'\n            } else if (temp[0] === 'application' && temp[1] === 'pdf') {\n              type = 'pdf'\n            } else if (temp[0] === 'video') {\n              type = 'video'\n            }\n            attach.push({ ...a, docType: type })\n          })\n\n          // Check if otherAttachmentsList already has items\n          if (this.otherAttachmentsList.length > 0) {\n            // Append new data to existing array\n            this.otherAttachmentsList = [...this.otherAttachmentsList, ...attach]\n          } else {\n            // Set initial data if otherAttachmentsList is empty\n            this.otherAttachmentsList = attach\n          }\n        } else {\n          // Handle case where attachmentList is null\n          this.otherAttachmentsList = []\n        }\n        \n        // Update otherTotalAttachmentCount and pathPrefix\n        this.pathPrefix = response.Data.pathPrefix\n        this.otherTotalAttachmentCount = response.Data.count\n        setTimeout(() => {\n          this.$store.dispatch('SetLoader', { status: false, message: '' })\n        }, 1000);\n      },\n      () => {\n        this.$store.dispatch('SetLoader', { status: false, message: '' });\n      }\n    );\n   },\n   showFullImage (data) {\n        this.allAttachmentsArray = []\n        this.$store.dispatch('SetLoader', {status: true, message: 'Please Wait...'})\n        if (this.topAttachmentsList.length > 0 ) {\n          this.topAttachmentsList.forEach(element => {\n            this.allAttachmentsArray.push(element)\n          })\n        }\n        if (this.otherAttachmentsList.length > 0 ) {\n          this.otherAttachmentsList.forEach(element => {\n            this.allAttachmentsArray.push(element)\n          })\n        }\n        setTimeout(() => {\n          this.selectedData = data\n          this.shoFullImage = true\n          this.$store.dispatch('SetLoader', {status: false, message: ''})\n        }, 1000)\n    },\n    getManageStorageOverviewDetail () {\n    this.$store.dispatch('SetLoader', {status: true, message: 'Loading...'})\n      MyJobApp.GetManageStorageOverviewDetail(\n          response => {\n            console.log('response--',response)\n            this.storageOverViewDetail = response.Data !== null ? response.Data : {}\n            setTimeout(() => {\n            this.$store.dispatch('SetLoader', {status: false, message: ''})\n          }, 1000);\n          },\n          () => {\n            this.$store.dispatch('SetLoader', {status: false, message: ''})\n          }\n        )\n    }\n  },\n  beforeDestroy () {\n    this.$root.$off(\"fullImageHandler\");\n  }\n}\n</script>\n<style scoped>\n.lead_name_col {\n  min-width: 280px !important;\n  width: 280px !important;\n  overflow-wrap: anywhere;\n  white-space: pre-wrap;\n  padding-right: 8px;\n}\n.attachment-card {\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n.scroll-img-view{\n  height: 104px;\n}\n.zIndex {\n  z-index: 100 !important;\n}\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./listing.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./listing.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./listing.vue?vue&type=template&id=14081d23&scoped=true&\"\nimport script from \"./listing.vue?vue&type=script&lang=js&\"\nexport * from \"./listing.vue?vue&type=script&lang=js&\"\nimport style0 from \"./listing.vue?vue&type=style&index=0&id=14081d23&prod&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  \"14081d23\",\n  null\n  \n)\n\nexport default component.exports","import {getCookies} from '@/utils/cookies'\nimport axios from 'axios'\nimport data from '../assets/countryList.json'\nimport store from '@/store'\nimport * as config from '../config'\nexport function getEmployeeProfileImageUrl (employeeId, size) {\n  return config.API_ROOT + '/api/v1/hrm/employee/getEmployeeProfile?empId=' + encodeURIComponent(employeeId) + '&authToken=' + encodeURIComponent(getCookies('authToken')) + '&size=' + size\n  // '&time=' + encodeURIComponent(new Date().getTime().toString()) +\n}\nexport function getContactProfileImageUrl (contactId, size) {\n  return config.API_ROOT + '/api/v1/crm/contact/getProfile?contactId=' + encodeURIComponent(contactId) + '&authToken=' + encodeURIComponent(getCookies('authToken')) + '&size=' + size + '?' + new Date().getTime()\n}\nexport function getCustomerProfileImageUrl (customerAccountId, size) {\n  return config.API_ROOT + '/api/v1/crm/customerAccount/getProfile?customerAccountId=' + encodeURIComponent(customerAccountId) + '&authToken=' + encodeURIComponent(getCookies('authToken')) + '&size=' + size\n}\n\nexport function getLoginEmployeeProfileImageUrl (employeeId, size) {\n  return config.API_ROOT + '/api/v1/hrm/employee/getLoginEmployeeProfile?authToken=' + encodeURIComponent(getCookies('authToken')) + '&size=' + size\n  // '&time=' + encodeURIComponent(new Date().getTime().toString()) + '&size=' +\n}\nexport function getCompanyLogoImageURL (size) {\n  return config.API_ROOT + '/api/v1/systemSetting/getCompanyLogo?authToken=' + encodeURIComponent(getCookies('authToken')) + '&size=' + size\n}\nexport function getLoginCompanyLogoImageURL (domain, size) {\n  return config.API_ROOT + '/api/v1/auth/getCompanyLogo?domain=' + domain + '&size=' + size\n}\nexport function checkForBrowser () {\n  // return\n  // var ua = navigator.userAgent\n\n  // var isChrome = !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime)\n  // if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile|mobile|CriOS/i.test(ua)) {\n  //   if (/OPR|Opera|SamsungBrowser|MSIE|Trident|Seamonkey|Firefox/i.test(ua)) {\n  //     setCookiedFOrAlertAboutBrowser()\n  //   }\n  // } else if (!isChrome) {\n  //   setCookiedFOrAlertAboutBrowser()\n  // }\n}\n\n// function setCookiedFOrAlertAboutBrowser () {\n//   if (getCookies('alertForBrowserOtherThenChrome') === null) {\n//     setCookiesWithExpire('alertForBrowserOtherThenChrome', 'browserIsNotChrome', 1)\n//     alert('This site works with current chrome version only')\n//   }\n// }\n\nexport function getFileSize (bytes) {\n  // var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB']\n  // if (bytes === 0) return '0 Byte'\n  // var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)))\n  // return Math.round(bytes / Math.pow(1024, i), 2) + ' ' + sizes[i]\n  if (bytes === 0) return '0 Bytes'\n  var decimals = 2\n  const k = 1024\n  const dm = decimals < 0 ? 0 : decimals\n  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n\n  const i = Math.floor(Math.log(bytes) / Math.log(k))\n\n  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i]\n}\n\nexport function GetHoursMinuteAndSeconds (totalSeconds) {\n  return `${Math.round(totalSeconds / 3600) >= 1 ? Math.round(totalSeconds / 3600) + ' hour, ' : ''} ${Math.round(totalSeconds / 3600) >= 1 ? Math.round((totalSeconds % 3600) / 60) + ' minutes, ' : (totalSeconds / 60) >= 1 ? Math.round((totalSeconds / (60))) + ' minutes, ' : ''} ${(totalSeconds / 60) >= 1 ? (totalSeconds % 60) : totalSeconds} seconds`\n}\n\nexport function uploadFileInTempWithThumb (file, id, url, formData, source, data1) {\n  // setting current time to calc remaining time\n  let timeStarted = new Date().getTime()\n  formData.append('authToken', getCookies('authToken'))\n  formData.append('file', file)\n  // getting response ofthe request\n  return axios.post(url,\n    formData,\n    {\n      headers: {\n        'Content-Type': 'application/x-www-form-urlencoded'\n      },\n      cancelToken: source.token,\n      onUploadProgress: function (progressEvent) {\n        if (document.getElementById(id) !== null) {\n          let progressString = ''\n          let progress = (progressEvent.loaded) / progressEvent.total\n          let percentageProgress = Math.round(progress * 100)\n          // For multiple file upload. Getting instance of obj\n          // if null means singular upload file else multiple upload process\n          if (data1 !== null) {\n            data1.progressLinearValue = percentageProgress\n          } else {\n            store.dispatch('SetUploadProgressValue', percentageProgress)\n          }\n          // document.getElementById(id + '0').value = Math.round(progress * 100)\n          progressString += `${percentageProgress}% of ${getFileSize(progressEvent.total)}, ${percentageProgress === 100 ? 'Please wait' : GetHoursMinuteAndSeconds(Math.round((((new Date().getTime() - timeStarted) / progress) - (new Date().getTime() - timeStarted)) / 1000)) + ' remaining'} `\n          document.getElementById(id).innerHTML = progressString\n        }\n      }\n    }\n  )\n}\n\nexport function downloadFile (formData, url, source) {\n  // setting current time to calc remaining time\n  let timeStarted = new Date().getTime()\n  // getting response ofthe request\n  console.log('Source Token', source.token)\n  return axios.post(url,\n    formData,\n    {\n      Accept: 'application/json',\n      headers: {\n        'Content-Type': 'application/x-www-form-urlencoded'\n      },\n      responseType: 'blob',\n      cancelToken: source.token,\n      onDownloadProgress: function (progressEvent) {\n        let progress = (progressEvent.loaded) / progressEvent.total\n        let percentageProgress = Math.round(progress * 100)\n\n        store.dispatch('SetUploadProgressValue', percentageProgress)\n        store.dispatch('SetDownloadMessage', `${percentageProgress}% of ${getFileSize(progressEvent.total)}, ${percentageProgress === 100 ? 'Please wait' : GetHoursMinuteAndSeconds(Math.round((((new Date().getTime() - timeStarted) / progress) - (new Date().getTime() - timeStarted)) / 1000)) + ' remaining'} `)\n      }\n    }\n  )\n}\nexport function getCountryPhoneCodeList (size) {\n  let countryList = []\n  for (let i = 0; i < data.length; i++) {\n    data[i].searchString = data[i].dialCode + ' ' + data[i].name\n    data[i].flag = `https://www.countryflags.io/${data[i].code}/flat/${size}.png`\n    countryList.push(data[i])\n  }\n  // console.log(JSON.stringify(countryList))\n  return [...countryList]\n}\n\nexport function getMonthName (number, date) {\n  let monthList = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']\n  if (date !== '') {\n    let nDt = new Date(date)\n    number = nDt.getMonth()\n    return monthList[number]\n  } else {\n    return monthList[number - 1]\n  }\n}\n\nexport function getWeekName (number, date) {\n  let dayList = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday']\n  if (date !== '') {\n    let nDt = new Date(date)\n    number = nDt.getDay()\n  }\n  return dayList[number]\n}\nexport function getWeekNumber (date) {\n  date = new Date(date)\n  let weekDay = Math.ceil(date.getDate() / 7)\n  return weekDay\n}\n\nexport function checkFileTypeForPreview (fileType) {\n  if (fileType.indexOf('png') >= 0 || fileType.indexOf('jpg') >= 0 || fileType.indexOf('jpeg') >= 0 || fileType.indexOf('gif') >= 0 || fileType.indexOf('svg') >= 0 || fileType.indexOf('pdf') >= 0 || fileType.indexOf('mp4') >= 0) {\n    return true\n  }\n  return false\n}\nexport function checkFileExtensionForPreview (type) {\n  var fileArray = type.split('.')\n  if (fileArray.length > 1) {\n    type = fileArray[fileArray.length - 1]\n  }\n  type = type.toLowerCase()\n  if (type === 'png' || type === 'jpg' || type === 'jpeg' || type === 'gif' || type === 'svg' || type === 'pdf' || type === 'mp4') {\n    return true\n  }\n  return false\n}\nexport function downloadMp3File (url, total) {\n  store.dispatch('SetLoader', {status: true, message: 'Downloading....'})\n  let timeStarted = new Date().getTime()\n  return axios.get(url,\n    {\n      Accept: 'application/json',\n      headers: {\n        'Content-Type': 'audio/mpeg'\n      },\n      responseType: 'blob',\n      onDownloadProgress: function (progressEvent) {\n        store.dispatch('SetLoader', {status: false, message: ''})\n        let progress = (progressEvent.loaded) / total\n        let percentageProgress = Math.round(progress * 100)\n        store.dispatch('SetDownloadMessage', `${percentageProgress}% of ${getFileSize(progressEvent.loaded)}, ${percentageProgress === 100 ? 'Completed' : GetHoursMinuteAndSeconds(Math.round((((new Date().getTime() - timeStarted) / progress) - (new Date().getTime() - timeStarted)) / 1000)) + ' remaining'} `)\n        store.dispatch('SetUploadProgressValue', percentageProgress)\n        if (percentageProgress === 100) {\n          store.dispatch('SetUploadProgressValue', 0)\n          store.dispatch('SetDownloadMessage', '')\n        }\n      }\n    }\n  )\n}","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./listing.vue?vue&type=style&index=0&id=14081d23&prod&scoped=true&lang=css&\""],"sourceRoot":""}