https://snapbox.ai/assets/BookmarkDetail-DmoLEE3V.js

1import{_ as Y,E as Z,G as $,m as ee,r as te,A as z,o as ne,p as oe,c as x,b as c,h as W,K as ae,x as se,i as X,z as re,j as O,g as h,F as G,f as q,k as le,t as k,w as U,v as R,n as ie}from"./index-GRB8Jcml.js";import{M as V}from"./MagazineService-muCZR2sY.js";import{S as M}from"./ContentsService-DKa2qyOq.js";import{U as ce}from"./UserService-B39Vk0W_.js";import{T as de}from"./top-DaACZfYm.js";import{M as pe}from"./more-DTIEG-Tn.js";Z.extend($);const me={name:"FeedPage",components:{TOP:de,MORE:pe},setup(){let B=re().params.bookmark_id;console.log(B);const t=ee({page:"creator",common:{alert_display:!1,alert_msg:"",is_confirm:!1,confirm_url:""},modal_display:!1,mainContents:[],magazine:{},options:{licenseKey:"BL17I-Q2L8J-66I0J-OQ16I-VJTVQ",controlArrows:!1,scrollBar:!1,scrollingSpeed:300,afterLoad:function(n,e,a){if(t.current_page_item=t.mainContents[e.index],t.current_page_index=e.index,a==null)d(e.index),e.index-1>=0&&d(e.index-1),e.index+1<t.mainContents.length&&d(e.index+1);else if(a=="down"){if(e.index<t.mainContents.length-1){let s=typeof t.mainContents[e.index+1].mylikes,l=typeof t.mainContents[e.index+1].mybookmarks;(s=="undefined"||l=="undefined")&&d(e.index+1)}}else if(a=="up"&&e.index>0){let s=typeof t.mainContents[e.index-1].mylikes,l=typeof t.mainContents[e.index-1].mybookmarks;(s=="undefined"||l=="undefined")&&d(e.index-1)}},afterRender:function(){console.log("The resulting DOM structure is ready")}},current_page_index:null,current_page_item:null,is_more_open:!1});let y=te(null),D=(n,e,a,s)=>{var l;if(t.is_more_open&&(t.is_more_open=!1,(l=y.value)==null||l.api.setAllowScrolling(!0),document.getElementById("btnmore").style.transform="translate(0,999px)"),t.mainContents[e].tags.length>2){let r=document.getElementsByClassName("snapai_page_product")[e];s?r.classList.contains("snapai_page_product_c")?(r.classList.remove("snapai_page_product_c"),document.getElementsByClassName("snapai_page")[e].style.background="linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.11) 28%, rgba(0,0,0,0.04) 34%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 85%,  rgba(0,0,0,0.02) 89%, rgba(0,0,0,0.08) 95%, rgba(0,0,0,0.2) 100%), url("+a+")",document.getElementsByClassName("view_more"+e).length>0&&(document.getElementsByClassName("view_more"+e)[0].style.display="block")):(r.classList.add("snapai_page_product_c"),document.getElementsByClassName("snapai_page")[e].style.background="linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 35%, rgba(0,0,0,0.6) 90%, rgba(0,0,0,0.8) 100%), url("+a+")",document.getElementsByClassName("view_more"+e).length>0&&(document.getElementsByClassName("view_more"+e)[0].style.display="none")):r.classList.contains("snapai_page_product_c")&&(r.classList.remove("snapai_page_product_c"),document.getElementsByClassName("snapai_page")[e].style.background="linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.11) 28%, rgba(0,0,0,0.04) 34%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 85%,  rgba(0,0,0,0.02) 89%, rgba(0,0,0,0.08) 95%, rgba(0,0,0,0.2) 100%), url("+a+")",document.getElementsByClassName("view_more"+e).length>0&&(document.getElementsByClassName("view_more"+e)[0].style.display="block")),n.stopPropagation()}},A=(n,e,a,s)=>{var l;if(t.is_more_open&&(t.is_more_open=!1,(l=y.value)==null||l.api.setAllowScrolling(!0),document.getElementById("btnmore").style.transform="translate(0,999px)"),t.mainContents[e].tags.length>2){let r=document.getElementsByClassName("snapai_page_product")[e];s?r.classList.contains("snapai_page_product_c")?(r.classList.remove("snapai_page_product_c"),document.getElementsByClassName("snapai_page")[e].style.background="linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.11) 28%, rgba(0,0,0,0.04) 34%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 85%,  rgba(0,0,0,0.02) 89%, rgba(0,0,0,0.08) 95%, rgba(0,0,0,0.2) 100%), url("+a+")",document.getElementsByClassName("view_more"+e).length>0&&(document.getElementsByClassName("view_more"+e)[0].style.display="block")):(r.classList.add("snapai_page_product_c"),document.getElementsByClassName("snapai_page")[e].style.background="linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 35%, rgba(0,0,0,0.6) 90%, rgba(0,0,0,0.8) 100%), url("+a+")",document.getElementsByClassName("view_more"+e).length>0&&(document.getElementsByClassName("view_more"+e)[0].style.display="none")):r.classList.contains("snapai_page_product_c")&&(r.classList.remove("snapai_page_product_c"),document.getElementsByClassName("snapai_page")[e].style.background="linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.11) 28%, rgba(0,0,0,0.04) 34%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 85%,  rgba(0,0,0,0.02) 89%, rgba(0,0,0,0.08) 95%, rgba(0,0,0,0.2) 100%), url("+a+")",document.getElementsByClassName("view_more"+e).length>0&&(document.getElementsByClassName("view_more"+e)[0].style.display="block")),n.stopPropagation()}},T=(n,e,a,s)=>{console.log(s);let l=s.magazine_photo_id,r=s.id,p=e;(e.includes("http")||e.includes("https"))&&(n.stopPropagation(),window.open("/blink?cid="+l+"&tid="+r+"&url="+p))},P=(n,e,a,s)=>{console.log(s);let l=s.content_id,r=s.product_id,p=s.content_id,o=e;(e.includes("http")||e.includes("https"))&&(n.stopPropagation(),window.open("/link?cid="+l+"&pid="+r+"&cpid="+p+"&url="+o))},d=n=>{if(z.getAccessToken()){let e=t.mainContents[n].magazine_photos?"brand":"creator",a="";e=="brand"?a=t.mainContents[n].magazine_photo_id:e=="creator"&&(a=t.mainContents[n].content_photo_id),V.contentsLikesBookmarks(e,a).then(s=>{console.log(s);let l=s.data.likes,r=s.data.bookmarks;t.mainContents[n].mylikes=l,t.mainContents[n].mybookmarks=r;let p=document.getElementsByClassName("btn_like")[n];l>0?(p.classList.add("on"),p.style.background="url(/icon_ai_heart_on.png) center center no-repeat"):(p.classList.remove("on"),p.style.background="url(/icon_ai_heart.png) center center no-repeat"),p.style.backgroundSize="32px auto";let o=document.getElementsByClassName("btn_bookmarks")[n];r>0?(o.classList.add("on"),o.style.background="url(/icon_ai_save_on.png) center center no-repeat"):(o.classList.remove("on"),o.style.background="url(/icon_ai_save.png) center center no-repeat"),o.style.backgroundSize="28px auto"}).catch(s=>{console.log(s)})}},w=()=>{let n=t.current_page_index;if(z.getAccessToken()){let e=t.mainContents[n].type,a=t.mainContents[n].contents.id,l={content_id:t.mainContents[n].contents.content_id,photo_id:a,type:e};M.likeContents(l).then(r=>{let p=r.data,o=p.code,_=p.msg;if(o=="S"){let g=document.getElementsByClassName("btn_like")[n];_=="좋아요"?(t.mainContents[n].contents.likes=t.mainContents[n].contents.likes+1,t.mainContents[n].mylikes=1,g.classList.add("on"),g.style.background="url(/icon_ai_heart_on.png) center center no-repeat"):(t.mainContents[n].contents.likes=t.mainContents[n].contents.likes-1,t.mainContents[n].mylikes=0,g.classList.remove("on"),g.style.background="url(/icon_ai_heart.png) center center no-repeat"),g.style.backgroundSize="32px auto",console.log("---------"),console.log(t.mainContents)}}).catch(r=>{console.log(r)})}else{alert("로그인이 필요한 서비스 입니다.");return}},L=()=>{let n=t.current_page_index;if(z.getAccessToken()){let e=t.mainContents[n].type,a=t.mainContents[n].contents.id,l={content_id:t.mainContents[n].contents.content_id,photo_id:a,type:e};M.bookmarkContents(l).then(r=>{let p=r.data,o=p.code,_=p.msg;if(o=="S"){let g=document.getElementsByClassName("btn_bookmarks")[n];_=="북마크"?(t.mainContents[n].contents.bookmarks=t.mainContents[n].contents.bookmarks+1,t.mainContents[n].mybookmarks=1,g.classList.add("on"),g.style.background="url(/icon_ai_save_on.png) center center no-repeat"):(t.mainContents[n].contents.bookmarks=t.mainContents[n].contents.bookmarks-1,t.mainContents[n].mybookmarks=0,g.classList.remove("on"),g.style.background="url(/icon_ai_save.png) center center no-repeat"),g.style.backgroundSize="28px auto"}}).catch(r=>{console.log(r)})}else{alert("로그인이 필요한 서비스 입니다.");return}},N=()=>{var g,f,b;let e=t.current_page_item.contents;console.log(e);let a=e.magazine_id?"brand":"creator",s="",l=e.id;a=="brand"?s=(f=(g=e.feed)==null?void 0:g.private_user)==null?void 0:f.brand_name:a=="creator"&&(s=(b=e.feed)==null?void 0:b.link_id);let r="";a=="brand"?r="https://snapbox.ai/"+s+"_official/?id="+l:a=="creator"&&(r="https://snapbox.ai/"+s+"/?id="+l);const p={title:"스냅박스",url:r};

1if(navigator.share)navigator.share(p).then(()=>{}).catch(u=>{console.log(u)});else{var o=document.createElement("textarea");document.body.appendChild(o),o.value=r,o.select(),document.execCommand("copy"),document.body.removeChild(o),alert("링크가 복사되었습니다.")}let _={photo_id:l};a=="creator"?M.shareContents(_).then(u=>{u.data.code=="S"&&(t.mainContents[t.current_page_index].contents.shares+=1)}).catch(u=>{console.log(u)}):a=="brand"&&V.shareContents(_).then(u=>{u.data.code=="S"&&(t.mainContents[t.current_page_index].contents.shares+=1)}).catch(u=>{console.log(u)})},S=()=>{var _,g,f;let e=t.current_page_item.contents;console.log(e);let a=e.magazine_id?"brand":"creator",s="",l=e.id;a=="brand"?s=(g=(_=e.feed)==null?void 0:_.private_user)==null?void 0:g.brand_name:a=="creator"&&(s=(f=e.feed)==null?void 0:f.link_id);let r="";a=="brand"?r="https://snapbox.ai/"+s+"_official/?id="+l:a=="creator"&&(r="https://snapbox.ai/"+s+"/?id="+l);var p=document.createElement("textarea");document.body.appendChild(p),p.value=r,p.select(),document.execCommand("copy"),document.body.removeChild(p),alert("링크가 복사되었습니다.");let o={photo_id:l};a=="creator"?M.shareContents(o).then(b=>{b.data.code=="S"&&(t.mainContents[t.current_page_index].contents.shares+=1)}).catch(b=>{console.log(b)}):a=="brand"&&V.shareContents(o).then(b=>{b.data.code=="S"&&(t.mainContents[t.current_page_index].contents.shares+=1)}).catch(b=>{console.log(b)})},I=()=>{z.getAccessToken()&&(document.getElementById("btnmore").style.transform="translate(0,0)",t.is_more_open=!0,event.stopPropagation())},i=()=>{var n;(n=y.value)==null||n.api.setAllowScrolling(!0)},C=()=>{t.alert_display=!1,t.alert_confirm&&z.logout()};return window.onresize=function(){const n=window.innerWidth,e=document.getElementById("menu_icon"),a=document.getElementById("menu_box_creator"),s=document.getElementById("menu_box_brand"),l=document.getElementById("btnmore");n>=800?(e.style.right=(n-800)/2+10+"px",a&&(a.style.right=(n-800)/2+10+"px"),s&&(s.style.right=(n-800)/2+10+"px"),l&&(l.style.left=(n-800)/2+"px")):(e.style.right="10px",a&&(a.style.right="15px"),s&&(s.style.right="15px"))},ne(()=>{console.log("mounted!");const n=window.innerWidth,e=document.getElementById("menu_icon"),a=document.getElementById("menu_box_creator"),s=document.getElementById("menu_box_brand"),l=document.getElementById("btnmore");n>=800?(e&&(e.style.right=(n-800)/2+10+"px"),a&&(a.style.right=(n-800)/2+10+"px"),s&&(s.style.right=(n-800)/2+10+"px"),l&&(l.style.left=(n-800)/2+"px")):(e&&(e.style.right="10px"),a&&(a.style.right="10px"),s&&(s.style.right="10px")),ce.bookmarks().then(r=>{let p=r.data;if(t.mainContents=[],p.forEach(o=>{var _,g;o.contents=o.magazine_photos?o.magazine_photos:o.contents_photos,o.contents!=null&&(o.type=o.magazine_photos?"brand":"creator",o.type=="brand"?o.tags=o.magazine_tags:o.tags=o.contents_tags,o.tags.forEac

1h((f,b)=>{var j,J,Q,K;let u=(j=f.link)==null?void 0:j.trim(),E=(J=f.price)==null?void 0:J.trim(),F=(Q=f.color)==null?void 0:Q.trim(),H=(K=f.size)==null?void 0:K.trim();u==""&&E==""&&F==""&&H==""&&o.tags.splice(b,1)}),o.type=="brand"?o.magazine_views=(_=o.magazine_photos)==null?void 0:_.views:o.magazine_views=(g=o.creator_contents)==null?void 0:g.magazine_views,o.contents.likes=Math.round(o.contents.likes+o.magazine_views*.15),o.contents.bookmarks=Math.round(o.contents.bookmarks+o.magazine_views*.1),o.contents.shares=Math.round(o.contents.shares+o.magazine_views*.07),o.mores=1,o.image=o.contents.photo,t.mainContents.push(o))}),B){let o=B,_=t.mainContents.findIndex(g=>g.id==o);_>0&&setTimeout(function(){y.value.api.silentMoveTo(_+1)},10),console.log(t.mainContents)}}).catch(r=>{console.log(r)})}),{fullpage:y,...oe(t),toLink:T,toFeedLink:P,shareContents:N,shareLink:S,likeContents:w,bookmarkContents:L,clickInfo:D,clickInfoFeed:A,contentsInfoLnb:d,clickMore:I,logout:C,closeMore:i}}},ge={class:"header header_color",id:"main_header"},_e={class:"",id:"main_body",style:{width:"100vw",height:"100vh",color:"#fff","font-size":"24px","background-color":"#000","scroll-snap-type":"y mandatory"}},ue={class:"snapboxai_index_nav"},be=["onClick"],fe={class:"snapai_page_creater"},ke={class:"snapai_page_model"},he=["onClick"],ye={class:"snapai_page_brand"},Ce=["onClick"],xe=["onClick"],ve=["onClick"],we={class:"share_data",style:{color:"#fff","text-align":"center","font-size":"11px","font-weight":"600",height:"20px","margin-top":"7px"}},Ee={class:"share_data",style:{color:"#fff","text-align":"center","font-size":"11px","font-weight":"600",height:"20px","margin-top":"7px"}},ze={class:"share_data",style:{color:"#fff","text-align":"center","font-size":"11px","font-weight":"600",height:"20px","margin-top":"7px"}},Be={class:"more",style:{position:"absolute",right:"14px",bottom:"8px","z-index":"9999",cursor:"pointer",width:"45px"}};function Le(v,m,B,t,y,D){const A=O("TOP"),T=O("full-page"),P=O("MORE");return h(),x("div",null,[c("div",ge,[W(A)]),c("div",_e,[c("div",ue,[c("div",{class:"snapboxai_index_logo",style:{cursor:"pointer"},onClick:m[0]||(m[0]=d=>v.$router.push("/"))}," SNAPBOX.AI "),m[5]||(m[5]=c("input",{type:"checkbox",id:"toggle"},null,-1)),m[6]||(m[6]=c("label",{for:"toggle",id:"menu_icon"},"메뉴",-1))]),c("div",null,[v.mainContents.length>0?(h(),ae(T,{key:0,ref:"fullpage",options:v.options,id:"fullpage"},{default:se(()=>[(h(!0),x(G,null,q(v.mainContents,(d,w)=>{var L,N,S,I;return h(),x("div",{class:"section load-background snapai_page",id:"section",key:d.id,onClick:i=>t.clickInfoFeed(i,w,d.image,!1),style:le({background:"linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.11) 28%, rgba(0,0,0,0.04) 34%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 85%,  rgba(0,0,0,0.02) 89%, rgba(0,0,0,0.08) 95%, rgba(0,0,0,0.2) 100%),  url("+d.image+")",backgroundSize:"cover"})},[c("ul",fe,[c("li",ke,k((N=(L=d.contents)==null?void 0:L.feed)!=null&&N.brand?(I=(S=d.contents)==null?void 0:S.feed)==null?void 0:I.brand:"SNBX"),1),c("li",{class:"snapai_page_product",style:{cursor:"pointer"},onClick:i=>t.clickInfoFeed(i,w,d.image,!0)},[(h(!0),x(G,null,q(d.tags,(i,C)=>{var n;return h(),x("div",{key:i.id},[c("p",ye,k(i.brand?i.brand.toUpperCase():""),1),U(c("p",{onClick:e=>t.toFeedLink(e,i.link,C,i),style:{cursor:"pointer","font-weight":"400","font-size":"14px","letter-spacing":"0.01em"}},k(i.name?i.name.toUpperCase():""),9,Ce),[[R,d.type=="creator"]]),U(c("p",{onClick:e=>t.toLink(e,i.link,C,i),style:{cursor:"pointer","font-weight":"400","font-size":"14px","letter-spacing":"0.01em"}},k(i.product_name?i.product_name.toUpperCase():""),9,xe),[[R,d.type=="brand"]]),c("p",null,k(i.color?i.color.toUpperCase():"")+" "+k(i.size?i.size.toUpperCase():""),1),c("p",{class:"snapai_page_price",style:{cursor:"pointer"},onClick:e=>t.toFeedLink(e,i.link,C,i)},k((n=i.price)==null?void 0:n.replace(",","")),9,ve),C==1&&d.tags.length>2?(h(),x("p",{key:0,class:ie("view_more"+w),style:{"margin-left":"3px","font-size":"25px","margin-bottom":"4px","letter-spacing":"3px"}}," ... ",2)):X("",!0)])}),128))],8,he)]),c("div",{class:"like",onClick:m[1]||(m[1]=i=>t.likeContents()),style:{position:"absolute",right:"14px",bottom:"225px","z-index":"9999",curs

1or:"pointer",width:"44px"}},[m[7]||(m[7]=c("button",{type:"button",class:"btn_like",style:{margin:"0 auto",background:`url(/icon_ai_heart.png) center\r
2                                        center no-repeat`,"background-size":"32px auto",width:"44px",height:"25px","font-size":"0"}}," share ",-1)),c("p",we,k(d.contents.likes==0?"":d.contents.likes),1)]),c("div",{class:"favor",onClick:m[2]||(m[2]=i=>t.bookmarkContents()),style:{position:"absolute",right:"14px",bottom:"155px","z-index":"9999",cursor:"pointer",width:"44px"}},[m[8]||(m[8]=c("button",{type:"button",class:"btn_favor btn_bookmarks",style:{margin:"0 auto",background:`url(/icon_ai_save.png) center\r
3                                        center no-repeat`,"background-size":"28px auto",width:"44px",height:"25px","font-size":"0"}}," share ",-1)),c("p",Ee,k(d.contents.bookmarks==0?"":d.contents.bookmarks),1)]),c("div",{class:"share",onClick:m[3]||(m[3]=i=>t.shareContents()),style:{position:"absolute",right:"14px",bottom:"85px","z-index":"9999",cursor:"pointer",width:"44px"}},[m[9]||(m[9]=c("button",{type:"button",class:"btn_share",style:{margin:"0 auto",background:`url(/icon_ai_share.png) center\r
4                                        center no-repeat`,"background-size":"25px auto",width:"44px",height:"25px","font-size":"0"}}," share ",-1)),c("p",ze,k(d.contents.shares>0?d.contents.shares:""),1)]),U(c("div",Be,[c("button",{type:"button",class:"btn_more",onClick:m[4]||(m[4]=i=>t.clickMore()),style:{margin:"0 auto",background:`url(/icon_ai_more.png) center\r
5                                        center no-repeat`,"background-size":"34px auto",width:"45px",height:"22px","font-size":"0"}}," share "),m[10]||(m[10]=c("p",{class:"share_data",style:{color:"#fff","text-align":"center","font-size":"11px","font-weight":"600",height:"20px","margin-top":"7px"}},null,-1))],512),[[R,d.mores]])],12,be)}),128))]),_:1},8,["options"])):X("",!0),W(P,{onEmitShareContents:t.shareContents,onEmitBookmarkContents:t.bookmarkContents,onEmitShareLink:t.shareLink,onEmitClickMore:t.clickMore,onEmitCloseMore:t.closeMore},null,8,["onEmitShareContents","onEmitBookmarkContents","onEmitShareLink","onEmitClickMore","onEmitCloseMore"])])])])}const Pe=Y(me,[["render",Le],["__scopeId","data-v-27712a4a"]]);export{Pe as default};