{"version":3,"sources":["webpack:///./src/views/pages/E-Learning/VirtualClass/BottomPanel/WebBoard/WebBoard.vue?0661","webpack:///./src/views/pages/E-Learning/VirtualClass/BottomPanel/WebBoard/WebBoard.vue?42f3","webpack:///src/views/pages/E-Learning/VirtualClass/BottomPanel/WebBoard/WebBoard.vue","webpack:///./src/views/pages/E-Learning/VirtualClass/BottomPanel/WebBoard/WebBoard.vue?ba4c","webpack:///./src/views/pages/E-Learning/VirtualClass/BottomPanel/WebBoard/WebBoard.vue?2faa"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","model","value","callback","$$v","postSearchQuery","expression","on","$event","addPostActive","newPost","_v","_s","$t","timeFilter","staticStyle","handleTimeFilter","type","indexOf","_k","keyCode","key","preventDefault","tabberNewpost","ref","length","onAddNewPostClick","_e","style","isLoading","_l","webBoard","index","refInFor","nativeOn","onCollapseClick","collapseChange","slot","getUserPhoto","getUserName","getUserTime","getWebBoardReplyQty","isCollapse","topic","includes","substr","lastIndexOf","webBoardReplies","slice","initialComment","webBoardReply","webBoardReplyIndex","replyMessage","onMoreCommentsClick","onLessCommentClick","undefined","commentBox","tabber","$set","onPostCommentClick","staticRenderFns","component"],"mappings":"uIAAA,yBAAsnB,EAAG,G,yCCAznB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,oBAAoBC,MAAM,CAAC,GAAK,gBAAgB,CAACH,EAAG,MAAM,CAACE,YAAY,6CAA6C,CAACF,EAAG,WAAW,CAACE,YAAY,4BAA4BC,MAAM,CAAC,KAAO,cAAc,iBAAiB,GAAG,YAAY,UAAU,YAAc,UAAUC,MAAM,CAACC,MAAOT,EAAmB,gBAAEU,SAAS,SAAUC,GAAMX,EAAIY,gBAAgBD,GAAKE,WAAW,sBAAsB,GAAGT,EAAG,MAAM,CAACE,YAAY,oFAAoF,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,YAAY,CAACE,YAAY,OAAOC,MAAM,CAAC,KAAO,YAAY,YAAY,WAAWO,GAAG,CAAC,MAAQ,SAASC,GAAQf,EAAIgB,eAAiBhB,EAAIgB,cAAchB,EAAIiB,QAAU,MAAM,CAACjB,EAAIkB,GAAG,IAAIlB,EAAImB,GAAGnB,EAAIoB,GAAG,2BAA2B,QAAQ,KAAKhB,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,cAAc,CAACE,YAAY,iBAAiBC,MAAM,CAAC,mBAAmB,KAAK,CAACH,EAAG,OAAO,CAACE,YAAY,qBAAqB,CAACF,EAAG,OAAO,CAACJ,EAAIkB,GAAGlB,EAAImB,GAAGnB,EAAIqB,eAAejB,EAAG,eAAe,CAACE,YAAY,iBAAiBgB,YAAY,CAAC,MAAQ,OAAO,OAAS,QAAQf,MAAM,CAAC,KAAO,sBAAsB,GAAGH,EAAG,mBAAmB,CAACE,YAAY,QAAQ,CAACF,EAAG,mBAAmB,CAACU,GAAG,CAAC,MAAQ,SAASC,GAAQf,EAAIuB,iBAAiBvB,EAAIoB,GAAG,0BAA0B,CAACpB,EAAIkB,GAAG,IAAIlB,EAAImB,GAAGnB,EAAIoB,GAAG,uBAAuB,OAAOhB,EAAG,mBAAmB,CAACU,GAAG,CAAC,MAAQ,SAASC,GAAQf,EAAIuB,iBAAiBvB,EAAIoB,GAAG,2BAA2B,CAACpB,EAAIkB,GAAG,IAAIlB,EAAImB,GAAGnB,EAAIoB,GAAG,wBAAwB,OAAOhB,EAAG,oBAAoB,CAACU,GAAG,CAAC,MAAQ,SAASC,GAAQf,EAAIuB,iBAAiBvB,EAAIoB,GAAG,+BAA+B,CAACpB,EAAIkB,GAAG,IAAIlB,EAAImB,GAAGnB,EAAIoB,GAAG,4BAA4B,OAAOhB,EAAG,mBAAmB,CAACU,GAAG,CAAC,MAAQ,SAASC,GAAQf,EAAIuB,iBAAiBvB,EAAIoB,GAAG,2BAA2B,CAACpB,EAAIkB,GAAG,IAAIlB,EAAImB,GAAGnB,EAAIoB,GAAG,wBAAwB,OAAOhB,EAAG,mBAAmB,CAACU,GAAG,CAAC,MAAQ,SAASC,GAAQf,EAAIuB,iBAAiBvB,EAAIoB,GAAG,4BAA4B,CAACpB,EAAIkB,GAAG,IAAIlB,EAAImB,GAAGnB,EAAIoB,GAAG,yBAAyB,OAAOhB,EAAG,mBAAmB,CAACU,GAAG,CAAC,MAAQ,SAASC,GAAQf,EAAIuB,iBAAiBvB,EAAIoB,GAAG,2BAA2B,CAACpB,EAAIkB,GAAG,IAAIlB,EAAImB,GAAGnB,EAAIoB,GAAG,wBAAwB,QAAQ,IAAI,IAAI,KAAKhB,EAAG,aAAa,CAACG,MAAM,CAAC,KAAO,SAAS,KAAO,SAAS,CAAEP,EAAiB,cAAEI,EAAG,MAAM,CAACE,YAAY,+CAA+C,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgBgB,YAAY,CAAC,QAAU,SAAS,CAAClB,EAAG,IAAI,CAACE,YAAY,8BAA8B,CAACN,EAAIkB,GAAG,KAAKlB,EAAImB,GAAGnB,EAAIoB,GAAG,8BAA8BhB,EAAG,cAAc,CAACE,YAAY,oEAAoEQ,GAAG,CAAC,QAAU,SAASC,GAAQ,OAAIA,EAAOS,KAAKC,QAAQ,QAAQzB,EAAI0B,GAAGX,EAAOY,QAAQ,MAAM,EAAEZ,EAAOa,IAAI,OAAgB,MAAOb,EAAOc,iBAAwB7B,EAAI8B,cAAcf,MAAUP,MAAM,CAACC,MAAOT,EAAW,QAAEU,SAAS,SAAUC,GAAMX,EAAIiB,QAAQN,GAAKE,WAAW,aAAaT,EAAG,YAAY,CAAC2B,IAAI,wBAAwBzB,YAAY,qCAAqCC,MAAM,CAAC,SAAkC,IAAvBP,EAAIiB,QAAQe,OAAa,GAAK,+BAA+B,KAAO,SAAS,KAAO,cAAc,YAAY,WAAWlB,GAAG,CAAC,MAAQd,EAAIiC,oBAAoB,CAACjC,EAAIkB,GAAG,IAAIlB,EAAImB,GAAGnB,EAAIoB,GAAG,mBAAmB,QAAQ,KAAKpB,EAAIkC,OAAO9B,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,sDAAsD,CAACF,EAAG,MAAM,CAACE,YAAY,mCAAmC6B,MAAOnC,EAAIoC,UAAY,iBAAiB,GAAI7B,MAAM,CAAC,GAAK,wBAA0BP,EAAIoC,UAA+mIpC,EAAIkC,KAAxmI9B,EAAG,MAAM,CAACE,YAAY,sDAAsD,CAACF,EAAG,cAAc,CAACG,MAAM,CAAC,UAAY,GAAG,KAAO,WAAWP,EAAIqC,GAAIrC,EAAiB,eAAE,SAASsC,EAASC,GAAO,OAAOnC,EAAG,mBAAmB,CAACwB,IAAIW,EAAMR,IAAK,OAASQ,EAAOC,UAAS,EAAKlC,YAAY,yBAAyBmC,SAAS,CAAC,MAAQ,SAAS1B,GAAQ,OAAOf,EAAI0C,gBAAgBH,EAAOD,MAAa,CAAClC,EAAG,MAAM,CAACG,MAAM,CAAC,KAAO,UAAUO,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOf,EAAI2C,eAAeJ,KAASK,KAAK,UAAU,CAACxC,EAAG,MAAM,CAACE,YAAY,8CAA8C,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACA,EAAG,YAAY,CAACE,YAAY,MAAMC,MAAM,CAAC,IAAMP,EAAI6C,aAAaP,GAAU,KAAO,WAAW,GAAGlC,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,KAAK,CAACJ,EAAIkB,GAAGlB,EAAImB,GAAGnB,EAAI8C,YAAYR,OAAclC,EAAG,QAAQ,CAACJ,EAAIkB,GAAGlB,EAAImB,GAAGnB,EAAI+C,YAAYT,WAAkBlC,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,eAAe,CAACE,YAAY,OAAOC,MAAM,CAAC,KAAO,oBAAoB,WAAa,aAAaH,EAAG,OAAO,CAACJ,EAAIkB,GAAGlB,EAAImB,GAAGnB,EAAIgD,oBAAoBV,QAAe,KAAKlC,EAAG,MAAM,CAACE,YAAY,oBAAoBgB,YAAY,CAAC,cAAc,WAAW,YAAY,eAAe,EAAGgB,EAASW,YAAcX,EAASY,MAAMlB,QAAU,IAAK5B,EAAG,QAAQ,CAACJ,EAAIkB,GAAG,IAAIlB,EAAImB,GAAGmB,EAASY,MAAMC,SAAS,KAAOb,EAASY,MAAME,OAAO,EAAGd,EAASY,MAAMG,YAAY,IAAI,MAAQf,EAASY,MAAME,OAAO,EAAG,MAAM,WAAWhD,EAAG,QAAQ,CAACJ,EAAIkB,GAAGlB,EAAImB,GAAGmB,EAASY,cAAc9C,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,KAAK,CAACE,YAAY,sBAAsBN,EAAIqC,GAAIC,EAASgB,gBAAgBC,MAAMjB,EAASgB,gBAAgBtB,QAAU,EAAIM,EAASgB,gBAAgBtB,OAAShC,EAAIwD,eAAiB,EAAGlB,EAASgB,gBAAgBtB,SAAS,SAASyB,EAAcC,GAAoB,OAAOtD,EAAG,KAAK,CAACwB,IAAI8B,EAAmBpD,YAAY,oCAAoC,CAACF,EAAG,MAAM,CAACE,YAAY,kDAAkD,CAACF,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,YAAY,CAACE,YAAY,MAAMC,MAAM,CAAC,IAAMP,EAAI6C,aAAaY,GAAe,KAAO,WAAW,GAAGrD,EAAG,MAAM,CAACE,YAAY,mCAAmC,CAACF,EAAG,OAAO,CAACE,YAAY,8BAA8B,CAACN,EAAIkB,GAAGlB,EAAImB,GAAGnB,EAAI8C,YAAYW,SAAqBrD,EAAG,MAAM,CAACE,YAAY,2CAA2C,CAACF,EAAG,IAAI,CAACE,YAAY,WAAW,CAACN,EAAIkB,GAAGlB,EAAImB,GAAGnB,EAAI+C,YAAYU,WAAuBrD,EAAG,MAAM,CAACE,YAAY,OAAOgB,YAAY,CAAC,cAAc,WAAW,YAAY,eAAe,CAAClB,EAAG,IAAI,CAACE,YAAY,kBAAkBgB,YAAY,CAAC,cAAc,WAAW,YAAY,eAAe,CAACtB,EAAIkB,GAAG,IAAIlB,EAAImB,GAAGsC,EAAcE,wBAAuB,GAAGvD,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAAEN,EAAIgD,oBAAoBV,GAAY,EAAGlC,EAAG,OAAO,CAACE,YAAY,sBAAsB,CAAEN,EAAIwD,iBAAmBxD,EAAIgD,oBAAoBV,GAAWlC,EAAG,IAAI,CAACE,YAAY,mCAAmCQ,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOf,EAAI4D,oBAAoBrB,MAAU,CAACnC,EAAG,OAAO,CAACE,YAAY,2BAA2B,CAACN,EAAIkB,GAAGlB,EAAImB,GAAGnB,EAAIoB,GAAG,6BAA6BhB,EAAG,IAAI,CAACE,YAAY,mCAAmCQ,GAAG,CAAC,MAAQd,EAAI6D,qBAAqB,CAACzD,EAAG,OAAO,CAACE,YAAY,2BAA2B,CAACN,EAAIkB,GAAGlB,EAAImB,GAAGnB,EAAIoB,GAAG,+BAA+BpB,EAAIkC,SAAS9B,EAAG,MAAM,CAACE,YAAY,gBAAgB,MAA0BwD,IAAxBxB,EAASyB,WAA0B3D,EAAG,cAAc,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQP,EAAIoB,GAAG,0BAA0BN,GAAG,CAAC,QAAU,SAASC,GAAQ,OAAIA,EAAOS,KAAKC,QAAQ,QAAQzB,EAAI0B,GAAGX,EAAOY,QAAQ,MAAM,EAAEZ,EAAOa,IAAI,OAAgB,MAAOb,EAAOc,iBAAwB7B,EAAIgE,OAAOjD,EAAOwB,MAAS/B,MAAM,CAACC,MAAO6B,EAAmB,WAAE5B,SAAS,SAAUC,GAAMX,EAAIiE,KAAK3B,EAAU,aAAc3B,IAAME,WAAW,yBAAyBb,EAAIkC,KAAK9B,EAAG,YAAY,CAACE,YAAY,4BAA4BC,MAAM,CAAC,SAA0C,IAA/B+B,EAASyB,WAAW/B,OAAa,GAAM,mCAAqCO,EAAO,KAAO,SAAS,KAAO,cAAc,YAAY,UAAU,KAAO,SAASzB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOf,EAAIkE,mBAAmB3B,MAAU,CAACvC,EAAIkB,GAAG,IAAIlB,EAAImB,GAAGnB,EAAIoB,GAAG,sBAAsB,QAAQ,YAAW,IAAI,MAAe,IAC1pP+C,EAAkB,G,i1BCqOtB,sEACA,gF,MAIA,2BADA,E,EAAA,W,EAIA,gCADA,E,EAAA,W,EAKA,gBACE,WAAF,oBACE,aAAF,yBAHA,E,EAAA,UAMA,GACE,MAAF,CACA,eACA,UACA,uBAEE,KANF,WAOI,MAAJ,CACM,UAAN,GACM,YAAN,GACM,QAAN,GACM,eAAN,EACM,eAAN,EACM,WAAN,EACM,WAAN,8BACM,WAAN,GACM,gBAAN,GACM,WAAN,KACM,OAAN,KACM,UAAN,KACM,KAAN,KACM,OAAN,IACM,WAAN,EACM,kBAAN,UACM,aAAN,OACM,kBAAN,KAIE,SAAF,KACA,GACI,mBAAJ,aACI,cAAJ,QACI,gBAAJ,YAJA,CAMI,cANJ,WAMM,IAAN,OACM,OAAN,sCACA,mCACU,OAAV,iEACA,yBACA,mCAGA,MAIE,MAAF,CACI,UADJ,SACA,GACA,EACQ,KAAR,aACU,UAAV,oBACU,MAAV,IAGQ,KAAR,2DAIE,QAAF,KAEA,GACI,qBAAJ,uBACI,YAAJ,cACI,sBAAJ,wBACI,uBAAJ,2BANA,GAQA,GACI,iBAAJ,mBACI,oBAAJ,sBACI,oBAAJ,wBAXA,CAaI,oBAbJ,SAaA,GACM,IAAN,+CACA,IACA,2BACQ,EAAR,uBAEM,KAAN,mBAEI,mBArBJ,WAsBM,KAAN,kBAEI,kBAxBJ,WAwBM,IAAN,OAAM,OAAN,eAAM,mBAAN,qHACA,kCACA,wBAEA,GACA,+EACA,iCACA,mFACA,iBACA,uBACA,eACA,mCACA,2BACA,gBACA,iBAdA,SAiBA,iBAjBA,OAiBA,EAjBA,OAkBA,IACA,gCACA,yBACA,EADA,CAEA,iBAEA,gDAGA,mBACA,aACA,uBA7BA,+CA+BI,mBAvDJ,SAuDA,GAAM,IAAN,OAAM,OAAN,eAAM,mBAAN,qHACA,EADA,2CACA,GACA,wBACA,GACA,6BACA,iBACA,oBACA,2BACA,yCARA,SAWA,sBAXA,OAWA,EAXA,OAYA,IACA,gCACA,6BACA,wCAEA,uBAjBA,8CAmBI,gBA1EJ,SA0EA,KAAM,IAAN,OAAM,OAAN,eAAM,mBAAN,+GACA,4BACA,EAFA,uBAGA,GACA,SAJA,SAOA,4BAPA,8CAUI,iBApFJ,SAoFA,GACM,IAAN,OACM,KAAN,aACM,IAAN,QACM,OAAN,GACQ,KAAR,8BACU,EAAV,8BACU,MACF,KAAR,+BACU,EAAV,4BACU,MACF,KAAR,mCACU,EAAV,6BACU,MACF,KAAR,+BACU,EAAV,4BACU,MACF,KAAR,gCACU,EAAV,4BACU,MACF,KAAR,+BACU,EAAV,4BACU,MAEJ,KAAN,qDACQ,OAAR,yCAGI,cAhHJ,SAgHA,GACM,GAAN,GACQ,EAAR,iBACQ,IAAR,gDACA,8CACQ,KAAR,oCACQ,EAAR,gDAGI,OAzHJ,SAyHA,KACM,GAAN,GACQ,EAAR,iBACQ,IAAR,gEACA,8DACQ,KAAR,oDACQ,EAAR,gDAGI,OAlIJ,SAkIA,GACM,KAAN,kCAEI,eArIJ,SAqIA,GACM,KAAN,sDACM,KAAN,kBAEI,oBAzIJ,SAyIA,GACM,OAAN,qEAEI,SA5IJ,WA4IM,IAAN,OAAM,OAAN,eAAM,mBAAN,iHACA,GACA,qBACA,mCAHA,SAMA,gBANA,8CAQI,WApJJ,SAoJA,GAAM,IAAN,OAAM,OAAN,eAAM,mBAAN,iHACA,eADA,SAEA,0BAFA,OAEA,EAFA,OAGA,gBACA,gCACA,+BACA,YACA,EADA,CAEA,mBAGA,gDAEA,eAbA,8CAeI,aAnKJ,SAmKA,GACM,GAAN,GACQ,GAAR,UACU,OAAV,sCACA,aACU,OAAV,sCAGM,OAAN,oBAEI,YA7KJ,SA6KA,GACM,GAAN,GACQ,GAAR,UACU,MAAV,wEACA,aACU,MAAV,wEAGM,MAAN,IAEI,YAvLJ,SAuLA,GACM,OAAN,EACA,qDAEA,KAEI,oBA7LJ,SA6LA,GACM,OAAN,qBACA,yBAEA,GAEI,mBAnMJ,SAmMA,GACM,KAAN,aACQ,WAAR,uBACQ,MAAR,kBACQ,UAAR,EACQ,MAAR,OAGI,kBA3MJ,SA2MA,GACM,KAAN,wDAGE,QA1QF,WA2QI,aAAJ,mCACM,YAAN,GACM,QAAN,GACM,eAAN,EACM,eAAN,EACM,WAAN,EACM,UAAN,CACQ,YAAR,4BACQ,UAAR,6BAEM,iBAAN,CACA,6BAEM,UAAN,CACA,CACQ,GAAR,EACQ,OAAR,iBACQ,KAAR,uBACQ,SAAR,EACQ,YAAR,EACQ,KAAR,qMACQ,MAAR,EAAU,IAAV,6CACQ,MAAR,IACQ,SAAR,GACQ,WAAR,CACA,CAAU,KAAV,cAAU,IAAV,6BACA,CAAU,KAAV,eAAU,IAAV,6BACA,CAAU,KAAV,oBAAU,IAAV,6BACA,CAAU,KAAV,iBAAU,IAAV,6BACA,CAAU,KAAV,iBAAU,IAAV,8BAEQ,WAAR,GACQ,eAAR,CACA,CACU,QAAV,YACU,OAAV,iBACU,IAAV,4BACU,KAAV,2CAEA,CACU,QAAV,YACU,OAAV,iBACU,IAAV,4BACU,KAAV,2CAEA,CACU,QAAV,YACU,OAAV,iBACU,IAAV,4BACU,KAAV,2CAEA,CACU,QAAV,YACU,OAAV,iBACU,IAAV,4BACU,KAAV,2CAEA,CACU,QAAV,YACU,OAAV,iBACU,IAAV,4BACU,KAAV,2CAEA,CACU,QAAV,YACU,OAAV,iBACU,IAAV,4BACU,KAAV,2CAEA,CACU,QAAV,YACU,OAAV,iBACU,IAAV,4BACU,KAAV,2CAEA,CACU,QAAV,YACU,OAAV,iBACU,IAAV,4BACU,KAAV,2CAEA,CACU,QAAV,YACU,OAAV,iBACU,IAAV,4BACU,KAAV,2CAEA,CACU,QAAV,0BACU,OAAV,iBACU,IAAV,4BACU,KAAV,6CAIA,CACQ,GAAR,EACQ,OAAR,iBACQ,KAAR,wBACQ,SAAR,EACQ,YAAR,EACQ,KAAR,iLACQ,MAAR,EAAU,IAAV,6CACQ,MAAR,IACQ,SAAR,EACQ,WAAR,CACA,CAAU,KAAV,kBAAU,IAAV,6BACA,CAAU,KAAV,gBAAU,IAAV,6BACA,CAAU,KAAV,gBAAU,IAAV,6BACA,CAAU,KAAV,kBAAU,IAAV,6BACA,CAAU,KAAV,oBAAU,IAAV,8BAEQ,WAAR,GACQ,eAAR,CACA,CACU,QAAV,cACU,OAAV,iBACU,IAAV,4BACU,KAAV,2CAEA,CACU,QAAV,cACU,OAAV,iBACU,IAAV,4BACU,KAAV,2CAEA,CACU,QAAV,cACU,OAAV,iBACU,IAAV,4BACU,KAAV,2CAEA,CACU,QAAV,cACU,OAAV,iBACU,IAAV,4BACU,KAAV,2CAEA,CACU,QAAV,cACU,OAAV,iBACU,IAAV,4BACU,KAAV,2CAEA,CACU,QAAV,cACU,OAAV,iBACU,IAAV,4BACU,KAAV,2CAEA,CACU,QAAV,cACU,OAAV,iBACU,IAAV,4BACU,KAAV,2CAEA,CACU,QAAV,cACU,OAAV,iBACU,IAAV,4BACU,KAAV,2CAEA,CACU,QAAV,cACU,OAAV,iBACU,IAAV,4BACU,KAAV,8CAKM,eAAN,SAGE,YAzbF,WAybI,IAAJ,OAAI,OAAJ,eAAI,mBAAJ,oHACA,aADA,+CChrB6Z,I,wBCQzZC,EAAY,eACd,EACArE,EACAoE,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"js/chunk-5561e0f0.3d52df70.js","sourcesContent":["import mod from \"-!../../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WebBoard.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WebBoard.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"p-4 overflow-auto\",attrs:{\"id\":\"search-page\"}},[_c('div',{staticClass:\"search-page__search-bar flex items-center\"},[_c('vs-input',{staticClass:\"w-full input-rounded-full\",attrs:{\"icon\":\"icon-search\",\"icon-no-border\":\"\",\"icon-pack\":\"feather\",\"placeholder\":\"Search\"},model:{value:(_vm.postSearchQuery),callback:function ($$v) {_vm.postSearchQuery=$$v},expression:\"postSearchQuery\"}})],1),_c('div',{staticClass:\"search-page__serch-menu flex flex-wrap items-center md:justify-between mt-6 mb-6\"},[_c('div',{staticClass:\"flex flex-wrap my-auto\"},[_c('div',{staticClass:\"flex justify-end\"},[_c('vs-button',{staticClass:\"px-4\",attrs:{\"icon\":\"icon-plus\",\"icon-pack\":\"feather\"},on:{\"click\":function($event){_vm.addPostActive = !_vm.addPostActive;_vm.newPost = ''}}},[_vm._v(\" \"+_vm._s(_vm.$t('web-board.add-new-post'))+\" \")])],1)]),_c('div',{staticClass:\"ml-auto\"},[_c('vs-dropdown',{staticClass:\"cursor-pointer\",attrs:{\"vs-trigger-click\":\"\"}},[_c('span',{staticClass:\"flex items-center\"},[_c('span',[_vm._v(_vm._s(_vm.timeFilter))]),_c('feather-icon',{staticClass:\"cursor-pointer\",staticStyle:{\"width\":\"1rem\",\"height\":\"1rem\"},attrs:{\"icon\":\"ChevronDownIcon\"}})],1),_c('vs-dropdown-menu',{staticClass:\"w-48\"},[_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.handleTimeFilter(_vm.$t('web-board.any-time'))}}},[_vm._v(\" \"+_vm._s(_vm.$t('web-board.any-time'))+\" \")]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.handleTimeFilter(_vm.$t('web-board.past-hour'))}}},[_vm._v(\" \"+_vm._s(_vm.$t('web-board.past-hour'))+\" \")]),_c('vs-dropd-own-item',{on:{\"click\":function($event){_vm.handleTimeFilter(_vm.$t('web-board.past-24-hours'))}}},[_vm._v(\" \"+_vm._s(_vm.$t('web-board.past-24-hours'))+\" \")]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.handleTimeFilter(_vm.$t('web-board.past-week'))}}},[_vm._v(\" \"+_vm._s(_vm.$t('web-board.past-week'))+\" \")]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.handleTimeFilter(_vm.$t('web-board.past-month'))}}},[_vm._v(\" \"+_vm._s(_vm.$t('web-board.past-month'))+\" \")]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.handleTimeFilter(_vm.$t('web-board.past-year'))}}},[_vm._v(\" \"+_vm._s(_vm.$t('web-board.past-year'))+\" \")])],1)],1)],1)]),_c('transition',{attrs:{\"mode\":\"out-in\",\"name\":\"fade\"}},[(_vm.addPostActive)?_c('div',{staticClass:\"vx-row px-0 xl:px-5 lg:px-5 md:px-5 sm:px-2\"},[_c('div',{staticClass:\"vx-col w-full\",staticStyle:{\"padding\":\"10px\"}},[_c('p',{staticClass:\"font-semibold text-lg mb-2\"},[_vm._v(\"# \"+_vm._s(_vm.$t('web-board.add-you-post')))]),_c('vs-textarea',{staticClass:\"responsive border rounded focus:outline-none focus:shadow-outline\",on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"tab\",9,$event.key,\"Tab\")){ return null; }$event.preventDefault();return _vm.tabberNewpost($event)}},model:{value:(_vm.newPost),callback:function ($$v) {_vm.newPost=$$v},expression:\"newPost\"}}),_c('vs-button',{ref:\"loadableNewPostButton\",staticClass:\"relative vs-con-loading__container\",attrs:{\"disabled\":_vm.newPost.length === 0,\"id\":\"button-new-post-with-loading\",\"type\":\"relief\",\"icon\":\"icon-edit-2\",\"icon-pack\":\"feather\"},on:{\"click\":_vm.onAddNewPostClick}},[_vm._v(\" \"+_vm._s(_vm.$t('web-board.post'))+\" \")])],1)]):_vm._e()]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full px-0 xl:px-5 lg:px-5 md:px-5 sm:px-2\"},[_c('div',{staticClass:\"vs-con-loading__container w-full\",style:(_vm.isLoading ? 'height: 200px;':''),attrs:{\"id\":\"div-with-loading\"}})]),(!_vm.isLoading)?_c('div',{staticClass:\"vx-col w-full px-0 xl:px-5 lg:px-5 md:px-5 sm:px-2\"},[_c('vs-collapse',{attrs:{\"accordion\":\"\",\"type\":\"margin\"}},_vm._l((_vm.filteredPosts),function(webBoard,index){return _c('vs-collapse-item',{key:index,ref:(\"post\" + index),refInFor:true,staticClass:\"faq-bg rounded-lg pb-2\",nativeOn:{\"click\":function($event){return _vm.onCollapseClick(index, webBoard)}}},[_c('div',{attrs:{\"slot\":\"header\"},on:{\"click\":function($event){return _vm.collapseChange(index)}},slot:\"header\"},[_c('div',{staticClass:\"post-header flex justify-between mb-4 px-5\"},[_c('div',{staticClass:\"flex items-center\"},[_c('div',[_c('vs-avatar',{staticClass:\"m-0\",attrs:{\"src\":_vm.getUserPhoto(webBoard),\"size\":\"45px\"}})],1),_c('div',{staticClass:\"ml-4\"},[_c('h6',[_vm._v(_vm._s(_vm.getUserName(webBoard)))]),_c('small',[_vm._v(_vm._s(_vm.getUserTime(webBoard)))])])]),_c('div',{staticClass:\"flex items-center mr-5\"},[_c('feather-icon',{staticClass:\"mr-2\",attrs:{\"icon\":\"MessageSquareIcon\",\"svgClasses\":\"h-5 w-5\"}}),_c('span',[_vm._v(_vm._s(_vm.getWebBoardReplyQty(webBoard)))])],1)]),_c('div',{staticClass:\"post-content px-5\",staticStyle:{\"white-space\":\"pre-wrap\",\"word-wrap\":\"break-word\"}},[(!webBoard.isCollapse && webBoard.topic.length >= 100)?_c('small',[_vm._v(\" \"+_vm._s(webBoard.topic.includes(' ') ? webBoard.topic.substr(0, webBoard.topic.lastIndexOf(' ',100)) : webBoard.topic.substr(0, 100))+\" ... \")]):_c('small',[_vm._v(_vm._s(webBoard.topic))])])]),_c('div',{staticClass:\"px-5 cursor-default\"},[_c('div',[_c('div',{staticClass:\"comments-container mt-4\"},[_c('ul',{staticClass:\"user-comments-list\"},_vm._l((webBoard.webBoardReplies.slice(webBoard.webBoardReplies.length >= 2 ? webBoard.webBoardReplies.length - _vm.initialComment : 0, webBoard.webBoardReplies.length)),function(webBoardReply,webBoardReplyIndex){return _c('li',{key:webBoardReplyIndex,staticClass:\"commented-user items-center mb-4\"},[_c('div',{staticClass:\"flex-none sm:flex md:flex lg:flex xl:flex mt-8\"},[_c('div',{staticClass:\"mr-3 mb-auto float-left\"},[_c('vs-avatar',{staticClass:\"m-0\",attrs:{\"src\":_vm.getUserPhoto(webBoardReply),\"size\":\"30px\"}})],1),_c('div',{staticClass:\"leading-tight mb-auto flex-none\"},[_c('span',{staticClass:\"font-medium cursor-pointer\"},[_vm._v(_vm._s(_vm.getUserName(webBoardReply)))])]),_c('div',{staticClass:\"mb-auto ml-auto leading-tight flex-none\"},[_c('p',{staticClass:\"text-xs\"},[_vm._v(_vm._s(_vm.getUserTime(webBoardReply)))])])]),_c('div',{staticClass:\"mt-2\",staticStyle:{\"white-space\":\"pre-wrap\",\"word-wrap\":\"break-word\"}},[_c('p',{staticClass:\"text-sm ml-auto\",staticStyle:{\"white-space\":\"pre-wrap\",\"word-wrap\":\"break-word\"}},[_vm._v(\" \"+_vm._s(webBoardReply.replyMessage))])])])}),0),_c('div',{staticClass:\"flex w-full justify-between\"},[(_vm.getWebBoardReplyQty(webBoard) > 2)?_c('span',{staticClass:\"flex justify-start\"},[(_vm.initialComment !== _vm.getWebBoardReplyQty(webBoard))?_c('a',{staticClass:\"inline-flex items-center text-sm\",on:{\"click\":function($event){return _vm.onMoreCommentsClick(index)}}},[_c('span',{staticClass:\"p-2 cursor-pointer px-0\"},[_vm._v(_vm._s(_vm.$t('web-board.view-more')))])]):_c('a',{staticClass:\"inline-flex items-center text-sm\",on:{\"click\":_vm.onLessCommentClick}},[_c('span',{staticClass:\"p-2 cursor-pointer px-1\"},[_vm._v(_vm._s(_vm.$t('web-board.view-less')))])])]):_vm._e()])]),_c('div',{staticClass:\"post-comment\"},[(webBoard.commentBox !== undefined)?_c('vs-textarea',{staticClass:\"mb-2\",attrs:{\"label\":_vm.$t('web-board.add-comment')},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"tab\",9,$event.key,\"Tab\")){ return null; }$event.preventDefault();return _vm.tabber($event,index)}},model:{value:(webBoard.commentBox),callback:function ($$v) {_vm.$set(webBoard, \"commentBox\", $$v)},expression:\"webBoard.commentBox\"}}):_vm._e(),_c('vs-button',{staticClass:\"vs-con-loading__container\",attrs:{\"disabled\":webBoard.commentBox.length === 0,\"id\":(\"button-new-comment-with-loading_\" + index),\"type\":\"relief\",\"icon\":\"icon-edit-2\",\"icon-pack\":\"feather\",\"size\":\"small\"},on:{\"click\":function($event){return _vm.onPostCommentClick(index)}}},[_vm._v(\" \"+_vm._s(_vm.$t('web-board.comment'))+\" \")])],1)])])])}),1)],1):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"p-4 overflow-auto\" id=\"search-page\">\n    <!--SEARCH-->\n    <div class=\"search-page__search-bar flex items-center\">\n      <vs-input class=\"w-full input-rounded-full\" icon=\"icon-search\" icon-no-border icon-pack=\"feather\"\n                placeholder=\"Search\" v-model=\"postSearchQuery\"/>\n    </div>\n    <!--FILTER-->\n    <div class=\"search-page__serch-menu flex flex-wrap items-center md:justify-between mt-6 mb-6\">\n      <div class=\"flex flex-wrap my-auto\">\n        <div class=\"flex justify-end\">\n          <!--ADD NEW POST-->\n          <vs-button @click=\"addPostActive = !addPostActive;newPost = ''\"\n                     class=\"px-4\"\n                     icon=\"icon-plus\" icon-pack=\"feather\">\n            {{ $t('web-board.add-new-post') }}\n          </vs-button>\n        </div>\n      </div>\n      <div class=\"ml-auto\">\n        <vs-dropdown class=\"cursor-pointer\" vs-trigger-click>\n                    <span class=\"flex items-center\">\n                        <span>{{timeFilter}}</span>\n                        <feather-icon class=\"cursor-pointer\" icon=\"ChevronDownIcon\"\n                                      style=\"width:1rem; height:1rem\"></feather-icon>\n                    </span>\n          <vs-dropdown-menu class=\"w-48\">\n            <vs-dropdown-item @click=\"handleTimeFilter($t('web-board.any-time'))\">\n              {{ $t('web-board.any-time') }}\n            </vs-dropdown-item>\n            <vs-dropdown-item @click=\"handleTimeFilter($t('web-board.past-hour'))\">\n              {{ $t('web-board.past-hour') }}\n            </vs-dropdown-item>\n            <vs-dropd-own-item @click=\"handleTimeFilter($t('web-board.past-24-hours'))\">\n              {{ $t('web-board.past-24-hours') }}\n            </vs-dropd-own-item>\n            <vs-dropdown-item @click=\"handleTimeFilter($t('web-board.past-week'))\">\n              {{ $t('web-board.past-week') }}\n            </vs-dropdown-item>\n            <vs-dropdown-item @click=\"handleTimeFilter($t('web-board.past-month'))\">\n              {{ $t('web-board.past-month') }}\n            </vs-dropdown-item>\n            <vs-dropdown-item @click=\"handleTimeFilter($t('web-board.past-year'))\">\n              {{ $t('web-board.past-year') }}\n            </vs-dropdown-item>\n          </vs-dropdown-menu>\n        </vs-dropdown>\n      </div>\n    </div>\n\n    <!--NEW POST FORM-->\n    <transition mode=\"out-in\" name=\"fade\">\n      <div class=\"vx-row px-0 xl:px-5 lg:px-5 md:px-5 sm:px-2\" v-if=\"addPostActive\">\n        <div class=\"vx-col w-full\" style=\"padding:10px\">\n          <p class=\"font-semibold text-lg mb-2\"># {{ $t('web-board.add-you-post') }}</p>\n          <vs-textarea @keydown.tab.prevent=\"tabberNewpost($event)\"\n                       class=\"responsive border rounded focus:outline-none focus:shadow-outline\"\n                       v-model=\"newPost\"></vs-textarea>\n          <vs-button :disabled=\"newPost.length === 0\"\n                     ref=\"loadableNewPostButton\"\n                     id=\"button-new-post-with-loading\"\n                     class=\"relative vs-con-loading__container\"\n                     @click=\"onAddNewPostClick\"\n                     type=\"relief\"\n                     icon=\"icon-edit-2\"\n                     icon-pack=\"feather\">\n            {{ $t('web-board.post') }}\n          </vs-button>\n        </div>\n      </div>\n    </transition>\n\n    <!--WEB BOARD CONTENT-->\n    <div class=\"vx-row\">\n      <div class=\"vx-col w-full px-0 xl:px-5 lg:px-5 md:px-5 sm:px-2\">\n        <div id=\"div-with-loading\"\n             class=\"vs-con-loading__container w-full\"\n             :style=\"isLoading ? 'height: 200px;':''\">\n        </div>\n      </div>\n      <div v-if=\"!isLoading\" class=\"vx-col w-full px-0 xl:px-5 lg:px-5 md:px-5 sm:px-2\">\n        <vs-collapse accordion type=\"margin\">\n          <vs-collapse-item :key=\"index\" :ref=\"`post${index}`\" class=\"faq-bg rounded-lg pb-2\"\n                            @click.native=\"onCollapseClick(index, webBoard)\"\n                            v-for=\"(webBoard, index) in filteredPosts\">\n            <!-- POST HEADER -->\n            <div @click=\"collapseChange(index)\" slot=\"header\">\n              <div class=\"post-header flex justify-between mb-4 px-5\">\n                <!--POST BY-->\n                <div class=\"flex items-center\">\n                  <div>\n                    <vs-avatar :src=\"getUserPhoto(webBoard)\" class=\"m-0\" size=\"45px\"></vs-avatar>\n                  </div>\n                  <!-- <div @click=\"goPost(post.id)\" class=\"ml-4 cursor-pointer\">-->\n                  <div class=\"ml-4\">\n                    <h6>{{ getUserName(webBoard) }}</h6>\n                    <small>{{ getUserTime(webBoard) }}</small>\n                  </div>\n                </div>\n                <!--COMMENT QTY-->\n                <div class=\"flex items-center mr-5\">\n                  <feather-icon class=\"mr-2\" icon=\"MessageSquareIcon\" svgClasses=\"h-5 w-5\"></feather-icon>\n                  <span>{{ getWebBoardReplyQty(webBoard) }}</span>\n                </div>\n              </div>\n              <div class=\"post-content px-5\" style=\"white-space: pre-wrap;word-wrap: break-word;\">\n                <small v-if=\"!webBoard.isCollapse && webBoard.topic.length >= 100\">\n                  {{\n                  webBoard.topic.includes(' ') ?\n                  webBoard.topic.substr(0, webBoard.topic.lastIndexOf(' ',100)) : webBoard.topic.substr(0, 100)\n                  }}\n                  ...\n                </small>\n                <small v-else>{{ webBoard.topic }}</small>\n              </div>\n            </div>\n            <div class=\"px-5 cursor-default\">\n              <!-- POST MEADIA CONTENT -->\n              <!--<div class=\"post-media-container mb-6 mt-4\" v-if=\"post.media.length\">\n                <ul class=\"flex post-media-list\">\n                  <li :key=\"mediaIdex\" class=\"post-media m-1 w-auto mx-auto\"\n                      v-for=\"(media, mediaIdex) in post.media.slice(0, 2)\">\n                    <img :src=\"media.img\" alt=\"user-upload\" class=\"responsive rounded lg:max-w-md\">\n                  </li>\n                </ul>\n                <span class=\"flex justify-end\" v-if=\"post.media.length > 2\">\n                          <a class=\"inline-flex items-center text-sm\" href=\"\">\n                            <span>{{ $t('web-board.view-all') }}</span>\n                            <feather-icon\n                            :icon=\"$vs.rtl ? 'ChevronsLeftIcon' : 'ChevronsRightIcon'\"\n                            svgClasses=\"h-4 w-4\"></feather-icon></a>\n                      </span>\n              </div>-->\n              <!-- POST ACTION DATA -->\n              <div>\n                <!--<div class=\"flex justify-between\">\n                  <div class=\"flex items-center\">\n                    &lt;!&ndash; <div class=\"flex items-center\">\n                      <feather-icon class=\"mr-2\" icon=\"HeartIcon\"\n                      :svgClasses=\"{'text-danger fill-current stroke-current': post.isLiked}\"\n                      @click=\"clickLike(index)\"></feather-icon>\n                      <span>{{ post.likes }}</span>\n                    </div>\n                    <ul v-if=\"post.usersLiked > 0\" class=\"users-liked user-list ml-3 sm:ml-6\">\n                        <li v-for=\"(user, userIndex) in post.usersLiked\" :key=\"userIndex\">\n                            <vx-tooltip :text=\"user.name\" position=\"bottom\">\n                                <vs-avatar :src=\"user.img\" size=\"30px\" class=\"border-2 border-white border-solid -m-1\"></vs-avatar>\n                            </vx-tooltip>\n                        </li>\n                    </ul>\n                    <small v-if=\"post.likes > 5\" class=\"ml-2\">+{{ post.likes - 5 }} more</small> &ndash;&gt;\n                  </div>\n                  <div class=\"flex items-center\">\n                    <feather-icon class=\"mr-2\" icon=\"MessageSquareIcon\" svgClasses=\"h-5 w-5\"></feather-icon>\n                    <span>{{ getWebBoardReplyQty(webBoard) }}</span>\n                  </div>\n                </div>-->\n                <div class=\"comments-container mt-4\">\n                  <ul class=\"user-comments-list\">\n                    <li\n                      :key=\"webBoardReplyIndex\"\n                      class=\"commented-user items-center mb-4\"\n                      v-for=\"(webBoardReply, webBoardReplyIndex) in webBoard.webBoardReplies.slice(webBoard.webBoardReplies.length >= 2 ? webBoard.webBoardReplies.length - initialComment : 0, webBoard.webBoardReplies.length)\">\n                      <div class=\"flex-none sm:flex md:flex lg:flex xl:flex mt-8\">\n                        <div class=\"mr-3 mb-auto float-left\">\n                          <vs-avatar :src=\"getUserPhoto(webBoardReply)\" class=\"m-0\" size=\"30px\"/>\n                        </div>\n                        <div class=\"leading-tight mb-auto flex-none\">\n                          <span class=\"font-medium cursor-pointer\">{{ getUserName(webBoardReply) }}</span>\n                        </div>\n                        <div class=\"mb-auto ml-auto leading-tight flex-none\">\n                          <!-- <div class=\"flex\">\n                              <feather-icon icon=\"HeartIcon\" svgClasses=\"h-4 w-4\" class=\"mr-2 cursor-pointer\"></feather-icon>\n                              <feather-icon icon=\"MessageSquareIcon\" svgClasses=\"h-4 w-4\" class=\"cursor-pointer\"></feather-icon>\n                          </div> -->\n                          <p class=\"text-xs\">{{ getUserTime(webBoardReply) }}</p>\n                        </div>\n                      </div>\n                      <div class=\"mt-2\" style=\"white-space: pre-wrap;word-wrap: break-word;\">\n                        <p class=\"text-sm ml-auto\" style=\"white-space: pre-wrap;word-wrap: break-word;\">\n                          {{ webBoardReply.replyMessage }}</p>\n                      </div>\n                    </li>\n                  </ul>\n                  <div class=\"flex w-full justify-between\">\n                    <span class=\"flex justify-start\" v-if=\"getWebBoardReplyQty(webBoard) > 2\">\n                      <a @click=\"onMoreCommentsClick(index)\"\n                         class=\"inline-flex items-center text-sm\"\n                         v-if=\"initialComment !== getWebBoardReplyQty(webBoard)\"><span\n                        class=\"p-2 cursor-pointer px-0\">{{ $t('web-board.view-more') }}</span></a>\n                      <a @click=\"onLessCommentClick\" class=\"inline-flex items-center text-sm\" v-else>\n                        <span class=\"p-2 cursor-pointer px-1\">{{ $t('web-board.view-less') }}</span>\n                      </a>\n                    </span>\n                  </div>\n                </div>\n                <div class=\"post-comment\">\n                  <vs-textarea :label=\"$t('web-board.add-comment')\"\n                               @keydown.tab.prevent=\"tabber($event,index)\"\n                               class=\"mb-2\" v-if=\"webBoard.commentBox !== undefined\" v-model=\"webBoard.commentBox\"/>\n                  <vs-button :disabled=\"webBoard.commentBox.length === 0\"\n                             :id=\"`button-new-comment-with-loading_${index}`\"\n                             class=\"vs-con-loading__container\"\n                             @click=\"onPostCommentClick(index)\"\n                             type=\"relief\"\n                             icon=\"icon-edit-2\"\n                             icon-pack=\"feather\"\n                             size=\"small\">\n                    {{ $t('web-board.comment') }}\n                  </vs-button>\n                </div>\n              </div>\n            </div>\n          </vs-collapse-item>\n        </vs-collapse>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n  import moment from 'moment';\n  import store from '../../../../../../store';\n  import {createHelpers} from 'vuex-map-fields';\n  import {createNamespacedHelpers} from \"vuex\";\n  import WebBoard from '../../../../../../store/modules/web-board';\n  import WebBoardReply from '../../../../../../store/modules/web-board-reply';\n  import {getAvatarUrl} from \"../../../../../../utils/upload\";\n  import {dateTimeFormat} from \"../../../../../../utils/format\";\n\n  if (!store.state.WebBoard) store.state.registerModule(`WebBoard`, WebBoard);\n  if (!store.state.WebBoardReply) store.state.registerModule(`WebBoardReply`, WebBoardReply);\n\n  const {\n    mapActions: mapWebBoardActions,\n  } = createNamespacedHelpers(`WebBoard`);\n  const {\n    mapActions: mapWebBoardReplyActions,\n  } = createNamespacedHelpers(`WebBoardReply`);\n\n  const {\n    mapFields: mapWebBoardFields,\n  } = createHelpers({\n    getterType: `WebBoard/getField`,\n    mutationType: `WebBoard/updateField`,\n  });\n\n  export default {\n    props: [\n      'classSection',\n      'student',\n      'studentEnrollDetail',\n    ],\n    data() {\n      return {\n        webBoards: [],\n        searchQuery: '',\n        newPost: '',\n        initialComment: 2,\n        addPostActive: false,\n        isNavOpen: false,\n        timeFilter: this.$t('web-board.any-time'),\n        selectType: '',\n        postSearchQuery: '',\n        connection: null,\n        number: null,\n        timeStamp: null,\n        Time: null,\n        moment: moment,\n        isLoading: false,\n        backgroundLoading:'primary',\n        colorLoading:'#fff',\n        filteredPostsTime: [],\n\n      }\n    },\n    computed: {\n      ...mapWebBoardFields({\n        webBoardProcessing: 'processing',\n        webBoardError: 'error',\n        webBoardSuccess: 'success'\n      }),\n      filteredPosts() {\n        if (this.webBoards && this.webBoards.length) {\n          return this.webBoards.filter((post) => {\n            return post.topic.toLowerCase().includes(this.postSearchQuery.toLowerCase())\n              && this.webBoards.includes(post)\n              && this.filteredPostsTime.includes(post)\n          });\n        } else {\n          return [];\n        }\n      }\n    },\n    watch:{\n      isLoading(val){\n        if(val){\n          this.$vs.loading({\n            container: '#div-with-loading',\n            scale: 1\n          })\n        }else{\n          this.$vs.loading.close('#div-with-loading > .con-vs-loading')\n        }\n      }\n    },\n    methods: {\n      //---------------------------------------- State Function ------------------------------------------------------//\n      ...mapWebBoardActions({\n        getWebBoardsByFilter: 'getWebBoardsByFilter',\n        addWebBoard: 'addWebBoard',\n        updateReplyToWebBoard: 'updateReplyToWebBoard',\n        updateWebBoardHitCount: 'updateWebBoardHitCount',\n      }),\n      ...mapWebBoardReplyActions({\n        addWebBoardReply: 'addWebBoardReply',\n        updateWebBoardReply: 'updateWebBoardReply',\n        deleteWebBoardReply: 'deleteWebBoardReply',\n      }),\n      onMoreCommentsClick(index) {\n        const commentLength = this.filteredPosts[index].webBoardReplies.length\n        let minus = 5\n        if (this.initialComment + minus >= commentLength) {\n          minus = commentLength - this.initialComment\n        }\n        this.initialComment += minus\n      },\n      onLessCommentClick() {\n        this.initialComment = 2;\n      },\n      async onAddNewPostClick() {\n        const buttonId = \"#button-new-post-with-loading\";\n        this.startLoadingButton(buttonId);\n\n        const payload = {\n          courseOutlineRegistrationId: this.studentEnrollDetail.courseOutlineRegistration.id,\n          classSectionId: this.classSection.id,\n          academicPeriodId: this.studentEnrollDetail.courseOutlineRegistration.academicPeriod.id,\n          postBy: 'student',\n          studentId: this.student.id,\n          webBoardInput: {\n            sectionNo: this.classSection.sectionNo,\n            studentCode: this.student.code,\n            topic: this.newPost,\n            hasNewReply: false,\n          }\n        }\n        let result = await this.addWebBoard(payload);\n        if (result) {\n          result = JSON.parse(JSON.stringify(result));\n          this.webBoards.unshift({\n            ...result,\n            commentBox: '',\n          });\n          this.handleTimeFilter(this.$t('web-board.any-time'));\n        }\n\n        this.addPostActive = false\n        this.newPost = ''\n        this.stopLoadingButton(buttonId);\n      },\n      async onPostCommentClick(index) {\n        const buttonId = `#button-new-comment-with-loading_${index}`;\n        this.startLoadingButton(buttonId);\n        const payload = {\n          webBoardId: this.webBoards[index].id,\n          postBy: 'student',\n          webBoardReplyInput: {\n            studentCode:  this.student.code,\n            replyMessage: this.webBoards[index].commentBox,\n          }\n        };\n        let result = await this.addWebBoardReply(payload);\n        if (result) {\n          result = JSON.parse(JSON.stringify(result));\n          this.webBoards[index].commentBox = '';\n          this.webBoards[index].webBoardReplies.push(result);\n        }\n        this.stopLoadingButton(buttonId);\n      },\n      async onCollapseClick(index, webBoard){\n        const isActive = this.checkActiveCollapse(index);\n        if(isActive){\n          const payload = {\n            id: webBoard.id,\n          };\n          //update hit rate\n          await this.updateWebBoardHitCount(payload);\n        }\n      },\n      handleTimeFilter(time) {\n        let subtractTime = null\n        this.timeFilter = time;\n        let now = moment();\n        switch (time) {\n          case this.$t('web-board.any-time'):\n            subtractTime = this.moment.duration(1000,'y')\n            break;\n          case this.$t('web-board.past-hour'):\n            subtractTime = this.moment.duration(1,'h')\n            break;\n          case this.$t('web-board.past-24-hours'):\n            subtractTime = this.moment.duration(24,'h')\n            break;\n          case this.$t('web-board.past-week'):\n            subtractTime = this.moment.duration(1,'w')\n            break;\n          case this.$t('web-board.past-month'):\n            subtractTime = this.moment.duration(1,'M')\n            break;\n          case this.$t('web-board.past-year'):\n            subtractTime = this.moment.duration(1,'y')\n            break;\n        }\n        this.filteredPostsTime = this.webBoards.filter(value => {\n          return new Date(value.updatedAt) >= now.subtract(subtractTime)\n        })\n      },\n      tabberNewpost(event) {\n        if (event) {\n          event.preventDefault()\n          let startText = this.newPost.slice(0, event.target.selectionStart)\n          let endText = this.newPost.slice(event.target.selectionStart)\n          this.newPost = `${startText}\\t${endText}`\n          event.target.selectionEnd = event.target.selectionStart + 1\n        }\n      },\n      tabber(event, index) {\n        if (event) {\n          event.preventDefault()\n          let startText = this.webBoards[index].commentBox.slice(0, event.target.selectionStart)\n          let endText = this.webBoards[index].commentBox.slice(event.target.selectionStart)\n          this.webBoards[index].commentBox = `${startText}\\t${endText}`\n          event.target.selectionEnd = event.target.selectionStart + 1\n        }\n      },\n      goPost(id) {\n        this.$router.push(`/post/${id}`)\n      },\n      collapseChange(index) {\n        this.webBoards[index].isCollapse = !this.webBoards[index].isCollapse\n        this.initialComment = 2\n      },\n      checkActiveCollapse(index) {\n        return this.$refs[`post${index}`][0].$el.classList.contains('open-item')\n      },\n      async loadData() {\n        const payload = {\n          webBoardFilterInput: {\n            classSectionId: this.classSection.id,\n          },\n        };\n        await this.filterData(payload);\n      },\n      async filterData(payload) {\n        this.isLoading = true;\n        let result = await this.getWebBoardsByFilter(payload);\n        if (result && result.length > 0) {\n          result = JSON.parse(JSON.stringify(result));\n          this.webBoards = result.map(item => {\n            return {\n              ...item,\n              commentBox: '',\n            };\n          });\n          this.handleTimeFilter(this.$t('web-board.any-time'));\n        }\n        this.isLoading = false;\n      },\n      getUserPhoto(webBoardOrWebBoardReply) {\n        if (webBoardOrWebBoardReply) {\n          if (webBoardOrWebBoardReply.teacher) {\n            return getAvatarUrl(webBoardOrWebBoardReply.teacher.picturePath)\n          } else if (webBoardOrWebBoardReply.student) {\n            return getAvatarUrl(webBoardOrWebBoardReply.student.picturePath)\n          }\n        }\n        return getAvatarUrl('');\n      },\n      getUserName(webBoardOrWebBoardReply) {\n        if (webBoardOrWebBoardReply) {\n          if (webBoardOrWebBoardReply.teacher) {\n            return `${webBoardOrWebBoardReply.teacher.firstNameLocal} ${webBoardOrWebBoardReply.teacher.lastNameLocal}`\n          } else if (webBoardOrWebBoardReply.student) {\n            return `${webBoardOrWebBoardReply.student.firstNameLocal} ${webBoardOrWebBoardReply.student.lastNameLocal}`\n          }\n        }\n        return '';\n      },\n      getUserTime(webBoardOrWebBoardReply) {\n        if (webBoardOrWebBoardReply) {\n          return moment(webBoardOrWebBoardReply.updatedAt).format(dateTimeFormat.momentYYYYMMDDhhmmss);\n        }\n        return '-';\n      },\n      getWebBoardReplyQty(webBoard) {\n        if (webBoard && webBoard.webBoardReplies) {\n          return webBoard.webBoardReplies.length\n        }\n        return 0;\n      },\n      startLoadingButton(id){\n        this.$vs.loading({\n          background: this.backgroundLoading,\n          color: this.colorLoading,\n          container: id,\n          scale: 0.45\n        })\n      },\n      stopLoadingButton(id){\n        this.$vs.loading.close(`${id} > .con-vs-loading`);\n      },\n    },\n    created() {\n      localStorage.setItem('Webboard', JSON.stringify({\n        searchQuery: '',\n        newPost: '',\n        initialComment: 2,\n        addPostActive: false,\n        isNavOpen: false,\n        user_info: {\n          profile_img: '/static/images/avatar.png',\n          cover_img: '/static/images/avatar.png'\n        },\n        userLatestPhotos: [\n          '/static/images/avatar.png'\n        ],\n        userPosts: [\n          {\n            id: 1,\n            author: 'Leeanna Alvord',\n            time: 'May 2, 2020 10:30 AM',\n            isLiked: true,\n            isCollapse: false,\n            text: 'I love jujubes wafer pie ice cream tiramisu. Chocolate I love pastry pastry sesame snaps wafer. Pastry topping biscuit lollipop topping I love lemon drops sweet roll bonbon. Brownie donut icing.',\n            media: [{img: '/static/images/classroom-placeholder.jpg'}],\n            likes: 145,\n            comments: 10,\n            usersLiked: [\n              {name: 'Trina Lynes', img: '/static/images/avatar.png'},\n              {name: 'Lilian Nenez', img: '/static/images/avatar.png'},\n              {name: 'Alberto Glotzbach', img: '/static/images/avatar.png'},\n              {name: 'George Nordick', img: '/static/images/avatar.png'},\n              {name: 'Vennie Mostowy', img: '/static/images/avatar.png'}\n            ],\n            commentBox: '',\n            usersCommented: [\n              {\n                comment: 'Comment 1',\n                author: 'Kitty Allanson',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:56:05 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 2',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 3',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 4',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 5',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 6',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 7',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 8',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 9',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 10 <br/> asdasd',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              }\n            ]\n          },\n          {\n            id: 2,\n            author: 'Leeanna Alvord',\n            time: 'May 26, 2019 10:30 AM',\n            isLiked: false,\n            isCollapse: false,\n            text: 'Candy jelly beans powder brownie biscuit. Jelly marzipan oat cake cake. Cupcake I love wafer cake. Halvah I love powder jelly I love cheesecake cotton candy tiramisu brownie.',\n            media: [{img: '/static/images/classroom-placeholder.jpg'}],\n            likes: 276,\n            comments: 9,\n            usersLiked: [\n              {name: 'Lai Lewandowski', img: '/static/images/avatar.png'},\n              {name: 'Elicia Rieske', img: '/static/images/avatar.png'},\n              {name: 'Darcey Nooner', img: '/static/images/avatar.png'},\n              {name: 'Julee Rossignol', img: '/static/images/avatar.png'},\n              {name: 'Jeffrey Gerondale', img: '/static/images/avatar.png'}\n            ],\n            commentBox: '',\n            usersCommented: [\n              {\n                comment: 'Comment 1.1',\n                author: 'Kitty Allanson',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:56:05 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 1.2',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 1.3',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 1.4',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 1.5',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 1.6',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 1.7',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 1.8',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 1.9',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              }\n            ]\n          }\n        ],\n        wasSidebarOpen: null\n      }))\n    },\n    async beforeMount() {\n      await this.loadData();\n    },\n  }\n</script>\n\n<style lang=\"scss\">\n  @import \"@/assets/scss/vuexy/pages/search.scss\";\n\n  .vs-collapse-item.open-item .vs-collapse-item--content {\n    max-height: min-content !important;\n  }\n\n  .vs-icon {\n    font-size: x-large;\n  }\n\n  .fade-enter-active {\n    transition: all .3s ease;\n  }\n\n  .fade-leave-active {\n    transition: all .3s ease;\n  }\n\n  .fade-enter, .fade-leave-to {\n    transform: translateY(-50px);\n    opacity: 0;\n  }\n</style>\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!./WebBoard.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!./WebBoard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WebBoard.vue?vue&type=template&id=8f3815e4&\"\nimport script from \"./WebBoard.vue?vue&type=script&lang=js&\"\nexport * from \"./WebBoard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./WebBoard.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}