https://my903.com/static/js/column.f94483fb.js

1"use strict";(self["webpackChunkVueApp"]=self["webpackChunkVueApp"]||[]).push([[709],{2864:function(t,e,i){i.r(e),i.d(e,{default:function(){return k}});var s=i(641),r=i(33);const a={class:"list-page"};function n(t,e,i,n,o,l){const c=(0,s.g2)("my-nav"),m=(0,s.g2)("InterstitialAds"),d=(0,s.g2)("my-grid-view"),h=(0,s.g2)("Loading"),g=(0,s.g2)("LoadMoreButton"),u=(0,s.g2)("AdvertSlot"),y=(0,s.g2)("BackToTop"),_=(0,s.g2)("BottomAnchorAds");return(0,s.uX)(),(0,s.CE)("div",a,[(0,s.bF)(c,{current:l.currentNavItemId,gaSlideBar:l.my903CatePageClickSlideBar},null,8,["current","gaSlideBar"]),o.interstitialAdUnit?((0,s.uX)(),(0,s.Wv)(m,(0,r._B)((0,s.v6)({key:0},o.interstitialAdUnit)),null,16)):(0,s.Q3)("",!0),t.mainCate?((0,s.uX)(),(0,s.Wv)(d,{key:1,items:t.myGridItems,"display-column":l.isParentColumn,gaScreenContent:l.gaScreenContent,gaArticleClick:l.my903CatePageClickArticle,gaArticleTitleClick:l.my903CatePageClickArticleTitle,gaArticleHover:l.my903CatePageClickArticleHover,gaArticleCategoryClick:l.my903CatePageClickArticleCategory,"use-store-container-size":"",onScrollAtBottom:e[0]||(e[0]=e=>l.getItems(t.$route))},null,8,["items","display-column","gaScreenContent","gaArticleClick","gaArticleTitleClick","gaArticleHover","gaArticleCategoryClick"])):(0,s.Q3)("",!0),t.loading?((0,s.uX)(),(0,s.Wv)(h,{key:2})):(0,s.Q3)("",!0),t.isReachItemLimit?((0,s.uX)(),(0,s.Wv)(g,{key:3,onClick:t.handleMoreClick},null,8,["onClick"])):(0,s.Q3)("",!0),t.mainCate?((0,s.uX)(),(0,s.Wv)(u,(0,r._B)((0,s.v6)({key:4},l.getAds("overlay"))),null,16)):(0,s.Q3)("",!0),(0,s.bF)(y),o.bottomAnchorAdUnit?((0,s.uX)(),(0,s.Wv)(_,(0,s.v6)({key:5,ref:"bottomAnchorAd"},o.bottomAnchorAdUnit),null,16)):(0,s.Q3)("",!0)])}i(8111),i(2489);var o=i(8109),l=i(4127),c=i(3381),m=i(4966),d=i(9338),h=i(5254),g=i(489),u=i(8360),y=i(2977),_=i(8840),v=i(9966),A=i(876),f=i(6310),p=i(5695),C=i(6576),L={components:{MyGridView:o.A,MyNav:m.A,Loading:l.A,LoadMoreButton:c.A,BackToTop:A.A,InterstitialAds:p.A,BottomAnchorAds:C.A},mixins:[d.A,h.A],data(){let t=!1;return{gridAdvertIdx:this.$config.app.advertIdx.subPageGridList,gridBatchSize:this.$config.app.advertBatchSize.subPageGridList,interstitialAdUnit:this.$config.advert?.interstitial?.Interstitial_Slot1,bottomAnchorAdUnit:this.$config.advert?.bottomAnchor?.BottomAnchor_Slot1,lastRefreshPath:null,firstScroll:t}},computed:{...(0,y.aH)({subCatList:t=>t.category.subCatList,mainCate:t=>t.category.mainCate}),currentNavItemId(){return parseInt(this.$route.params.id,10)},currentNavItem(){for(let t=0;t<this.subCatList.length;t++){const e=this.subCatList[t];if(e.id===this.currentNavItemId)return e}return null},isParentColumn(){return!!this.currentNavItem?.is_parent}},watch:{currentNavItem(t){if(t){this.firstScroll=!1;const e=this.$router.resolve({name:"column",params:{id:t.id,slug:t.name}});this.$router.replace(e).then(()=>{this.setLastLocation(this.$route)}),(0,_.AP)(t.meta),this.gaScreenPage()}},$route(t,e){t.params.id===e.params.id&&e.params.slug&&!t.params.slug&&this.$router.replace({name:"column",params:e.params}),Object.prototype.hasOwnProperty.call(this.$refs,"bottomAnchorAd")&&(null===this.lastRefreshPath?this.lastRefreshPath=t.path:t.path!==e.path&&e.path!==this.lastRefreshPath&&(this.$refs.bottomAnchorAd.refreshAd(),this.lastRefreshPath=t.path))},mainCate(t){if(t){const t=[...this.myGridItems.filter(t=>"advert"!=t.type)],e=this.getAds("grid"),i=(0,u.J)(t.length,this.gridBatchSize,this.gridAdvertIdx);for(let s=0;s<t.length;s++)-1!==i.indexOf(s)&&(t.splice(s,0,(0,u.t)(e[0])),e.splice(e.length,0,e.shift()));this.setItems({items:t,offset:this.myGridOffset})}}},mounted(){if(this.currentNavItem){const t=this.$router.resolve({name:"column",params:{id:this.currentNavItem.id,slug:this.currentNavItem.name}});this.$router.replace(t).then(()=>{this.setLastLocation(this.$route)}),(0,_.AP)(this.currentNavItem.meta),this.$store.commit("advert/setGenre","Entertainment"),this.gaScreenPage()}},beforeUnmount(){this.$store.commit("advert/setGenre",null)},methods:{getAds(t=null){if(!this.mainCate)return;const e={grid:[],overlay:null};let i;switch(this.mainCate){case f.pl.OPENBOX:i=this.$config.advert.openbox;var s=[i.Openbox_Listing_Slot1,i.Openbox_Listing_Slot2,i.Openbox_Listing_Slot3,i.Openbox_Listing_Slot4];Object.assign(e,{grid:s||[],overlay:i.Openbox_Listing_Slot5_Overlay});break;case f.pl.MUSIC:i=this.$config.advert.music;s=[i.Music_Listing_Slot1,i.Music_Listing_Slot2,i.Music_Listing_Slot3,i.Music_Listing_Slot4];Object.assign(e,{grid:s||[],overlay:i.Music_Listing_Slot5_Overlay});break;case f.pl.ARTIST:i=this.$config.advert.artist;s=[i.Artist_Listing_Slot1,i.Artist_Listing_Slot2,i.Artist_Listing_Slot3,i.Artist_Listing_Slot4];Object.assign(e,{grid:s||[],overlay:i.Artist_Listing_Slot5_Overlay});break;case f.pl.EVENT:i=this.$config.advert.event;s=[i.Event_Listing_Slot1,i.Event_Listing_Slot2,i.Event_Listing_Slot3,i.Event_Listing_Slot4];Object.assign(e,{grid:s||[],overlay:i.Event_Listing_Slot5_Overlay});break;case f.pl.TALK:i=this.$config.advert.talk;s=[i.Talk_Listing_Slot1,i.Talk_Listing_Slot2,i.Talk_Listing_Slot3,i.Talk_Listing_Slot4];Object.assign(e,{grid:s||[],overlay:i.Talk_Listing_Slot5_Overlay});break;case f.pl.USER_COMMENT:i=this.$config.advert.comment;s=[i.Comment_Listing_Slot1,i.Comment_Listing_Slot2,i.Comment_Listing_Slot3,i.Comment_Listing_Slot4];Object.assign(e,{grid:s||[],overlay:i.Comment_Listing_Slot5_Overlay});break}return null!=t?e[t]:e},async getItems(t){if(!this.isReachItemLimit&&!this.myGridEnd&&!this.loading){this.loading=!0;

1try{const e={article_column_id:this.currentNavItemId,offset:this.myGridOffset},i=await g.A.getArticleList(e);if(t.name===this.$route.name&&t.params.id===this.$route.params.id){const t=i.content,e=i.next_offset,s=[...this.myGridItems,...t],r=this.getAds("grid"),a=(0,u.J)(s.length,this.gridBatchSize,this.gridAdvertIdx,this.myGridItems.length);if(r&&!this.firstScroll)for(let i=this.myGridItems.length;i<s.length;i++){if(r.length<=0){this.firstScroll=!0;break}-1!==a.indexOf(i)&&(s.splice(i,0,(0,u.t)(r[0])),r.shift())}this.setItems({items:s,offset:e}),e||this.end()}}catch(e){console.error(e),this.$router.replace({name:"error",params:{httpStatusCode:500}})}this.loading=!1}},gaScreenPage(){this.isParentColumn?(0,v._z)(this.currentNavItem.name):(0,v.nI)(this.subCatList[0].name,this.currentNavItem.name)},gaScreenContent(t,e,i,s){this.isParentColumn?(0,v.jg)(e,i,t,s):(0,v.yE)(e,i,t,s)},my903CatePageClickSlideBar:v.h5,my903CatePageClickArticle:v.du,my903CatePageClickArticleTitle:v.X9,my903CatePageClickArticleHover:v.f1,my903CatePageClickArticleCategory:v.$x}},S=i(6262);const I=(0,S.A)(L,[["render",n]]);var k=I},9338:function(t,e,i){var s=i(2977);e.A={data(){return{loading:!1}},computed:{...(0,s.aH)({maxItemLimit:t=>t.myGrid.maxItemLimit,myGridItems:t=>t.myGrid.items,myGridLastLocation:t=>t.myGrid.lastLocation,myGridOffset:t=>t.myGrid.offset,myGridEnd:t=>t.myGrid.end,scrollPosition:t=>t.myGrid.scrollPosition,page:t=>t.myGrid.page}),isReachItemLimit(){return this.myGridItems.length>=this.maxItemLimit}},watch:{$route(t,e){this.needReload(t,e)&&this.reload()}},mounted(){this.needReload(this.$route,this.myGridLastLocation)?this.reload():this.$nextTick(()=>{window.scroll(0,this.scrollPosition)})},beforeUnmount(){this.setScrollPosition(window.scrollY)},methods:{...(0,s.PY)({setItems:"myGrid/setItems",resetMyGrid:"myGrid/reset",setLastLocation:"myGrid/setLastLocation",setScrollPosition:"myGrid/setScrollPosition",end:"myGrid/end",setPage:"myGrid/setPage"}),getItems(){},needReload(t,e){return t.name!==e.name||("column"===t.name?t.params.id!==e.params.id:"search"===t.name&&!(t.query.q===e.query.q&&t.query.ac===e.query.ac))},reload(){this.loading=!1,this.resetMyGrid(),this.getItems(this.$route),this.setLastLocation(this.$route),this.$nextTick(()=>{window.scroll(0,0)})},handleMoreClick(){window.scroll(0,0),this.setItems({items:[],offset:this.myGridOffset}),this.setPage(this.page+1),this.getItems(this.$route)}}}}}]);