https://snapbox.ai/assets/SnapRecommendCreators-BevYcoe5.js

1import{A as u,_ as C,m as M,o as k,p as A,c as i,b as e,h as _,t as h,w as g,v as f,F as v,f as x,x as D,u as N,j as m,g as r,n as E}from"./index-GRB8Jcml.js";import{S as P,a as R,b as z}from"./snap_footer-B9eSqtLO.js";/* empty css             */import"./UserService-B39Vk0W_.js";const O={info(o){return u.instance().get(`/api/v1/snap-recommend-creators/${o}`,{headers:u.headers()})},list(){return u.instance().get("/api/v1/snap-recommend-creators",{headers:u.headers()})}},j={name:"SnapRecommendsCreators",components:{SNAP_MENU:P,SNAP_HEADER:R,SNAP_FOOTER:z},setup(){const o=M({data:[],current:1,total:0,page_size:12,pagedata:[],isModalOpened:!1,modalData:{}}),t=N();let b=()=>{let s=(o.current-1)*o.page_size;o.pagedata=o.data.slice(s,s+o.page_size)},n=s=>{o.isModalOpened=!0,o.modalData=s,document.body.style.overflow="hidden",t.push({query:{id:s.id}})},y=()=>{o.isModalOpened=!1,document.body.style.overflow="auto",t.push({query:{}})},w=s=>{o.modalData=s,t.push({query:{id:s.id}})},p=s=>s?new Date(s).toLocaleDateString("ko-KR",{year:"numeric",month:"long",day:"numeric"}):"",c=()=>{O.list().then(s=>{o.data=s.data,o.pagedata=o.data.slice(0,o.page_size),o.total=o.data.length;const d=t.currentRoute.value.query.id;if(d){const a=o.data.find(l=>l.id==d);a&&n(a)}}).catch(s=>{console.log(s)})};return k(()=>{console.log("mounted!"),c()}),{router:t,onChange:b,fetch:c,openModal:n,closeModal:y,changeModalContent:w,formatDate:p,...A(o)}}},F={class:"dashboard_body flex flex-col"},H={class:"contents_box w-full flex justify-start grow"},T={class:"contents_area grow p-8"},q={class:"con grow"},L={class:"box mt-5"},U={class:"flex justify-between items-center pb-3"},B={class:"flex items-center gap-1"},V={class:"font-bold text-lg"},$={class:"pt-[80px] pb-[50px] text-center text-gray-400 flex flex-col gap-5"},I={class:"grid grid-cols-3 gap-5 mt-10"},K=["onClick"],G={class:"border border-solid border-gray-200 rounded-lg overflow-hidden hover:shadow-lg transition-shadow"},J={class:"overflow-hidden bg-gray-50 flex items-center justify-center"},Q=["src"],W={class:"p-4"},X={class:"font-semibold text-lg mb-2"},Y={class:"pagination mb-5"},Z={class:"modal_layer",style:{width:"100%"}},ee={class:"modal_box !max-w-[1200px]"},oe={class:"modal_box_header"},te={class:"modal_box_contents"},se={class:"w-full flex gap-5"},ae={class:"w-[250px] flex-shrink-0"},ne={class:"sticky top-0 overflow-y-auto",style:{"max-height":"70vh"}},le=["onClick"],de={class:"overflow-hidden bg-gray-50 flex items-center justify-center"},ie=["src"],re={class:"p-2"},ce={class:"font-semibold text-sm mb-1 line-clamp-2"},ue={class:"grow"},_e={class:"box border border-solid border-gray-300"},he={class:"font-semibold text-2xl mb-5"},me={class:"border-t border-solid border-gray-300 pt-5"},pe=["innerHTML"];function ge(o,t,b,n,y,w){const p=m("SNAP_HEADER"),c=m("SNAP_MENU"),s=m("a-pagination"),d=m("SNAP_FOOTER");return r(),i(v,null,[e("div",F,[_(p),e("div",H,[_(c),e("div",T,[e("div",q,[t[6]||(t[6]=e("div",{class:"contents_title"},[e("h1",null,"추천 크리에이터"),e("h2",null," 최신 추천 크리에이터를 확인하고 인사이트를 얻어가세요! ")],-1)),e("div",L,[e("div",U,[e("div",B,[t[2]||(t[2]=e("div",null,"총",-1)),e("div",V,h(o.total),1),t[3]||(t[3]=e("div",null,"건",-1))])]),g(e("div",$,t[4]||(t[4]=[e("i",{class:"fa-regular fa-solid fa-list-check fa-2xl"},null,-1),e("div",null," 등록된 추천 크리에이터가 없습니다. ",-1)]),512),[[f,o.total==0]]),e("div",I,[(r(!0),i(v,null,x(o.pagedata,(a,l)=>(r(),i("div",{class:"cursor-pointer",key:l,onClick:S=>n.openModal(o.pagedata[l])},[e("div",G,[e("div",J,[e("img",{src:a.icon,loading:"lazy",class:"w-full h-auto object-contain"},null,8,Q)]),e("div",W,[e("div",X,h(a.title),1)])])],8,K))),128))]),e("div",null,[g(e("ul",Y,[e("li",null,[_(s,{current:o.current,"onUpdate:current":t[0]||(t[0]=a=>o.current=a),onChange:n.onChange,total:o.total,defaultPageSize:o.page_size,showSizeChanger:!1,class:"custom-pagination px-3 py-1.5",href:"#","aria-label":"Previous"},{default:D(()=>t[5]||(t[5]=[e("span",{"aria-hidden":"true"},"«",-1)])),_:1},8,["current","onChange","total","defaultPageSize"])])],512),[[f,o.total>0]])])])]),_(d)])])]),g(e("div",Z,[e("div",ee,[e("div",oe,[t[8]||(t[8]=e("h3",null,"추천 크리에이터",-1)),e("a",{onClick:t[1]||(t[1]=(...a)=>n.closeModal&&n.closeModal(...a))}

1,t[7]||(t[7]=[e("i",{class:"fa-solid fa-xmark fa-2xl"},null,-1)]))]),e("div",te,[e("div",se,[e("div",ae,[e("div",ne,[(r(!0),i(v,null,x(o.data,(a,l)=>(r(),i("div",{key:l,onClick:S=>n.changeModalContent(a),class:E(["mb-3 cursor-pointer border rounded-lg overflow-hidden transition-all",o.modalData.id===a.id?"border-blue-500 bg-blue-50":"border-gray-300 hover:border-gray-400 hover:shadow-md"])},[e("div",de,[e("img",{src:a.icon,class:"w-full h-auto object-contain"},null,8,ie)]),e("div",re,[e("div",ce,h(a.title),1)])],10,le))),128))])]),e("div",ue,[e("div",_e,[e("div",he,h(o.modalData.title),1),e("div",me,[e("div",{innerHTML:o.modalData.info},null,8,pe)])])])])])])],512),[[f,o.isModalOpened]])],64)}const we=C(j,[["render",ge]]);export{we as default};