2 lines
5.8 KiB
JavaScript
2 lines
5.8 KiB
JavaScript
import{d as Z,u as ee,G as te,J as oe,r as l,k as ie,o as z,al as ae,F as B,z as p,D as E,A as o,a7 as P,y as S,S as K,C as _,H as i,B as b,ak as L,am as T,a8 as le,a2 as N,a3 as O,a4 as re,T as v,cQ as se,d2 as ne}from"./G_17LgpR.js";import{B as M}from"./DUAMdf4s.js";import{e as k}from"./DWEdiVkG.js";import{P as ue}from"./B4URHM5x.js";import{g as ce}from"./CeBJwJdi.js";import{l as de,m as me,d as pe}from"./Dc3SYjr6.js";import"./BCos75dQ.js";import"./DgcpgSsq.js";import{S as ve}from"./vaBmzT43.js";import{I as fe}from"./DIbg4LFy.js";import{T as ge,_ as _e}from"./Pb30WgBU.js";import{S as he}from"./aNyYT5DR.js";import{_ as ye}from"./CqA3cmgE.js";import"./DlAUqK2U.js";import"./g1WNn0RB.js";import"./DkJ3V9eM.js";import"./CgJkSVJR.js";import"./wt3vyHO9.js";import"./C1vz2RTh.js";import"./D-sZa5hV.js";import"./C3gkR5pj.js";import"./SY11ehhM.js";import"./Bly7rU0x.js";import"./CCZ3DOmR.js";import"./GwWkPmWR.js";import"./sF8d7sFa.js";import"./Cj6r251q.js";import"./DBmCMGoE.js";import"./WndnksDi.js";import"./B9nbzEx0.js";import"./DYXDK3m5.js";import"./ycclw7qJ.js";import"./ToDZsT2k.js";import"./C7wQ3vfD.js";import"./0dsigLwk.js";import"./CQrMt7-Q.js";import"./D6qJbdzf.js";import"./BFCKsLLk.js";import"./CL-FXKZS.js";import"./hd_vs7Xi.js";import"./CO4NYPx8.js";import"./Cj99RmFE.js";import"./TFtGh-ZR.js";import"./CKbLd5ES.js";import"./xHelY-u9.js";import"./DDKBnzO8.js";import"./B4jybqV1.js";import"./DIzmC6e1.js";import"./Gig5q_fs.js";import"./DrRtRVrg.js";import"./C9NlmXgZ.js";import"./-2fOlCHx.js";import"./oQiOBp9p.js";const we={class:"w-full"},xe={class:"flex w-full p-4 gap-8 justify-between items-center"},Ce={class:"flex gap-4 items-center"},Se={class:"font-semibold text-lg"},be={class:"flex flex-col items-center"},ke={class:"circle_highlight_edit"},Fe=["alt"],Re={class:"title_edit_highlight mx4 mt2"},Ue={class:"text-xs text-gray-4"},Be={key:0,class:"flex items-center h-90vh relative"},Ee={class:"w-full"},Pe={class:"flex justify-center absolute bottom-20 w-inherit w-full overflow-x-auto"},Te=["onClick","alt"],Ae={class:"h-65vh w-full pb-10 overflow-y-auto grid grid-cols-3 gap-2px"},Ht=Z({__name:"index",setup(He){const F=ee(),c=te(),{user:V}=oe(),n=l(!1),A=l("stories"),d=l(),f=l(),R=l(!0),r=l([]),h=l([]),H=l(null),U=l(!1),y=l(),I=l(),j=ie(()=>F.currentRoute.value.params.id);function $(){H.value?.click()}function G(t,e){const a=t.split(","),u=a[0].match(/:(.*?);/)[1],m=atob(a[1]);let g=m.length;const x=new Uint8Array(g);for(;g--;)x[g]=m.charCodeAt(g);return new File([x],e,{type:u})}async function q(){if(n.value)I.value.crop(),n.value=!1,U.value=!0;else try{v.value=!0;let t;if(U.value){const a=G(f.value,"cover.jpg"),{data:u,error:m}=await se(a,"stories");if(t=u?.fullPath,m)throw m}else t=f.value;console.log(t,"|",y.value,"|",r.value);const e=await de(j.value,y.value,t);console.log(e.length>0),e.length>0&&await me(r.value,e[0]?.id),F.back()}catch(t){console.log(t)}finally{v.value=!1}}function J(t){d.value=h.value?.find(e=>e.id===r.value[t])?.media_url,R.value=!0}function Q(t){f.value=t}function W(t){const e=t.target.files?.[0];if(e){const a=new FileReader;a.onload=u=>{d.value=u.target?.result,console.log(u.target.result)},a.readAsDataURL(e),R.value=!1}}async function X(){try{v.value=!0;const t=(await ce(j.value))[0],e=t?.highlight_media?.flatMap(a=>a.mediaitems);r.value=e?.map(a=>a.id),d.value=e[0].media_url,f.value=t.cover_media_url,y.value=t.title}catch(t){console.log(t)}finally{v.value=!1}}const Y=async()=>{try{v.value=!0;const t=await pe(V?.user_id);h.value=t?.flatMap(e=>e?.mediaitems)}catch{ne.error("error in fetching stories")}finally{v.value=!1}};return z(X),z(Y),(t,e)=>{const a=fe,u=ye,m=_e,g=ge,x=he,D=ae("lazy");return p(),B(x,{spinning:i(v)},{default:E(()=>[o("div",we,[o("div",xe,[o("div",Ce,[_(M,{icon:i(c).isRTL?"vuesax-linear:arrow-right":"vuesax-linear:arrow-left",onClick:e[0]||(e[0]=s=>n.value?n.value=!1:i(F).back())},null,8,["icon"]),o("div",Se,b(i(c).useString(n.value?"editCover":"edit")),1)]),o("div",{class:"text-primary text-sm fw-bold",onClick:q},b(i(c).useString("done")),1)]),P(o("div",null,[o("div",be,[o("div",ke,[P(o("img",{class:"",alt:i(L)},null,8,Fe),[[D,{src:U.value?f.value:i(T)(f.value),loading:i(k),error:i(k)}]]),e[5]||(e[5]=o("svg",{viewBox:"0 0 100 100"},[o("circle",{cx:"50",cy:"50",r:"45"})],-1))]),o("div",{class:"text-primary text-xs mt1",onClick:e[1]||(e[1]=s=>n.value=!0)},b(i(c).useString("editCover")),1)]),o("div",Re,[o("div",Ue,b(i(c).useString("title")),1),_(a,{placeholder:i(c).useString("title"),class:"border-none focus:border-none",value:y.value,"onUpdate:value":e[2]||(e[2]=s=>y.value=s)},null,8,["placeholder","value"]),_(u,{class:"my0 px2"})])],512),[[le,!n.value]]),n.value?(p(),S("div",Be,[o("div",Ee,[d.value?(p(),B(ue,{key:0,ref_key:"cropper",ref:I,class:"h-90vh absolute top-0 w-inherit highlightCover",onOnCropped:Q,src:R.value?i(T)(d.value):d.value},null,8,["src"])):K("",!0),o("div",Pe,[(p(!0),S(N,null,O(r.value,(s,w)=>P((p(),S("img",{class:re(["w-2.5rem h-2.5rem",d.value===h.value.find(C=>C.id===r.value[w])?.media_url?"border-1.5px border-solid border-gray-8 p2px":""]),onClick:C=>J(w),alt:i(L)},null,10,Te)),[[D,{src:i(T)(h.value?.find(C=>C.id===r.value[w])?.media_url??""),loading:i(k),error:i(k)}]])),256)),o("div",{class:"flex items-center justify-center w-2.7rem h-2.5rem",onClick:$},[_(M,{icon:"vuesax-linear:gallery"}),o("input",{type:"file",accept:"image/*",ref_key:"fileInputRef",ref:H,class:"hidden h-full w-full",onChange:W},null,544)])])])])):K("",!0)]),o("div",null,[_(g,{activeKey:A.value,"onUpdate:activeKey":e[4]||(e[4]=s=>A.value=s),centered:"",class:"instaTab"},{default:E(()=>[_(m,{class:"!w-full",key:"stories",tab:i(c).useString("stories")},{default:E(()=>[o("div",Ae,[(p(!0),S(N,null,O(h.value,s=>(p(),B(ve,{key:s.id,story:s,selectedStory:r.value,"onUpdate:selectedStory":e[3]||(e[3]=w=>r.value=w)},null,8,["story","selectedStory"]))),128))])]),_:1},8,["tab"])]),_:1},8,["activeKey"])])]),_:1},8,["spinning"])}}});export{Ht as default};
|