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,al as re,F as T,z as v,D as A,A as a,a7 as E,y as b,S as P,C as _,H as o,B as k,ak as M,am as H,a8 as ne,a2 as V,a3 as G,a4 as ce,T as f,cR as ue,d5 as de}from"./B3Hm6diO.js";import{B as J}from"./BJmKrNtx.js";import{e as S}from"./DWEdiVkG.js";import{a as me,_ as pe}from"./DVZD4ngf.js";import{g as ve}from"./Do_gArGH.js";import{k as fe,l as ge,f as _e}from"./DvnLqAGw.js";/* empty css *//* empty css */import"./DY8HYFUM.js";import"./B_-AIxTB.js";import{I as he}from"./ge968Jl6.js";import{T as ye,_ as we}from"./B-wJLeYS.js";import{S as xe}from"./CFKSihEF.js";import{_ as Ce}from"./DAjMF6jg.js";import"./BqtpcZoZ.js";import"./DlAUqK2U.js";import"./DS96Ojhv.js";import"./DQNs7P-A.js";import"./BSwG5mSN.js";import"./Sywtccgx.js";import"./2BdjxS_o.js";import"./UjAvRPQ0.js";import"./D6j8Na8k.js";import"./DO7c3Zvf.js";import"./SlW51Ucp.js";import"./C9i6X6PZ.js";import"./B1PUzC5B.js";import"./D5jy-2LC.js";import"./DX9G1wu4.js";import"./Cw36YF0B.js";import"./CMuiHaeb.js";import"./BmVWSF47.js";import"./BgU9OHdp.js";import"./Cj99RmFE.js";import"./BU9u1x_M.js";import"./CvEtz-vv.js";import"./WQd9lJtq.js";import"./0NYTrql3.js";import"./YLfIBYwD.js";import"./BH0BuRjW.js";import"./DicSUhzi.js";import"./BdbKpB7G.js";import"./BuiooMxx.js";import"./BbN7I0i_.js";import"./B2Siu5Q0.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"},Re={class:"circle_highlight_edit"},Fe=["alt"],Te={class:"title_edit_highlight mx4 mt2"},Ae={class:"text-xs text-gray-4"},Ee={key:0,class:"flex items-center h-90vh relative"},He={class:"w-full"},Ie={class:"flex justify-center absolute bottom-20 w-inherit w-full overflow-x-auto"},je=["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(),m=oe(),{user:B}=le(),d=n(!1),I=n("stories"),p=n(),g=n(),R=n(!0),c=n([]),h=n([]),j=n(null),F=n(!1),y=n(),D=n(),$=se(()=>U.currentRoute.value.params.id);function Q(){var t;(t=j.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,F.value=!0;else try{f.value=!0;let e;if(F.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;p.value=(i=(e=h.value)==null?void 0:e.find(l=>l.id===c.value[t]))==null?void 0:i.media_url,R.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;p.value=(s=r.target)==null?void 0:s.result,console.log(r.target.result)},l.readAsDataURL(e),R.value=!1}}async function ee(){var t;try{f.value=!0;const e=(await ve($.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),p.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 v(),T(x,{spinning:o(f)},{default:A(()=>[a("div",be,[a("div",ke,[a("div",Se,[_(J,{icon:o(m).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(m).useString(d.value?"editCover":"edit")),1)]),a("div",{class:"text-primary text-sm fw-bold",onClick:X},k(o(m).useString("done")),1)]),E(a("div",null,[a("div",Be,[a("div",Re,[E(a("img",{class:"",alt:o(M)},null,8,Fe),[[z,{src:F.value?g.value:o(H)(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(m).useString("editCover")),1)]),a("div",Te,[a("div",Ae,k(o(m).useString("title")),1),_(i,{placeholder:o(m).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?(v(),b("div",Ee,[a("div",He,[p.value?(v(),T(me,{key:0,ref_key:"cropper",ref:D,class:"h-90vh absolute top-0 w-inherit highlightCover",onOnCropped:Z,src:R.value?o(H)(p.value):p.value},null,8,["src"])):P("",!0),a("div",Ie,[(v(!0),b(V,null,G(c.value,(u,w)=>{var K,L,N;return E((v(),b("img",{class:ce(["w-2.5rem h-2.5rem",p.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,je)),[[z,{src:o(H)(((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:j,class:"hidden h-full w-full",onChange:q},null,544)])])])])):P("",!0)]),a("div",null,[_(s,{activeKey:I.value,"onUpdate:activeKey":e[4]||(e[4]=u=>I.value=u),centered:"",class:"instaTab"},{default:A(()=>[_(r,{class:"!w-full",key:"stories",tab:o(m).useString("stories")},{default:A(()=>[a("div",De,[(v(!0),b(V,null,G(h.value,u=>(v(),T(pe,{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};
|