https://snapbox.ai/assets/Eyes-CqFS1RFC.js

1import{_ as Y,r as z,m as A,o as B,p as F,c as r,b as e,k as H,t as p,F as g,f as $,w as _,v as h,z as S,u as R,E as y,g as d,i as b}from"./index-GRB8Jcml.js";import{M as Z}from"./MessageService-MQvOYdOu.js";const V={name:"EyesPage",setup(){let n=z([]);const l=S(),f=R();let k=l.params.room_id;var u=z([]);const o=A({user:{nickname:"",profile:"",profile_style:""},messages:[],input_text:"",old_chatting_count:0,new_chatting_count:0,photo_modal:!1,photo_url:""});var s={email:/(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/g,url:/(http(s)?:\/\/.)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/g},m={email:function(t){return'<a style="color: #9481F0" href="mailto:'+t+'">'+t+"</a>"},url:function(t){return'<a style="color: #9481F0" href="'+t+'">'+t+"</a>"}};let I=t=>{o.photo_url=t,o.photo_modal=!0},D=async()=>{const t=document.createElement("a");t.href=o.photo_url;let i=y().format("YYMMDDHHmmss");t.download=i,document.body.appendChild(t),t.click(),document.body.removeChild(t)},w=()=>{document.getElementById("bottom").scrollIntoView()},C=()=>{let t=document.documentElement.scrollTop,i=document.getElementById("main_header");t==0?i.classList.contains("header_on")&&i.classList.remove("header_on"):i.classList.contains("header_on")||i.classList.add("header_on")};const M=()=>{Z.eyes(k).then(t=>{o.user=t.data.user,console.log(t.data);let i=t.data.messages;o.user.profile&&(o.user.profile_style="background-image: url("+o.user.profile+"); background-repeat: no-repeat; background-size: cover; background-position: center; cursor: pointer"),u.value=[],i.forEach(a=>{let E=y(a.created_at).format("YYYY-MM-DD"),T=y(a.created_at).format("HH:mm:ss");a.time=T,a.contents=a.contents.replace(s.url,m.url),a.contents=a.contents.replaceAll(`
2`,"<br>"),a.type=="image"&&(a.contents="https://www.snapbox.ai/"+a.contents+".thumb");var L=u.value.findIndex(v=>v.date==E);if(L==-1){let v={date:E,messages:[]};v.messages.push(a),u.value.push(v)}else u.value[L].messages.push(a)}),(i.length>o.old_chatting_count||o.old_chatting_count==0)&&(o.old_chatting_count=i.length,setTimeout(w,100))}).catch(t=>{console.log("******************"),console.log(t),t.response==null?f.push("/login"):t.response.status==401&&f.push("/home")})};return window.addEventListener("scroll",C),B(()=>{console.log("mounted!"),M()}),{...F(o),messages:n,chattings:u,getMessages:M,handleScroll:C,move:w,download:D,openImage:I}}},x={class:"header",id:"main_header"},N={class:"msg_header"},P={class:"id"},j={style:{"padding-top":"60px","padding-bottom":"50px"}},q={class:"new_chat"},G={class:"date"},J={key:0,class:"left"},K={class:"photobox"},O=["src","onClick"],Q=["innerHTML"],U={class:"time"},W={key:1,class:"right"},X=["innerHTML"],ee={class:"time"},te={class:"photobox"},oe=["src","onClick"],se={class:"time"},ne={class:"popup_layer",style:{display:"block"}},le={class:"msg_photo_popup"},ae={class:"popup_box_header"},ie={class:"popup_box_img"},re=["src"],de={class:"btn_area"};function ce(n,l,f,c,k,u){return d(),r(g,null,[e("div",x,[e("nav",null,[e("div",N,[e("div",P,[e("div",{style:H(n.user.profile_style),onClick:l[0]||(l[0]=o=>n.user.link_id?n.$router.push("/"+n.user.link_id):"")},null,4),e("span",{style:{cursor:"pointer"},onClick:l[1]||(l[1]=o=>n.user.link_id?n.$router.push("/"+n.user.link_id):"")},p(n.user.nickname),1)])])])]),e("div",j,[e("div",q,[(d(!0),r(g,null,$(c.chattings,o=>(d(),r("div",{key:o.date},[e("p",G,p(o.date),1),e("ul",null,[(d(!0),r(g,null,$(o.messages,s=>(d(),r("div",{key:s.id},[s.position=="left"?(d(),r("li",J,[s.position=="left"?(d(),r("div",{key:0,class:"name",style:H(n.user.profile_style),onClick:l[2]||(l[2]=m=>n.user.link_id?n.$router.push("/"+n.user.link_id):"")},null,4)):b("",!0),_(e("div",K,[e("img",{src:s.contents,onClick:m=>c.openImage(s.contents)},null,8,O)],512),[[h,s.type=="image"]]),_(e("p",{class:"chatbox",innerHTML:s.contents},null,8,Q),[[h,s.type=="text"]]),e("span",U,p(s.time),1)])):b("",!0),s.position=="right"?(d(),r("li",W,[_(e("div",null,[e("p",{class:"chatbox",innerHTML:s.contents},null,8,X),e("span",ee,p(s.time),1)],512),[[h,s.type=="text"]]),_(e("div",null,[e("div",te,[e("img",{src:s.contents,onClick:m=>c.openImage(s.contents)},null,8,oe)]),e("span",se,p(s.time),1)],512),[[h,s.type=="image"]])])):b("",!0)]))),128))])]))),128))]),l[5]||(l[5]=e("div",{id:"bottom"},null,-1))]),_(e("div",ne,[e("div",le,[e("div",ae,[e("button",{type:"button",class:"btn_close",onClick:l[3]||(l[3]=o=>n.photo_modal=!1)}," 닫기 ")]),e("div",ie,[e("img",{src:n.photo_url},null,8,re)]),e("div",de,[e("button",{type:"button",class:"btn_save_icon",onClick:l[4]||(l[4]=(...o)=>c.download&&c.download(...o))},l[6]||(l[6]=[e("span",{class:"material-symbols-outlined"},"download",-1)]))])])],512),[[h,n.photo_modal]])],64)}const _e=Y(V,[["render",ce]]);export{_e as default};