{"version":3,"sources":["webpack:///./src/components/widgets/upload-popover.vue?1ecc","webpack:///src/components/widgets/upload-popover.vue","webpack:///./src/components/widgets/upload-popover.vue?61a0","webpack:///./src/components/widgets/upload-popover.vue","webpack:///./src/components/page-header.vue?0443","webpack:///src/components/page-header.vue","webpack:///./src/components/page-header.vue?7e96","webpack:///./src/components/page-header.vue","webpack:///./node_modules/@babel/runtime/helpers/esm/asyncIterator.js","webpack:///./node_modules/core-js/modules/es.symbol.async-iterator.js","webpack:///./src/router/views/office/common-files.vue?b822","webpack:///src/router/views/office/common-files.vue","webpack:///./src/router/views/office/common-files.vue?00e6","webpack:///./src/router/views/office/common-files.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","pvId","option","placement","showPV","on","$event","scopedSlots","_u","key","fn","staticClass","_v","hidePopOver","proxy","class","uploadFiles","length","_e","showFileChooser","staticStyle","_l","x","xIndex","error","src","name","_s","errorMessage","directives","rawName","value","expression","inputError","description","domProps","target","composing","$set","removeDocument","ref","acceptedFiles","setDocuments","uploadDocument","staticRenderFns","props","data","methods","handleFileUpload","component","title","id","$router","push","href","text","components","type","String","default","items","Array","_asyncIterator","iterable","method","Symbol","asyncIterator","call","iterator","TypeError","defineWellKnownSymbol","changeCycle","model","callback","$$v","filterDocu","pageOptions","perPage","uploadOptions","$store","state","selectedDU","uploadedDocument","documentLoading","documents","y","index","style","filteredDocuments","openDocument","removeFile","fileType","includes","formatDateWithTime","Date","dateTimeUploaded"],"mappings":"kHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,YAAY,CAACE,MAAM,CAAC,OAASN,EAAIO,KAAK,SAAW,QAAQ,UAAYP,EAAIQ,OAAOC,UAAU,eAAe,oBAAoB,KAAOT,EAAIU,QAAQC,GAAG,CAAC,cAAc,SAASC,GAAQZ,EAAIU,OAAOE,IAASC,YAAYb,EAAIc,GAAG,CAAC,CAACC,IAAI,QAAQC,GAAG,WAAW,MAAO,CAACZ,EAAG,MAAM,CAACa,YAAY,qDAAqD,CAACb,EAAG,QAAQ,CAACJ,EAAIkB,GAAG,sBAAsBd,EAAG,OAAO,CAACa,YAAY,sCAAsCN,GAAG,CAAC,MAAQX,EAAImB,mBAAmBC,OAAM,MAAS,CAAChB,EAAG,MAAM,CAACa,YAAY,6DAA6DI,MAAM,CAAC,wCAAyCrB,EAAIsB,YAAYC,SAAS,CAAGvB,EAAIsB,YAAYC,OAAubvB,EAAIwB,KAAnbpB,EAAG,MAAM,CAACa,YAAY,yGAAyGN,GAAG,CAAC,MAAQX,EAAIyB,kBAAkB,CAACrB,EAAG,KAAK,CAACa,YAAY,aAAaS,YAAY,CAAC,YAAY,gBAAgB,CAAC1B,EAAIkB,GAAG,qDAAqDd,EAAG,MAAM,CAACsB,YAAY,CAAC,MAAQ,UAAU,YAAY,SAAS,CAAC1B,EAAIkB,GAAG,+DAAyElB,EAAIsB,YAAkB,OAAE,CAAClB,EAAG,MAAM,CAACa,YAAY,iBAAiBS,YAAY,CAAC,OAAS,MAAM,MAAQ,QAAQf,GAAG,CAAC,MAAQX,EAAIyB,mBAAmBzB,EAAI2B,GAAI3B,EAAe,aAAE,SAAS4B,EAAEC,GAAQ,OAAOzB,EAAG,MAAM,CAACW,IAAIc,EAAOZ,YAAY,SAASS,YAAY,CAAC,IAAM,SAAS,CAACtB,EAAG,MAAM,CAACsB,YAAY,CAAC,MAAQ,mBAAmB,CAACtB,EAAG,MAAM,CAACa,YAAY,4BAA4B,CAACb,EAAG,MAAM,CAACa,YAAY,oBAAoBI,MAAM,CAAC,wCAAyCO,EAAEE,QAAQ,CAAC1B,EAAG,MAAM,CAACE,MAAM,CAAC,IAAMsB,EAAEG,IAAI,IAAMH,EAAEI,YAAY5B,EAAG,MAAM,CAACa,YAAY,+BAA+B,CAACb,EAAG,MAAM,CAACa,YAAY,iCAAiCX,MAAM,CAAC,MAAQsB,EAAEI,OAAO,CAAC5B,EAAG,OAAO,CAACJ,EAAIkB,GAAGlB,EAAIiC,GAAGL,EAAEI,WAAYJ,EAAO,MAAExB,EAAG,MAAM,CAACa,YAAY,2DAA2D,CAACb,EAAG,OAAO,CAACa,YAAY,cAAcS,YAAY,CAAC,cAAc,QAAQ,CAAC1B,EAAIkB,GAAGlB,EAAIiC,GAAGL,EAAEM,mBAAmBlC,EAAIwB,SAASpB,EAAG,MAAM,CAACsB,YAAY,CAAC,eAAe,OAAO,eAAe,OAAO,MAAQ,mBAAmB,CAACtB,EAAG,WAAW,CAAC+B,WAAW,CAAC,CAACH,KAAK,QAAQI,QAAQ,UAAUC,MAAOT,EAAa,YAAEU,WAAW,kBAAkBrB,YAAY,+BAA+BI,MAAM,CAAC,aAAcO,EAAEW,aAAeX,EAAEY,aAAalC,MAAM,CAAC,YAAc,mBAAmBmC,SAAS,CAAC,MAASb,EAAa,aAAGjB,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAO8B,OAAOC,WAAqB3C,EAAI4C,KAAKhB,EAAG,cAAehB,EAAO8B,OAAOL,WAAYT,EAAEW,aAAeX,EAAEY,YAAapC,EAAG,MAAM,CAACa,YAAY,eAAe,CAACb,EAAG,OAAO,CAACa,YAAY,eAAe,CAACjB,EAAIkB,GAAG,8BAA8BlB,EAAIwB,KAAKpB,EAAG,SAAS,CAACa,YAAY,sDAAsDX,MAAM,CAAC,KAAO,UAAUK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAI6C,eAAehB,MAAW,CAACzB,EAAG,IAAI,CAACa,YAAY,qBAAqBjB,EAAIkB,GAAG,wBAAuBd,EAAG,MAAM,CAACa,YAAY,iBAAiBS,YAAY,CAAC,OAAS,MAAM,MAAQ,QAAQf,GAAG,CAAC,MAAQX,EAAIyB,oBAAoBzB,EAAIwB,MAAM,GAAGpB,EAAG,QAAQ,CAAC0C,IAAI,QAAQ7B,YAAY,SAASX,MAAM,CAAC,KAAO,OAAO,KAAO,QAAQ,OAASN,EAAI+C,cAAc,SAAW,IAAIpC,GAAG,CAAC,OAASX,EAAIgD,gBAAgB5C,EAAG,MAAM,CAACa,YAAY,mBAAmB,CAAEjB,EAAIsB,YAAkB,OAAElB,EAAG,SAAS,CAACa,YAAY,8BAA8BX,MAAM,CAAC,KAAO,UAAUK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAIiD,oBAAoB,CAAC7C,EAAG,IAAI,CAACa,YAAY,sBAAsBjB,EAAIkB,GAAG,aAAalB,EAAIwB,KAAKpB,EAAG,SAAS,CAACa,YAAY,aAAaX,MAAM,CAAC,KAAO,UAAUK,GAAG,CAAC,MAAQX,EAAImB,cAAc,CAACf,EAAG,IAAI,CAACa,YAAY,iBAAiBjB,EAAIkB,GAAG,kBACnnHgC,EAAkB,G,6JCCtB,GACElB,KAAM,gBACNmB,MAAO,CAAC,SAAU,WAAY,SAAU,OAAQ,QAChDC,KAHF,WAII,MAAO,CACL,YAAN,GACM,YAAN,IACM,cAAN,4BAGEC,QAAS,CACPlC,YADJ,WAEM,KAAN,eACM,KAAN,qBACM,KAAN,uBAEI,gBANJ,WAMA,wJACA,sBADA,8CAGImC,iBATJ,SASA,GACM,OAAN,2BACQ,IAAR,iBACQ,EAAR,kBACU,EAAV,WAEQ,EAAR,UACQ,EAAR,qBAGI,aAnBJ,SAmBA,sLACA,iBACA,KACA,+BAHA,iBAIA,eAJA,oCAKA,GALA,kIAKA,EALA,YAMA,sBANA,QAMgB,EANhB,OAOA,GACkB,EAAlB,MACoB,IAApB,2CACoB,KAApB,OACoB,KAApB,OACoB,KAApB,OACoB,KAApB,EACoB,YAApB,GACoB,OAApB,EACoB,aAApB,GACoB,YAApB,IAjBA,oTAqBA,sCArBA,wBAuBA,6CAvBA,+EA0BIT,eA7CJ,SA6CA,GACM,KAAN,yBAEI,eAhDJ,SAgDA,0LAEA,8CAFA,UAEA,EAFA,QAGA,aAHA,yCAIA,wCAJA,gCAMA,wBANA,4DAQA,2CARA,4DAWI,eA3DJ,WA2DA,gMACA,KADA,oCAEA,eAFA,yHAEA,EAFA,EAGA,gBACA,gBACA,WAEA,iCACA,WACA,yEACA,WAEA,uDACA,WACA,2DACA,WAfA,wTAkBA,SAlBA,mDAmBA,KACA,KApBA,qCAqBA,eArBA,mIAqBA,EArBA,EAsBA,GACA,cACA,mBACA,uBACA,0BACA,aA3BA,UA6BA,oBA7BA,QA6BA,EA7BA,OA8BA,SACA,WACA,yBACA,WAEA,iCAnCA,yTAsCA,WACA,mBACA,oCACA,0BACA,kCAEA,6EAEA,SA9CA,mDA+CA,gBA/CA,2GCvEuW,I,YCOnWU,EAAY,eACd,EACAxD,EACAmD,GACA,EACA,KACA,KACA,MAIa,OAAAK,E,2CClBf,IAAIxD,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACa,YAAY,YAAY,CAACb,EAAG,MAAM,CAACa,YAAY,4CAA4C,CAACb,EAAG,KAAK,CAACa,YAAY,qBAAqB,CAACjB,EAAIkB,GAAGlB,EAAIiC,GAAGjC,EAAIwD,YAAYpD,EAAG,MAAM,CAACa,YAAY,oDAAoD,CAACb,EAAG,MAAM,CAACa,YAAY,oBAAoB,CAACb,EAAG,KAAK,CAACa,YAAY,kBAAkBjB,EAAI2B,GAAI3B,EAAS,OAAE,SAAS4B,GAAG,OAAOxB,EAAG,KAAK,CAACW,IAAIa,EAAE6B,GAAGxC,YAAY,mBAAmB,CAACb,EAAG,IAAI,CAACE,MAAM,CAAC,KAAO,uBAAuBK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAI0D,QAAQC,KAAK/B,EAAEgC,SAAS,CAAC5D,EAAIkB,GAAGlB,EAAIiC,GAAGL,EAAEiC,cAAa,UAC3oBX,EAAkB,GCAtB,GACEY,WAAY,GACZX,MAAO,CACLK,MAAO,CACLO,KAAMC,OACNC,QAAS,IAEXC,MAAO,CACLH,KAAMI,MACNF,QAAS,WACP,MAAO,OCXsU,I,YCOjVV,EAAY,eACd,EACAxD,EACAmD,GACA,EACA,KACA,KACA,MAIa,OAAAK,E,qJClBA,SAASa,EAAeC,GACrC,IAAIC,EAEJ,GAAsB,qBAAXC,OAAwB,CACjC,GAAIA,OAAOC,gBACTF,EAASD,EAASE,OAAOC,eACX,MAAVF,GAAgB,OAAOA,EAAOG,KAAKJ,GAGzC,GAAIE,OAAOG,WACTJ,EAASD,EAASE,OAAOG,UACX,MAAVJ,GAAgB,OAAOA,EAAOG,KAAKJ,GAI3C,MAAM,IAAIM,UAAU,kC,qBCftB,IAAIC,EAAwB,EAAQ,QAIpCA,EAAsB,kB,yCCJtB,IAAI7E,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACO,GAAG,CAAC,YAAcX,EAAI6E,cAAc,CAACzE,EAAG,aAAa,CAACE,MAAM,CAAC,MAAQN,EAAIwD,MAAM,MAAQxD,EAAIkE,SAAS9D,EAAG,MAAM,CAACA,EAAG,MAAM,CAACa,YAAY,0BAA0B,CAACb,EAAG,MAAM,CAACa,YAAY,mBAAmB,CAACb,EAAG,MAAM,CAACa,YAAY,yBAAyBX,MAAM,CAAC,GAAK,yBAAyB,CAACF,EAAG,QAAQ,CAACa,YAAY,yHAAyH,CAACb,EAAG,eAAe,CAACa,YAAY,eAAeX,MAAM,CAAC,aAAe,MAAM,KAAO,SAAS,YAAc,sBAAsBwE,MAAM,CAACzC,MAAOrC,EAAc,WAAE+E,SAAS,SAAUC,GAAMhF,EAAIiF,WAAWD,GAAK1C,WAAW,iBAAiB,KAAKlC,EAAG,MAAM,CAACa,YAAY,oBAAoBX,MAAM,CAAC,GAAK,yBAAyB,CAACF,EAAG,QAAQ,CAACa,YAAY,2JAA2J,CAACb,EAAG,gBAAgB,CAACa,YAAY,cAAcX,MAAM,CAAC,KAAO,KAAK,QAAUN,EAAIkF,aAAaJ,MAAM,CAACzC,MAAOrC,EAAW,QAAE+E,SAAS,SAAUC,GAAMhF,EAAImF,QAAQH,GAAK1C,WAAW,cAAc,OAAOlC,EAAG,MAAM,CAACa,YAAY,uBAAuB,CAACb,EAAG,SAAS,CAACa,YAAY,kBAAkBX,MAAM,CAAC,GAAK,gBAAgBK,GAAG,CAAC,MAAQ,SAASC,GAAQZ,EAAIU,QAAS,KAAQ,CAACN,EAAG,IAAI,CAACa,YAAY,gBAAgBjB,EAAIkB,GAAG,sBAAsBd,EAAG,iBAAiB,CAACE,MAAM,CAAC,OAASN,EAAIoF,cAAc,SAAWpF,EAAIqF,OAAOC,MAAMlC,KAAKmC,WAAW9B,GAAG,OAASzD,EAAIU,OAAO,KAAO,wBAAwB,KAAO,gBAAgBC,GAAG,CAAC,SAAWX,EAAIwF,iBAAiB,aAAe,SAAS5E,GAAQZ,EAAIU,QAAS,OAAW,OACrrDV,EACJ,gBAAEI,EAAG,MAAM,CAACa,YAAY,sGAAsG,CAACb,EAAG,MAAM,CAACa,YAAY,6EAA6E,CAACb,EAAG,MAAM,CAACa,YAAY,kDAAkD,CAACb,EAAG,MAAM,CAACa,YAAY,iIAAiI,CAACb,EAAG,MAAM,CAACa,YAAY,sEAAsEb,EAAG,MAAM,CAACa,YAAY,sEAAsEb,EAAG,MAAM,CAACa,YAAY,sEAAsEb,EAAG,MAAM,CAACa,YAAY,sEAAsEb,EAAG,MAAM,CAACa,YAAY,sEAAsEb,EAAG,MAAM,CAACa,YAAY,4EAA4Eb,EAAG,SAAS,CAACJ,EAAIkB,GAAG,kBAAkBlB,EAAIwB,MAAOxB,EAAIyF,iBAAmBzF,EAAI0F,UAAUnE,OAAS,EAAGnB,EAAG,MAAM,CAACa,YAAY,OAAOjB,EAAI2B,GAAI3B,EAAqB,mBAAE,SAAS2F,EAAEC,GAAO,OAAOxF,EAAG,MAAM,CAACW,IAAI4E,EAAElC,GAAGxC,YAAY,kEAAkE,CAACb,EAAG,MAAM,CAACa,YAAY,gLAAgL4E,MAAQ,aAAe7F,EAAI8F,kBAC39CvE,OACLqE,IAAU,CAACxF,EAAG,MAAM,CAACa,YAAY,uFAAuF,CAACb,EAAG,MAAM,CAACA,EAAG,MAAM,CAACa,YAAY,mHAAmH,CAACb,EAAG,aAAa,CAACE,MAAM,CAAC,GAAK,oBAAoB,MAAQ,GAAG,QAAU,OAAO,eAAe,mDAAmD,aAAa,oBAAoB,WAAW,IAAIO,YAAYb,EAAIc,GAAG,CAAC,CAACC,IAAI,iBAAiBC,GAAG,WAAW,MAAO,CAACZ,EAAG,IAAI,CAACa,YAAY,mKAAmKG,OAAM,IAAO,MAAK,IAAO,CAAChB,EAAG,kBAAkB,CAACO,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAI+F,aACnwBJ,MACC,CAACvF,EAAG,IAAI,CAACa,YAAY,+MAA+MjB,EAAIkB,GAAG,UAAUd,EAAG,kBAAkB,CAACE,MAAM,CAAC,QAAU,UAAUK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAIgG,WAAWL,EAAElC,OAAO,CAACrD,EAAG,IAAI,CAACa,YAAY,uMAAuMjB,EAAIkB,GAAG,aAAa,IAAI,GAAGd,EAAG,MAAM,CAACa,YAAY,wJAAwJN,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAI+F,aACxzBJ,MACC,CAACvF,EAAG,MAAM,CAACa,YAAY,yLAAyL,CAC7M0E,EAAEM,SAASC,SACP,SAEN9F,EAAG,IAAI,CAACa,YAAY,sPAAsPjB,EAAIwB,KAC5QmE,EAAEM,SAASC,SACP,eAEN9F,EAAG,IAAI,CAACa,YAAY,iQAAiQjB,EAAIwB,SAASpB,EAAG,MAAM,CAACa,YAAY,yEAAyEN,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAI+F,aAC3aJ,MACC,CAACvF,EAAG,MAAM,CAACa,YAAY,wIAAwI,CAACb,EAAG,KAAK,CAACa,YAAY,qMAAqM,CAACjB,EAAIkB,GAAG,IAAIlB,EAAIiC,GAAG0D,EAAEnD,aAAa,OAAOpC,EAAG,IAAI,CAACa,YAAY,4IAA4I,CAACjB,EAAIkB,GAAG,IAAIlB,EAAIiC,GAAGjC,EAAImG,mBAAoB,IAAIC,KAAMT,EAAEU,oBAAsB,sBAAqB,GAAGrG,EAAIwB,KAAOxB,EAAIyF,iBAA2C,GAAxBzF,EAAI0F,UAAUnE,OAAgJvB,EAAIwB,KAAvIpB,EAAG,MAAM,CAACA,EAAG,MAAM,CAACa,YAAY,oBAAoB,CAACb,EAAG,IAAI,CAACa,YAAY,uBAAuBjB,EAAIkB,GAAG,6BAAuClB,EAAIyF,iBAAmBzF,EAAI0F,UAAUnE,OAAS,GAAqC,GAAhCvB,EAAI8F,kBAAkBvE,OAAanB,EAAG,MAAM,CAACA,EAAG,MAAM,CAACa,YAAY,oBAAoB,CAACb,EAAG,IAAI,CAACa,YAAY,uBAAuBjB,EAAIkB,GAAG,0BAA0BlB,EAAIwB,MAAM,IACrnC0B,EAAkB,G,2KCbtB,GACE,KAAF,CACI,MAAJ,8BAEE,WAAF,CACI,OAAJ,OACI,WAAJ,OACI,cAAJ,QAEE,KATF,WAUI,MAAJ,CACM,MAAN,6BACM,MAAN,CACA,CACQ,KAAR,YACQ,KAAR,KAEA,CACQ,KAAR,6BACQ,QAAR,IAGM,cAAN,CACQ,KAAR,qDACQ,UAAR,UACQ,OAAR,YAEM,UAAN,GACM,iBAAN,EACM,QAAN,EACM,WAAN,GACM,YAAN,eACM,QAAN,GACM,YAAN,IAGE,SAAF,CACI,kBADJ,WACM,IAAN,OACA,iBACA,gCACA,8CACQ,EAAR,sBACU,OAAV,qEAGM,IAAN,4BAKM,OAJN,kCACQ,GAAR,iCACQ,EAAR,2BAEA,IAGE,QArDF,WAsDI,KAAJ,2CAEE,QAAF,CACI,YADJ,SACA,GACM,KAAN,6CACM,KAAN,yDAEI,iBALJ,SAKA,GACM,KAAN,mBAEI,aARJ,SAQA,GACM,KAAN,gBAEI,WAXJ,SAWA,GAAM,IAAN,OACM,EAAN,QACQ,MAAR,gBACQ,KAAR,oCACQ,KAAR,UACQ,kBAAR,EACQ,mBAAR,UACQ,kBAAR,UACQ,kBAAR,oBACA,kBACA,SACU,EAAV,OACA,qCACA,kBACY,GAAZ,aACc,OAAd,YACA,oBACA,SAGY,IAAZ,qCAAc,OAAd,WACY,EAAZ,sBACY,EAAZ,gDAEA,kBACY,EAAZ,+CAKI,gBAzCJ,SAyCA,KAAM,IAAN,OAAM,OAAN,qDAAQ,OAAR,iFACA,qBADA,SAEA,SACA,iCACkB,GAAlB,EACkB,KAAlB,4BAEA,kBACkB,EAAlB,oBAEA,kBACkB,EAAlB,UACA,4CACA,YAbA,OAgBA,qBAhBA,gDCvGoX,I,YCOhXK,EAAY,eACd,EACAxD,EACAmD,GACA,EACA,KACA,KACA,MAIa,aAAAK,E","file":"js/chunk-5fbf10b4.5f693ff3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-popover',{attrs:{\"target\":_vm.pvId,\"triggers\":\"click\",\"placement\":_vm.option.placement,\"custom-class\":\"popover-documents\",\"show\":_vm.showPV},on:{\"update:show\":function($event){_vm.showPV=$event}},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('div',{staticClass:\"d-flex align-items-center justify-content-between\"},[_c('small',[_vm._v(\"Upload Documents\")]),_c('span',{staticClass:\"bx bx-x font-size-14 cursor-pointer\",on:{\"click\":_vm.hidePopOver}})])]},proxy:true}])},[_c('div',{staticClass:\"text-center bg-soft-grey upload-drop-div position-relative\",class:{'py-3 cursor-pointer min-height-250px': !_vm.uploadFiles.length}},[(!_vm.uploadFiles.length)?_c('div',{staticClass:\"d-flex justify-content-center flex-column align-items-center px-5 drop-message position-absolute top-0\",on:{\"click\":_vm.showFileChooser}},[_c('h3',{staticClass:\"text-green\",staticStyle:{\"font-size\":\"1.421875rem\"}},[_vm._v(\" Drag and drop or click here to upload content \")]),_c('div',{staticStyle:{\"color\":\"#a6b0cf\",\"font-size\":\"18px\"}},[_vm._v(\" only pdf and images are allowed to upload (max 100mb) \")])]):_vm._e(),(_vm.uploadFiles.length)?[_c('div',{staticClass:\"cursor-pointer\",staticStyle:{\"height\":\"8px\",\"width\":\"100%\"},on:{\"click\":_vm.showFileChooser}}),_vm._l((_vm.uploadFiles),function(x,xIndex){return _c('div',{key:xIndex,staticClass:\"d-flex\",staticStyle:{\"gap\":\"10px\"}},[_c('div',{staticStyle:{\"width\":\"40% !important\"}},[_c('div',{staticClass:\"upload-drop-file-preview\"},[_c('div',{staticClass:\"upload-drop-image\",class:{'border border-danger p-2 border-r-5px': x.error}},[_c('img',{attrs:{\"src\":x.src,\"alt\":x.name}})])]),_c('div',{staticClass:\"dz-details text-center px-2\"},[_c('div',{staticClass:\"dz-filename text-ellipsis px-2\",attrs:{\"title\":x.name}},[_c('span',[_vm._v(_vm._s(x.name))])]),(x.error)?_c('div',{staticClass:\"dz-error-message px-2 border border-danger border-r-5px\"},[_c('span',{staticClass:\"text-danger\",staticStyle:{\"font-weight\":\"600\"}},[_vm._v(_vm._s(x.errorMessage))])]):_vm._e()])]),_c('div',{staticStyle:{\"margin-block\":\"15px\",\"margin-right\":\"10px\",\"width\":\"60% !important\"}},[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(x.description),expression:\"x.description\"}],staticClass:\"form-control upload-textarea\",class:{'is-invalid': x.inputError && !x.description},attrs:{\"placeholder\":\"Add Description\"},domProps:{\"value\":(x.description)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(x, \"description\", $event.target.value)}}}),(x.inputError && !x.description)?_c('div',{staticClass:\"input-error\"},[_c('span',{staticClass:\"text-danger\"},[_vm._v(\"This field is required\")])]):_vm._e(),_c('button',{staticClass:\"cursor-pointer btn btn-sm btn-danger mt-2 btn-block\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.removeDocument(xIndex)}}},[_c('i',{staticClass:\"bx bx-trash me-1\"}),_vm._v(\"Remove File\")])])])}),_c('div',{staticClass:\"cursor-pointer\",staticStyle:{\"height\":\"8px\",\"width\":\"100%\"},on:{\"click\":_vm.showFileChooser}})]:_vm._e()],2),_c('input',{ref:\"input\",staticClass:\"d-none\",attrs:{\"type\":\"file\",\"name\":\"image\",\"accept\":_vm.acceptedFiles,\"multiple\":\"\"},on:{\"change\":_vm.setDocuments}}),_c('div',{staticClass:\"text-right mt-3\"},[(_vm.uploadFiles.length)?_c('button',{staticClass:\"btn btn-success btn-sm me-1\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.uploadDocument()}}},[_c('i',{staticClass:\"bx bx-upload me-1\"}),_vm._v(\"Upload \")]):_vm._e(),_c('button',{staticClass:\"btn btn-sm\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.hidePopOver}},[_c('i',{staticClass:\"bx bx-x me-1\"}),_vm._v(\"Cancel \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nimport pdf from \"@/assets/images/icons/pdf.png\";\r\nexport default {\r\n  name: \"UploadPopover\",\r\n  props: [\"option\", \"sourceId\", \"showPV\", \"dzId\", \"pvId\"],\r\n  data() {\r\n    return {\r\n        uploadFiles: [],\r\n        maxFilesize: 100,\r\n        acceptedFiles: \"image/*,application/pdf\",\r\n    }\r\n  },\r\n  methods: {\r\n    hidePopOver() {\r\n        this.uploadFiles = [];\r\n        this.$refs.input.value = '';\r\n        this.$emit(\"closePopover\");\r\n    },\r\n    async showFileChooser() {\r\n        this.$refs.input.click();\r\n    },\r\n    handleFileUpload(file){\r\n        return new Promise((resolve, reject) => {\r\n            const reader = new FileReader();\r\n            reader.onload = () => {\r\n                resolve(reader.result);\r\n            };\r\n            reader.onerror = reject;\r\n            reader.readAsDataURL(file);\r\n        })\r\n    },\r\n    async setDocuments(e){\r\n        const files = e.target.files;\r\n        let uploadFiles = [];\r\n        if (typeof FileReader === \"function\") {\r\n            const reader = new FileReader();\r\n            for await(const file of files){\r\n                const result = await this.handleFileUpload(file);\r\n                if(result){\r\n                    uploadFiles.push({\r\n                        src: file.type.toLowerCase().includes('pdf') ? pdf : result,\r\n                        name: file.name,\r\n                        size: file.size,\r\n                        type: file.type,\r\n                        file: file,\r\n                        description: '',\r\n                        error: false,\r\n                        errorMessage: '',\r\n                        inputError: false,\r\n                    })\r\n                }\r\n            }\r\n            this.uploadFiles = this.uploadFiles.concat(uploadFiles);\r\n        } else {\r\n            alert(\"Sorry, FileReader API not supported\");\r\n        }\r\n    },\r\n    removeDocument(index){\r\n        this.uploadFiles.splice(index, 1);\r\n    },\r\n    async uploadToServer(data){\r\n        try{\r\n            let response = await this.$store.dispatch(\"filemanager/UploadFile\", data);\r\n            if (response.data.error) {\r\n                return { error: true, message: response.data.errorMessage };\r\n            }\r\n            return { error: false, data: response.data };\r\n        }catch(e){\r\n            return { error: true, message: \"Something went wrong\" };\r\n        }\r\n    },\r\n    async uploadDocument(){\r\n        let errorDetails = [];\r\n        for await(const file of this.uploadFiles){\r\n            if(!file.description){\r\n                file.inputError = true;\r\n                errorDetails.push(file);\r\n            }\r\n            if(file.size > this.maxFilesize * 1024 * 1024){\r\n                file.error = true;\r\n                file.errorMessage = `File size should not exceed ${this.maxFilesize}mb`;\r\n                errorDetails.push(file);\r\n            }\r\n            if(file.type !== 'application/pdf' && !file.type.includes('image')){\r\n                file.error = true;\r\n                file.errorMessage = `Only pdf and images are allowed to upload`;\r\n                errorDetails.push(file);\r\n            }\r\n        }\r\n        if(errorDetails.length) return;\r\n        errorDetails = [];\r\n        let successFiles = [];\r\n        for await(const file of this.uploadFiles){\r\n            let data = {\r\n                id: this.sourceId,\r\n                type: this.option.type,\r\n                folder: this.option.folder,\r\n                description: file.description,\r\n                file: file.file,\r\n            }\r\n            let response = await this.uploadToServer(data);\r\n            if(response.error){\r\n                file.error = true;\r\n                file.errorMessage = response.message;\r\n                errorDetails.push(file);\r\n            }else{\r\n                successFiles.push({file: file, response: response.data});\r\n            }\r\n        }\r\n        if(successFiles.length){\r\n            successFiles.map(item => {\r\n                let index = this.uploadFiles.indexOf(item.file);\r\n                this.uploadFiles.splice(index, 1);\r\n                this.$emit(\"uploaded\", item.response);\r\n            })\r\n            this.showToast(`Succesfully uploaded - ${successFiles.length} files`, 'success');\r\n        }\r\n        if(errorDetails.length) return;\r\n        this.hidePopOver();\r\n    },\r\n  }\r\n}\r\n</script>\r\n<template>\r\n    <b-popover\r\n        :target=\"pvId\"\r\n        triggers=\"click\"\r\n        :placement=\"option.placement\"\r\n        custom-class=\"popover-documents\"\r\n        :show.sync=\"showPV\"\r\n    >\r\n        <template v-slot:title>\r\n            <div class=\"d-flex align-items-center justify-content-between\">\r\n                <small>Upload Documents</small>\r\n                <span\r\n                class=\"bx bx-x font-size-14 cursor-pointer\"\r\n                @click=\"hidePopOver\"\r\n                ></span>\r\n            </div>\r\n        </template>\r\n        <div class=\"text-center bg-soft-grey upload-drop-div position-relative\" :class=\"{'py-3 cursor-pointer min-height-250px': !uploadFiles.length}\">\r\n            <div class=\"d-flex justify-content-center flex-column align-items-center px-5 drop-message position-absolute top-0\" v-if=\"!uploadFiles.length\" @click=\"showFileChooser\">\r\n                <h3 style=\"font-size:1.421875rem;\" class=\"text-green\">\r\n                    Drag and drop or click here to upload content\r\n                </h3>\r\n                <div style=\"color:#a6b0cf;font-size:18px;\">\r\n                    only pdf and images are allowed to upload (max 100mb)\r\n                </div>\r\n            </div>\r\n            <template v-if=\"uploadFiles.length\">\r\n                <div style=\"height:8px;width:100%;\" class=\"cursor-pointer\" @click=\"showFileChooser\"></div>\r\n                <div class=\"d-flex\" v-for=\"(x, xIndex) in uploadFiles\" :key=\"xIndex\" style=\"gap:10px;\">\r\n                    <div style=\"width:40% !important\">\r\n                        <div class=\"upload-drop-file-preview\" >\r\n                            <div class=\"upload-drop-image\" :class=\"{'border border-danger p-2 border-r-5px': x.error}\">\r\n                                <img :src=\"x.src\" :alt=\"x.name\">\r\n                            </div>\r\n                            <!-- <div class=\"dz-progress\"><span class=\"dz-upload\"></span></div> -->\r\n                        </div>\r\n                        <div class=\"dz-details text-center px-2\">\r\n                            <div class=\"dz-filename text-ellipsis px-2\" :title=\"x.name\"><span>{{x.name}}</span></div>\r\n                            <div class=\"dz-error-message px-2 border border-danger border-r-5px\" v-if=\"x.error\"><span class=\"text-danger\" style=\"font-weight:600;\">{{x.errorMessage}}</span></div>\r\n                        </div>\r\n                    </div>\r\n                    <div style=\"margin-block:15px; margin-right:10px; width:60% !important\">\r\n                        <textarea class=\"form-control upload-textarea\" :class=\"{'is-invalid': x.inputError && !x.description}\" placeholder=\"Add Description\" v-model=\"x.description\"></textarea>\r\n                        <div class=\"input-error\" v-if=\"x.inputError && !x.description\">\r\n                            <span class=\"text-danger\">This field is required</span>\r\n                        </div>\r\n                        <button type=\"button\" class=\"cursor-pointer btn btn-sm btn-danger mt-2 btn-block\" @click=\"removeDocument(xIndex)\"><i class=\"bx bx-trash me-1\"></i>Remove File</button>\r\n                    </div>\r\n                </div>\r\n                <div style=\"height:8px;width:100%;\" class=\"cursor-pointer\" @click=\"showFileChooser\"></div>\r\n            </template>\r\n        </div>\r\n        <input ref=\"input\" type=\"file\" name=\"image\" :accept=\"acceptedFiles\" @change=\"setDocuments\" multiple class=\"d-none\"/>\r\n        <div class=\"text-right mt-3\">\r\n            <button\r\n                type=\"button\"\r\n                class=\"btn btn-success btn-sm me-1\"\r\n                @click=\"uploadDocument()\"\r\n                v-if=\"uploadFiles.length\"\r\n            >\r\n                <i class=\"bx bx-upload me-1\"></i>Upload\r\n            </button>\r\n            <button type=\"button\" class=\"btn btn-sm\" @click=\"hidePopOver\">\r\n                <i class=\"bx bx-x me-1\"></i>Cancel\r\n            </button>\r\n        </div>\r\n    </b-popover>\r\n</template>","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!./upload-popover.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!./upload-popover.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./upload-popover.vue?vue&type=template&id=87b29234&\"\nimport script from \"./upload-popover.vue?vue&type=script&lang=js&\"\nexport * from \"./upload-popover.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row mb-2\"},[_c('div',{staticClass:\"col-6 d-flex flex-row align-items-center\"},[_c('h4',{staticClass:\"mb-0 font-size-18\"},[_vm._v(_vm._s(_vm.title))])]),_c('div',{staticClass:\"col-6 d-flex justify-content-end align-items-end\"},[_c('div',{staticClass:\"page-title-right\"},[_c('ol',{staticClass:\"breadcrumb m-0\"},_vm._l((_vm.items),function(x){return _c('li',{key:x.id,staticClass:\"breadcrumb-item\"},[_c('a',{attrs:{\"href\":\"javascript:void(0);\"},on:{\"click\":function($event){return _vm.$router.push(x.href)}}},[_vm._v(_vm._s(x.text))])])}),0)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nexport default {\r\n  components: {},\r\n  props: {\r\n    title: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    items: {\r\n      type: Array,\r\n      default: () => {\r\n        return []\r\n      },\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<template>\r\n  <!-- start page title -->\r\n  <div class=\"row mb-2\">\r\n    <div class=\"col-6 d-flex flex-row align-items-center\">\r\n      <h4 class=\"mb-0 font-size-18\">{{ title }}</h4>\r\n    </div>\r\n    <div class=\"col-6 d-flex justify-content-end align-items-end\">\r\n      <div class=\"page-title-right\">\r\n        <ol class=\"breadcrumb m-0\">\r\n          <li class=\"breadcrumb-item\" v-for=\"x in items\" :key=\"x.id\">\r\n            <a href=\"javascript:void(0);\" @click=\"$router.push(x.href)\">{{x.text}}</a>\r\n          </li>\r\n        </ol>\r\n        <!-- <b-breadcrumb :items=\"items\" class=\"m-0\"></b-breadcrumb> -->\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <!-- end page title -->\r\n</template>\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!./page-header.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!./page-header.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./page-header.vue?vue&type=template&id=05ed9e2d&\"\nimport script from \"./page-header.vue?vue&type=script&lang=js&\"\nexport * from \"./page-header.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export default function _asyncIterator(iterable) {\n  var method;\n\n  if (typeof Symbol !== \"undefined\") {\n    if (Symbol.asyncIterator) {\n      method = iterable[Symbol.asyncIterator];\n      if (method != null) return method.call(iterable);\n    }\n\n    if (Symbol.iterator) {\n      method = iterable[Symbol.iterator];\n      if (method != null) return method.call(iterable);\n    }\n  }\n\n  throw new TypeError(\"Object is not async iterable\");\n}","var defineWellKnownSymbol = require('../internals/define-well-known-symbol');\n\n// `Symbol.asyncIterator` well-known symbol\n// https://tc39.github.io/ecma262/#sec-symbol.asynciterator\ndefineWellKnownSymbol('asyncIterator');\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Layout',{on:{\"changeCycle\":_vm.changeCycle}},[_c('PageHeader',{attrs:{\"title\":_vm.title,\"items\":_vm.items}}),_c('div',[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-6 d-flex\"},[_c('div',{staticClass:\"dataTables_filter me-1\",attrs:{\"id\":\"tickets-table_filter\"}},[_c('label',{staticClass:\"\\n                            d-inline-flex\\n                            align-items-center\\n                        \"},[_c('b-form-input',{staticClass:\"form-control\",attrs:{\"autocomplete\":\"off\",\"type\":\"search\",\"placeholder\":\"Search Document...\"},model:{value:(_vm.filterDocu),callback:function ($$v) {_vm.filterDocu=$$v},expression:\"filterDocu\"}})],1)]),_c('div',{staticClass:\"dataTables_length\",attrs:{\"id\":\"tickets-table_length\"}},[_c('label',{staticClass:\"\\n                            d-inline-flex\\n                            align-items-center\\n                            mb-0\\n                        \"},[_c('b-form-select',{staticClass:\"form-select\",attrs:{\"size\":\"sm\",\"options\":_vm.pageOptions},model:{value:(_vm.perPage),callback:function ($$v) {_vm.perPage=$$v},expression:\"perPage\"}})],1)])]),_c('div',{staticClass:\"col-md-6 text-right\"},[_c('button',{staticClass:\"btn btn-primary\",attrs:{\"id\":\"common-files\"},on:{\"click\":function($event){_vm.showPV = true}}},[_c('i',{staticClass:\"fas fa-plus\"}),_vm._v(\" Add More Files \")]),_c('upload-popover',{attrs:{\"option\":_vm.uploadOptions,\"sourceId\":_vm.$store.state.data.selectedDU.id,\"showPV\":_vm.showPV,\"dzId\":\"dropzone-common-files\",\"pvId\":\"common-files\"},on:{\"uploaded\":_vm.uploadedDocument,\"closePopover\":function($event){_vm.showPV = false}}})],1)])]),(\n            _vm.documentLoading\n        )?_c('div',{staticClass:\"\\n            d-flex\\n            justify-content-center\\n            align-items-center\\n        \"},[_c('div',{staticClass:\"\\n                preloader-component\\n                me-2\\n            \"},[_c('div',{staticClass:\"\\n                    status\\n                \"},[_c('div',{staticClass:\"\\n                        spinner-chase\\n                        w-20px\\n                        h-20px\\n                    \"},[_c('div',{staticClass:\"\\n                            chase-dot\\n                        \"}),_c('div',{staticClass:\"\\n                            chase-dot\\n                        \"}),_c('div',{staticClass:\"\\n                            chase-dot\\n                        \"}),_c('div',{staticClass:\"\\n                            chase-dot\\n                        \"}),_c('div',{staticClass:\"\\n                            chase-dot\\n                        \"}),_c('div',{staticClass:\"\\n                            chase-dot\\n                        \"})])])]),_c('strong',[_vm._v(\"Loading...\")])]):_vm._e(),(!_vm.documentLoading && _vm.documents.length > 0)?_c('div',{staticClass:\"row\"},_vm._l((_vm.filteredDocuments),function(y,index){return _c('div',{key:y.id,staticClass:\"\\n                col-md-3\\n                mb-2\\n            \"},[_c('div',{staticClass:\"\\n                    position-relative\\n                    cursor-pointer\\n                    border\\n                    mt-2\\n                    br-5\\n                \",style:((\"z-index: \" + (_vm.filteredDocuments\n                        .length -\n                    index)))},[_c('div',{staticClass:\"\\n                        border\\n                        p-3\\n                    \"},[_c('div',[_c('div',{staticClass:\"\\n                                float-end\\n                                ms-2\\n                            \"},[_c('b-dropdown',{attrs:{\"id\":\"dropdown-dropleft\",\"right\":\"\",\"variant\":\"link\",\"toggle-class\":\"text-decoration-none text-dark font-size-16 pt-0\",\"menu-class\":\"dropdown-menu-end\",\"no-caret\":\"\"},scopedSlots:_vm._u([{key:\"button-content\",fn:function(){return [_c('i',{staticClass:\"\\n                                            mdi\\n                                            mdi-dots-horizontal\\n                                        \"})]},proxy:true}],null,true)},[_c('b-dropdown-item',{on:{\"click\":function($event){return _vm.openDocument(\n                                            y\n                                        )}}},[_c('i',{staticClass:\"\\n                                            bx\\n                                            bx-link-external\\n                                            me-1\\n                                        \"}),_vm._v(\"Open\")]),_c('b-dropdown-item',{attrs:{\"variant\":\"danger\"},on:{\"click\":function($event){return _vm.removeFile(y.id)}}},[_c('i',{staticClass:\"\\n                                            bx\\n                                            bx-trash\\n                                            me-1\\n                                        \"}),_vm._v(\"Remove\")])],1)],1),_c('div',{staticClass:\"\\n                                avatar-xs\\n                                me-3\\n                                mb-2\\n                            \",on:{\"click\":function($event){return _vm.openDocument(\n                                    y\n                                )}}},[_c('div',{staticClass:\"\\n                                    avatar-title\\n                                    bg-transparent\\n                                    rounded\\n                                \"},[(\n                                        y.fileType.includes(\n                                            'image'\n                                        )\n                                    )?_c('i',{staticClass:\"\\n                                        mdi\\n                                        mdi-image\\n                                        font-size-24\\n                                        text-purple\\n                                    \"}):_vm._e(),(\n                                        y.fileType.includes(\n                                            'application'\n                                        )\n                                    )?_c('i',{staticClass:\"\\n                                        mdi\\n                                        mdi-file-pdf-outline\\n                                        font-size-24\\n                                        text-danger\\n                                    \"}):_vm._e()])]),_c('div',{staticClass:\"\\n                                d-flex\\n                            \",on:{\"click\":function($event){return _vm.openDocument(\n                                    y\n                                )}}},[_c('div',{staticClass:\"\\n                                    overflow-hidden\\n                                    me-auto\\n                                \"},[_c('h5',{staticClass:\"\\n                                        font-size-14\\n                                        text-truncate\\n                                        mb-1\\n                                    \"},[_vm._v(\" \"+_vm._s(y.description)+\" \")]),_c('p',{staticClass:\"\\n                                        text-muted\\n                                        mb-0\\n                                    \"},[_vm._v(\" \"+_vm._s(_vm.formatDateWithTime( new Date( y.dateTimeUploaded ) ))+\" \")])])])])])])])}),0):_vm._e(),(!_vm.documentLoading && _vm.documents.length == 0)?_c('div',[_c('div',{staticClass:\"mt-5 text-center\"},[_c('i',{staticClass:\"fas fa-info-circle\"}),_vm._v(\" No documents found \")])]):_vm._e(),(!_vm.documentLoading && _vm.documents.length > 0 && _vm.filteredDocuments.length == 0)?_c('div',[_c('div',{staticClass:\"mt-5 text-center\"},[_c('i',{staticClass:\"fas fa-info-circle\"}),_vm._v(\" Search not found \")])]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nimport Layout from \"../../layouts/main\";\r\nimport PageHeader from \"@/components/page-header\";\r\nimport UploadPopover from \"@/components/widgets/upload-popover.vue\";\r\nimport Swal from \"sweetalert2\";\r\n\r\nexport default {\r\n    page: {\r\n        title: \"Delivery Unit Common Files\",\r\n    },\r\n    components: {\r\n        Layout,\r\n        PageHeader,\r\n        UploadPopover\r\n    },\r\n    data() {\r\n        return {\r\n            title: \"Delivery Unit Common Files\",\r\n            items: [\r\n                {\r\n                    text: \"Dashboard\",\r\n                    href: \"/\",\r\n                },\r\n                {\r\n                    text: \"Delivery Unit Common Files\",\r\n                    active: true,\r\n                },\r\n            ],\r\n            uploadOptions: {\r\n                type: `Common Files ${this.$store.state.data.cycle}`,\r\n                placement: \"lefttop\",\r\n                folder: \"Planning\",\r\n            },\r\n            documents: [],\r\n            documentLoading: false,\r\n            showPV: false,\r\n            filterDocu: '',\r\n            pageOptions: [12, 24, 48, 100],\r\n            perPage: 12,\r\n            currentPage: 1,\r\n        };\r\n    },\r\n    computed: {\r\n        filteredDocuments() {\r\n            let data = this.documents;\r\n            var total = this.currentPage * this.perPage;\r\n            if (this.filterDocu.trim() != \"\" && this.filterDocu) {\r\n                data = data.filter((document) => {\r\n                    return document.description.toLowerCase().includes(this.filterDocu.toLowerCase());\r\n                });\r\n            }\r\n            var currentData = data.slice(total - this.perPage, total);\r\n            if (this.currentPage > 1 && currentData.length == 0) {\r\n                total = (this.currentPage - 1) * this.perPage;\r\n                currentData = data.slice(total - this.perPage, total);\r\n            }\r\n            return currentData;\r\n        },\r\n    },\r\n    created(){\r\n        this.changeCycle(this.$store.state.data.cycle);\r\n    },\r\n    methods: {\r\n        changeCycle($event){\r\n            this.uploadOptions.type = `Common Files ${$event}`;\r\n            this.getDocumentList($event, this.$store.state.data.selectedDU.id);\r\n        },\r\n        uploadedDocument(response) {\r\n            this.documents.push(response);\r\n        },\r\n        openDocument(x) {\r\n            this.readFile(x.id)\r\n        },\r\n        removeFile(id) {\r\n            Swal.fire({\r\n                title: \"Are you sure?\",\r\n                text: \"You won't be able to revert this!\",\r\n                icon: \"warning\",\r\n                showCancelButton: true,\r\n                confirmButtonColor: \"#dc3545\",\r\n                cancelButtonColor: \"#5c636a\",\r\n                confirmButtonText: \"Yes, remove it!\",\r\n            }).then((result) => {\r\n                if (result.value) {\r\n                    this.$store\r\n                        .dispatch(\"filemanager/DeleteFile\", id)\r\n                        .then((res) => {\r\n                            if (res.data.error) {\r\n                                return this.showToast(\r\n                                    res.data.errorMessage,\r\n                                    \"error\"\r\n                                );\r\n                            }\r\n                            let index = this.documents.findIndex((item) => item.id == id);\r\n                            this.documents.splice(index, 1);\r\n                            this.showToast(\"Successfully removed!\", \"success\");\r\n                        })\r\n                        .catch(() => {\r\n                            this.showToast(\"Cannot be removed!\", \"error\");\r\n                        });\r\n                }\r\n            });\r\n        },\r\n        async getDocumentList(cycle, duId) {\r\n            this.documentLoading = true;\r\n            await this.$store\r\n                .dispatch(\"filemanager/GetFiles\", {\r\n                    id: duId,\r\n                    type: `Common Files ${cycle}`,\r\n                })\r\n                .then((res) => {\r\n                    this.documents = res.data;\r\n                })\r\n                .catch(() => {\r\n                    this.showToast(\r\n                        \"Something went wrong! - getting documents\",\r\n                        \"error\"\r\n                    );\r\n                });\r\n            this.documentLoading = false;\r\n        },\r\n    }\r\n}\r\n</script>\r\n<template>\r\n    <Layout @changeCycle=\"changeCycle\">\r\n        <PageHeader :title=\"title\" :items=\"items\" />\r\n        <div>\r\n            <div class=\"row align-items-center\">\r\n                <div class=\"col-md-6 d-flex\">\r\n                    <div\r\n                        id=\"tickets-table_filter\"\r\n                        class=\"dataTables_filter me-1\"\r\n                    >\r\n                        <label\r\n                            class=\"\r\n                                d-inline-flex\r\n                                align-items-center\r\n                            \"\r\n                        >\r\n                            <b-form-input\r\n                                autocomplete=\"off\"\r\n                                v-model=\"filterDocu\"\r\n                                type=\"search\"\r\n                                placeholder=\"Search Document...\"\r\n                                class=\"form-control\"\r\n                            ></b-form-input>\r\n                        </label>\r\n                    </div>\r\n                    <div\r\n                        id=\"tickets-table_length\"\r\n                        class=\"dataTables_length\"\r\n                    >\r\n                        <label\r\n                            class=\"\r\n                                d-inline-flex\r\n                                align-items-center\r\n                                mb-0\r\n                            \"\r\n                        >\r\n                            <b-form-select\r\n                                class=\"form-select\"\r\n                                v-model=\"perPage\"\r\n                                size=\"sm\"\r\n                                :options=\"pageOptions\"\r\n                            ></b-form-select>\r\n                        </label>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-6 text-right\">\r\n                    <button class=\"btn btn-primary\" :id=\"`common-files`\" @click=\"showPV = true\">\r\n                        <i class=\"fas fa-plus\"></i> Add More Files\r\n                    </button>\r\n                    <upload-popover\r\n                        :option=\"\r\n                            uploadOptions\r\n                        \"\r\n                        :sourceId=\"\r\n                            $store.state.data.selectedDU.id\r\n                        \"\r\n                        @uploaded=\"uploadedDocument\"\r\n                        :showPV=\"showPV\"\r\n                        @closePopover=\"\r\n                            showPV = false\r\n                        \"\r\n                        :dzId=\"`dropzone-common-files`\"\r\n                        :pvId=\"`common-files`\"\r\n                    ></upload-popover>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div\r\n            class=\"\r\n                d-flex\r\n                justify-content-center\r\n                align-items-center\r\n            \"\r\n            v-if=\"\r\n                documentLoading\r\n            \"\r\n        >\r\n            <div\r\n                class=\"\r\n                    preloader-component\r\n                    me-2\r\n                \"\r\n            >\r\n                <div\r\n                    class=\"\r\n                        status\r\n                    \"\r\n                >\r\n                    <div\r\n                        class=\"\r\n                            spinner-chase\r\n                            w-20px\r\n                            h-20px\r\n                        \"\r\n                    >\r\n                        <div\r\n                            class=\"\r\n                                chase-dot\r\n                            \"\r\n                        ></div>\r\n                        <div\r\n                            class=\"\r\n                                chase-dot\r\n                            \"\r\n                        ></div>\r\n                        <div\r\n                            class=\"\r\n                                chase-dot\r\n                            \"\r\n                        ></div>\r\n                        <div\r\n                            class=\"\r\n                                chase-dot\r\n                            \"\r\n                        ></div>\r\n                        <div\r\n                            class=\"\r\n                                chase-dot\r\n                            \"\r\n                        ></div>\r\n                        <div\r\n                            class=\"\r\n                                chase-dot\r\n                            \"\r\n                        ></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <strong\r\n                >Loading...</strong\r\n            >\r\n        </div>\r\n        <div v-if=\"!documentLoading && documents.length > 0\" class=\"row\">\r\n            <div\r\n                class=\"\r\n                    col-md-3\r\n                    mb-2\r\n                \"\r\n                v-for=\"(\r\n                    y, index\r\n                ) in filteredDocuments\"\r\n                :key=\"y.id\"\r\n            >\r\n                <div\r\n                    class=\"\r\n                        position-relative\r\n                        cursor-pointer\r\n                        border\r\n                        mt-2\r\n                        br-5\r\n                    \"\r\n                    :style=\"`z-index: ${\r\n                        filteredDocuments\r\n                            .length -\r\n                        index\r\n                    }`\"\r\n                >\r\n                    <div\r\n                        class=\"\r\n                            border\r\n                            p-3\r\n                        \"\r\n                    >\r\n                        <div>\r\n                            <div\r\n                                class=\"\r\n                                    float-end\r\n                                    ms-2\r\n                                \"\r\n                            >\r\n                                <b-dropdown\r\n                                    id=\"dropdown-dropleft\"\r\n                                    right\r\n                                    variant=\"link\"\r\n                                    toggle-class=\"text-decoration-none text-dark font-size-16 pt-0\"\r\n                                    menu-class=\"dropdown-menu-end\"\r\n                                    no-caret\r\n                                >\r\n                                    <template\r\n                                        #button-content\r\n                                    >\r\n                                        <i\r\n                                            class=\"\r\n                                                mdi\r\n                                                mdi-dots-horizontal\r\n                                            \"\r\n                                        ></i>\r\n                                    </template>\r\n                                    <b-dropdown-item\r\n                                        @click=\"\r\n                                            openDocument(\r\n                                                y\r\n                                            )\r\n                                        \"\r\n                                        ><i\r\n                                            class=\"\r\n                                                bx\r\n                                                bx-link-external\r\n                                                me-1\r\n                                            \"\r\n                                        ></i\r\n                                        >Open</b-dropdown-item\r\n                                    >\r\n                                    <b-dropdown-item\r\n                                        variant=\"danger\"\r\n                                        @click=\"removeFile(y.id)\"\r\n                                        ><i\r\n                                            class=\"\r\n                                                bx\r\n                                                bx-trash\r\n                                                me-1\r\n                                            \"\r\n                                        ></i\r\n                                        >Remove</b-dropdown-item\r\n                                    >\r\n                                </b-dropdown>\r\n                            </div>\r\n                            <div\r\n                                class=\"\r\n                                    avatar-xs\r\n                                    me-3\r\n                                    mb-2\r\n                                \"\r\n                                @click=\"\r\n                                    openDocument(\r\n                                        y\r\n                                    )\r\n                                \"\r\n                            >\r\n                                <div\r\n                                    class=\"\r\n                                        avatar-title\r\n                                        bg-transparent\r\n                                        rounded\r\n                                    \"\r\n                                >\r\n                                    <i\r\n                                        v-if=\"\r\n                                            y.fileType.includes(\r\n                                                'image'\r\n                                            )\r\n                                        \"\r\n                                        class=\"\r\n                                            mdi\r\n                                            mdi-image\r\n                                            font-size-24\r\n                                            text-purple\r\n                                        \"\r\n                                    ></i>\r\n                                    <i\r\n                                        v-if=\"\r\n                                            y.fileType.includes(\r\n                                                'application'\r\n                                            )\r\n                                        \"\r\n                                        class=\"\r\n                                            mdi\r\n                                            mdi-file-pdf-outline\r\n                                            font-size-24\r\n                                            text-danger\r\n                                        \"\r\n                                    ></i>\r\n                                </div>\r\n                            </div>\r\n                            <div\r\n                                class=\"\r\n                                    d-flex\r\n                                \"\r\n                                @click=\"\r\n                                    openDocument(\r\n                                        y\r\n                                    )\r\n                                \"\r\n                            >\r\n                                <div\r\n                                    class=\"\r\n                                        overflow-hidden\r\n                                        me-auto\r\n                                    \"\r\n                                >\r\n                                    <h5\r\n                                        class=\"\r\n                                            font-size-14\r\n                                            text-truncate\r\n                                            mb-1\r\n                                        \"\r\n                                    >\r\n                                        {{\r\n                                            y.description\r\n                                        }}\r\n                                    </h5>\r\n                                    <p\r\n                                        class=\"\r\n                                            text-muted\r\n                                            mb-0\r\n                                        \"\r\n                                    >\r\n                                        {{\r\n                                            formatDateWithTime(\r\n                                                new Date(\r\n                                                    y.dateTimeUploaded\r\n                                                )\r\n                                            )\r\n                                        }}\r\n                                    </p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div v-if=\"!documentLoading && documents.length == 0\">\r\n            <div class=\"mt-5 text-center\">\r\n                <i class=\"fas fa-info-circle\"></i> No documents found\r\n            </div>\r\n        </div>\r\n        <div v-if=\"!documentLoading && documents.length > 0 && filteredDocuments.length == 0\">\r\n            <div class=\"mt-5 text-center\">\r\n                <i class=\"fas fa-info-circle\"></i> Search not found\r\n            </div>\r\n        </div>\r\n    </Layout>\r\n</template>","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!./common-files.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!./common-files.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./common-files.vue?vue&type=template&id=71026e40&\"\nimport script from \"./common-files.vue?vue&type=script&lang=js&\"\nexport * from \"./common-files.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}