2 lines
11 KiB
JavaScript
2 lines
11 KiB
JavaScript
var j=(b,k,u)=>new Promise((c,a)=>{var _=s=>{try{d(u.next(s))}catch(g){a(g)}},y=s=>{try{d(u.throw(s))}catch(g){a(g)}},d=s=>s.done?c(s.value):Promise.resolve(s.value).then(_,y);d((u=u.apply(b,k)).next())});import{s as N,p as A,w as V,r as C,e as D,q,h as i,x as Z,f as n,g as S,i as e,t as T,k as m,A as I,J as $,l as B,F as E,m as F,T as Y,n as J}from"./vendor-vue.CmaRnji1.js";import{_ as G,dr as K,u as Q,a as W,i as O,f as X}from"./index.CjrDwa0W.js";import{c as ee}from"./UploadPhoto.Bqd-ApD8.js";const te={key:0,class:"absolute w-[97.3%] ml-[4em] h-[500em] z-[500] bottom-0 rounded-[25em] overflow-hidden bg-white dark:bg-[#1E1E1E] shadow-[0px_-16px_32.400001525878906px_0px_rgba(0,0,0,0.29)]"},oe={class:"w-full h-[49em] flex items-center justify-between pl-[14em] pr-[16em] border-b dark:border-white/10"},se={class:"font-['SFPRO'] text-black dark:text-white font-[400] text-[15em]"},le={class:"w-full h-[48em] flex items-center justify-start ] border-b dark:border-white/10"},ae={class:"w-[180em] h-full flex items-center justify-start"},ie=["placeholder"],ne={class:"w-[45em] h-full flex items-center mr-[1em] justify-end"},re=["src"],ce={class:"w-[45em] h-full flex items-center mr-[16em] cursor-pointer anim-hover-1 justify-end"},de={class:"w-full h-[calc(100%-19%)] pt-[2em] px-[4em] relative"},ue={class:"font-['SFPRO'] text-white font-[400] text-[12em]"},me=["onClick"],he=["src"],fe={key:1,class:"w-full h-full relative bg-black"},pe=["src"],ve={class:"absolute inset-0 flex items-center justify-center pointer-events-none"},Ce={class:"w-[35px] h-[35px] rounded-full flex items-center justify-center group-hover:scale-110 transition-transform duration-200"},ge=["src"],we=["onClick"],_e={key:0,class:"w-[20em] h-[20em] flex items-center justify-center absolute bottom-[5px] right-[5px] rounded-full bg-[#0088FE] z-[2]"},xe={class:"font-['SFPRO'] text-white font-[400] text-[15em]"},be=["src"],ke={key:2,class:"w-full h-full relative bg-black"},ye=["src"],Pe={class:"absolute inset-0 flex items-center justify-center pointer-events-none"},Le={class:"w-[35px] h-[35px] rounded-full flex items-center justify-center group-hover:scale-110 transition-transform duration-200"},je=["src"],Se={class:"w-[90em] h-[95em]"},Te={__name:"UploadPhoto",props:{show:{type:Boolean,required:!0,default:!1},multiselect:{type:Boolean,required:!1,default:!1},minLength:{type:Number,required:!1,default:0},onlyphoto:{type:Boolean,required:!1,default:!1}},emits:["cancel","selectPhoto"],setup(b,{emit:k}){const u=K(),c=Q(),{t:a}=W(),{ScrollPage:_}=N(u),{DarkMode:y}=N(c);A(()=>{y.value?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")});const d=k,s=b;V(()=>s.show,l=>{l&&(v.value="",u.fetchPhotos(),h.value&&(h.value.addEventListener("scroll",P),setTimeout(()=>j(this,null,function*(){yield J(),P()}),100)))});const g=()=>{d("cancel")},h=C(null),H=C(0),p=C("top"),P=()=>{if(!h.value)return;const l=h.value,o=l.scrollTop,t=l.scrollHeight,f=l.clientHeight,L=t-f;H.value=L>0?o/L:0,o<=5?p.value="top":o>=L-5?p.value="bottom":p.value="middle"};D(()=>{h.value&&h.value.removeEventListener("scroll",P)});const x=l=>l?c.isVideo(l):!1,v=C(""),w=C(!1),r=C([]),M=l=>j(this,null,function*(){if(w.value)return;w.value=!0;const o=l.name;let t=yield ee(o);if(!t.success){c.TriggerNotification({appname:"photos",header:a(t.error),message:a(t.message)}),w.value=!1,v.value="";return}let f=yield X("UPLOAD_PHOTO",{url:t.fileInfo.url,size:Number(t.fileInfo.size)});f&&f.success?(u.UploadPhoto(f.data),w.value=!1,v.value=""):(c.TriggerNotification({appname:"photos",header:a("uploadPhoto.error"),message:a("uploadPhoto.failedToAdd")}),w.value=!1)}),U=l=>{if(s.multiselect){const o=r.value.indexOf(l);o===-1?r.value.push(l):r.value.splice(o,1)}else{if(s.onlyphoto&&x(l)){c.TriggerNotification({appname:"photos",header:a("uploadPhoto.photos"),message:a("uploadPhoto.onlyPhotosAllowed")});return}d("selectPhoto",l),d("cancel")}},z=()=>{if(s.minLength>0&&r.value.length<s.minLength){c.TriggerNotification({appname:"photos",header:a("uploadPhoto.photos"),message:a("uploadPhoto.selectAtLeast",{count:s.minLength})});return}if(s.onlyphoto&&r.value.length>0&&r.value.find(o=>x(o))){c.TriggerNotification({appname:"photos",header:a("uploadPhoto.photos"),message:a("uploadPhoto.onlyPhotosAllowed")});return}s.multiselect&&r.value.length>0&&(d("selectPhoto",r.value),d("cancel"),r.value=[])},R=()=>{c.SetOnlyCameraModal(!0)};return(l,o)=>(i(),q(Y,{name:"slide-up"},{default:Z(()=>[s.show?(i(),n("div",te,[e("div",oe,[e("p",se,T(m(a)("uploadPhoto.title")),1),e("div",{onClick:g,class:"flex bg-white dark:bg-black/40 text-black dark:text-white items-center justify-center w-[25em] h-[25em] cursor-pointer anim-hover-1 rounded-full shadow-[0_0_10.9px_0_rgba(0,0,0,0.15)]"},o[2]||(o[2]=[e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"currentColor",class:"injected-svg","data-src":"https://cdn.hugeicons.com/icons/cancel-01-solid-standard.svg?v=3.0","xmlns:xlink":"http://www.w3.org/1999/xlink",role:"img"},[e("path",{fill:"currentColor",d:"M17.293 5.29295C17.6835 4.90243 18.3165 4.90243 18.707 5.29295C19.0975 5.68348 19.0975 6.31649 18.707 6.70702L13.4131 12L18.706 17.293L18.7754 17.3691C19.0954 17.7619 19.072 18.341 18.706 18.707C18.3399 19.0731 17.7609 19.0958 17.3681 18.7754L17.292 18.707L11.999 13.414L6.70799 18.706C6.31747 19.0966 5.68446 19.0965 5.29393 18.706C4.90341 18.3155 4.90341 17.6825 5.29393 17.292L10.5849 12L5.29295 6.70799L5.22459 6.63182C4.9042 6.23907 4.92688 5.66007 5.29295 5.29393C5.65894 4.92794 6.23808 4.9046 6.63084 5.22459L6.70702 5.29393L11.999 10.5859L17.293 5.29295Z"})],-1)]))]),e("div",le,[o[4]||(o[4]=e("p",{class:"font-['SFPRO'] dark:text-white ml-[1.3em] font-[400] text-[12em]"},"URL:",-1)),e("div",ae,[I(e("input",{type:"text","onUpdate:modelValue":o[0]||(o[0]=t=>v.value=t),class:"w-full h-[50%] bg-transparent text-[12em] font-['SFPRO'] dark:text-white font-[400] leading-[100%] fixtext pl-[0.5em] mb-[1px] outline-none",placeholder:m(a)("uploadPhoto.pasteUrl")},null,8,ie),[[$,v.value]])]),e("div",ne,[e("img",{src:m(O)["icons/uploadicon.svg"],onClick:o[1]||(o[1]=t=>M({name:v.value})),class:"h-[65%] cursor-pointer anim-hover-1",alt:""},null,8,re)]),e("div",ce,[(i(),n("svg",{onClick:R,class:"h-[65%]",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o[3]||(o[3]=[e("rect",{width:"40",height:"40",rx:"10",fill:"#0162C0","fill-opacity":"0.2"},null,-1),e("path",{d:"M11.8127 28.5H28.1873C29.1189 28.5 29.8206 28.2697 30.2923 27.8092C30.7641 27.3486 31 26.6577 31 25.7365V16.403C31 15.4878 30.7641 14.7999 30.2923 14.3393C29.8206 13.8787 29.1189 13.6484 28.1873 13.6484H25.6254C25.3865 13.6484 25.1954 13.6306 25.0521 13.5949C24.9088 13.5593 24.7819 13.4983 24.6714 13.4122C24.5609 13.326 24.437 13.2086 24.2997 13.06L23.583 12.2577C23.3621 12.0141 23.1173 11.8269 22.8486 11.6961C22.5798 11.5654 22.2155 11.5 21.7556 11.5H18.1816C17.7218 11.5 17.359 11.5654 17.0932 11.6961C16.8275 11.8269 16.5812 12.0141 16.3542 12.2577L15.6376 13.06C15.4405 13.2799 15.2584 13.433 15.0912 13.5191C14.924 13.6053 14.6642 13.6484 14.3119 13.6484H11.8127C10.8751 13.6484 10.172 13.8787 9.70318 14.3393C9.23439 14.7999 9 15.4878 9 16.403V25.7365C9 26.6577 9.23439 27.3486 9.70318 27.8092C10.172 28.2697 10.8751 28.5 11.8127 28.5ZM20 25.8703C19.3192 25.8703 18.6832 25.7454 18.092 25.4958C17.5008 25.2462 16.9828 24.8986 16.5379 24.4529C16.093 24.0071 15.7436 23.49 15.4898 22.9017C15.236 22.3133 15.1091 21.6774 15.1091 20.994C15.1091 20.3165 15.236 19.6836 15.4898 19.0952C15.7436 18.5068 16.093 17.9898 16.5379 17.5441C16.9828 17.0983 17.5008 16.7507 18.092 16.5011C18.6832 16.2515 19.3192 16.1267 20 16.1267C20.9017 16.1267 21.7228 16.3436 22.4633 16.7774C23.2038 17.2113 23.7921 17.7966 24.228 18.5336C24.664 19.2705 24.8819 20.0907 24.8819 20.994C24.8819 21.6774 24.7565 22.3133 24.5057 22.9017C24.2548 23.49 23.9055 24.0071 23.4576 24.4529C23.0098 24.8986 22.4902 25.2462 21.899 25.4958C21.3078 25.7454 20.6748 25.8703 20 25.8703ZM20 24.5152C20.6509 24.5152 21.2436 24.3577 21.7781 24.0427C22.3126 23.7278 22.7381 23.3044 23.0546 22.7724C23.371 22.2405 23.5293 21.6477 23.5293 20.994C23.5293 20.3462 23.371 19.7564 23.0546 19.2245C22.7381 18.6926 22.3126 18.2676 21.7781 17.9497C21.2436 17.6317 20.6509 17.4727 20 17.4727C19.349 17.4727 18.7563 17.6317 18.2219 17.9497C17.6874 18.2676 17.2604 18.6926 16.941 19.2245C16.6215 19.7564 16.4617 20.3462 16.4617 20.994C16.4617 21.6477 16.6215 22.2405 16.941 22.7724C17.2604 23.3044 17.6874 23.7278 18.2219 24.0427C18.7563 24.3577 19.349 24.5152 20 24.5152ZM25.4821 17.7134C25.4821 17.4103 25.597 17.1444 25.8269 16.9156C26.0568 16.6868 26.3301 16.5724 26.6466 16.5724C26.9511 16.5724 27.2183 16.6868 27.4483 16.9156C27.6782 17.1444 27.7932 17.4103 27.7932 17.7134C27.7932 18.0344 27.6782 18.3048 27.4483 18.5247C27.2183 18.7446 26.9511 18.8545 26.6466 18.8545C26.3301 18.8604 26.0568 18.752 25.8269 18.5291C25.597 18.3063 25.4821 18.0344 25.4821 17.7134Z",fill:"#0162C0"},null,-1)])))])]),e("div",de,[s.multiselect?(i(),n("div",{key:0,onClick:z,class:"w-[90%] ml-[10em] h-[35em] absolute bottom-[15em] z-[2] bg-[#0088FE] rounded-full flex items-center justify-center cursor-pointer anim-hover-1"},[e("p",ue,T(m(a)("uploadPhoto.uploadSelected")),1)])):S("",!0),e("div",{class:B(["w-full h-full flex flex-wrap justify-between overflow-auto no-scrollbar content-start gap-x-[0.6em] gap-y-[2em]",[p.value==="top"?"mask-bottom":"",p.value==="middle"?"mask-both":"",p.value==="bottom"?"mask-top":""]]),ref_key:"scrollContainer",ref:h},[s.multiselect?(i(!0),n(E,{key:1},F(m(_).photos.loadedData,t=>(i(),n("div",{onClick:f=>U(t.media),class:B([r.value.includes(t.media)?"border-2 border-[#0088FE]":"","w-[93em] mt-[1em] h-[94em] relative rounded-[12em] overflow-hidden cursor-pointer"])},[r.value.includes(t.media)?(i(),n("div",_e,[e("p",xe,T(r.value.indexOf(t.media)+1),1)])):S("",!0),x(t.media)?(i(),n("div",ke,[e("video",{class:"w-full h-full object-cover",src:t.media,preload:"metadata",muted:""},"Your browser does not support the video tag.",8,ye),e("div",Pe,[e("div",Le,[e("img",{src:m(O)["photos/play.svg"],class:"h-[80%]",alt:""},null,8,je)])])])):(i(),n("img",{key:1,src:t.media,class:"w-full h-full object-cover anim-hover-1 object-center",loading:"lazy"},null,8,be))],10,we))),256)):(i(!0),n(E,{key:0},F(m(_).photos.loadedData,t=>(i(),n("div",{onClick:f=>U(t.media),key:t,class:"w-[93em] mt-[1em] h-[94em] relative rounded-[2em] overflow-hidden cursor-pointer"},[x(t.media)?(i(),n("div",fe,[e("video",{class:"w-full h-full anim-hover-1 object-cover",src:t.media,preload:"metadata",muted:""},"Your browser does not support the video tag.",8,pe),e("div",ve,[e("div",Ce,[e("img",{src:m(O)["photos/play.svg"],class:"h-[80%]",alt:""},null,8,ge)])])])):(i(),n("img",{key:0,src:t.media,class:"w-full h-full object-cover anim-hover-1 object-center",loading:"lazy"},null,8,he))],8,me))),128)),(i(),n(E,null,F(3,t=>e("div",Se)),64))],2)])])):S("",!0)]),_:1}))}},Ne=G(Te,[["__scopeId","data-v-49429f05"]]);export{Ne as U};
|