2 lines
5.8 KiB
JavaScript
2 lines
5.8 KiB
JavaScript
import{d as Y,u as Z,H as ee,J as te,r as l,k as oe,o as j,ah as ie,F as B,z as m,D as E,A as o,a6 as I,y as S,S as z,C as _,I as i,B as b,ai as T,a7 as ae,a1 as K,a2 as L,a3 as le,T as v,cM as re,c_ as se}from"./BAjARngS.js";import{B as M}from"./sroyubh1.js";import{e as k}from"./DWEdiVkG.js";import{P as ne}from"./C11uY9bK.js";import{g as ue}from"./CP6wiIK-.js";import{l as ce,m as de,d as pe}from"./ErQpqvEb.js";import"./BPJasu6A.js";import"./DfwtFZy4.js";import{S as me}from"./CSsakLHJ.js";import{I as ve}from"./Ca60TAIM.js";import{T as fe,_ as ge}from"./DAkDyVa1.js";import{S as _e}from"./n5o86z8W.js";import{_ as he}from"./C5gzKFf9.js";import"./DlAUqK2U.js";import"./bZLhHpjY.js";import"./C-nObEDY.js";import"./96trYotg.js";import"./7dlk9GfV.js";import"./DlKYmSOP.js";import"./B-NRJSso.js";import"./4rHVhLBf.js";import"./C18GdnBI.js";import"./ZI9WPlKv.js";import"./D621AjMu.js";import"./CUOzT8Ln.js";import"./BrC2YlYe.js";import"./B_BgEfll.js";import"./DZj86G17.js";import"./DyFKMDK_.js";import"./BvUK-b93.js";import"./dWia4Hno.js";import"./DyeV-5jh.js";import"./D8uJfFT-.js";import"./CokIlSLI.js";import"./DX3u28oT.js";import"./D6qJbdzf.js";import"./DSADCaFZ.js";import"./D19XOyLS.js";import"./C9DHwG_R.js";import"./DWxdb7Mz.js";import"./Cj99RmFE.js";import"./GS5tzE_p.js";import"./DlKvdlGZ.js";import"./CGvvlX7g.js";import"./CRKy6TM5.js";import"./DWSY5jUG.js";import"./_8s0YEqS.js";import"./DLjY2jVd.js";import"./DQB7sloh.js";import"./haC2wmdZ.js";import"./-2fOlCHx.js";import"./DPwDOHKb.js";const ye={class:"w-full"},we={class:"flex w-full p-4 gap-8 justify-between items-center"},xe={class:"flex gap-4 items-center"},Ce={class:"font-semibold text-lg"},Se={class:"flex flex-col items-center"},be={class:"circle_highlight_edit"},ke=["alt"],Fe={class:"title_edit_highlight mx4 mt2"},Re={class:"text-xs text-gray-4"},Ue={key:0,class:"flex items-center h-90vh relative"},Be={class:"w-full"},Ee={class:"flex justify-center absolute bottom-20 w-inherit w-full overflow-x-auto"},Ie=["onClick","alt"],Te={class:"h-65vh w-full pb-10 overflow-y-auto grid grid-cols-3 gap-2px"},Tt=Y({__name:"index",setup(Ae){const F=Z(),r=ee(),{user:O}=te(),u=l(!1),A=l("stories"),d=l(),f=l(),R=l(!0),s=l([]),h=l([]),H=l(null),U=l(!1),y=l(),P=l(),D=oe(()=>F.currentRoute.value.params.id);function V(){H.value?.click()}function $(t,e){const a=t.split(","),c=a[0].match(/:(.*?);/)[1],p=atob(a[1]);let g=p.length;const x=new Uint8Array(g);for(;g--;)x[g]=p.charCodeAt(g);return new File([x],e,{type:c})}async function q(){if(u.value)P.value.crop(),u.value=!1,U.value=!0;else try{v.value=!0;let t;if(U.value){const a=$(f.value,"cover.jpg"),{data:c,error:p}=await re(a,"stories");if(t=c?.fullPath,p)throw p}else t=f.value;console.log(t,"|",y.value,"|",s.value);const e=await ce(D.value,y.value,t);console.log(e.length>0),e.length>0&&await de(s.value,e[0]?.id),F.back()}catch(t){console.log(t)}finally{v.value=!1}}function G(t){d.value=h.value?.find(e=>e.id===s.value[t])?.media_url,R.value=!0}function J(t){f.value=t}function Q(t){const e=t.target.files?.[0];if(e){const a=new FileReader;a.onload=c=>{d.value=c.target?.result,console.log(c.target.result)},a.readAsDataURL(e),R.value=!1}}async function W(){try{v.value=!0;const t=(await ue(D.value))[0],e=t?.highlight_media?.flatMap(a=>a.mediaitems);s.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 X=async()=>{try{v.value=!0;const t=await pe(O?.user_id);h.value=t?.flatMap(e=>e?.mediaitems)}catch{se.error("error in fetching stories")}finally{v.value=!1}};return j(W),j(X),(t,e)=>{const a=ve,c=he,p=ge,g=fe,x=_e,N=ie("lazy");return m(),B(x,{spinning:i(v)},{default:E(()=>[o("div",ye,[o("div",we,[o("div",xe,[_(M,{icon:i(r).isRTL?"vuesax-linear:arrow-right":"vuesax-linear:arrow-left",onClick:e[0]||(e[0]=n=>u.value?u.value=!1:i(F).back())},null,8,["icon"]),o("div",Ce,b(i(r).useString(u.value?"editCover":"edit")),1)]),o("div",{class:"text-primary text-sm fw-bold",onClick:q},b(i(r).useString("done")),1)]),I(o("div",null,[o("div",Se,[o("div",be,[I(o("img",{class:"",alt:i(r).appName.en},null,8,ke),[[N,{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]=n=>u.value=!0)},b(i(r).useString("editCover")),1)]),o("div",Fe,[o("div",Re,b(i(r).useString("title")),1),_(a,{placeholder:i(r).useString("title"),class:"border-none focus:border-none",value:y.value,"onUpdate:value":e[2]||(e[2]=n=>y.value=n)},null,8,["placeholder","value"]),_(c,{class:"my0 px2"})])],512),[[ae,!u.value]]),u.value?(m(),S("div",Ue,[o("div",Be,[d.value?(m(),B(ne,{key:0,ref_key:"cropper",ref:P,class:"h-90vh absolute top-0 w-inherit highlightCover",onOnCropped:J,src:R.value?i(T)(d.value):d.value},null,8,["src"])):z("",!0),o("div",Ee,[(m(!0),S(K,null,L(s.value,(n,w)=>I((m(),S("img",{class:le(["w-2.5rem h-2.5rem",d.value===h.value.find(C=>C.id===s.value[w])?.media_url?"border-1.5px border-solid border-gray-8 p2px":""]),onClick:C=>G(w),alt:i(r).appName.en},null,10,Ie)),[[N,{src:i(T)(h.value?.find(C=>C.id===s.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:V},[_(M,{icon:"vuesax-linear:gallery"}),o("input",{type:"file",accept:"image/*",ref_key:"fileInputRef",ref:H,class:"hidden h-full w-full",onChange:Q},null,544)])])])])):z("",!0)]),o("div",null,[_(g,{activeKey:A.value,"onUpdate:activeKey":e[4]||(e[4]=n=>A.value=n),centered:"",class:"instaTab"},{default:E(()=>[_(p,{class:"!w-full",key:"stories",tab:i(r).useString("stories")},{default:E(()=>[o("div",Te,[(m(!0),S(K,null,L(h.value,n=>(m(),B(me,{key:n.id,story:n,selectedStory:s.value,"onUpdate:selectedStory":e[3]||(e[3]=w=>s.value=w)},null,8,["story","selectedStory"]))),128))])]),_:1},8,["tab"])]),_:1},8,["activeKey"])])]),_:1},8,["spinning"])}}});export{Tt as default};
|