2 lines
8.9 KiB
JavaScript
2 lines
8.9 KiB
JavaScript
import{_ as J}from"./BasicMainCard-226652ff.js";import{_ as G}from"./BasicModal.vue_vue_type_style_index_0_lang-234112c9.js";import{_ as X}from"./BasicInput.vue_vue_type_style_index_0_lang-78ced8eb.js";import{_ as K,u as Q}from"./useBaseTable-e60ec4b8.js";import{_ as Y}from"./button.vue_vue_type_style_index_0_lang-d41fbf64.js";import{I as P}from"./Icon-78d04a1c.js";import{t as Z}from"./useDataTime-0f66fcd9.js";import{_ as ee,G as S,d as te,g as b,o as D,c as $,b as n,w as f,a as o,e as ae,H as oe,j as B,k as R,y as ie,t as se,D as g,I as re}from"./index-c3a83709.js";import{g as A}from"./convert-2ad76038.js";import{_ as le}from"./TextPreview.vue_vue_type_script_setup_true_lang-09f9bb62.js";import{M as ne}from"./index-3cee424d.js";import{S as ce}from"./index-55899d99.js";import{I as ue}from"./index-588aa217.js";import{T as E}from"./isSymbol-933af901.js";import{U as de}from"./index-f68a6e65.js";import"./index-51e1e412.js";import"./index-6d9d7b65.js";import"./_plugin-vue_export-helper-9424d566.js";import"./useState-edde538a.js";import"./vnode-13aafe4d.js";import"./useRefs-c83745ad.js";import"./_flatRest-09ea8109.js";import"./index-133c097e.js";import"./Col-f98af73f.js";import"./styleChecker-5d75eaf5.js";import"./isPlainObject-e4dd5edb.js";import"./usePrice-bc935b83.js";import"./updateLocale-ff27ed8b.js";import"./index-ce887100.js";import"./toArray-fdd672d9.js";import"./FormItemContext-89798113.js";import"./pickAttrs-948566e5.js";import"./lodash-35a3e948.js";import"./index-795d795f.js";import"./isNumeric-3f69e2aa.js";import"./index-1b40f734.js";import"./index-4987f49a.js";import"./index-c0c82e0d.js";import"./DialogWrap-99990cc9.js";import"./css-aae66f86.js";import"./textUtils-c37780ad.js";import"./index-42c94377.js";const me=[{title:"ردیف",dataIndex:"id",key:"id",filterable:!1,width:70,align:"center",customRender:i=>i.record.index+1},{title:"عنوان",dataIndex:"title",key:"title"},{title:"توضیحات",dataIndex:"description",key:"description",slot:"description"},{title:"تصویر",dataIndex:"src_img",key:"src_img",customRender:i=>i.record.src_img||"-"},{title:"زمان ایجاد",dataIndex:"created_at",key:"created_at",customRender:i=>Z(i.record.created_at)},{title:"عملیات",dataIndex:"action",key:"action",slot:"action",filterable:!1,align:"center"}];async function pe(i){const{data:p,error:c}=await S.from("images_book").insert([i]).select();if(c)throw c;return p}async function _e(i,p){const{data:c,error:d}=await S.from("images_book").update(p).eq("id",i).select();if(d)throw d;return c}async function fe(i){const{error:p}=await S.from("images_book").delete().eq("id",i);if(p)throw p}async function ge(i){const{TableEngineRequest:p}=await ee(()=>import("./buildSupabaseQuery-693418f9.js"),["assets/buildSupabaseQuery-693418f9.js","assets/index-c3a83709.js","assets/index-6a736606.css","assets/supabaseTableQuery-9069679c.js"]),c={...i};!c.sort&&!c.order&&(c.order="-id");const d=await p(c,"images_book");try{if(Array.isArray(d==null?void 0:d.rows)){const T=c.page||1,k=c.limit||200,w=(T-1)*k,I=d.rows.map((u,v)=>({id:u.id,title:u.title??null,description:u.description??null,src_img:u.src_img??null,created_at:u.created_at??"",index:w+v,...u}));return{...d,rows:I}}}catch(T){console.log("[getImagesBookTable] normalize error:",T)}return d}const ve={class:"flex justify-between items-center mb-4"},he=o("h2",null,"تصاویر کتاب",-1),xe={class:"gap-2 flex justify-center"},ye=o("span",null,"حذف",-1),be=o("span",null,"ویرایش",-1),ke={class:"space-y-4 relative"},we={key:0,class:"absolute inset-0 bg-white/60 z-10 flex items-center justify-center"},Ie=o("div",{class:"mb-1 text-sm text-gray-600"},"عنوان",-1),Be=o("div",{class:"mb-1 text-sm text-gray-600"},"توضیحات",-1),Te=o("div",{class:"mb-1 text-sm text-gray-600"},"آپلود تصویر",-1),Ce={key:0},Me=o("div",null,"آپلود تصویر",-1),Ue={key:0,class:"mt-1"},De={class:"h-2 rounded bg-gray-200 overflow-hidden"},$e={class:"text-xs text-gray-700 font-semibold text-center mt-1"},yt=te({__name:"index",setup(i){const{TextArea:p}=ue,[c,d]=Q(),T=b({columns:me,api:ge,defaultPageLimit:20}),k=b(!1),w=b(!1),I=b(null),u=b([]),v=b(0),h=b(0),_=b({title:null,description:null,src_img:null});function N(){u.value=[],w.value=!1,I.value=null,_.value={title:null,description:null,src_img:null},k.value=!0}function z(){k.value=!1}function O(a){return a.type.startsWith("image/")?a.size/1024/1024<5?!0:(g.error("حجم تصویر باید کمتر از 5MB باشد!"),!1):(g.error("فقط فایلهای تصویری مجاز است"),!1)}async function V(a){const{file:e,onSuccess:m,onError:s,onProgress:x}=a,M=new FormData;M.append("file",e);const L=`${re}/upload/machartaa-img`;h.value=0,v.value++,await new Promise((r,C)=>{const l=new XMLHttpRequest;l.open("POST",L),l.setRequestHeader("Authorization",`Bearer ${localStorage.getItem("token")||""}`),l.upload.onprogress=t=>{if(t.lengthComputable){const y=Math.round(t.loaded/t.total*100);h.value=y,x==null||x({percent:y})}},l.onload=()=>{if(h.value=100,l.status>=200&&l.status<300)try{const t=JSON.parse(l.responseText||"{}"),y=t.full_src||t.url||t.src||t.path||t.data&&(t.data.full_src||t.data.url||t.data.src||t.data.path)||"";let U=y;y!=null&&y.startsWith("http")&&(U=y.replace(/^https?:\/\/[^\/]+/,""));const q=A(U);_.value.src_img=U,u.value=q?[{uid:`${Date.now()}`,name:"image.jpg",status:"done",url:q,response:{path:U}}]:[],m==null||m(t,l),g.success("تصویر با موفقیت آپلود شد!"),r()}catch(t){s==null||s(t,l),C(t)}else{const t=new Error("خطا در آپلود تصویر");s==null||s(t,l),C(t)}},l.onerror=()=>{const t=new Error("خطا در آپلود تصویر");s==null||s(t,l),C(t)},l.onloadend=()=>{v.value=Math.max(0,v.value-1),h.value=0},l.send(M)})}function j(a){return{width:`${Math.max(0,Math.min(100,a))}%`}}async function H(){var e,m,s;if(v.value>0){g.warning("لطفاً تا پایان آپلود صبر کنید");return}const a={title:((e=_.value.title)==null?void 0:e.trim())||null,description:((m=_.value.description)==null?void 0:m.trim())||null,src_img:((s=_.value.src_img)==null?void 0:s.trim())||null};try{w.value&&I.value?(await _e(I.value,a),g.success("تصویر با موفقیت ویرایش شد")):(await pe(a),g.success("تصویر با موفقیت افزوده شد")),z(),await d()}catch(x){console.error("Error saving image:",x),g.error("خطا در ذخیره تصویر: "+(x.message||"خطای ناشناخته"))}}function W(a){w.value=!0,I.value=a.id;let e=a.src_img||null;e&&e.startsWith("http")&&(e=e.replace(/^https?:\/\/[^\/]+/,"")),_.value={title:a.title||null,description:a.description||null,src_img:e};const m=e?A(e):null;u.value=m?[{uid:"-1",name:"image.jpg",status:"done",url:m,response:{path:e}}]:[],k.value=!0}function F(a){ne.confirm({title:"حذف تصویر",content:"آیا مطمئن هستید که میخواهید این تصویر را حذف کنید؟",okText:"بله، حذف کن",cancelText:"انصراف",okType:"danger",centered:!0,onOk:async()=>{try{await fe(a.id),g.success("تصویر با موفقیت حذف شد"),await d()}catch(e){console.error("Error deleting image:",e),g.error("خطا در حذف تصویر: "+(e.message||"خطای ناشناخته"))}}})}return(a,e)=>{const m=Y,s=K,x=X,M=G,L=J;return D(),$("div",null,[n(L,null,{default:f(()=>[o("div",ve,[he,n(m,{type:"primary",onClick:N},{default:f(()=>[ae("افزودن تصویر")]),_:1})]),n(s,oe(T.value,{ref:"table",onRegister:B(c)}),{description:f(({record:r})=>[n(le,{text:r.description},null,8,["text"])]),action:f(({record:r})=>[o("div",xe,[n(B(E),{class:"cursor-pointer"},{title:f(()=>[ye]),default:f(()=>[n(P,{icon:"vuesax-linear:trash",color:"#DC2626",onClick:C=>F(r)},null,8,["onClick"])]),_:2},1024),n(B(E),{class:"cursor-pointer"},{title:f(()=>[be]),default:f(()=>[n(P,{icon:"vuesax-linear:edit",color:"#1D4ED8",onClick:C=>W(r)},null,8,["onClick"])]),_:2},1024)])]),_:1},16,["onRegister"]),n(M,{visible:k.value,"onUpdate:visible":e[3]||(e[3]=r=>k.value=r),title:w.value?"ویرایش تصویر":"افزودن تصویر",onOk:H,onCancel:z,width:"80%",confirmLoading:v.value>0},{default:f(()=>[o("div",ke,[v.value>0?(D(),$("div",we,[n(B(ce),{size:"large"})])):R("",!0),o("div",null,[Ie,n(x,{value:_.value.title,"onUpdate:value":e[0]||(e[0]=r=>_.value.title=r),placeholder:"عنوان"},null,8,["value"])]),o("div",null,[Be,n(B(p),{value:_.value.description??void 0,"onUpdate:value":e[1]||(e[1]=r=>_.value.description=r??null),placeholder:"توضیحات",rows:4},null,8,["value"])]),o("div",null,[Te,n(B(de),{"file-list":u.value,"onUpdate:fileList":e[2]||(e[2]=r=>u.value=r),"before-upload":O,"custom-request":V,accept:"image/*","max-count":1,"list-type":"picture-card"},{default:f(()=>[u.value.length<1?(D(),$("div",Ce,[n(P,{icon:"vuesax-linear:image",class:"text-2xl mb-2"}),Me])):R("",!0)]),_:1},8,["file-list"]),h.value>0&&h.value<100?(D(),$("div",Ue,[o("div",De,[o("div",{class:"h-2 bg-blue-500 transition-all",style:ie(j(h.value))},null,4)]),o("div",$e,se(h.value)+"%",1)])):R("",!0)])])]),_:1},8,["visible","title","confirmLoading"])]),_:1})])}}});export{yt as default};
|