|
- "use strict";(self["webpackChunkTruckShop"]=self["webpackChunkTruckShop"]||[]).push([[2983],{7626:function(e,t,o){o.r(t),o.d(t,{default:function(){return fe}});var a=o(6768),n=o(5130),l=o(4232);const r={class:"col-md-12"},p={class:"card shadow-sm border-0 rounded"},i={class:"card-header d-flex justify-content-between align-items-center p-3",dir:"rtl"},c={class:"d-flex align-items-center"},s={key:0,class:"card-body table-border-style p-0"},d={class:"table-responsive"},u={class:"table table-hover table-bordered m-0",dir:"rtl"},m=["onClick"],h=["onClick"],b={key:1,class:"filter-loader card table-card user-profile-list"},g={class:"d-flex justify-content-center"},v={"aria-label":"Page navigation"},f={class:"pagination"},k={key:1,class:"page-item disabled"},y=["onClick"],w={key:2,class:"page-item disabled"},C={class:"page-link",href:"javascript:void(0)"},L={class:"ms-0 search-number"},x=["max"];function R(e,t,o,R,E,_){const S=(0,a.g2)("addBlogCat"),z=(0,a.g2)("editBlogCat"),B=(0,a.g2)("showDescription"),X=(0,a.g2)("BRow"),K=(0,a.g2)("BCol"),P=(0,a.g2)("Layout");return(0,a.uX)(),(0,a.Wv)(P,null,{default:(0,a.k6)((()=>[(0,a.bF)(X,null,{default:(0,a.k6)((()=>[(0,a.Lk)("div",r,[(0,a.Lk)("div",p,[(0,a.Lk)("div",i,[(0,a.Lk)("div",c,[(0,a.bo)((0,a.Lk)("input",{"onUpdate:modelValue":t[0]||(t[0]=e=>R.searchQuery=e),type:"text",placeholder:"جستجو...",class:"form-control form-control-sm d-inline-block me-2",style:{width:"250px","border-radius":"15px"}},null,512),[[n.Jo,R.searchQuery]])]),t[9]||(t[9]=(0,a.Lk)("button",{"data-bs-toggle":"modal","data-bs-target":"#addBlogCat",class:"btn btn-light text-primary btn-sm px-3"}," افزودن دسته ",-1))]),R.filterLoading?((0,a.uX)(),(0,a.CE)("div",b)):((0,a.uX)(),(0,a.CE)("div",s,[(0,a.Lk)("div",d,[(0,a.Lk)("table",u,[t[10]||(t[10]=(0,a.Lk)("thead",{class:"table-light"},[(0,a.Lk)("tr",null,[(0,a.Lk)("th",null,"عنوان"),(0,a.Lk)("th",null,"تاریخ ایجاد"),(0,a.Lk)("th",null,"عملیات")])],-1)),(0,a.Lk)("tbody",null,[((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(R.cats,(e=>((0,a.uX)(),(0,a.CE)("tr",{key:e.id},[(0,a.Lk)("td",null,(0,l.v_)(e?.translation?.title),1),(0,a.Lk)("td",null,(0,l.v_)(R.convertToJalali(e.created_at)),1),(0,a.Lk)("td",null,[(0,a.Lk)("button",{"data-bs-toggle":"modal","data-bs-target":"#editBlogCat",class:"btn btn-sm btn-outline-warning me-1",onClick:t=>R.editModalData(e)}," ویرایش ",8,m),(0,a.Lk)("button",{onClick:t=>R.deleteCat(e.id,e.title),class:"btn btn-sm btn-outline-danger"}," حذف ",8,h)])])))),128))])])])]))])]),(0,a.bF)(S,{parents:R.cats,onCatUpdated:t[1]||(t[1]=e=>R.handleCatUpdated())},null,8,["parents"]),(0,a.bF)(z,{id:R.catId,title:R.catTitle,icon:R.catIcon,catRow:R.catRow,onCatUpdated:t[2]||(t[2]=e=>R.handleCatUpdated())},null,8,["id","title","icon","catRow"]),(0,a.bF)(B,{desc:e.catDescription},null,8,["desc"])])),_:1}),(0,a.bF)(X,null,{default:(0,a.k6)((()=>[(0,a.bF)(K,{sm:"12"},{default:(0,a.k6)((()=>[(0,a.Lk)("div",g,[(0,a.Lk)("nav",v,[(0,a.Lk)("ul",f,[(0,a.Lk)("li",{class:(0,l.C4)(["page-item",{disabled:1===R.currentPage}])},[(0,a.Lk)("span",{class:"page-link",onClick:t[3]||(t[3]=(...e)=>R.prevPage&&R.prevPage(...e))},"قبلی")],2),R.visiblePages[0]>1?((0,a.uX)(),(0,a.CE)("li",{key:0,class:"page-item",onClick:t[4]||(t[4]=e=>R.page=1)},t[11]||(t[11]=[(0,a.Lk)("a",{class:"page-link",href:"javascript:void(0)"},"1",-1)]))):(0,a.Q3)("",!0),R.visiblePages[0]>2?((0,a.uX)(),(0,a.CE)("li",k,t[12]||(t[12]=[(0,a.Lk)("span",{class:"page-link"},"...",-1)]))):(0,a.Q3)("",!0),((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(R.visiblePages,(e=>((0,a.uX)(),(0,a.CE)("li",{key:e,class:(0,l.C4)(["page-item",{active:R.currentPage===e}])},[(0,a.Lk)("a",{class:"page-link",href:"javascript:void(0)",onClick:t=>R.page=e},(0,l.v_)(e),9,y)],2)))),128)),R.visiblePages[R.visiblePages.length-1]<R.totalPages-1?((0,a.uX)(),(0,a.CE)("li",w,t[13]||(t[13]=[(0,a.Lk)("span",{class:"page-link"},"...",-1)]))):(0,a.Q3)("",!0),R.visiblePages[R.visiblePages.length-1]<R.totalPages?((0,a.uX)(),(0,a.CE)("li",{key:3,class:"page-item",onClick:t[5]||(t[5]=e=>R.page=R.totalPages)},[(0,a.Lk)("a",C,(0,l.v_)(R.totalPages),1)])):(0,a.Q3)("",!0),(0,a.Lk)("li",{class:(0,l.C4)(["page-item",{disabled:R.currentPage===R.totalPages}])},[(0,a.Lk)("span",{class:"page-link",onClick:t[6]||(t[6]=(...e)=>R.nextPage&&R.nextPage(...e))},"بعدی")],2)])])])])),_:1}),(0,a.bF)(K,{sm:"4"},{default:(0,a.k6)((()=>[(0,a.Lk)("div",L,[(0,a.bo)((0,a.Lk)("input",{"onUpdate:modelValue":t[7]||(t[7]=e=>R.searchPage=e),type:"text",class:"form-control",placeholder:"برو به صفحه",max:R.totalPages,min:"1",onInput:t[8]||(t[8]=(...e)=>R.handlePageInput&&R.handlePageInput(...e))},null,40,x),[[n.Jo,R.searchPage]])])])),_:1})])),_:1})])),_:1})}o(4114),o(8111),o(2489);var E=o(281),_=o(9317),S=o(7366),z=o.n(S),B=o(144),X=o(4084),K=o(4874),P=o.n(K);const T={class:"modal fade",id:"addBlogCat",tabindex:"-1",role:"dialog","aria-labelledby":"exampleModalLabel","aria-hidden":"true"},I={class:"modal-dialog modal-sm",role:"document"},F={class:"modal-content"},$={class:"modal-body"},A={class:"form-group"},j={key:0,class:"text-danger"},M={class:"d-flex justify-content-end gap-2",style:{"margin-top":"20px"}},V=["disabled"],q={key:0,class:"spinner-border spinner-border-sm",role:"status","aria-hidden":"true"},D={class:"form-group"},Q={class:"form-group"},W={key:0,class:"text-danger"},U={class:"d-flex justify-content-end gap-2",style:{"margin-top":"20px"}},Y=["disabled"],J={key:0,class:"spinner-border spinner-border-sm",role:"status","aria-hidden":"true"};function O(e,t,o,r,p,i){const c=(0,a.g2)("BCol"),s=(0,a.g2)("BRow"),d=(0,a.g2)("Steppy");return(0,a.uX)(),(0,a.CE)("div",T,[(0,a.Lk)("div",I,[(0,a.Lk)("div",F,[t[15]||(t[15]=(0,a.Lk)("div",{class:"modal-header"},[(0,a.Lk)("h5",{class:"modal-title",id:"exampleModalLabel"}," اضافه کردن دسته جدید "),(0,a.Lk)("button",{type:"button",class:"btn-close","data-bs-dismiss":"modal","aria-label":"Close"})],-1)),(0,a.Lk)("div",$,[(0,a.bF)(d,{step:r.step,"onUpdate:step":t[7]||(t[7]=e=>r.step=e),tabs:[{title:"ثبت دسته بندی",isValid:!0},{title:"ترجمه ها",isValid:!0}],backText:"قبلی",nextText:"بعدی",doneText:"ذخیره",primaryColor1:"#04A9F5",circleSize:"45",finalize:r.addCat},{1:(0,a.k6)((()=>[(0,a.bF)(s,{class:"g-3"},{default:(0,a.k6)((()=>[(0,a.bF)(c,null,{default:(0,a.k6)((()=>[(0,a.Lk)("div",A,[t[8]||(t[8]=(0,a.Lk)("label",{class:"form-label"},"عنوان دسته",-1)),(0,a.bo)((0,a.Lk)("input",{"onUpdate:modelValue":t[0]||(t[0]=e=>r.titleCat=e),type:"text",class:(0,l.C4)(["form-control",{"is-invalid":r.errors.title}]),placeholder:"عنوان دسته",onInput:t[1]||(t[1]=e=>r.clearError("title"))},null,34),[[n.Jo,r.titleCat]]),r.errors.title?((0,a.uX)(),(0,a.CE)("small",j,(0,l.v_)(r.errors.title),1)):(0,a.Q3)("",!0)])])),_:1})])),_:1}),(0,a.Lk)("div",M,[(0,a.Lk)("button",{disabled:r.loadingStep,onClick:t[2]||(t[2]=(...e)=>r.handlerAddCategory&&r.handlerAddCategory(...e)),class:"btn btn-primary"},[r.loadingStep?((0,a.uX)(),(0,a.CE)("span",q)):(0,a.Q3)("",!0),t[9]||(t[9]=(0,a.eW)(" ذخیره ",-1))],8,V)])])),2:(0,a.k6)((()=>[(0,a.Lk)("form",{onSubmit:t[6]||(t[6]=(0,n.D$)(((...e)=>r.addCat&&r.addCat(...e)),["prevent"]))},[(0,a.bF)(s,{class:"g-3"},{default:(0,a.k6)((()=>[(0,a.bF)(c,{lg:"6"},{default:(0,a.k6)((()=>[(0,a.Lk)("div",D,[t[11]||(t[11]=(0,a.Lk)("label",{class:"form-label"},"انتخاب زبان",-1)),(0,a.bo)((0,a.Lk)("select",{"onUpdate:modelValue":t[3]||(t[3]=e=>r.locale=e),class:"form-control",placeholder:"انتخاب کنید"},t[10]||(t[10]=[(0,a.Lk)("option",{key:"fa",value:"fa"}," فارسی ",-1),(0,a.Lk)("option",{key:"en",value:"en"}," انگلیسی ",-1),(0,a.Lk)("option",{key:"ar",value:"ar"}," عربی ",-1)]),512),[[n.u1,r.locale]])])])),_:1}),(0,a.bF)(c,{lg:"6"},{default:(0,a.k6)((()=>[(0,a.Lk)("div",Q,[t[12]||(t[12]=(0,a.Lk)("label",{class:"form-label"},"عنوان دسته",-1)),(0,a.bo)((0,a.Lk)("input",{"onUpdate:modelValue":t[4]||(t[4]=e=>r.title=e),onInput:t[5]||(t[5]=e=>r.clearError("title")),type:"text",class:(0,l.C4)(["form-control",{"is-invalid":r.errors.title}]),placeholder:"عنوان دسته"},null,34),[[n.Jo,r.title]]),r.errors.title?((0,a.uX)(),(0,a.CE)("small",W,(0,l.v_)(r.errors.title),1)):(0,a.Q3)("",!0)])])),_:1})])),_:1}),(0,a.Lk)("div",U,[t[14]||(t[14]=(0,a.Lk)("button",{type:"button",class:"btn btn-secondary","data-bs-dismiss":"modal",id:"closeAddBlogCat"}," بستن ",-1)),(0,a.Lk)("button",{type:"submit",class:"btn btn-primary",disabled:r.loading},[r.loading?((0,a.uX)(),(0,a.CE)("span",J)):(0,a.Q3)("",!0),t[13]||(t[13]=(0,a.eW)(" ذخیره ",-1))],8,Y)])],32)])),_:1},8,["step","finalize"])])])])])}var N=o(8734),H=o(9894),G={components:{Steppy:H.W},props:{},setup(e,{emit:t}){const o=(0,B.KR)(),a=(0,B.KR)(),n=(0,B.KR)({}),l=(0,B.KR)(!1),r=(0,B.KR)(!1),p=(0,B.KR)("fa"),i=(0,B.KR)(!1),c=(0,B.KR)(null),s=(0,B.KR)(1),d=(0,B.KR)(null),u=e=>{n.value[e]=""},m=()=>(n.value={},o.value||(n.value.title="وارد کردن عنوان ضروری می باشد"),p.value||(n.value.icon="انتخاب زبان ضروری است"),0===Object.keys(n.value).length),h=e=>{a.value=e},b=async()=>{try{r.value=!0;const{data:{message:e,success:t,data:o}}=await _.A.post("admin/blog-categories",{title:c.value},{headers:{Authorization:`Bearer ${localStorage.getItem("token")}`}});t&&(X.oR.success(e),d.value=o?.id,s.value++)}catch(e){X.oR.error(e?.response?.data?.message)}finally{r.value=!1}},g=()=>{if(!m())return void X.oR.error("لطفا فیلد های لازم را وارد نمایید",{position:"top-right",autoClose:1e3});l.value=!0;const e={title:o.value,locale:p.value};_.A.post(`admin/blog-categories/${d.value}/translations`,e).then((({data:e})=>{X.oR.success(e?.message,{position:"top-right",autoClose:1e3})})).then((()=>{setTimeout((()=>{t("cat-updated"),o.value=""}),500)})).catch((e=>{X.oR.error(`${e.response.data.message}`,{position:"top-right",autoClose:1e3})})).finally((()=>{l.value=!1}))};return{errors:n,loading:l,clearError:u,addCat:g,title:o,selectedIcon:a,locale:p,iconData:N.E,setSelectedIcon:h,editMode:i,titleCat:c,step:s,handlerAddCategory:b,loadingStep:r,blogCategory:d}}},Z=o(1241);const ee=(0,Z.A)(G,[["render",O],["__scopeId","data-v-1b2cead5"]]);var te=ee;const oe={class:"modal fade",id:"editBlogCat",tabindex:"-1",role:"dialog","aria-labelledby":"exampleModalLabel","aria-hidden":"true"},ae={class:"modal-dialog modal-sm",role:"document"},ne={class:"modal-content"},le={class:"modal-body"},re={class:"form-group"},pe={class:"form-group"},ie={key:0,class:"text-danger"},ce={class:"d-flex justify-content-end gap-2",style:{"margin-top":"20px"}},se=["disabled"],de={key:0,class:"spinner-border spinner-border-sm",role:"status","aria-hidden":"true"};function ue(e,t,o,r,p,i){const c=(0,a.g2)("BButton"),s=(0,a.g2)("BCol"),d=(0,a.g2)("BRow");return(0,a.uX)(),(0,a.CE)("div",oe,[(0,a.Lk)("div",ae,[(0,a.Lk)("div",ne,[t[10]||(t[10]=(0,a.Lk)("div",{class:"modal-header"},[(0,a.Lk)("h5",{class:"modal-title",id:"exampleModalLabel"},"ویرایش کردن دسته"),(0,a.Lk)("button",{type:"button",class:"btn-close","data-bs-dismiss":"modal","aria-label":"Close"})],-1)),(0,a.Lk)("div",le,[(0,a.Lk)("form",{onSubmit:t[4]||(t[4]=(0,n.D$)(((...e)=>r.editCat&&r.editCat(...e)),["prevent"])),class:"mt-4"},[(0,a.bF)(c,{disabled:!r.findLocaleTranslation,loading:e.loadingDelete,onClick:r.handlerRemoveTranslation,class:"btn btn-sm rounded btn-danger d-block",style:{"margin-right":"auto"}},{default:(0,a.k6)((()=>[(0,a.eW)(" حذف ترجمه "+(0,l.v_)(r.findLocaleTranslation),1)])),_:1},8,["disabled","loading","onClick"]),(0,a.bF)(d,{class:"g-3"},{default:(0,a.k6)((()=>[(0,a.bF)(s,{lg:"6"},{default:(0,a.k6)((()=>[(0,a.Lk)("div",re,[t[6]||(t[6]=(0,a.Lk)("label",{class:"form-label"},"انتخاب زبان",-1)),(0,a.bo)((0,a.Lk)("select",{"onUpdate:modelValue":t[0]||(t[0]=e=>r.locale=e),class:"form-control",placeholder:"انتخاب کنید",onChange:t[1]||(t[1]=(...e)=>r.handlerChangeLocale&&r.handlerChangeLocale(...e))},t[5]||(t[5]=[(0,a.Lk)("option",{key:"fa",value:"fa"}," فارسی ",-1),(0,a.Lk)("option",{key:"en",value:"en"}," انگلیسی ",-1),(0,a.Lk)("option",{key:"ar",value:"ar"}," عربی ",-1)]),544),[[n.u1,r.locale]])])])),_:1}),(0,a.bF)(s,{lg:"6"},{default:(0,a.k6)((()=>[(0,a.Lk)("div",pe,[t[7]||(t[7]=(0,a.Lk)("label",{class:"form-label"},"عنوان دسته",-1)),(0,a.bo)((0,a.Lk)("input",{"onUpdate:modelValue":t[2]||(t[2]=e=>r.titleCat=e),onInput:t[3]||(t[3]=e=>r.clearError("title")),type:"text",class:(0,l.C4)(["form-control",{"is-invalid":r.errors.title}]),placeholder:"عنوان دسته"},null,34),[[n.Jo,r.titleCat]]),r.errors.title?((0,a.uX)(),(0,a.CE)("small",ie,(0,l.v_)(r.errors.title),1)):(0,a.Q3)("",!0)])])),_:1})])),_:1}),(0,a.Lk)("div",ce,[t[9]||(t[9]=(0,a.Lk)("button",{type:"button",class:"btn btn-secondary","data-bs-dismiss":"modal",id:"closeAddBlogCat"}," بستن ",-1)),(0,a.Lk)("button",{type:"submit",class:"btn btn-primary",disabled:r.loading},[r.loading?((0,a.uX)(),(0,a.CE)("span",de)):(0,a.Q3)("",!0),t[8]||(t[8]=(0,a.eW)(" ذخیره ",-1))],8,se)])],32)])])])])}o(116);var me={props:{icon:{type:String,Required:!0},title:{type:String,Required:!0},id:{type:String,Required:!0},catRow:{type:Object,Required:!0}},setup(e,{emit:t}){const o=(0,B.KR)({}),n=(0,B.KR)(!1),l=(0,B.KR)(!1),r=(0,B.KR)(null),p=(0,B.KR)("fa"),i=(0,a.EW)({get:()=>e.catRow,set:e=>t("update:categoryRow",e)});(0,a.wB)((()=>e.catRow),(e=>{r.value=e?.translation?.title,p.value=e?.translation?.locale}));const c=e=>{o.value[e]=""},s=()=>(o.value={},r.value||(o.value.localTitle="وارد کردن عنوان ضروری می باشد"),0===Object.keys(o.value).length),d=async()=>{if(s())try{n.value=!0;const e={title:r.value,locale:p.value},t=i.value?.translations?.find((e=>e.locale===p.value)),{data:o}=t?await _.A.put(`admin/blog-categories/${i.value?.id}/translations/${t?.id}`,e,{headers:{Authorization:`Bearer ${localStorage.getItem("token")}`}}):await _.A.post(`admin/blog-categories/${i.value?.id}/translations`,e,{headers:{Authorization:`Bearer ${localStorage.getItem("token")}`}});console.log(o,"data data data"),X.oR.success("!دسته با موفقیت ویرایش شد",{position:"top-right",autoClose:1e3})}catch(e){X.oR.error(`${e?.response?.data?.message}`,{position:"top-right",autoClose:1e3})}finally{n.value=!1}else X.oR.error("لطفا فیلد های لازم را وارد نمایید",{position:"top-right",autoClose:1e3})},u=e=>{const t=i.value?.translations?.find((t=>t?.locale===e.target.value));r.value=t?t?.title:void 0},m=(0,a.EW)((()=>{const e=i.value?.translations?.find((e=>e?.locale===p.value));if(e)switch(e?.locale){case"en":return"انگلیسی";case"fa":return"فارسی";case"ar":return"عربی";default:return null}return null})),h=async()=>{const t=i.value?.translations?.find((e=>e?.locale===p.value));if(t)try{l.value=!0;const{data:{success:o,message:a,data:n}}=await _.A.delete(`admin/blog-categories/${i.value?.id}/translations/${t?.id}`);if(o){const t=e.catRow;t.translations=n?.translations,r.value=null,i.value=t,X.oR.success(a)}}catch(o){console.log(o)}finally{l.value=!1}};return{errors:o,loading:n,clearError:c,editCat:d,iconData:N.E,titleCat:r,locale:p,handlerChangeLocale:u,findLocaleTranslation:m,handlerRemoveTranslation:h}}};const he=(0,Z.A)(me,[["render",ue],["__scopeId","data-v-4c7cfd02"]]);var be=he,ge={name:"BORDER",components:{Layout:E.A,addBlogCat:te,editBlogCat:be},setup(){let e=null;const t=(0,B.KR)(),o=(0,B.KR)(1),n=(0,B.KR)(1),l=(0,B.KR)(20),r=(0,B.KR)(1),p=(0,B.KR)(),i=(0,B.KR)(!1),c=(0,B.KR)(""),s=(0,B.KR)(),d=(0,B.KR)(),u=(0,B.KR)(),m=(0,B.KR)(),h=e=>z()(e,"YYYY-MM-DD HH:mm:ss").locale("fa").format("YYYY/MM/DD"),b=()=>{clearTimeout(e),e=setTimeout((()=>{g(),r.value=1}),500)};(0,a.wB)(c,(()=>{b()}));const g=()=>{i.value=!0,_.A.get(`admin/blog-categories?title=${c.value}&paginate=${l.value||10}&page=${r.value||1}`).then((e=>{i.value=!1,s.value=e.data.data.data,o.value=e.data.data.current_page,n.value=e.data.data.last_page})).catch((()=>{i.value=!1}))},v=(0,a.EW)((()=>{const e=[];if(n.value<=5)for(let t=1;t<=n.value;t++)e.push(t);else{let t=o.value-2,a=o.value+2;t<1&&(a+=1-t,t=1),a>n.value&&(t-=a-n.value,a=n.value),t=Math.max(t,1);for(let o=t;o<=a;o++)e.push(o)}return e}));function f(){t.value<1?t.value=1:t.value>n.value&&(t.value=n.value),t.value>=1&&t.value<=n.value&&(r.value=t.value)}const k=()=>{o.value<n.value&&(r.value++,g())},y=()=>{o.value>1&&(r.value--,g())},w=()=>{g()},C=(e,t)=>{P().fire({title:`می خواهید دسته ${t} را حذف کنید ؟`,icon:"warning",showCancelButton:!0,confirmButtonColor:"#3085d6",cancelButtonColor:"#d33",confirmButtonText:"بله!",cancelButtonText:"خیر"}).then((t=>{t.isConfirmed&&_.A.delete(`admin/blog-categories/${e}`).then((()=>{X.oR.success("!دسته با موفقیت حذف شد",{position:"top-right",autoClose:3e3}),s.value=s.value.filter((t=>t.id!==e))})).catch((e=>{console.log(e),X.oR.error("!مشکلی در حذف کردن دسته پیش آمد",{position:"top-right",autoClose:3e3})}))}))},L=e=>{m.value=e};return(0,a.wB)(r,(()=>{g()})),(0,a.sV)((()=>{g()})),{cats:s,convertToJalali:h,handleCatUpdated:w,editModalData:L,deleteCat:C,searchQuery:c,filterLoading:i,catTitle:d,catId:u,catIcon:p,currentPage:o,totalPages:n,nextPage:k,prevPage:y,page:r,handlePageInput:f,searchPage:t,visiblePages:v,catRow:m}}};const ve=(0,Z.A)(ge,[["render",R],["__scopeId","data-v-f6e44f22"]]);var fe=ve},8734:function(e,t,o){o.d(t,{E:function(){return a}});const a=[{component:"ph-address-book"},{component:"ph-airplane"},{component:"ph-airplane-in-flight"},{component:"ph-airplane-landing"},{component:"ph-airplane-takeoff"},{component:"ph-airplane-tilt"},{component:"ph-airplay"},{component:"ph-air-traffic-control"},{component:"ph-alarm"},{component:"ph-alien"},{component:"ph-align-bottom"},{component:"ph-align-bottom-simple"},{component:"ph-align-center-horizontal"},{component:"ph-align-center-horizontal-simple"},{component:"ph-align-center-vertical"},{component:"ph-align-center-vertical-simple"},{component:"ph-align-left"},{component:"ph-align-left-simple"},{component:"ph-align-right"},{component:"ph-align-right-simple"},{component:"ph-align-top"},{component:"ph-align-top-simple"},{component:"ph-amazon-logo"},{component:"ph-anchor"},{component:"ph-anchor-simple"},{component:"ph-android-logo"},{component:"ph-angular-logo"},{component:"ph-aperture"},{component:"ph-apple-logo"},{component:"ph-apple-podcasts-logo"},{component:"ph-app-store-logo"},{component:"ph-app-window"},{component:"ph-archive-box"},{component:"ph-archive"},{component:"ph-archive-tray"},{component:"ph-armchair"},{component:"ph-arrow-arc-left"},{component:"ph-arrow-arc-right"},{component:"ph-arrow-bend-double-up-left"},{component:"ph-arrow-bend-double-up-right"},{component:"ph-arrow-bend-down-left"},{component:"ph-arrow-bend-down-right"},{component:"ph-arrow-bend-left-down"},{component:"ph-arrow-bend-left-up"},{component:"ph-arrow-bend-right-down"},{component:"ph-arrow-bend-right-up"},{component:"ph-arrow-bend-up-left"},{component:"ph-arrow-bend-up-right"},{component:"ph-arrow-circle-down"},{component:"ph-arrow-circle-down-left"},{component:"ph-arrow-circle-down-right"},{component:"ph-arrow-circle-left"},{component:"ph-arrow-circle-right"},{component:"ph-arrow-circle-up"},{component:"ph-arrow-circle-up-left"},{component:"ph-arrow-circle-up-right"},{component:"ph-arrow-clockwise"},{component:"ph-arrow-counter-clockwise"},{component:"ph-arrow-down"},{component:"ph-arrow-down-left"},{component:"ph-arrow-down-right"},{component:"ph-arrow-elbow-down-left"},{component:"ph-arrow-elbow-down-right"},{component:"ph-arrow-elbow-left-down"},{component:"ph-arrow-elbow-left"},{component:"ph-arrow-elbow-left-up"},{component:"ph-arrow-elbow-right-down"},{component:"ph-arrow-elbow-right"},{component:"ph-arrow-elbow-right-up"},{component:"ph-arrow-elbow-up-left"},{component:"ph-arrow-elbow-up-right"},{component:"ph-arrow-fat-down"},{component:"ph-arrow-fat-down"},{component:"ph-arrow-fat-line-down"},{component:"ph-arrow-fat-line-left"},{component:"ph-arrow-fat-line-right"},{component:"ph-arrow-fat-lines-down"},{component:"ph-arrow-fat-lines-left"},{component:"ph-arrow-fat-lines-right"},{component:"ph-arrow-fat-lines-up"},{component:"ph-arrow-fat-line-up"},{component:"ph-arrow-fat-right"},{component:"ph-arrow-fat-up"},{component:"ph-arrow-left"},{component:"ph-arrow-line-down"},{component:"ph-arrow-line-down-left"},{component:"ph-arrow-line-down-right"},{component:"ph-arrow-line-left"},{component:"ph-arrow-line-right"},{component:"ph-arrow-line-up"},{component:"ph-arrow-line-up-left"},{component:"ph-arrow-line-up-right"},{component:"ph-arrow-right"},{component:"ph-arrows-clockwise"},{component:"ph-arrows-counter-clockwise"},{component:"ph-arrows-down-up"},{component:"ph-arrows-horizontal"},{component:"ph-arrows-in-cardinal"},{component:"ph-arrows-in"},{component:"ph-arrows-in-line-horizontal"},{component:"ph-arrows-in-line-vertical"},{component:"ph-arrows-in-simple"},{component:"ph-arrows-left-right"},{component:"ph-arrows-merge"},{component:"ph-arrows-out-cardinal"},{component:"ph-arrows-out"},{component:"ph-arrows-out-line-horizontal"},{component:"ph-arrows-out-line-vertical"},{component:"ph-arrows-out-simple"},{component:"ph-arrow-square-down"},{component:"ph-arrow-square-down-left"},{component:"ph-arrow-square-down-right"},{component:"ph-arrow-square-in"},{component:"ph-arrow-square-left"},{component:"ph-arrow-square-out"},{component:"ph-arrow-square-right"},{component:"ph-arrow-square-up"},{component:"ph-arrow-square-up-left"},{component:"ph-arrow-square-up-right"},{component:"ph-arrows-split"},{component:"ph-arrows-vertical"},{component:"ph-arrow-u-down-left"},{component:"ph-arrow-u-down-right"},{component:"ph-arrow-u-left-down"},{component:"ph-arrow-u-left-up"},{component:"ph-arrow-up"},{component:"ph-arrow-up-left"},{component:"ph-arrow-up-right"},{component:"ph-arrow-u-right-down"},{component:"ph-arrow-u-right-up"},{component:"ph-arrow-u-up-left"},{component:"ph-arrow-u-up-right"},{component:"ph-article"},{component:"ph-article-medium"},{component:"ph-article-ny-times"},{component:"ph-asterisk"},{component:"ph-asterisk-simple"},{component:"ph-at"},{component:"ph-atom"},{component:"ph-baby"},{component:"ph-backpack"},{component:"ph-backspace"},{component:"ph-bag"},{component:"ph-bag-simple"},{component:"ph-balloon"},{component:"ph-bandaids"},{component:"ph-bank"},{component:"ph-barbell"},{component:"ph-barcode"},{component:"ph-barricade"},{component:"ph-baseball-cap"},{component:"ph-baseball"},{component:"ph-basketball"},{component:"ph-basket"},{component:"ph-bathtub"},{component:"ph-battery-charging"},{component:"ph-battery-charging-vertical"},{component:"ph-battery-empty"},{component:"ph-battery-full"},{component:"ph-battery-high"},{component:"ph-battery-low"},{component:"ph-battery-medium"},{component:"ph-battery-plus"},{component:"ph-battery-plus-vertical"},{component:"ph-battery-vertical-empty"},{component:"ph-battery-vertical-full"},{component:"ph-battery-vertical-high"},{component:"ph-battery-vertical-low"},{component:"ph-battery-vertical-medium"},{component:"ph-battery-warning"},{component:"ph-battery-warning-vertical"},{component:"ph-bed"},{component:"ph-beer-bottle"},{component:"ph-beer-stein"},{component:"ph-behance-logo"},{component:"ph-bell"},{component:"ph-bell-ringing"},{component:"ph-bell-simple"},{component:"ph-bell-simple-ringing"},{component:"ph-bell-simple-slash"},{component:"ph-bell-simple-z"},{component:"ph-bell-slash"},{component:"ph-bell-z"},{component:"ph-bezier-curve"},{component:"ph-bicycle"},{component:"ph-binoculars"},{component:"ph-bird"},{component:"ph-bluetooth-connected"},{component:"ph-bluetooth"},{component:"ph-bluetooth-slash"},{component:"ph-bluetooth-x"},{component:"ph-boat"},{component:"ph-bone"},{component:"ph-book-bookmark"},{component:"ph-book"},{component:"ph-bookmark"},{component:"ph-bookmarks"},{component:"ph-bookmark-simple"},{component:"ph-bookmarks-simple"},{component:"ph-book-open"},{component:"ph-book-open-text"},{component:"ph-books"},{component:"ph-boot"},{component:"ph-bounding-box"},{component:"ph-bowl-food"},{component:"ph-brackets-angle"},{component:"ph-brackets-round"},{component:"ph-brackets-curly"},{component:"ph-brackets-square"},{component:"ph-brain"},{component:"ph-brandy"},{component:"ph-bridge"},{component:"ph-briefcase"},{component:"ph-briefcase-metal"},{component:"ph-broadcast"},{component:"ph-broom"},{component:"ph-browser"},{component:"ph-browsers"},{component:"ph-bug-beetle"},{component:"ph-bug-droid"},{component:"ph-bug"},{component:""}]},9894:function(e,t,o){o.d(t,{W:function(){return y}});var a=o(6768),n=o(4232),l=o(144);(function(){try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("body[data-v-8a738045]{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;font-family:sans-serif}.tx-default-2[data-v-8a738045]{color:var(--primaryColor1);font-weight:600}.wrapper-steppy[data-v-8a738045]{padding:60px}.steppy[data-v-8a738045]{display:flex;align-items:center;justify-content:space-between;width:auto;position:relative;z-index:0;margin-bottom:5px}.steppy-progress[data-v-8a738045]{position:absolute;background-color:#c5c5c5;height:2px;z-index:-1;left:0;right:0;margin:0 auto}.steppy-progress-bar[data-v-8a738045]{position:absolute;left:0;height:100%;width:0;background-color:var(--primaryColor1);transition:all .5s ease}.steppy-item[data-v-8a738045]{display:flex;flex-direction:column;align-items:center;color:#c5c5c5;transition:all .5s ease}.steppy-item-counter[data-v-8a738045]{height:68px;width:68px;display:grid;place-items:center;background-color:var(--primaryColor2);border-radius:100%;border:2px solid #c5c5c5;position:relative}.steppy-item-counter .icon-success[data-v-8a738045]{position:absolute;opacity:0;transform:scale(0);width:24px;transition:all .5s ease}.steppy-item-counter .number[data-v-8a738045]{font-size:22px;transition:all .5s ease}.steppy-item-title[data-v-8a738045]{position:absolute;text-align:center;font-size:14px;bottom:-43px}.steppy-item.success .steppy-item-counter[data-v-8a738045]{border-color:var(--primaryColor1);font-weight:600;height:var(--circleSize);width:var(--circleSize)}.steppy-item.success .steppy-item-counter .icon-success[data-v-8a738045]{opacity:1;transform:scale(1);width:calc(var(--circleSize) * .35)}.steppy-item.success .steppy-item-counter .number[data-v-8a738045]{opacity:0;transform:scale(0);font-size:calc(var(--circleSize) * .32)}.steppy-item.success .steppy-item-title[data-v-8a738045]{color:var(--primaryColor1)}.steppy-item.current .steppy-item-counter[data-v-8a738045]{border-color:var(--primaryColor1);background-color:var(--primaryColor1);color:#fff;font-weight:600}.steppy-item.current .steppy-item-title[data-v-8a738045]{color:#818181}.steppy-pane[data-v-8a738045]{color:#333;text-align:center;background-color:var(--backgroundColor);border-radius:15px;padding:25px;box-shadow:0 0 10px #0000004d;margin:60px 0 20px}.controls[data-v-8a738045]{display:flex}.btn[data-v-8a738045]{display:flex;justify-content:center;align-items:center;padding:6px 16px;text-align:center;vertical-align:middle;cursor:pointer;line-height:1.5;transition:all .15s;border-radius:4px;width:fit-content;font-size:.75rem;color:#333;background-color:#f0f0f0;border:1px solid #f0f0f0}.btn[data-v-8a738045]:disabled{opacity:.5;pointer-events:none}.btn--default-2[data-v-8a738045]{background-color:var(--primaryColor1);border-color:var(--primaryColor1);color:#fff;margin-left:auto}.loader[data-v-8a738045]{width:20px;height:20px;border:2px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation-8a738045 1s linear infinite}@keyframes rotation-8a738045{0%{transform:rotate(0)}to{transform:rotate(360deg)}}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();const r={__name:"CheckMark",props:{color:{type:String,default:"black"}},setup(e){return(t,o)=>((0,a.uX)(),(0,a.CE)("svg",{viewBox:"0 0 24 24",style:(0,n.Tr)({fill:e.color})},o[0]||(o[0]=[(0,a.Lk)("path",{d:"M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"},null,-1)]),4))}},p=(e,t)=>{const o=e.__vccOpts||e;for(const[a,n]of t)o[a]=n;return o},i={class:"steppy"},c={class:"steppy-progress"},s=["src"],d={class:"number"},u={class:"steppy-item-title"},m={key:0,class:"steppy-pane"},h={class:"controls"},b=["disabled"],g=["disabled"],v={key:0,class:"loader"},f={key:1},k={__name:"Vue3Steppy",props:{step:{type:Number,default:1},tabs:{type:Array,default:(0,l.Kh)([{title:"Step 1",iconSuccess:null,isValid:!0},{title:"Step 2",iconSuccess:null,isValid:!0},{title:"Step 3",iconSuccess:null,isValid:!0}])},finalize:{type:Function,default:function(){return{}}},backText:{type:String,default:"Back"},nextText:{type:String,default:"Next"},doneText:{type:String,default:"Done"},loading:{type:Boolean,default:!1},primaryColor1:{type:String,default:"orange"},primaryColor2:{type:String,default:"#fff"},backgroundColor:{type:String,default:"#fff"},circleSize:{type:Number,default:68}},emits:["update:step"],setup(e,{emit:t}){const o=t,l=e,p=(0,a.EW)((()=>({"--primaryColor1":l.primaryColor1,"--primaryColor2":l.primaryColor2,"--backgroundColor":l.backgroundColor,"--circleSize":`${l.circleSize}px`}))),k=()=>{const e=l.step+1;o("update:step",e)},y=()=>{const e=l.step-1;o("update:step",e)},w=(0,a.EW)((()=>100/(l.tabs.length-1)*(l.step-1)+"%")),C=(0,a.EW)((()=>({height:`${l.circleSize}px`,width:`${l.circleSize}px`})));return(t,o)=>((0,a.uX)(),(0,a.CE)("div",{class:"wrapper-steppy",style:(0,n.Tr)(p.value)},[(0,a.Lk)("div",i,[(0,a.Lk)("div",c,[(0,a.Lk)("div",{class:"steppy-progress-bar",style:(0,n.Tr)("width:"+w.value)},null,4)]),((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(l.tabs,((t,o)=>((0,a.uX)(),(0,a.CE)("div",{class:(0,n.C4)(["steppy-item",{current:l.step===o+1,success:l.step>o+1}]),key:o},[(0,a.Lk)("div",{class:"steppy-item-counter",style:(0,n.Tr)(C.value)},[t.iconSuccess?((0,a.uX)(),(0,a.CE)("img",{key:0,class:"icon-success",src:t.iconSuccess,alt:"Check Mark"},null,8,s)):((0,a.uX)(),(0,a.Wv)(r,{key:1,class:"icon-success",color:e.primaryColor1,alt:"Check Mark"},null,8,["color"])),(0,a.Lk)("span",d,(0,n.v_)(o+1),1)],4),(0,a.Lk)("span",u,(0,n.v_)(t.title),1)],2)))),128))]),((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(l.tabs.length,(e=>((0,a.uX)(),(0,a.CE)("div",{class:"steppy-content",key:e},[l.step===e?((0,a.uX)(),(0,a.CE)("div",m,[(0,a.RG)(t.$slots,e,{},void 0,!0)])):(0,a.Q3)("",!0)])))),128)),(0,a.Lk)("div",h,[1!==l.step?((0,a.uX)(),(0,a.CE)("button",{key:0,class:"btn",type:"button",onClick:y},(0,n.v_)(l.backText),1)):(0,a.Q3)("",!0),l.step!==l.tabs.length?((0,a.uX)(),(0,a.CE)("button",{key:1,class:"btn btn--default-2",type:"button",onClick:k,disabled:!l.tabs[l.step-1].isValid},(0,n.v_)(l.nextText),9,b)):((0,a.uX)(),(0,a.CE)("button",{key:2,class:"btn btn--default-2",type:"button",onClick:o[0]||(o[0]=(...t)=>e.finalize&&e.finalize(...t)),disabled:!l.tabs[l.step-1].isValid||e.loading},[e.loading?((0,a.uX)(),(0,a.CE)("span",v)):((0,a.uX)(),(0,a.CE)("span",f,(0,n.v_)(l.doneText),1))],8,g))])],4))}},y=p(k,[["__scopeId","data-v-8a738045"]])}}]);
- //# sourceMappingURL=2983.f00900c5.js.map
|
