https://snapbox.ai/assets/UserContents-DeRutVld.js

1import{_ as z,A as B,r as f,m as F,o as D,p as x,c,b as e,k,t as l,F as g,f as y,w as b,v as w,y as M,i as R,z as V,u as A,V as N,g as u,e as E}from"./index-GRB8Jcml.js";import{S as K}from"./UserContentService-CBLtDGeA.js";const U={name:"UserContents",setup(){const r=V(),s=A(),p=B.link_id(),t=r.params.usercontent_id,v=f(0),a=F({user:{link_id:"",nickname:"",profile:"",profile_style:""},isLoading:!0,alert_delete_modal:!1}),m=f([]),_=f([]),o=()=>{v.value<m.value.length-1&&v.value++},d=()=>{v.value>0&&v.value--},h=i=>{if(!i)return"";const n={year:"numeric",month:"long",day:"numeric",hour:"2-digit",minute:"2-digit",hour12:!0};return new Date(i).toLocaleString("ko-KR",n)},S=()=>{N.removeCookie("feed_scroll_location"),p===a.user.link_id?s.push("/home"):s.push("/@"+a.user.link_id)},C=i=>i?(i=i.trim(),i.toString().replace(/\B(?=(\d{3})+(?!\d))/g,",")+"원"):"",L=async()=>{var i;try{const n=await K.userContent(t);m.value=n.data.photos,_.value=n.data.tags,a.user=n.data.user,a.user.profile&&(a.user.profile_style=`
2                        background-image: url(${a.user.profile});
3                        background-size: cover;
4                        background-position: center;
5                    `)}catch(n){console.error(n),((i=n.response)==null?void 0:i.status)===404&&(alert("게시물을 찾을 수 없습니다."),s.go(-1))}finally{a.isLoading=!1}};return D(()=>{L();const i=n=>{n.key==="ArrowLeft"&&d(),n.key==="ArrowRight"&&o()};return window.addEventListener("keydown",i),()=>{window.removeEventListener("keydown",i)}}),{...x(a),photos:m,tags:_,currentSlide:v,nextSlide:o,prevSlide:d,formatDate:h,toFeed:S,priceFormat:C}}},j={class:"feed-container"},I={class:"profile-header"},T={class:"profile-name"},X={class:"main-content"},q={class:"image-slider"},G=["onClick"],H=["src"],J=["src","alt"],O={class:"slide-indicator"},P={class:"product-section"},Q={class:"upload-info"},W=["datetime"],Y={class:"product-grid"},Z={class:"product-content"},$={class:"brand-info"},ee={class:"brand-name"},se={class:"product-name"},oe={class:"product-details"},te={class:"price-row"},ie={class:"price"},ne={class:"specs-list"},le={class:"spec-item"},re={class:"spec-item"},ae={class:"spec-item"},de={class:"modal-content"},ce={class:"modal-header"};function ue(r,s,p,t,v,a){var m,_;return u(),c("div",j,[e("header",I,[e("div",{class:"profile-info",onClick:s[0]||(s[0]=(...o)=>t.toFeed&&t.toFeed(...o))},[e("div",{class:"profile-image",style:k(r.user.profile_style)},null,4),e("span",T,l(r.user.nickname),1)])]),e("main",X,[e("div",q,[e("div",{class:"slider-container",style:k({transform:`translateX(-${t.currentSlide*100}%)`})},[(u(!0),c(g,null,y(t.photos,(o,d)=>(u(),c("div",{key:d,class:"slide"},[o.is_video===1?(u(),c("video",{key:0,loop:"",muted:"",autoplay:"",controls:"",class:"modal_videos",style:{width:"100%",height:"100%","object-fit":"contain","background-color":"black","border-radius":"8px","z-index":"1"},onClick:h=>r.showDetail(d)},[e("source",{src:o.photo,type:"video/mp4"},null,8,H),s[6]||(s[6]=E(" 현재 브라우저에서 지원되지 않는 형식입니다. "))],8,G)):(u(),c("img",{key:1,src:o.photo,alt:`이미지 ${d+1}`,class:"slide-image",loading:"lazy"},null,8,J))]))),128))],4),b(e("button",{class:"slider-nav prev",onClick:s[1]||(s[1]=(...o)=>t.prevSlide&&t.prevSlide(...o)),"aria-label":"이전 이미지"},s[7]||(s[7]=[e("svg",{viewBox:"0 0 24 24",class:"nav-icon"},[e("path",{d:"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"})],-1)]),512),[[w,t.currentSlide>0]]),b(e("button",{class:"slider-nav next",onClick:s[2]||(s[2]=(...o)=>t.nextSlide&&t.nextSlide(...o)),"aria-label":"다음 이미지"},s[8]||(s[8]=[e("svg",{viewBox:"0 0 24 24",class:"nav-icon"},[e("path",{d:"M8.59 16.59L10 18l6-6-6-6-1.41 1.41L13.17 12z"})],-1)]),512),[[w,t.currentSlide<t.photos.length-1]]),e("div",O,l(t.currentSlide+1)+" / "+l(t.photos.length),1)]),e("section",P,[e("div",Q,[e("time",{datetime:(m=t.tags[0])==null?void 0:m.created_at},l(t.formatDate((_=t.tags[0])==null?void 0:_.created_at)),9,W)]),e("div",Y,[(u(!0),c(g,null,y(t.tags,(o,d)=>(u(),c("article",{key:d,class:"product-card"},[e("div",Z,[e("div",$,[e("div",null,[e("h2",ee,l(o.brand),1),e("h3",se,l(o.product_name),1)])]),e("div",oe,[e("div",te,[e("span",ie,l(t.priceFormat(o.price)),1)]),e("dl",ne,[e("div",le,[s[9]||(s[9]=e("dt",null,"키",-1)),e("dd",null,l(o.height),1)]),e("div",re,[s[10]||(s[10]=e("dt",null,"몸무게",-1)),e("dd",null,l(o.weight),1)]),e("div",ae,[s[11]||(s[11]=e("dt",null,"사이즈",-1)),e("dd",null,l(o.size),

51)])])])])]))),128))])])]),r.alert_delete_modal?(u(),c("div",{key:0,class:"modal-overlay",onClick:s[5]||(s[5]=M(o=>r.alert_delete_modal=!1,["self"]))},[e("div",de,[e("div",ce,[s[13]||(s[13]=e("h3",null,"알림",-1)),e("button",{onClick:s[3]||(s[3]=o=>r.alert_delete_modal=!1),class:"close-button","aria-label":"닫기"},s[12]||(s[12]=[e("svg",{viewBox:"0 0 24 24"},[e("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})],-1)]))]),s[14]||(s[14]=e("div",{class:"modal-body"}," 현재 매거진에 노출 중인 게시물로 삭제가 불가합니다. 고객센터로 문의해 주시기 바랍니다. ",-1)),e("button",{onClick:s[4]||(s[4]=o=>r.alert_delete_modal=!1),class:"confirm-button"}," 확인 ")])])):R("",!0)])}const _e=z(U,[["render",ue],["__scopeId","data-v-acf81a0b"]]);export{_e as default};