2 lines
5.8 KiB
JavaScript
2 lines
5.8 KiB
JavaScript
import{d as X,u as Y,H as Z,I as ee,r as s,l as te,o as O,aj as oe,z as p,G as U,E as A,B as o,D as g,K as a,C,a6 as B,a7 as ae,A as b,T as j,a1 as K,a2 as L,a3 as ie,S as m,dh as le}from"./CE4SaZgW.js";import{B as N}from"./DAaUah2x.js";import{e as k}from"./DPkf2bcV.js";import{P as se,S as re}from"./Diil9mD7.js";import{g as ne}from"./CkPaWjHN.js";import{k as ue,l as ce,f as de}from"./DEFgvqDI.js";import"./BJJxomfH.js";import"./CGQpwa8-.js";import{u as pe}from"./CfQT9Pjy.js";import{I as me}from"./C9-mKqzf.js";import{T as ve,_ as fe}from"./DNECQ76K.js";import{S as ge}from"./ssSX8W6r.js";import{_ as _e}from"./BbqrR3bL.js";import"./DlAUqK2U.js";import"./7NC7WC4Q.js";import"./LnMFAdTT.js";import"./DebaRAa_.js";import"./DNQpC0YG.js";import"./KYGZybbC.js";import"./g9otGdDE.js";import"./GIvwLoBE.js";import"./GNxLkFyZ.js";import"./CE1G-McA.js";import"./Cq497dur.js";import"./BMvqCgID.js";import"./BH7LQtOd.js";import"./PbouHhtI.js";import"./CxVR7ht-.js";import"./0N7JoioX.js";import"./B5RoG9wW.js";import"./CjPHwh7J.js";import"./cA5fh2lg.js";import"./BD2G5fvF.js";import"./B2MUeQ_z.js";import"./BQKhYWGC.js";import"./ogsyABxJ.js";import"./PGC92_Sj.js";import"./DFL6LqjW.js";import"./CDDBg3Y_.js";import"./Dmy9LQHx.js";import"./DSO9kF0m.js";import"./BA2sMwRy.js";import"./BK6U06JP.js";import"./Cj99RmFE.js";import"./CxZINpjh.js";import"./CCrciQyb.js";import"./Cz6oeCNy.js";import"./T8YlS15x.js";import"./DZnIL_2I.js";import"./D-bUn136.js";import"./UfKM_8Ux.js";const he={class:"w-full"},ye={class:"flex w-full p-4 gap-8 justify-between items-center"},xe={class:"flex gap-4 items-center"},we={class:"font-semibold text-lg"},Se={class:"flex flex-col items-center"},Ce={class:"circle_highlight_edit"},be=["alt"],ke={class:"title_edit_highlight mx4 mt2"},Re={class:"text-xs text-gray-4"},De={key:0,class:"flex items-center h-90vh relative"},Ee={class:"w-full"},Ue={class:"flex justify-center absolute bottom-20 w-inherit w-full overflow-x-auto"},Ae=["onClick","alt"],Be={class:"h-65vh w-full pb-10 overflow-y-auto grid grid-cols-3 gap-2px"},At=X({__name:"index",setup(Fe){const R=Y(),i=Z(),{user:z}=ee(),u=s(!1),F=s("stories"),c=s(),v=s(),D=s(!0),r=s([]),_=s([]),T=s(null),E=s(!1),h=s(),I=s(),P=te(()=>R.currentRoute.value.params.id);function G(){T.value?.click()}function M(t,e){const l=t.split(","),d=l[0].match(/:(.*?);/)[1],x=atob(l[1]);let f=x.length;const w=new Uint8Array(f);for(;f--;)w[f]=x.charCodeAt(f);return new File([w],e,{type:d})}async function V(){if(u.value)I.value.crop(),u.value=!1,E.value=!0;else try{m.value=!0;let t;if(E.value){const l=M(v.value,"cover.jpg");t=(await pe(l,{endpoint:i.STORAGE_UPLOAD})).data?.fullPath}else t=v.value;console.log(t,"|",h.value,"|",r.value);const e=await ue(P.value,h.value,t);console.log(e.length>0),e.length>0&&await ce(r.value,e[0]?.id),R.back()}catch(t){console.log(t)}finally{m.value=!1}}function $(t){c.value=_.value?.find(e=>e.id===r.value[t])?.media_url,D.value=!0}function q(t){v.value=t}function J(t){const e=t.target.files?.[0];if(e){const l=new FileReader;l.onload=d=>{c.value=d.target?.result,console.log(d.target.result)},l.readAsDataURL(e),D.value=!1}}async function Q(){try{m.value=!0;const t=(await ne(P.value))[0],e=t?.highlight_media?.flatMap(l=>l.mediaitems);r.value=e?.map(l=>l.id),c.value=e[0].media_url,v.value=t.cover_media_url,h.value=t.title}catch(t){console.log(t)}finally{m.value=!1}}const W=async()=>{try{m.value=!0;const t=await de(z?.user_id);_.value=t?.flatMap(e=>e?.mediaitems)}catch{le.error("error in fetching stories")}finally{m.value=!1}};return O(Q),O(W),(t,e)=>{const l=me,d=_e,x=fe,f=ve,w=ge,H=oe("lazy");return p(),U(w,{spinning:a(m)},{default:A(()=>[o("div",he,[o("div",ye,[o("div",xe,[g(N,{icon:a(i).isRTL?"vuesax-linear:arrow-right":"vuesax-linear:arrow-left",onClick:e[0]||(e[0]=n=>u.value?u.value=!1:a(R).back())},null,8,["icon"]),o("div",we,C(a(i).useString(u.value?"editCover":"edit")),1)]),o("div",{class:"text-primary text-sm fw-bold",onClick:V},C(a(i).useString("done")),1)]),B(o("div",null,[o("div",Se,[o("div",Ce,[B(o("img",{class:"",alt:a(i).appName.en},null,8,be),[[H,{src:E.value?v.value:a(i).useDataStorage(v.value),loading:a(k),error:a(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)},C(a(i).useString("editCover")),1)]),o("div",ke,[o("div",Re,C(a(i).useString("title")),1),g(l,{placeholder:a(i).useString("title"),class:"border-none focus:border-none",value:h.value,"onUpdate:value":e[2]||(e[2]=n=>h.value=n)},null,8,["placeholder","value"]),g(d,{class:"my0 px2"})])],512),[[ae,!u.value]]),u.value?(p(),b("div",De,[o("div",Ee,[c.value?(p(),U(se,{key:0,ref_key:"cropper",ref:I,class:"h-90vh absolute top-0 w-inherit highlightCover",onOnCropped:q,src:D.value?a(i).useDataStorage(c.value):c.value},null,8,["src"])):j("",!0),o("div",Ue,[(p(!0),b(K,null,L(r.value,(n,y)=>B((p(),b("img",{class:ie(["w-2.5rem h-2.5rem",c.value===_.value.find(S=>S.id===r.value[y])?.media_url?"border-1.5px border-solid border-gray-8 p2px":""]),onClick:S=>$(y),alt:a(i).appName.en},null,10,Ae)),[[H,{src:a(i).useDataStorage(_.value?.find(S=>S.id===r.value[y])?.media_url??""),loading:a(k),error:a(k)}]])),256)),o("div",{class:"flex items-center justify-center w-2.7rem h-2.5rem",onClick:G},[g(N,{icon:"vuesax-linear:gallery"}),o("input",{type:"file",accept:"image/*",ref_key:"fileInputRef",ref:T,class:"hidden h-full w-full",onChange:J},null,544)])])])])):j("",!0)]),o("div",null,[g(f,{activeKey:F.value,"onUpdate:activeKey":e[4]||(e[4]=n=>F.value=n),centered:"",class:"instaTab"},{default:A(()=>[g(x,{class:"!w-full",key:"stories",tab:a(i).useString("stories")},{default:A(()=>[o("div",Be,[(p(!0),b(K,null,L(_.value,n=>(p(),U(re,{key:n.id,story:n,selectedStory:r.value,"onUpdate:selectedStory":e[3]||(e[3]=y=>r.value=y)},null,8,["story","selectedStory"]))),128))])]),_:1},8,["tab"])]),_:1},8,["activeKey"])])]),_:1},8,["spinning"])}}});export{At as default};
|