https://web-static.linetv.tw/release-fargate/public/dist/pages-Schedule-9d524fec-prod.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[5497],{54795:(e,t,l)=>{l.r(t),l.d(t,{default:()=>E});var i=l(96540),a=l(68154),d=l(61225),c=l(86663),s=l(56347),n=l(92568),p=l(50004),m=l(63449),x=l(88831),r=l(92706),_=l(56691),h=l(1666),u=l(31769),o=l(56189);const{screen768:g,screen480:f}=_.screensValue,y=n.Ay.div.withConfig({displayName:"Schedule__StyledSchedule",componentId:"sc-1cv57xb-0"})(["display:flex;flex-direction:column;align-items:center;.schedule__header{width:100%;max-width:1920px;padding:32px 56px 24px 56px;display:flex;flex-direction:column;color:rgba(255,255,255,0.9);font-weight:700;gap:12px;.schedule__title{font-size:36px;line-height:1.4;}.schedule__subtitle{font-size:18px;line-height:1.6;}@media (max-width:","px){padding:20px 40px 24px 40px;}@media (max-width:","px){padding:20px 12px 16px 12px;.schedule__title{font-size:20px;}.schedule__subtitle{font-size:14px;line-height:1.4;}}}.schedule__context{width:100%;max-width:1920px;display:flex;flex-direction:column;gap:24px;@media (max-width:","px){gap:16px;}.schedule__filter-list,.schedule__weekday-list{padding:0 56px;display:flex;gap:10px;overflow:auto;&::-webkit-scrollbar{display:none;}@media (max-width:","px){padding:0 40px;}@media (max-width:","px){padding:0 12px;}}.schedule__list{padding:0 56px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 10px;.schedule__empty{padding-top:80px;grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:12px;.schedule__empty__icon{width:240px;height:240px;svg{width:100%;height:100%;}}.schedule__empty__text{font-size:16px;line-height:1.4;font-weight:400;color:#bbbbbd;text-align:center;}@media (max-width:","px){.schedule__empty__icon{width:120px;height:120px;}.schedule__empty__text{font-size:14px;}}}@media (max-width:","px){padding:0 40px;grid-template-columns:repeat(4,minmax(0,1fr));}@media (max-width:","px){padding:0 12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 4px;}}}"],g,f,f,g,f,g,g,f),E=()=>{const e=(0,s.W6)(),{filterType:t}=(0,s.g)(),{title:l,subtitle:n,filters:_,datas:g}=(0,d.d4)(e=>e.releaseSchedule),[f,E]=(0,i.useState)(t||"全部"),[w,v]=(0,i.useState)("全部"),N=(0,h.A)(1024),b=(0,i.useMemo)(()=>(0,x.Ac)(g),[g]),A=(0,i.useMemo)(()=>["全部",..._.map(e=>e.title).filter(e=>"小編推薦"!==e&&"收藏的跟播"!==e&&b.some(t=>t.channelName.includes(e)))],[_,b]),k=(0,i.useMemo)(()=>["全部",...Object.values(x.xQ)],[]),S=(0,i.useMemo)(()=>"全部"===f&&"全部"===w?b:b.filter(e=>{const t="全部"===f||e.channelName.includes(f),l="全部"===w||e.weekdayText===w;return t&&l}),[b,f,w]),L=(0,i.useMemo)(()=>"LINE TV - 最新跟播表"+("全部"!==f?` | ${f}`:""),[f]);return(0,i.useEffect)(()=>{const e=(0,c.parse)(location.search);o.ampli.schedulePageViewed({...(0,u.fq)(e)})},[]),i.createElement(i.Fragment,null,i.createElement(a.m,null,i.createElement("title",null,L),i.createElement("meta",{property:"og:title",content:L}),n&&i.createElement("meta",{name:"description",property:"og:description",content:n})),i.createElement(y,null,i.createElement("div",{className:"schedule__header"},i.createElement("div",{className:"schedule__title"},l),i.createElement("div",{className:"schedule__subtitle"},n)),i.createElement("div",{className:"schedule__context"},i.createElement("div",{className:"schedule__filter-list"},A.map(t=>i.createElement(p.A,{key:t,name:t,isSelected:f===t,onClick:()=>{e.replace("全部"===t?"/schedule":`/schedule/${t}`),E(t)}}))),i.createElement("div",{className:"schedule__weekday-list"},k.map(e=>i.createElement(p.A,{key:e,name:e,isSelected:w===e,onClick:()=>v(e)}))),i.createElement("div",{className:"schedule__list"},0===S.length?i.createElement("div",{className:"schedule__empty"},i.createElement("div",{className:"schedule__empty__icon"},i.createElement(r.FV,null)),i.createElement("div",{className:"schedule__empty__text"},"這天沒有跟播內容",i.createElement("br",null),"切換其他日期看看吧")):S.map((e,t)=>i.createElement(m.A,{key:`${e.dramaId}-${e.weekdayText}}`,item:e,index:t,isVertical:N,selectedFilter:f}))))))}}}]);