2 lines
6.7 KiB
JavaScript
2 lines
6.7 KiB
JavaScript
import{d as ue,r as n,G as ce,J as ve,d0 as de,b6 as pe,k as H,a1 as fe,ad as me,o as he,aj as ge,y as g,z as f,C as S,D as _e,A as o,a7 as y,S as F,H as u,B as b,a4 as V,a2 as B,a3 as z,F as M,a8 as G,ai as O,ak as k,dS as we,d3 as W,P as ye,cP as J}from"./B565zvD7.js";import{f as xe,h as Ce,j as Se}from"./xNI5qY7-.js";import{B as K}from"./B8tjfeLk.js";import{e as U}from"./DWEdiVkG.js";import{_ as be,a as ke}from"./DBl6ki6L.js";import{_ as Ue}from"./DEtqqKNi.js";import{S as Ie}from"./DouGH0TO.js";import"./BqtpcZoZ.js";import"./DlAUqK2U.js";import"./DGz2YCiv.js";import"./BFaWnc73.js";import"./Csjd5bVQ.js";import"./D4vgmOWh.js";import"./DpOHDcrK.js";import"./VSEk5LL0.js";import"./BApCI9Bs.js";import"./Lbxc-5ju.js";import"./DOew7O3z.js";import"./DDxmogzO.js";import"./BeOccFdA.js";import"./B1PUzC5B.js";import"./Nbprh6-X.js";import"./ZRClhQAV.js";import"./DNLxnWQn.js";import"./_zxP87xy.js";import"./B14GVu8Y.js";import"./B1mRNUjA.js";import"./Dt5Gr3KO.js";import"./CEbmuqQc.js";import"./cS5uzGQo.js";import"./Cj99RmFE.js";import"./Cjs9-owV.js";import"./DwqODbLs.js";import"./B5Kd0TWz.js";import"./e9W1GcV-.js";import"./CKkvfyve.js";/* empty css */import"./CENRhSNZ.js";import"./CscEAC8U.js";import"./Y0cclhW2.js";/* empty css */const Re={class:"w-full h-screen overflow-y-auto"},je={class:"flex w-full p-4 gap-8 justify-between items-center"},Fe={class:"flex gap-4 items-center"},Be={class:"font-semibold text-lg"},Pe=["disabled"],De={class:"w-full grid grid-cols-3 mt-2 gap-2px pb-5vh"},Le={key:0,class:"h-80vh flex items-center justify-center"},Te={class:"h-50vh flex flex-col justify-center items-center gap-4"},Ee={class:"circle_highlight"},Ne=["alt"],$e=["placeholder"],Ae={key:1,class:"flex items-center h-90vh relative"},He={class:"w-full"},Ve={class:"flex justify-center absolute bottom-20 w-inherit w-full overflow-x-auto"},ze=["onClick","alt"],Bt=ue({__name:"index",setup(Me){const P=n(!1),D=n(null),m=ce(),L=n(),{user:h}=ve(),Q=de(),_=n(!1),I=n(!0),v=n([]),c=n([]),T=n(!1),s=n(1),E=n(),X=n(),x=n(null),d=n(),p=n(),R=n(!0);pe(()=>{var t;c.value.length>0?R.value||(d.value=(t=v.value.find(e=>e.id===c.value[0]))==null?void 0:t.media_url,p.value=d.value,R.value=!0):R.value=!1});const Y=H(()=>m.useString(s.value===1?"newHighLight":s.value===2?"title":"editCover")),j=H(()=>{switch(s.value){case 1:return c.value.length===0;case 2:return!x.value;case 3:return!1}});function Z(t){console.log(t),X.value=t}function q(t){p.value=t}function ee(){var t;(t=D.value)==null||t.click()}function te(t){var l;const e=(l=t.target.files)==null?void 0:l[0];if(e){const i=new FileReader;i.onload=a=>{var r;d.value=(r=a.target)==null?void 0:r.result,console.log(a.target.result)},i.readAsDataURL(e),I.value=!1}}function ae(t){var e,l;d.value=(l=(e=v.value)==null?void 0:e.find(i=>i.id===c.value[t]))==null?void 0:l.media_url,I.value=!0}const le=()=>{c.value&&s.value++},re=()=>{s.value--},ie=async()=>{try{_.value=!0;const t=await xe(h==null?void 0:h.user_id);v.value=t==null?void 0:t.flatMap(e=>e==null?void 0:e.mediaitems)}catch{W.error("error in fetching stories")}finally{_.value=!1}};async function oe(t){const l=await(await fetch(t)).blob();return new Promise((i,a)=>{const r=new FileReader;r.onloadend=()=>i(r.result),r.onerror=a,r.readAsDataURL(l)})}async function se(){var t,e;try{if((t=p.value)!=null&&t.startsWith("data:image")){const l=N(p.value,"cover.jpg"),{data:i,error:a}=await J(l,"stories");if(a)throw a;return i==null?void 0:i.fullPath}else if((e=p.value)!=null&&e.startsWith("stories")){const l=await oe(k(p.value)),i=N(l,"cover.jpg"),{data:a,error:r}=await J(i,"stories");if(r)throw r;return a==null?void 0:a.fullPath}}catch(l){console.error("Error in uploadCoverIfNeeded:",l)}}function N(t,e){const l=t.split(","),i=l[0].match(/:(.*?);/)[1],a=atob(l[1]);let r=a.length;const w=new Uint8Array(r);for(;r--;)w[r]=a.charCodeAt(r);return new File([w],e,{type:i})}const ne=async()=>{var t;if(!j.value){if(s.value===1)le();else if(s.value===3)L.value.crop(),s.value--,T.value=!0;else if(s.value===2)try{_.value=!0;const e=await se(),{data:l,status:i}=await Ce(x.value,h==null?void 0:h.user_id,e);i===201&&(l!=null&&l.length)&&await Se(c.value,(t=l[0])==null?void 0:t.id)}catch{W.error("error in creating highlight")}finally{ye(),_.value=!1}}};return fe(()=>s.value,t=>{t===2&&me(()=>{var e;(e=E.value)==null||e.focus()})},{immediate:!0}),he(async()=>{await ie()}),(t,e)=>{const l=Ie,i=ge("lazy");return f(),g(B,null,[S(l,{spinning:_.value},{default:_e(()=>[o("div",Re,[o("div",je,[o("div",Fe,[S(K,{icon:u(m).isRTL?"vuesax-linear:arrow-right":"vuesax-linear:arrow-left",onClick:e[0]||(e[0]=a=>s.value===1?u(Q).back():re())},null,8,["icon"]),o("div",Be,b(Y.value),1)]),o("div",{class:V(["text-primary text-sm fw-bold",{"cursor-not-allowed !text-gray":j.value}]),disabled:j.value,onClick:ne},b(u(m).useString(s.value===1?"next":"done")),11,Pe)]),y(o("div",De,[(f(!0),g(B,null,z(v.value,a=>(f(),M(be,{key:a.id,story:a,selectedStory:c.value,"onUpdate:selectedStory":e[1]||(e[1]=r=>c.value=r)},null,8,["story","selectedStory"]))),128))],512),[[G,s.value===1&&v.value&&v.value.length!==0]]),s.value===1&&(!v.value||v.value.length===0)?(f(),g("div",Le,[o("div",null,b(u(m).useString("noItems")),1)])):F("",!0),y(o("div",Te,[o("div",Ee,[y(o("img",{class:"",alt:u(O)},null,8,Ne),[[i,{src:T.value?p.value:u(k)(p.value),loading:u(U),error:u(U)}]]),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",onClick:e[2]||(e[2]=a=>s.value=3)},b(u(m).useString("editCover")),1),y(o("input",{ref_key:"highlightInputRef",ref:E,"onUpdate:modelValue":e[3]||(e[3]=a=>x.value=a),type:"text",placeholder:u(m).useString("highlights"),class:"highlight-input"},null,8,$e),[[we,x.value]])],512),[[G,s.value===2]]),s.value===3?(f(),g("div",Ae,[o("div",He,[d.value?(f(),M(ke,{key:0,ref_key:"cropper",ref:L,class:"h-90vh absolute top-0 w-inherit highlightCover",onOnCropped:q,src:I.value?u(k)(d.value):d.value},null,8,["src"])):F("",!0),o("div",Ve,[(f(!0),g(B,null,z(c.value,(a,r)=>{var w,$,A;return y((f(),g("img",{class:V(["w-2.5rem h-2.5rem",d.value===((w=v.value.find(C=>C.id===c.value[r]))==null?void 0:w.media_url)?"border-1.5px border-solid border-gray-8 p2px":""]),onClick:C=>ae(r),alt:u(O)},null,10,ze)),[[i,{src:u(k)((A=($=v.value)==null?void 0:$.find(C=>C.id===c.value[r]))==null?void 0:A.media_url),loading:u(U),error:u(U)}]])}),256)),o("div",{class:"flex items-center justify-center w-2.7rem h-2.5rem",onClick:ee},[S(K,{icon:"vuesax-linear:gallery"}),o("input",{type:"file",accept:"image/*",ref_key:"fileInputRef",ref:D,class:"hidden h-full w-full",onChange:te},null,544)])])])])):F("",!0)])]),_:1},8,["spinning"]),S(Ue,{open:P.value,"onUpdate:open":e[4]||(e[4]=a=>P.value=a),onSuccess:Z},null,8,["open"])],64)}}});export{Bt as default};
|