https://www.ftu.org.hk/_nuxt/B-3PLJnv.js

1import{_ as W}from"./PM00KlGD.js";import{_ as j,i as n,g as J,h as K,a5 as Q,S as Y,k as Z,ao as ee,l,o as i,m as s,p as te,n as I,F as w,x as $,A as d,y as se,t as m,s as oe,au as z}from"./D1FcBL9p.js";import{_ as ae}from"./DnzarRWK.js";import{c as ne,u as le,b as ie,a as ce}from"./DaI1dtU0.js";import{I as re}from"./CROPNIdg.js";import"./EgekFmNJ.js";const ue={class:"carousel"},de=["href","onClick"],me={class:"item-img-wrap"},he=["src"],ve={key:0,src:ae,class:"hot-icon",alt:""},pe={class:"item-date-main"},_e={class:"item-date"},ke={class:"item-option"},ge=["onClick"],Ce=["onClick"],fe=["onClick"],ye=["onClick"],Ie={key:0,class:"ri-thumb-up-line",style:{"font-size":"20px",color:"#1591e4"}},we={key:1,class:"ri-thumb-up-line",style:{"font-size":"20px",color:"#a8a8a8"}},Se={class:"item-title"},xe={class:"item-author"},be={class:"item-author-left"},Le=["src"],Te={class:"dots-container"},Me=["onClick"],Ae={__name:"SuggestCard",props:{items:{type:Array,required:!0}},setup(S){const h=n({informationCenter:re}),N=J(),B=K(),E=Q(),k=S,a=n(0),g=n(0),r=n(0),x=n(0),v=n(!1),b=n([]),L=n(),C=n(!1),T=n(null),R=e=>{if(!e)return"";const o=e.replace("#",""),p=parseInt(o.substring(0,2),16),t=parseInt(o.substring(2,4),16),u=parseInt(o.substring(4,6),16),c=_=>Math.round(_+(255-_)*.85),H=c(p),O=c(t),P=c(u),y=_=>_.toString(16).padStart(2,"0");return`#${y(H)}${y(O)}${y(P)}`.toUpperCase()},f=()=>{g.value=306},D=e=>E({path:"/counselingDetail",query:{id:e.id,type:e.type,columnId:e.columnId}}),F=e=>{B.push({path:"/counselingDetail",query:{id:e.id,type:e.type,columnId:e.columnId}})},M=async(e,o)=>{if(!C.value){z({message:"請先登錄",icon:"none",duration:2e3});return}await(o?ne:le)(e.id),e.isCollect=o},X=async e=>{if(!C.value){z({message:"請先登錄",icon:"none",duration:2e3});return}await(e.isLike?ie:ce)(e.id),e.isLike=!e.isLike,e.isLike?e.likeCount?e.likeCount++:e.likeCount=1:e.likeCount--},U=e=>{L.value.openShareModal({url:"https://www.ftu.org.hk/",title:e.title,image:"/static/share-image.jpg"})},A=()=>{b.value=k.items.map((e,o)=>({isActive:o===a.value}))},q=e=>{x.value=e.touches[0].clientX,v.value=!0},V=e=>{if(!v.value)return;const o=e.touches[0].clientX;r.value=o-x.value,(a.value===0&&r.value>0||a.value===k.items.length-1&&r.value<0)&&(r.value*=.3)},G=()=>{v.value&&(Math.abs(r.value)>g.value/4&&(r.value>0?a.value=Math.max(0,a.value-1):a.value=Math.min(k.items.length-1,a.value+1)),r.value=0,v.value=!1)};return Y(a,()=>{A()}),Z(()=>{T.value=N.userInfo,T.value&&(C.value=!0),A(),f(),window.addEventListener("resize",f)}),ee(()=>{window.removeEventListener("resize",f)}),(e,o)=>{const p=W;return i(),l(w,null,[s("div",ue,[s("div",{class:"carousel-container",style:I({transform:`translateX(${-a.value*g.value+r.value}px)`}),onTouchstart:q,onTouchmove:V,onTouchend:G},[(i(!0),l(w,null,$(S.items,(t,u)=>(i(),l("div",{class:"carousel-card",key:u},[s("a",{class:"information-item",href:D(t),onClick:d(c=>F(t),["prevent"]),style:{"text-decoration":"none",color:"inherit",display:"block"}},[s("div",me,[s("img",{src:t.imgUrl,mode:"aspectFill",class:"item-img"},null,8,he),t.pointTaskId?(i(),l("img",ve)):se("",!0)]),s("div",pe,[s("div",_e,m(t.createTime?t.createTime.substring(0,10):""),1),s("div",ke,[t.isCollect?(i(),l("i",{key:0,onClick:d(c=>M(t,!1),["stop","prevent"]),class:"ri-heart-3-fill",style:{"font-size":"20px",color:"#e60013"}},null,8,ge)):(i(),l("i",{key:1,class:"ri-heart-3-line",onClick:d(c=>M(t,!0),["stop","prevent"]),style:{"font-size":"20px",color:"#a8a8a8"}},null,8,Ce)),s("i",{class:"ri-share-fill",onClick:d(c=>U(t),["stop","prevent"]),style:{"font-size":"20px",color:"#a8a8a8"}},null,8,fe),s("div",{class:"item-option-like",onClick:d(c=>X(t),["stop","prevent"])},[t.isLike?(i(),l("i",Ie)):(i(),l("i",we)),s("text",{style:I({color:t.isLike?"#1591E4":"#A8A8A8"})},m(t.likeCount),5)],8,ye)])]),s("div",Se,m(t.title),1),s("div",xe,[s("div",be,[s("img",{src:h.value.informationCenter.infoAuthorImg,class:"author-img",mode:"aspectFill"},null,8,Le),s("div",null,m(h.value.informationCenter.infoAuthor),1)]),s("div",{class:"item-author-right",style:I({backgroundColor:R(h.value.informationCenter.columnNameTagColor),color:h.value.informationCenter.columnNameTagColor})},m(t.columnName),5)])],8,de)]))),128))],36),s("div",Te,[(i(!0),l(w,null,$(b.value,(t,u)=>(i(),l("div",{key:"dot"+u,class:oe(["dot",{active:t.isActive}]),onClick:c=>a.value=u},null,10,Me))),128))])]),te(p,{ref_key:"shareModalRef",ref:L},null,512)],64)}}},De=j(Ae,[["__scopeId","data-v-078705b4"]]);export{De as default};