{"version":3,"sources":["webpack:///./src/developing/components/communication/subcomponents/CommonTopicListItem.vue?b50b","webpack:///./src/developing/components/communication/subcomponents/Webboard/TopicList.vue?d948","webpack:///src/developing/components/communication/subcomponents/Webboard/TopicList.vue","webpack:///./src/developing/components/communication/subcomponents/Webboard/TopicList.vue?3b9d","webpack:///./src/developing/components/communication/subcomponents/Webboard/TopicList.vue","webpack:///./src/developing/components/communication/subcomponents/CommonTopicListItem.vue?1395","webpack:///src/developing/components/communication/subcomponents/CommonTopicListItem.vue","webpack:///./src/developing/components/communication/subcomponents/CommonTopicListItem.vue?1cf7","webpack:///./src/developing/components/communication/subcomponents/CommonTopicListItem.vue?1848","webpack:///./src/developing/components/communication/data/data-local.js","webpack:///./src/developing/components/communication/data/data-dev.js","webpack:///./src/developing/components/communication/data/index.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","key","_v","topics","length","_l","topic","index","String","id","staticClass","style","transitionDelay","attrs","dataAdapter","_s","$t","staticRenderFns","components","CommonTopicListItem","TopicHeader","data","localData","loading","debug","watch","Array","isArray","topicList","$forceUpdate","methods","_topic","type","subject","subjectName","subjectCode","senderUUID","fromUser","photo","sender_name","sender_code","unread","readDate","time","sendDate","isStarred","content","message","messageAdapter","component","on","$event","selectMessage","$slots","_t","class","staticStyle","_e","replace","label","labelColor","_f","stopPropagation","model","value","callback","$$v","isSelectedMessage","expression","toggleIsStarred","props","Object","default","isSelected","Boolean","required","computed","isMessageContentActive","existMessageIndex","currentViewingMessages","splice","unshift","currentViewingMessageType","pop","currentViewingMessageCursor","currentTopic","Vue","observable","clickNotClose","isLeftSidebarActive","newChatUnread","newPM","newWebboardReply","selectedPanel","panels","currentMessage","messagePool","pm","webboard","chat","activeListType","getNewUnreadMessage","state","Datastore","store","local","dev","constructTopicsFromList","channel","list_type","Message","getList","storedList","list","diff","i","item","load","push","map","dispatch","status","success","save","constructMessagesFromList","list_id","messages","topicItem","messageIndex","messageItem","loadTopicList","getPMTopicList","getChatTopicList","getWebboardTopicList","getState","pool","has","idb","get","set","response"],"mappings":"qKAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,IAAI,wBAAwB,CAAEN,EAAW,QAAEI,EAAG,MAAM,CAACJ,EAAIO,GAAG,aAAcP,EAAIQ,OAAOC,OAAS,EAAGT,EAAIU,GAAIV,EAAU,QAAE,SAASW,EAAMC,GAAO,OAAOR,EAAG,KAAK,CAACE,IAAIO,OAAOF,EAAMG,IAAIC,YAAY,kCAAkCC,MAAM,CAAEC,gBAA0B,GAARL,EAAe,MAAO,CAACR,EAAG,sBAAsB,CAACc,MAAM,CAAC,MAAQN,EAAM,KAAOZ,EAAImB,YAAYR,GAAO,YAAa,IAAQ,CAACP,EAAG,cAAc,CAACc,MAAM,CAAC,KAAOlB,EAAImB,YAAYR,OAAW,IAAI,MAAKP,EAAG,MAAM,CAACJ,EAAIO,GAAG,IAAIP,EAAIoB,GAAGpB,EAAIqB,GAAG,gBAAgB,QAAQ,IACvlBC,EAAkB,G,oGC4BtB,GACEC,WAAY,CACVC,oBAAJ,aACIC,YAAa,WAAjB,yDAEEC,KALF,WAMI,MAAO,CACLC,UAAW,EAAjB,WACMnB,OAAQ,GACRoB,SAAS,EACTC,OAAO,IAGXC,MAAO,CACL,2BADJ,SACA,2KACA,sBADA,OAEA,aAFA,8CAIItB,OALJ,SAKA,GACUuB,MAAMC,QAAQC,IACZA,EAAUxB,OAAS,GACrBR,KAAKiC,iBAUbC,QAAS,CACPhB,YADJ,SACA,GACM,IAAKiB,EAAX,YAEM,GAAIA,EAAOV,KAAM,CACf,IAAR,4HAEA,4CAEA,YACA,iBADA,yBAEA,qBACA,YACA,OAEQ,OAAO,iCACf,QADA,IAEUZ,GAAV,EACUuB,KAAM,KACN1B,MAAV,EACU2B,QAAV,EACUC,YAAV,EACUC,YAAV,EACUC,WAAYC,EAAWA,EAASC,MAAQ,KACxCC,YAAV,EACUC,YAAV,EACUC,QAAQC,EACRC,KAAMC,EACNC,WAAW,EACXC,QAASC,IAGb,OAAO,MAETC,eAlCJ,SAkCA,GACM,IAAN,uGACA,4CACA,YACA,iBADA,wBAEA,qBACA,YACA,OACM,OAAO,iCACb,GADA,IAEQvC,GAAR,EACQuB,KAAM,KACN1B,MAAR,EACQ2B,QAAR,EACQC,YAAR,EACQC,YAAR,EACQC,WAAYC,EAAWA,EAASC,MAAQ,KACxCC,YAAR,EACQC,YAAR,EACQC,QAAQC,EACRC,KAAMC,EACNC,WAAW,EACXC,QAASC,EAAQA,WAGrB,iBA3DJ,WA2DA,8KACA,iCADA,cACA,SADA,gBAEA,sDAFA,OAEA,EAFA,OAIA,EACA,WAEA,iCAEA,aATA,+CAYE,QAtGF,WAsGA,wKACA,qBADA,8CAGE,cAzGF,WAyGA,wKACA,qBADA,+CCtI+Y,I,YCO3YE,EAAY,eACd,EACAvD,EACAuB,GACA,EACA,KACA,KACA,MAIa,aAAAgC,E,kDClBf,IAAIvD,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAQ,KAAEI,EAAG,MAAM,CAACmD,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOxD,EAAIyD,cAAczD,EAAI0B,SAAS,CAAE1B,EAAI0D,OAAc,QAAEtD,EAAG,MAAM,CAACc,MAAM,CAAC,KAAOlB,EAAI0B,OAAO,CAAC1B,EAAI2D,GAAG,YAAY,GAAGvD,EAAG,MAAM,CAACW,YAAY,oCAAoC6C,MAAM,CAAC,qBAAsB5D,EAAI0B,KAAKoB,SAAS,CAAC1C,EAAG,MAAM,CAACW,YAAY,eAAe,CAACX,EAAG,YAAY,CAACW,YAAY,uEAAuEG,MAAM,CAAC,IAAM,6BAA+BlB,EAAI0B,KAAKe,WAAW,KAAO,UAAUrC,EAAG,MAAM,CAACW,YAAY,2CAA2C,CAACX,EAAG,MAAM,CAACW,YAAY,iBAAiB,CAACX,EAAG,MAAM,CAACW,YAAY,yCAAyC,CAAEf,EAAI0B,KAAU,MAAEtB,EAAG,KAAK,CAACJ,EAAIO,GAAG,IAAIP,EAAIoB,GAAGpB,EAAI0B,KAAKf,UAAUP,EAAG,OAAO,CAACJ,EAAIO,GAAG,IAAIP,EAAIoB,GAAGpB,EAAIqB,GAAG,eAAe,OAAQrB,EAAI0B,KAAW,OAAEtB,EAAG,UAAU,CAACW,YAAY,eAAe8C,YAAY,CAAC,aAAa,QAAQ3C,MAAM,CAAC,YAAc,GAAG,MAAQ,YAAY,CAACd,EAAG,OAAO,CAACJ,EAAIO,GAAGP,EAAIoB,GAAGpB,EAAIqB,GAAG,wBAAwBrB,EAAI8D,KAAO9D,EAAI0B,KAAKgB,SAA4L1C,EAAI8D,KAAtL1D,EAAG,UAAU,CAACW,YAAY,eAAe8C,YAAY,CAAC,aAAa,QAAQ3C,MAAM,CAAC,YAAc,GAAG,MAAQ,WAAW,CAACd,EAAG,OAAO,CAACJ,EAAIO,GAAGP,EAAIoB,GAAGpB,EAAIqB,GAAG,4BAAqC,GAAGjB,EAAG,OAAO,CAACW,YAAY,kBAAkB,CAACf,EAAIO,GAAGP,EAAIoB,GAAGpB,EAAI0B,KAAKkB,gBAAgBxC,EAAG,OAAO,CAACW,YAAY,qBAAqB6C,MAAM,CAAE,kBAAsB5D,EAAI0B,KAAKkB,YAAYmB,QAAQ,MAAO,MAAO,CAAC/D,EAAIO,GAAGP,EAAIoB,GAAGpB,EAAIqB,GAAG,iBAAiB,IAAIrB,EAAIoB,GAAGpB,EAAI0B,KAAKmB,kBAAkBzC,EAAG,MAAM,CAACW,YAAY,qCAAqC,CAACX,EAAG,MAAM,CAACW,YAAY,6CAA6Cf,EAAIU,GAAIV,EAAI0B,KAAW,QAAE,SAASsC,EAAMpD,GAAO,OAAOR,EAAG,MAAM,CAACE,IAAIM,EAAMG,YAAY,4BAA4B6C,MAAM,MAAQ5D,EAAIiE,WAAWD,QAAW,GAAG5D,EAAG,OAAO,CAACJ,EAAIO,GAAGP,EAAIoB,GAAGpB,EAAIkE,GAAG,OAAPlE,CAAeA,EAAI0B,KAAKsB,eAAe,GAAG5C,EAAG,MAAM,CAACW,YAAY,eAAe,CAACX,EAAG,MAAM,CAACW,YAAY,0BAA0B,CAACX,EAAG,cAAc,CAACW,YAAY,8BAA8BwC,GAAG,CAAC,MAAQ,SAASC,GAAQA,EAAOW,oBAAqBC,MAAM,CAACC,MAAOrE,EAAqB,kBAAEsE,SAAS,SAAUC,GAAMvE,EAAIwE,kBAAkBD,GAAKE,WAAW,uBAAuBrE,EAAG,eAAe,CAACW,YAAY,iBAAiBG,MAAM,CAAC,KAAO,WAAW,WAAa,CAAC,CAAC,2CAA4ClB,EAAI0B,KAAKwB,WAAY,MAAO,QAAQK,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOW,kBAAyBnE,EAAI0E,gBAAgBlB,QAAa,GAAGpD,EAAG,MAAM,CAACW,YAAY,+BAA+B,CAACX,EAAG,OAAO,CAACJ,EAAIO,GAAGP,EAAIoB,GAAGpB,EAAIkE,GAAG,cAAPlE,CAAsBA,EAAI0B,KAAKyB,eAAe/C,EAAG,MAAM,CAACW,YAAY,yCAAyC,CAAEf,EAAI0B,KAAY,QAAEtB,EAAG,UAAU,CAACW,YAAY,eAAe8C,YAAY,CAAC,aAAa,QAAQ3C,MAAM,CAAC,YAAc,GAAG,MAAQ,YAAY,CAACd,EAAG,OAAO,CAACJ,EAAIO,GAAG,IAAIP,EAAIoB,GAAGpB,EAAI0B,KAAKc,aAAa,IAAIxC,EAAIoB,GAAGpB,EAAI0B,KAAKa,aAAa,SAASvC,EAAI8D,MAAM,SAAS9D,EAAI8D,MACx4FxC,EAAkB,G,kCCyFtB,GACEqD,MAAO,CACLjD,KAAM,CACJW,KAAMuC,OACNC,QAAS,MAEXC,WAAY,CACVzC,KAAM0C,QACNC,UAAU,IAGdtD,KAXF,WAYI,MAAO,CACL8C,kBAAmBvE,KAAK6E,WACxBnD,UAAW,EAAjB,aAGEG,MAAO,GAQPmD,SAAU,CACRhB,WADJ,WAEM,OAAO,SAAb,GACQ,OAAOD,GAAS,aAQtB7B,QAAS,CAKPsB,cALJ,SAKA,GAGMxD,KAAK0B,UAAUuD,wBAAyB,EAGxC,IAAN,kFACUC,GAAqB,GAAGlF,KAAK0B,UAAUyD,uBAAuBC,OAAOF,EAAmB,GAE5FlF,KAAK0B,UAAUyD,uBAAuBE,QAAQlC,EAAQtC,IAElDsC,EAAQf,OAAMpC,KAAK0B,UAAU4D,0BAA4BnC,EAAQf,MAGjEpC,KAAK0B,UAAUyD,uBAAuB3E,OAAS,IAAIR,KAAK0B,UAAUyD,uBAAuBI,MAG7FvF,KAAK0B,UAAU8D,4BAA8B,EAG7CxF,KAAK0B,UAAU+D,aAAetC,GAGhCf,KA5BJ,WA6BM,OAAOpC,KAAK0B,UAAU4D,6BC3J8W,I,wBCQtYjC,EAAY,eACd,EACAvD,EACAuB,GACA,EACA,KACA,KACA,MAIa,aAAAgC,E,6UChBAqC,eAAIC,WAAW,CAC1BC,eAAe,EACfC,qBAAqB,EACrBZ,wBAAwB,EACxBa,cAAe,GACfC,MAAO,GACPC,iBAAkB,GAClBC,cAAe,EACfC,OAAQ,CAAC,KAAM,OAAQ,YACvBC,eAAgB,KAChBV,aAAc,KACdN,uBAAwB,GACxBK,4BAA6B,EAC7BF,0BAA2B,KAC3Bc,YAAa,CACXC,GAAI,GACJC,SAAU,GACVC,KAAM,IAERC,eAAgB,SAChB3D,OAAQ,CACNwD,GAAII,EAAoB,MACxBF,KAAME,EAAoB,QAC1BH,SAAUG,EAAoB,eCxBrBf,eAAIC,WAAW,ICIjBe,EAAQ,CAAEC,iBAAWC,MAAOA,OAAMF,MAAOG,QAAOC,OAYhDC,EAAuB,yDAAG,WAAgBC,EAASC,GAAzB,yHAMdN,OAAUO,QAAQC,QAAQH,EAASC,GANrB,UAMjCG,EANiC,OAOjCC,EAAO,KACP9G,EAAS,GAIa,qBAAf6G,IAITC,EAAOD,EAAW3F,OAKhBK,MAAMC,QAAQsF,GArBmB,iBAsB/BC,EAtB+B,eAsBpBD,GACNE,EAAIF,EAAK7G,OAAS,EAvBQ,YAuBL+G,GAAK,GAvBA,wBAwB3BC,EAAOH,EAAKE,GAxBe,UAyBbZ,OAAUO,QAAQO,KAAK,QAAST,EAASQ,EAAK3G,IAzBjC,QAyB3BH,EAzB2B,OA0B7BA,IACF4G,EAAKlC,OAAOmC,EAAG,GACfhH,EAAOmH,KAAKhH,IA5BmB,QAuBG6G,GAAK,EAvBR,4BAkC/BD,EAAK9G,OAAS,GAlCiB,wBAmCjC8G,EAAOA,EAAKK,KAAI,gBAAG9G,EAAH,EAAGA,GAAH,MAAa,CAAEA,SAnCE,UAoCF+F,OAAMgB,SAAS,sCAAuC,CAAEZ,UAASK,KAAMC,IApCrE,iBAoCzBO,EApCyB,EAoCzBA,OAAQpG,EApCiB,EAoCjBA,KAGZoG,EAAOC,SAAWrG,EAAKuF,KACzBzG,EAAS,GAAH,sBAAOA,GAAP,eAAkBkB,EAAKuF,KAC7BzG,EAAOoH,KAAI,SAAAjH,GAAK,OAAIiG,OAAUO,QAAQa,KAAK,QAASf,EAAStG,EAAMG,GAAIH,OAzCxC,iCA8C9BH,GA9C8B,4CAAH,wDAkDvByH,EAA4B,SAAUhB,EAASiB,GAC1D,GAAKjB,GAAYiB,EAAjB,CAIA,IAAM1H,EAAS,GACT2H,EAAW,GAEXb,EAAOV,OAAUO,QAAQO,KAAlB,eAA+BT,GAAWiB,GAGvD,GAAIZ,GAAQvF,MAAMC,QAAQsF,EAAKA,MAAO,wBAGdA,EAAKA,MAHS,IAGpC,2BAAiC,KAAxBc,EAAwB,QACzBzH,EAAQiG,OAAUO,QAAQO,KAAK,WAAYU,EAAUtH,IAG3D,GAAIH,IACFH,EAAOmH,KAAKhH,GAERA,EAAM0H,aAAa5H,OAAS,GAAG,wBAETE,EAAM0H,cAFG,IAEjC,2BAA4C,KAAnCC,EAAmC,QACpClF,EAAUwD,OAAUO,QAAQO,KAAK,aAAcY,EAAYxH,IACjEqH,EAASR,KAAKvE,IAJiB,iCAVH,+BAqBtC,MAAO,CAAE5C,SAAQ2H,cAIZ,SAAeI,IAAtB,+B,8DAAO,oHAA6BtB,EAA7B,+BAAuC,MAAO5E,EAA9C,+BAAqD,SAEpDX,EAAO,CAAE4F,KAAM,IAFhB,KAIGL,EAJH,OAKE,OALF,OAQE,SARF,QAWE,aAXF,wCAMoBuB,EAAenG,GANnC,cAMDX,EAAK4F,KAAKhB,GANT,qDASoBmC,EAAiBpG,GATrC,eASDX,EAAK4F,KAAKhB,GATT,qDAYoBoC,EAAqBrG,GAZzC,eAYDX,EAAK4F,KAAKhB,GAZT,qDAeoBkC,EAAenG,GAfnC,eAeDX,EAAK4F,KAAKhB,GAfT,iBAgBsBmC,EAAiBpG,GAhBvC,eAgBDX,EAAK4F,KAAKd,KAhBT,iBAiB0BkC,EAAqBrG,GAjB/C,eAiBDX,EAAK4F,KAAKf,SAjBT,6DAqBE7E,GArBF,4C,wBAgCA,SAASgF,EAAoBO,GAClC,OAAOL,OAAUO,QAAQwB,SAAS1B,EAAS,WAAa,E,SAa3CuB,E,gGAAf,WAA8BnG,GAA9B,oGAGQuG,EAAOhC,OAAUO,QAAQG,KAAKuB,IAAvB,aAAiCxG,KAE1CuG,EALN,uDASsBhC,OAAUO,QAAQ2B,IAAIxB,KAAKyB,IAA3B,aAAqC1G,IAT3D,UASUyG,EATV,QAYQA,EAZR,wBAaMlC,OAAUO,QAAQG,KAAK0B,IAAvB,YAAwCF,GAb9C,kBAcaA,GAdb,yBAgB6BjC,OAAMgB,SAAS,qCAAsC,CAAEZ,QAAS,KAAM5E,SAhBnG,WAgBY4G,EAhBZ,OAmBcnB,EAAiBmB,EAAjBnB,OAAQpG,EAASuH,EAATvH,KACXoG,EApBX,uDAyBUA,EAAOC,UAAWrG,EAzB5B,oBA0BgB4E,EAAO5E,EAAP4E,IACJA,EA3BZ,kCA4BgBM,OAAUO,QAAQa,KAAK,OAAQ,KAAM3F,EAAMiE,GA5B3D,iCA6BiBA,GA7BjB,4C,iCAqCemC,E,gGAAf,WAAgCpG,GAAhC,oGAGQuG,EAAOhC,OAAUO,QAAQG,KAAKuB,IAAvB,eAAmCxG,KAE5CuG,EALN,uDASsBhC,OAAUO,QAAQ2B,IAAIxB,KAAKyB,IAA3B,eAAuC1G,IAT7D,UASUyG,EATV,QAYQA,EAZR,wBAaMlC,OAAUO,QAAQG,KAAK0B,IAAvB,cAA0CF,GAbhD,kBAcaA,GAdb,yBAgB6BjC,OAAMgB,SAAS,qCAAsC,CAAEZ,QAAS,OAAQ5E,SAhBrG,WAgBY4G,EAhBZ,OAiBcnB,EAAiBmB,EAAjBnB,OAAQpG,EAASuH,EAATvH,MACZoG,EAAOC,UAAWrG,EAlB5B,oBAmBgB8E,EAAS9E,EAAT8E,MACJA,EApBZ,kCAqBgBI,OAAUO,QAAQa,KAAK,OAAQ,OAAQ3F,EAAMmE,GArB7D,iCAsBiBA,GAtBjB,4C,iCA8BekC,E,gGAAf,WAAoCrG,GAApC,oGAGQuG,EAAOhC,OAAUO,QAAQG,KAAKuB,IAAvB,mBAAuCxG,KAEhDuG,EALN,uDASsBhC,OAAUO,QAAQ2B,IAAIxB,KAAKyB,IAA3B,mBAA2C1G,IATjE,UASUyG,EATV,QAYQA,EAZR,wBAaMlC,OAAUO,QAAQG,KAAK0B,IAAvB,kBAA8CF,GAbpD,kBAcaA,GAdb,yBAgB6BjC,OAAMgB,SAAS,qCAAsC,CAAEZ,QAAS,WAAY5E,SAhBzG,WAgBY4G,EAhBZ,OAiBcnB,EAAiBmB,EAAjBnB,OAAQpG,EAASuH,EAATvH,MACZoG,EAAOC,UAAWrG,EAlB5B,oBAmBgB6E,EAAa7E,EAAb6E,UACJA,EApBZ,kCAqBgBK,OAAUO,QAAQa,KAAK,OAAQ,WAAY3F,EAAMkE,GArBjE,iCAsBiBA,GAtBjB,4C","file":"js/chunk-73ebb3d8.53f56160.js","sourcesContent":["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!./CommonTopicListItem.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',{key:'webboard-thread-list'},[(_vm.loading)?_c('div',[_vm._v(\"Loading\")]):(_vm.topics.length > 0)?_vm._l((_vm.topics),function(topic,index){return _c('li',{key:String(topic.id),staticClass:\"cursor-pointer email__mail-item\",style:({transitionDelay: (index * 0.1) + 's'})},[_c('CommonTopicListItem',{attrs:{\"index\":index,\"data\":_vm.dataAdapter(topic),\"isSelected\":false}},[_c('TopicHeader',{attrs:{\"data\":_vm.dataAdapter(topic)}})],1)],1)}):_c('div',[_vm._v(\" \"+_vm._s(_vm.$t(\"no-webboard\"))+\" \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :key=\"'webboard-thread-list'\">\n    <div v-if=\"loading\">Loading</div>\n\n    <!-- Debug -->\n    <!-- <div v-if=\"debug\">\n      {{ topic }}\n    </div> -->\n\n    <li v-else-if=\"topics.length > 0\" class=\"cursor-pointer email__mail-item\"   \n      v-for=\"(topic, index) in topics\"\n      :key=\"String(topic.id)\" :style=\"{transitionDelay: (index * 0.1) + 's'}\">\n     \n      <CommonTopicListItem :index=\"index\" :data=\"dataAdapter(topic)\" :isSelected=\"false\">\n        <TopicHeader :data=\"dataAdapter(topic)\" />\n      </CommonTopicListItem>\n    </li>\n    <div v-else>\n      {{ $t(\"no-webboard\") }}\n    </div>\n  </div>\n</template>\n\n<script>\n/* eslint-disable vue/no-unused-components */\nimport { state } from \"../../data\";\nimport CommonTopicListItem from \"../CommonTopicListItem.vue\";\nimport { constructTopicsFromList } from \"../../data\";\n\nexport default {\n  components: {\n    CommonTopicListItem,\n    TopicHeader: () => import(\"./TopicHeader.vue\")\n  },\n  data() {\n    return {\n      localData: state.local,\n      topics: [],\n      loading: true,\n      debug: false\n    }\n  },\n  watch: {\n    async 'localData.activeListType'(type) {\n      await this.refreshTopicList(type);\n      this.loading = false;\n    },\n    topics(topicList) {                         \n      if (Array.isArray(topicList)) {           \n        if (topicList.length > 0) {             \n          this.$forceUpdate();                  \n        }                                       \n      }                                         \n    }                                           \n  },                                            \n  // computed: {                                \n  //   messages() {                             \n  //     return this.localData.messagePool[\"pm\"]\n  //   }                                        \n  // },                                         \n  methods: {                                    \n    dataAdapter(_topic) {                            \n      if (!_topic) { return null }              \n                                                \n      if (_topic.data) {                        \n        const { id, topic, sendDate, readDate, fromUser, fromUserCode, message, courseOutlineRegistration } = _topic.data;\n                                                \n        const { subject, subjectCode, subjectName } = courseOutlineRegistration;\n                                                \n        const sender_name =                     \n          `${fromUser ? fromUser.nameLocal : \"\" }\n            ${fromUser ? fromUser.surnameLocal : \"\" }`;\n        const sender_code =                     \n          `${fromUserCode ? fromUserCode : \"\"}` \n                                                \n        return {                                \n          ..._topic.data,                       \n          id,                                   \n          type: \"pm\",                           \n          topic,                                \n          subject,                              \n          subjectName,                          \n          subjectCode,                          \n          senderUUID: fromUser ? fromUser.photo : null,\n          sender_name,                          \n          sender_code,                          \n          unread: readDate ? false : true,      \n          time: sendDate,                       \n          isStarred: true,                      \n          content: message                      \n        }                                       \n      }                                         \n      return null                               \n    },                                          \n    messageAdapter(message) {                   \n      const { id, topic, sendDate, readDate, fromUser, fromUserCode, courseOutlineRegistration } = message;\n      const { subject, subjectCode, subjectName } = courseOutlineRegistration;\n      const sender_name =                       \n        `${fromUser ? fromUser.nameLocal : \"\" } \n          ${fromUser ? fromUser.surnameLocal : \"\" }`;\n      const sender_code =                       \n        `${fromUserCode ? fromUserCode : \"\"}`   \n      return {                                  \n        ...message,                             \n        id,                                     \n        type: \"pm\",                             \n        topic,                                  \n        subject,                                \n        subjectName,                            \n        subjectCode,                            \n        senderUUID: fromUser ? fromUser.photo : null,\n        sender_name,                                        \n        sender_code,                                        \n        unread: readDate ? false : true,                    \n        time: sendDate,                                     \n        isStarred: true,                                    \n        content: message.message                            \n      }                                                     \n    },                                                      \n    async refreshTopicList() {                              \n      this.topics = await constructTopicsFromList(\"webboard\", \"all\");\n      const topics = await constructTopicsFromList(\"webboard\", this.localData.activeListType);\n                                                            \n      if (topics) {                                         \n        this.topics = topics                                \n      } else {                                              \n        this.localData.activeListType = \"all\"               \n      }                                                     \n      this.loading = false;                                 \n    }                                                       \n  },                                                        \n  async mounted() {                                         \n    await this.refreshTopicList();                          \n  },                                                        \n  async beforeUpdated() {                                   \n    await this.refreshTopicList();                          \n  }                                                         \n}                                                           \n</script>                                                   \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!./TopicList.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!./TopicList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TopicList.vue?vue&type=template&id=0c7542a2&\"\nimport script from \"./TopicList.vue?vue&type=script&lang=js&\"\nexport * from \"./TopicList.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 (_vm.data)?_c('div',{on:{\"click\":function($event){return _vm.selectMessage(_vm.data)}}},[(_vm.$slots.default)?_c('div',{attrs:{\"data\":_vm.data}},[_vm._t(\"default\")],2):_c('div',{staticClass:\"mail__mail-item sm:px-4 px-2 py-6\",class:{'mail__opened-mail': !_vm.data.unread}},[_c('div',{staticClass:\"flex w-full\"},[_c('vs-avatar',{staticClass:\"sender__avatar flex-shrink-0 mr-3 border-2 border-solid border-white\",attrs:{\"src\":'http://files.xtrathai.com/' + _vm.data.senderUUID,\"size\":\"40px\"}}),_c('div',{staticClass:\"flex w-full justify-between items-start\"},[_c('div',{staticClass:\"mail__details\"},[_c('div',{staticClass:\"mb-1 flex flex-inline justify-between\"},[(_vm.data.topic)?_c('h5',[_vm._v(\" \"+_vm._s(_vm.data.topic))]):_c('span',[_vm._v(\" \"+_vm._s(_vm.$t('no-subject'))+\" \")]),(_vm.data.unread)?_c('vs-chip',{staticClass:\"ml-2 my-auto\",staticStyle:{\"min-height\":\"20px\"},attrs:{\"transparent\":\"\",\"color\":\"warning\"}},[_c('span',[_vm._v(_vm._s(_vm.$t('general.unread')))])]):_vm._e(),(!_vm.data.fromUser)?_c('vs-chip',{staticClass:\"ml-2 my-auto\",staticStyle:{\"min-height\":\"20px\"},attrs:{\"transparent\":\"\",\"color\":\"danger\"}},[_c('span',[_vm._v(_vm._s(_vm.$t('general.read-only')))])]):_vm._e()],1),_c('span',{staticClass:\"mt-2 font-bold\"},[_vm._v(_vm._s(_vm.data.sender_name))]),_c('span',{staticClass:\"mt-2 font-semibold\",class:{ '_auto_parentheses' : _vm.data.sender_name.replace(/\\s/g, '') }},[_vm._v(_vm._s(_vm.$t('general.code'))+\" \"+_vm._s(_vm.data.sender_code))])]),_c('div',{staticClass:\"mail-item__meta flex items-center\"},[_c('div',{staticClass:\"email__labels hidden sm:flex items-center\"},_vm._l((_vm.data.labels),function(label,index){return _c('div',{key:index,staticClass:\"h-2 w-2 rounded-full mr-2\",class:'bg-' + _vm.labelColor(label)})}),0),_c('span',[_vm._v(_vm._s(_vm._f(\"date\")(_vm.data.time)))])])])],1),_c('div',{staticClass:\"flex w-full\"},[_c('div',{staticClass:\"flex items-center ml-1\"},[_c('vs-checkbox',{staticClass:\"vs-checkbox-small ml-0 mr-1\",on:{\"click\":function($event){$event.stopPropagation();}},model:{value:(_vm.isSelectedMessage),callback:function ($$v) {_vm.isSelectedMessage=$$v},expression:\"isSelectedMessage\"}}),_c('feather-icon',{staticClass:\"cursor-pointer\",attrs:{\"icon\":\"StarIcon\",\"svgClasses\":[{'text-warning fill-current stroke-current': _vm.data.isStarred}, 'w-5', 'h-5']},on:{\"click\":function($event){$event.stopPropagation();return _vm.toggleIsStarred($event)}}})],1),_c('div',{staticClass:\"mail__message truncate ml-3\"},[_c('span',[_vm._v(_vm._s(_vm._f(\"filter_tags\")(_vm.data.content)))])]),_c('div',{staticClass:\"mb-1 flex flex-inline justify-between\"},[(_vm.data.subject)?_c('vs-chip',{staticClass:\"ml-2 my-auto\",staticStyle:{\"min-height\":\"20px\"},attrs:{\"transparent\":\"\",\"color\":\"success\"}},[_c('span',[_vm._v(\" \"+_vm._s(_vm.data.subjectCode)+\" \"+_vm._s(_vm.data.subjectName)+\" \")])]):_vm._e()],1)])])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\n=========================================================================================\n  Message List Item\n==========================================================================================\n-->\n\n<template>\n  <div v-if=\"data\" @click=\"selectMessage(data)\">\n    <!-- Custom View via Slot -->\n    <div v-if=\"$slots.default\" v-bind:data=\"data\">\n      <slot />\n    </div>\n\n    <!-- Default View -->\n    <div\n      v-else\n      class=\"mail__mail-item sm:px-4 px-2 py-6\"\n      :class=\"{'mail__opened-mail': !data.unread}\"\n    >\n      <!-- MESSAGE ROW 1 : META -->\n      <div class=\"flex w-full\">\n        <vs-avatar\n          class=\"sender__avatar flex-shrink-0 mr-3 border-2 border-solid border-white\"\n          :src=\"'http://files.xtrathai.com/' + data.senderUUID\" size=\"40px\" />\n\n        <div class=\"flex w-full justify-between items-start\">\n            <div class=\"mail__details\">\n\n              <div class=\"mb-1 flex flex-inline justify-between\">\n                <h5 v-if=\"data.topic\">\n                  {{ data.topic }}</h5>\n                <span v-else>\n                  {{ $t('no-subject') }}\n                </span>\n                <vs-chip v-if=\"data.unread\" transparent color=\"warning\" class=\"ml-2 my-auto\" style=\"min-height: 20px;\">\n                  <span>{{ $t('general.unread') }}</span>\n                </vs-chip>\n\n                <vs-chip v-if=\"!data.fromUser\" transparent color=\"danger\" class=\"ml-2 my-auto\" style=\"min-height: 20px;\">\n                  <span>{{ $t('general.read-only') }}</span>\n                </vs-chip>\n              </div>\n\n              <span class=\"mt-2 font-bold\">{{ data.sender_name }}</span>\n              <span class=\"mt-2 font-semibold\"\n                :class=\"{ '_auto_parentheses' : data.sender_name.replace(/\\s/g, '') }\" >{{ $t('general.code') }} {{ data.sender_code }}</span>\n            </div>\n\n            <div class=\"mail-item__meta flex items-center\">\n                <div class=\"email__labels hidden sm:flex items-center\">\n                  <div class=\"h-2 w-2 rounded-full mr-2\"\n                    :class=\"'bg-' + labelColor(label)\"\n                    v-for=\"(label, index) in data.labels\" :key=\"index\" />\n                </div>\n                <span>{{ data.time | date }}</span>\n            </div>\n        </div>\n      </div>\n      <!-- / MESSAGE ROW 1 -->\n\n      <!-- MESSAGE ROW 2 : MSG & ACTIONS -->\n      <div class=\"flex w-full\">\n        <div class=\"flex items-center ml-1\">\n          <vs-checkbox\n            v-model=\"isSelectedMessage\"\n            @click.stop class=\"vs-checkbox-small ml-0 mr-1\" />\n          <feather-icon icon=\"StarIcon\"\n            class=\"cursor-pointer\"\n            :svgClasses=\"[{'text-warning fill-current stroke-current': data.isStarred}, 'w-5', 'h-5']\"\n            @click.stop=\"toggleIsStarred\" />\n        </div>\n        <div class=\"mail__message truncate ml-3\">\n          <span>{{ data.content | filter_tags }}</span>\n        </div>\n          <div class=\"mb-1 flex flex-inline justify-between\">\n            <vs-chip v-if=\"data.subject\" transparent color=\"success\" class=\"ml-2 my-auto\" style=\"min-height: 20px;\">\n              <span>\n                {{ data.subjectCode }} {{ data.subjectName }}\n              </span>\n            </vs-chip>\n          </div>\n      </div>\n      <!-- / MESSAGE ROW 2 -->\n    </div>\n  </div>\n</template>\n\n<script>\nimport { state } from \"../data\";\n\nexport default {\n  props: {\n    data: {\n      type: Object,\n      default: null\n    },\n    isSelected: {\n      type: Boolean,\n      required: true,\n    }\n  },\n  data() {\n    return {\n      isSelectedMessage: this.isSelected,\n      localData: state.local,\n    }\n  },\n  watch: {\n    // isSelected(value) {\n    //   this.isSelectedMessage = value\n    // },\n    /* isSelectedMessage(val) {\n      val ? this.$emit('addToSelected', this.message.id) : this.$emit('removeSelected', this.message.id)\n    } */\n  },\n  computed: {\n    labelColor() {\n      return (label) => {\n        return label || \"primary\";\n        // const tags = this.$store.state.emessage.mailTags\n        // return tags.find((tag) => {\n        //   return tag.value == label\n        // }).color\n      }\n    },\n  },\n  methods: {\n    // toggleIsStarred() {\n      // const payload = { mailId: this.message.id, value: !this.message.isStarred }\n      // this.$store.dispatch('email/toggleIsMailStarred', payload)\n    // },\n    selectMessage(message) {\n\n      // Activate Message Content Pane.\n      this.localData.isMessageContentActive = true;\n\n      // Check if the selected message is already in the list, pop it out.\n      const existMessageIndex = this.localData.currentViewingMessages.findIndex(m => m === message.id);\n      if (existMessageIndex > -1) this.localData.currentViewingMessages.splice(existMessageIndex, 1);\n\n      this.localData.currentViewingMessages.unshift(message.id);\n\n      if (message.type) this.localData.currentViewingMessageType = message.type;\n\n      // // Pop last message out, Store only latest 10.\n      if (this.localData.currentViewingMessages.length > 10) this.localData.currentViewingMessages.pop();\n\n      // // Set viewing cursor to position 0;\n      this.localData.currentViewingMessageCursor = 0;\n\n      // TODO: Set as read\n      this.localData.currentTopic = message;\n\n    },\n    type() {\n      return this.localData.currentViewingMessageType;\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n._auto_parentheses {\n  &::before {\n    content: \"\\00a0\\00a0 (\"\n  };\n  &::after {\n    content: \") \"\n  }\n  font-weight: 600;\n  font-size: 0.9rem;\n  letter-spacing: 0.5px;\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!./CommonTopicListItem.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!./CommonTopicListItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CommonTopicListItem.vue?vue&type=template&id=ae5834ca&\"\nimport script from \"./CommonTopicListItem.vue?vue&type=script&lang=js&\"\nexport * from \"./CommonTopicListItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CommonTopicListItem.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","import Vue from \"vue\";\nimport { getNewUnreadMessage } from \"./index\";\n\nexport default Vue.observable({\n    clickNotClose: true,\n    isLeftSidebarActive: true,\n    isMessageContentActive: false,\n    newChatUnread: [],\n    newPM: [],\n    newWebboardReply: [],\n    selectedPanel: 0,\n    panels: ['pm', 'chat', 'webboard'],\n    currentMessage: null,\n    currentTopic: null,\n    currentViewingMessages: [],\n    currentViewingMessageCursor: 0,\n    currentViewingMessageType: \"pm\",\n    messagePool: {\n      pm: [],\n      webboard: [],\n      chat: []\n    },\n    activeListType: \"recent\",\n    unread: {\n      pm: getNewUnreadMessage(\"pm\"),\n      chat: getNewUnreadMessage(\"chat\"),\n      webboard: getNewUnreadMessage(\"webboard\"),\n    }\n  });\n","import Vue from \"vue\";\n\nexport default Vue.observable({\n    \n});\n","import Datastore from \"@/developing/datastore\";\nimport store from '@/store'; // Vuex store for import the module's states.\nimport local from \"./data-local\";\nimport dev from \"./data-dev\";\n\n//\nexport const state = { Datastore, store: store.state, local, dev }\n\n//\nexport const createList = async function (channel, list_type, topics) {\n  // Get ID of Topics to Generate A List\n  // with condition of list (All, Recent, )\n  // console.log(channel, list_type, topics);\n  if (!channel || !list_type || !topics) { return }\n\n}\n\n//\nexport const constructTopicsFromList = async function (channel, list_type) {\n  // console.log(\"constructTopicFromList\");\n\n  // const limit = 10;\n  // const cursor = 0;\n\n  let storedList = await Datastore.Message.getList(channel, list_type);\n  let list = null;\n  let topics = [];\n\n  // console.log(\"storedList\", storedList);\n\n  if (typeof storedList === \"undefined\") {\n    // console.log(\"Request server to generate and send back a new list\");\n    // list = createNewList(channel, type);\n  } else {\n    list = storedList.data;\n  }\n\n  // console.log(\"Check constructTopicsFromList\", list);\n\n  if (Array.isArray(list)) {\n    let diff = [...list];\n    for (let i = list.length - 1; i >= 0; i -= 1) {\n      const item = list[i];\n      const topic = await Datastore.Message.load(\"topic\", channel, item.id);\n      if (topic) {\n        diff.splice(i, 1);\n        topics.push(topic);\n      }\n    }\n\n    // console.log(\"diff\", diff);\n\n    if (diff.length > 0) {\n      diff = diff.map(({ id }) => ({ id }));\n      const { status, data } = await store.dispatch(\"Communication/getMessageTopicsByIds\", { channel, list: diff });\n      // console.log(\"Check\", status, data);\n\n      if (status.success && data[channel]) {\n        topics = [...topics, ...data[channel]];\n        topics.map(topic => Datastore.Message.save(\"topic\", channel, topic.id, topic));\n      }\n    }\n  }\n\n  return topics\n}\n\n// Construct Messages to Show on UI\nexport const constructMessagesFromList = function (channel, list_id) {\n  if (!channel || !list_id) {\n    return // Return error\n  }\n\n  const topics = [];\n  const messages = [];\n\n  const list = Datastore.Message.load(`list/${channel}`, list_id);\n  // console.log(\"List in constructMessageFromList\", list, channel, list_id);\n\n  if (list && Array.isArray(list.list)) {\n\n    // console.log(\"Load topics and messages to create a new list\")\n    for (let topicItem of list.list) {\n      const topic = Datastore.Message.load(\"topic/pm\", topicItem.id);\n\n\n      if (topic) {\n        topics.push(topic);\n\n        if (topic.messageIndex.length > 0) {\n\n          for (let messageItem of topic.messageIndex) {\n            const message = Datastore.Message.load(\"message/pm\", messageItem.id);\n            messages.push(message);\n          }\n        }\n      }\n    }\n  }\n\n  return { topics, messages };\n}\n\n//\nexport async function loadTopicList(channel = \"all\", type = \"recent\") {\n\n  const data = { list: {} };\n\n  switch (channel) {\n    case \"pm\":\n      data.list.pm = await getPMTopicList(type);\n      break;\n    case \"chat\":\n      data.list.pm = await getChatTopicList(type);\n      break;\n    case \"webboard\":\n      data.list.pm = await getWebboardTopicList(type);\n      break;\n    default:\n      data.list.pm = await getPMTopicList(type);\n      data.list.chat = await getChatTopicList(type);\n      data.list.webboard = await getWebboardTopicList(type);\n      break;\n  }\n\n  return data;\n  /*\n  // Create Message\n  storeMessagesToCache({ channel: \"pm\", messageKey: \"privateMessageReplies\", data: pm });\n  storeMessagesToCache({ channel: \"chat\", messageKey: \"chatMessage\", data: chat });\n  storeMessagesToCache({ channel: \"webboard\", messageKey: \"webBoardReplies\", data: webboard });\n\n  */\n}\n\n//\nexport function getNewUnreadMessage(channel) {\n  return Datastore.Message.getState(channel, \"unread\") || 0;\n  // if (channel && this.$data.$local.messagePool[channel]) {\n  //   const unreadMessages = this.$data.$local.messagePool[channel].filter(message => message.unread === true);\n  //   return unreadMessages.length;\n  // }\n}\n\n\n//////////////////////////\n//*  Private Functions  */\n//////////////////////////\n\n//\nasync function getPMTopicList(type) {\n  // console.log(\"getPMTopicList\", type);\n\n  const pool = Datastore.Message.list.has(`pm/${type}`);\n  // console.log(\"PM Pool\", pool);\n  if (pool) {\n    // Send cache key to check/get update, if exists\n  } else {\n    // const idb_pm_recent_list = null;\n    const idb = await Datastore.Message.idb.list.get(`pm/${type}`);\n    // console.log(\"PM IDB\", idb);\n\n    if (idb) {\n      Datastore.Message.list.set(`pm/recent`, idb);\n      return idb;\n    } else {\n      const response = await store.dispatch(\"Communication/getRecentMessageList\", { channel: \"pm\", type });\n      // console.log(\"Check\", response);\n\n      const { status, data } = response;\n      if (!status) {\n        // console.log(\"Error on Communication/getRecentMessageList\");\n        return\n      }\n\n      if (status.success && data) {\n        const { pm } = data;\n        if (pm) {\n          await Datastore.Message.save(\"list\", \"pm\", type, pm);\n          return pm;\n        }\n      }\n    }\n  }\n}\n\n//\nasync function getChatTopicList(type) {\n  // console.log(\"getChatTopicList\", type);\n\n  const pool = Datastore.Message.list.has(`chat/${type}`);\n  // console.log(\"Chat Pool\", pool);\n  if (pool) {\n    // Send cache key to check/get update, if exists\n  } else {\n    // const idb_pm_recent_list = null;\n    const idb = await Datastore.Message.idb.list.get(`chat/${type}`);\n    // console.log(\"Chat IDB\", idb);\n\n    if (idb) {\n      Datastore.Message.list.set(`chat/recent`, idb);\n      return idb;\n    } else {\n      const response = await store.dispatch(\"Communication/getRecentMessageList\", { channel: \"chat\", type });\n      const { status, data } = response;\n      if (status.success && data) {\n        const { chat } = data;\n        if (chat) {\n          await Datastore.Message.save(\"list\", \"chat\", type, chat);\n          return chat;\n        }\n      }\n    }\n  }\n}\n\n//\nasync function getWebboardTopicList(type) {\n  // console.log(\"getWebboardTopicList\", type);\n\n  const pool = Datastore.Message.list.has(`webboard/${type}`);\n  // console.log(\"Webboard Pool\", pool);\n  if (pool) {\n    // Send cache key to check/get update, if exists\n  } else {\n    // const idb_webboard_recent_list = null;\n    const idb = await Datastore.Message.idb.list.get(`webboard/${type}`);\n    // console.log(\"Webboard IDB\", idb);\n\n    if (idb) {\n      Datastore.Message.list.set(`webboard/recent`, idb);\n      return idb;\n    } else {\n      const response = await store.dispatch(\"Communication/getRecentMessageList\", { channel: \"webboard\", type });\n      const { status, data } = response;\n      if (status.success && data) {\n        const { webboard } = data;\n        if (webboard) {\n          await Datastore.Message.save(\"list\", \"webboard\", type, webboard);\n          return webboard;\n        }\n      }\n    }\n  }\n}\n\n/*\nfunction storeMessagesToCache({ channel, messageKey, data } ) {\n  // const list = [];\n\n  // Message.saveList(channel, data);\n\n  // for (let topic of data) {\n  //   topic.messageIndex = [];\n\n  //   // // Save all message to flatmap\n  //   if (topic[messageKey]) {\n  //     for (let message of topic[messageKey]) {\n  //       Message.save(`message/${channel}`, message.id, message);\n  //       // console.log(message);\n  //       topic.messageIndex.push({ id: message.id, timestamp: new Date(message[\"sendDate\"]).getTime(), read: message.readDate ? true : false });\n  //     }\n  //     // delete topic[messageKey];\n  //   }\n\n  //   // console.log(topic);\n  //   list.push({ id: topic.id, timestamp: new Date(topic[\"sendDate\"]).getTime(), read: topic.readDate ? true : false });\n  //   Message.save(`topic/${channel}`, topic.id, topic);\n\n  // }\n\n  // Message.save(`list/${channel}`, \"all\", { list });\n}\n*/\n\n//\n/* function createNewList (channel, type) {\n  const listOfAll = Message.getList(channel, \"all\");\n  let list = null;\n  if ((listOfAll) && listOfAll.list) {\n    if (listOfAll.list.length > 1) {\n      list = [ ...listOfAll.list ];\n      if (type === \"recent\") {\n        list = listOfAll.list.sort((a, b) => b.timestamp - a.timestamp);\n      } else if (type === \"unread\") {\n        list = listOfAll.list.filter(x => !x[\"read\"]).sort((a, b) => b.timestamp - a.timestamp);\n      }\n\n      Message.save(`list/${channel}`, type, { list });\n    }\n  }\n  return list\n}\n*/\n"],"sourceRoot":""}