2 lines
6.0 KiB
JavaScript
2 lines
6.0 KiB
JavaScript
import{d as ae,u as ie,G as oe,J as le,r as n,k as se,o as O,ak as re,F as T,z as m,D as j,A as a,a7 as A,y as b,S as P,C as _,H as o,B as k,aj as M,al as E,a8 as ne,a2 as V,a3 as G,a4 as ce,T as f,cQ as ue,d4 as de}from"./vNwORUzZ.js";import{B as J}from"./DSh6TMV1.js";import{e as S}from"./DWEdiVkG.js";import{a as pe,_ as ve}from"./CY5OZ4WA.js";import{g as me}from"./ByYDgW4p.js";import{k as fe,l as ge,f as _e}from"./Dgli-wIV.js";/* empty css *//* empty css */import"./Dlu6riyL.js";import"./QegaKTWK.js";import{I as he}from"./DEYQXqOP.js";import{T as ye,_ as we}from"./CeZwBqJY.js";import{S as xe}from"./I3pYu3kF.js";import{_ as Ce}from"./DYXNjRZ7.js";import"./BqtpcZoZ.js";import"./DlAUqK2U.js";import"./hIAbPA16.js";import"./DN5qkf1J.js";import"./C1A0Ol0M.js";import"./CBmaeoJK.js";import"./Bx0AlLRd.js";import"./CW2jPw-_.js";import"./BwA8VTN1.js";import"./y7aiIjb0.js";import"./DsBtkfRw.js";import"./B1PUzC5B.js";import"./BwPyxH4J.js";import"./DthsPRuY.js";import"./BRRHTktw.js";import"./BUvaVjO_.js";import"./J4AUU9v5.js";import"./CRGbT1rP.js";import"./Cj99RmFE.js";import"./BgpbP815.js";import"./CwW7ictx.js";import"./DrLtTiRh.js";import"./B5Zazp3a.js";import"./B7EYj09j.js";import"./BuV2w3Jf.js";import"./CDTKgsv-.js";import"./jWeiyGsk.js";import"./BZwHMXHs.js";import"./BbN7I0i_.js";import"./Bm2ySzQc.js";const be={class:"w-full"},ke={class:"flex w-full p-4 gap-8 justify-between items-center"},Se={class:"flex gap-4 items-center"},Ue={class:"font-semibold text-lg"},Be={class:"flex flex-col items-center"},Fe={class:"circle_highlight_edit"},Re=["alt"],Te={class:"title_edit_highlight mx4 mt2"},je={class:"text-xs text-gray-4"},Ae={key:0,class:"flex items-center h-90vh relative"},Ee={class:"w-full"},He={class:"flex justify-center absolute bottom-20 w-inherit w-full overflow-x-auto"},Ie=["onClick","alt"],De={class:"h-65vh w-full pb-10 overflow-y-auto grid grid-cols-3 gap-2px"},Ft=ae({__name:"index",setup($e){const U=ie(),p=oe(),{user:B}=le(),d=n(!1),H=n("stories"),v=n(),g=n(),F=n(!0),c=n([]),h=n([]),I=n(null),R=n(!1),y=n(),D=n(),$=se(()=>U.currentRoute.value.params.id);function Q(){var t;(t=I.value)==null||t.click()}function W(t,e){const i=t.split(","),l=i[0].match(/:(.*?);/)[1],r=atob(i[1]);let s=r.length;const x=new Uint8Array(s);for(;s--;)x[s]=r.charCodeAt(s);return new File([x],e,{type:l})}async function X(){var t;if(d.value)D.value.crop(),d.value=!1,R.value=!0;else try{f.value=!0;let e;if(R.value){const l=W(g.value,"cover.jpg"),{data:r,error:s}=await ue(l,"stories");if(e=r==null?void 0:r.fullPath,s)throw s}else e=g.value;console.log(e,"|",y.value,"|",c.value);const i=await fe($.value,y.value,e);console.log(i.length>0),i.length>0&&await ge(c.value,(t=i[0])==null?void 0:t.id),U.back()}catch(e){console.log(e)}finally{f.value=!1}}function Y(t){var e,i;v.value=(i=(e=h.value)==null?void 0:e.find(l=>l.id===c.value[t]))==null?void 0:i.media_url,F.value=!0}function Z(t){g.value=t}function q(t){var i;const e=(i=t.target.files)==null?void 0:i[0];if(e){const l=new FileReader;l.onload=r=>{var s;v.value=(s=r.target)==null?void 0:s.result,console.log(r.target.result)},l.readAsDataURL(e),F.value=!1}}async function ee(){var t;try{f.value=!0;const e=(await me($.value))[0],i=(t=e==null?void 0:e.highlight_media)==null?void 0:t.flatMap(l=>l.mediaitems);c.value=i==null?void 0:i.map(l=>l.id),v.value=i[0].media_url,g.value=e.cover_media_url,y.value=e.title}catch(e){console.log(e)}finally{f.value=!1}}const te=async()=>{try{f.value=!0;const t=await _e(B==null?void 0:B.user_id);h.value=t==null?void 0:t.flatMap(e=>e==null?void 0:e.mediaitems)}catch{de.error("error in fetching stories")}finally{f.value=!1}};return O(ee),O(te),(t,e)=>{const i=he,l=Ce,r=we,s=ye,x=xe,z=re("lazy");return m(),T(x,{spinning:o(f)},{default:j(()=>[a("div",be,[a("div",ke,[a("div",Se,[_(J,{icon:o(p).isRTL?"vuesax-linear:arrow-right":"vuesax-linear:arrow-left",onClick:e[0]||(e[0]=u=>d.value?d.value=!1:o(U).back())},null,8,["icon"]),a("div",Ue,k(o(p).useString(d.value?"editCover":"edit")),1)]),a("div",{class:"text-primary text-sm fw-bold",onClick:X},k(o(p).useString("done")),1)]),A(a("div",null,[a("div",Be,[a("div",Fe,[A(a("img",{class:"",alt:o(M)},null,8,Re),[[z,{src:R.value?g.value:o(E)(g.value),loading:o(S),error:o(S)}]]),e[5]||(e[5]=a("svg",{viewBox:"0 0 100 100"},[a("circle",{cx:"50",cy:"50",r:"45"})],-1))]),a("div",{class:"text-primary text-xs mt1",onClick:e[1]||(e[1]=u=>d.value=!0)},k(o(p).useString("editCover")),1)]),a("div",Te,[a("div",je,k(o(p).useString("title")),1),_(i,{placeholder:o(p).useString("title"),class:"border-none focus:border-none",value:y.value,"onUpdate:value":e[2]||(e[2]=u=>y.value=u)},null,8,["placeholder","value"]),_(l,{class:"my0 px2"})])],512),[[ne,!d.value]]),d.value?(m(),b("div",Ae,[a("div",Ee,[v.value?(m(),T(pe,{key:0,ref_key:"cropper",ref:D,class:"h-90vh absolute top-0 w-inherit highlightCover",onOnCropped:Z,src:F.value?o(E)(v.value):v.value},null,8,["src"])):P("",!0),a("div",He,[(m(!0),b(V,null,G(c.value,(u,w)=>{var K,L,N;return A((m(),b("img",{class:ce(["w-2.5rem h-2.5rem",v.value===((K=h.value.find(C=>C.id===c.value[w]))==null?void 0:K.media_url)?"border-1.5px border-solid border-gray-8 p2px":""]),onClick:C=>Y(w),alt:o(M)},null,10,Ie)),[[z,{src:o(E)(((N=(L=h.value)==null?void 0:L.find(C=>C.id===c.value[w]))==null?void 0:N.media_url)??""),loading:o(S),error:o(S)}]])}),256)),a("div",{class:"flex items-center justify-center w-2.7rem h-2.5rem",onClick:Q},[_(J,{icon:"vuesax-linear:gallery"}),a("input",{type:"file",accept:"image/*",ref_key:"fileInputRef",ref:I,class:"hidden h-full w-full",onChange:q},null,544)])])])])):P("",!0)]),a("div",null,[_(s,{activeKey:H.value,"onUpdate:activeKey":e[4]||(e[4]=u=>H.value=u),centered:"",class:"instaTab"},{default:j(()=>[_(r,{class:"!w-full",key:"stories",tab:o(p).useString("stories")},{default:j(()=>[a("div",De,[(m(!0),b(V,null,G(h.value,u=>(m(),T(ve,{key:u.id,story:u,selectedStory:c.value,"onUpdate:selectedStory":e[3]||(e[3]=w=>c.value=w)},null,8,["story","selectedStory"]))),128))])]),_:1},8,["tab"])]),_:1},8,["activeKey"])])]),_:1},8,["spinning"])}}});export{Ft as default};
|