|
- "use strict";(self["webpackChunkTruckShop"]=self["webpackChunkTruckShop"]||[]).push([[8880],{8880:function(e,t,a){a.r(t),a.d(t,{default:function(){return $}});var r=a(6768),l=a(4232),o=a(5130);const s={class:"form-group"},i={key:0,class:"mt-2"},n=["src"],c={key:1,class:"text-danger"},u={class:"form-group"},d={key:0,class:"text-danger"},p=["disabled"],m={key:0,class:"spinner-border spinner-border-sm",role:"status"},g={class:"form-group"},v={class:"form-group"},b={key:0,class:"text-danger"},y={class:"form-group"},f={key:0,class:"text-danger"},k={class:"form-group"},h={key:0,class:"text-danger"},C={class:"form-group"},x={key:0,class:"text-danger"},L={class:"form-group"},S={key:0,class:"text-danger"},_={class:"d-flex justify-content-between gap-2",style:{"margin-top":"20px"}},E=["disabled"],w={key:0,class:"spinner-border spinner-border-sm",role:"status","aria-hidden":"true"};function F(e,t,a,F,R,z){const X=(0,r.g2)("BCardHeader"),A=(0,r.g2)("BCol"),K=(0,r.g2)("VueSelect"),I=(0,r.g2)("BRow"),V=(0,r.g2)("Steppy"),T=(0,r.g2)("BCardBody"),B=(0,r.g2)("BCard"),Q=(0,r.g2)("Layout");return(0,r.uX)(),(0,r.Wv)(Q,null,{default:(0,r.k6)((()=>[(0,r.bF)(I,null,{default:(0,r.k6)((()=>[(0,r.bF)(A,{sm:"12"},{default:(0,r.k6)((()=>[(0,r.bF)(B,{"no-body":""},{default:(0,r.k6)((()=>[(0,r.bF)(X,null,{default:(0,r.k6)((()=>t[18]||(t[18]=[(0,r.Lk)("h5",null,"ایجاد بلاگ",-1)]))),_:1,__:[18]}),(0,r.bF)(T,null,{default:(0,r.k6)((()=>[(0,r.bF)(V,{step:F.step,"onUpdate:step":t[17]||(t[17]=e=>F.step=e),tabs:[{title:"انتخاب دسته بندی",isValid:!0},{title:"ترجمه ها",isValid:!0}],backText:"قبلی",nextText:"بعدی",doneText:"ذخیره",primaryColor1:"#04A9F5",circleSize:"45",finalize:F.submitForm},{1:(0,r.k6)((()=>[(0,r.bF)(I,{class:"g-3"},{default:(0,r.k6)((()=>[(0,r.bF)(A,{md:"6"},{default:(0,r.k6)((()=>[(0,r.Lk)("div",s,[t[20]||(t[20]=(0,r.Lk)("label",{class:"form-label"},"تصویر بلاگ",-1)),(0,r.Lk)("input",{type:"file",accept:"image/*",onChange:t[0]||(t[0]=(...e)=>F.handleImageChange&&F.handleImageChange(...e)),class:(0,l.C4)(["form-control",{"is-invalid":F.errors.image}])},null,34),F.imagePreview?((0,r.uX)(),(0,r.CE)("div",i,[(0,r.Lk)("img",{src:F.imagePreview,alt:"Image Preview",class:"img-fluid rounded shadow-sm Image-Preview"},null,8,n),(0,r.Lk)("button",{type:"button",onClick:t[1]||(t[1]=e=>F.removeImage()),class:"delete-btn"},t[19]||(t[19]=[(0,r.Lk)("i",{class:"fa fa-trash f-16"},null,-1)]))])):(0,r.Q3)("",!0),F.errors.image?((0,r.uX)(),(0,r.CE)("small",c,(0,l.v_)(F.errors.image),1)):(0,r.Q3)("",!0)])])),_:1}),(0,r.bF)(A,{md:"6"},{default:(0,r.k6)((()=>[(0,r.Lk)("div",u,[t[21]||(t[21]=(0,r.Lk)("label",{class:"form-label"},"دسته",-1)),(0,r.bF)(K,{isLoading:F.categorySelectorLoader,modelValue:F.blogCat,"onUpdate:modelValue":t[2]||(t[2]=e=>F.blogCat=e),options:F.formattedCategories,placeholder:"دسته ای را انتخاب کنید",onSearch:F.handleSearch,onChange:t[3]||(t[3]=e=>F.clearError("blogCat")),style:{"--vs-min-height":"48px","--vs-border-radius":"8px"}},null,8,["isLoading","modelValue","options","onSearch"])]),F.errors.blogCat?((0,r.uX)(),(0,r.CE)("small",d,(0,l.v_)(F.errors.blogCat),1)):(0,r.Q3)("",!0)])),_:1}),(0,r.Lk)("button",{disabled:F.loadingStep,onClick:t[4]||(t[4]=(...e)=>F.handlerAddCategory&&F.handlerAddCategory(...e)),class:"btn rounded btn-primary w-auto"},[F.loadingStep?((0,r.uX)(),(0,r.CE)("span",m)):(0,r.Q3)("",!0),t[22]||(t[22]=(0,r.eW)(" ذخیره ",-1))],8,p)])),_:1})])),2:(0,r.k6)((()=>[(0,r.Lk)("form",{onSubmit:t[16]||(t[16]=(0,o.D$)(((...e)=>F.submitForm&&F.submitForm(...e)),["prevent"])),class:"mt-4"},[(0,r.bF)(I,{class:"g-3"},{default:(0,r.k6)((()=>[(0,r.bF)(A,null,{default:(0,r.k6)((()=>[(0,r.Lk)("div",g,[t[24]||(t[24]=(0,r.Lk)("label",{class:"form-label"},"انتخاب زبان",-1)),(0,r.bo)((0,r.Lk)("select",{"onUpdate:modelValue":t[5]||(t[5]=e=>F.locale=e),class:"form-control",placeholder:"انتخاب کنید"},t[23]||(t[23]=[(0,r.Lk)("option",{key:"fa",value:"fa"}," فارسی ",-1),(0,r.Lk)("option",{key:"en",value:"en"}," انگلیسی ",-1),(0,r.Lk)("option",{key:"ar",value:"ar"}," عربی ",-1)]),512),[[o.u1,F.locale]])])])),_:1}),(0,r.bF)(A,{md:"6"},{default:(0,r.k6)((()=>[(0,r.Lk)("div",v,[t[25]||(t[25]=(0,r.Lk)("label",{class:"form-label"},"عنوان بلاگ",-1)),(0,r.bo)((0,r.Lk)("input",{type:"text","onUpdate:modelValue":t[6]||(t[6]=e=>F.title=e),class:(0,l.C4)(["form-control",{"is-invalid":F.errors.title}]),placeholder:"عنوان بلاگ",onInput:t[7]||(t[7]=e=>F.clearError("title"))},null,34),[[o.Jo,F.title]])]),F.errors.title?((0,r.uX)(),(0,r.CE)("small",b,(0,l.v_)(F.errors.title),1)):(0,r.Q3)("",!0)])),_:1}),(0,r.bF)(A,{md:"6"},{default:(0,r.k6)((()=>[(0,r.Lk)("div",y,[t[26]||(t[26]=(0,r.Lk)("label",{class:"form-label"},"کلمه کلیدی",-1)),(0,r.bo)((0,r.Lk)("input",{type:"text","onUpdate:modelValue":t[8]||(t[8]=e=>F.slug=e),class:(0,l.C4)(["form-control",{"is-invalid":F.errors.slug}]),placeholder:"کلمه کلیدی بلاگ",onInput:t[9]||(t[9]=e=>F.clearError("slug"))},null,34),[[o.Jo,F.slug]])]),F.errors.slug?((0,r.uX)(),(0,r.CE)("small",f,(0,l.v_)(F.errors.slug),1)):(0,r.Q3)("",!0)])),_:1}),(0,r.bF)(A,{md:"6"},{default:(0,r.k6)((()=>[(0,r.Lk)("div",k,[t[27]||(t[27]=(0,r.Lk)("label",{class:"form-label"},"خلاصه",-1)),(0,r.bo)((0,r.Lk)("textarea",{"onUpdate:modelValue":t[10]||(t[10]=e=>F.summary=e),class:(0,l.C4)(["form-control",{"is-invalid":F.errors.summary}]),placeholder:"خلاصه ای از بلاگ",onInput:t[11]||(t[11]=e=>F.clearError("summary"))},null,34),[[o.Jo,F.summary]])]),F.errors.summary?((0,r.uX)(),(0,r.CE)("small",h,(0,l.v_)(F.errors.summary),1)):(0,r.Q3)("",!0)])),_:1}),(0,r.bF)(A,{md:"6"},{default:(0,r.k6)((()=>[(0,r.Lk)("div",C,[t[28]||(t[28]=(0,r.Lk)("label",{class:"form-label"},"نویسنده",-1)),(0,r.bo)((0,r.Lk)("input",{type:"text","onUpdate:modelValue":t[12]||(t[12]=e=>F.author=e),class:(0,l.C4)(["form-control",{"is-invalid":F.errors.author}]),placeholder:"نویسنده",onInput:t[13]||(t[13]=e=>F.clearError("author"))},null,34),[[o.Jo,F.author]])]),F.errors.author?((0,r.uX)(),(0,r.CE)("small",x,(0,l.v_)(F.errors.author),1)):(0,r.Q3)("",!0)])),_:1}),(0,r.bF)(A,{md:"12"},{default:(0,r.k6)((()=>[(0,r.Lk)("div",L,[t[29]||(t[29]=(0,r.Lk)("label",{class:"form-label"},"محتوا",-1)),(0,r.Lk)("div",{onInput:t[14]||(t[14]=e=>F.clearError("editorContent")),ref:"editor",class:"quill-editor"},null,544)]),F.errors.editorContent?((0,r.uX)(),(0,r.CE)("small",S,(0,l.v_)(F.errors.editorContent),1)):(0,r.Q3)("",!0)])),_:1}),(0,r.Lk)("div",_,[(0,r.Lk)("button",{class:"btn btn-secondary",onClick:t[15]||(t[15]=e=>F.step--)}," قبلی "),(0,r.Lk)("button",{type:"submit",class:"btn btn-primary",disabled:F.loading},[F.loading?((0,r.uX)(),(0,r.CE)("span",w)):(0,r.Q3)("",!0),t[30]||(t[30]=(0,r.eW)(" ذخیره ",-1))],8,E)])])),_:1})],32)])),_:1},8,["step","finalize"])])),_:1})])),_:1})])),_:1})])),_:1})])),_:1})}a(8111),a(1701);var R=a(8346),z=a(4084),X=a(9317),A=a(144),K=a(281),I=a(1193),V=a(9894),T=a(8767),B={name:"SAMPLE-PAGE",components:{BRow:T.Ls,Steppy:V.W,Layout:K.A,VueSelect:R.A},setup(){const e=(0,A.KR)(!1),t=(0,A.KR)(!1),a=(0,A.KR)(),l=(0,A.KR)(),o=(0,A.KR)({}),s=(0,A.KR)(""),i=(0,A.KR)(""),n=(0,A.KR)(""),c=(0,A.KR)(),u=(0,A.KR)(""),d=(0,A.KR)(null),p=(0,A.KR)([]),m=(0,A.KR)(""),g=(0,A.KR)(!1),v=(0,A.KR)(1),b=(0,A.KR)(null),y=(0,A.KR)("fa"),f=async e=>{if(!(e.length<3)){g.value=!0;try{const t=await X.A.get(`admin/blog-categories?title=${e}`);p.value=t.data.data,g.value=!1}catch(t){g.value=!1,p.value=[]}}},k=(0,r.EW)((()=>Array.isArray(p.value)?p.value.map((e=>({value:e?.translation?.id,label:e?.translation?.title}))):[])),h=()=>{a.value=null,l.value=null;const e=document.querySelector('input[type="file"]');e&&(e.value="")},C=e=>{const t=e.target.files[0];if(t){o.value.image=null,a.value=t;const e=new FileReader;e.onload=()=>{l.value=e.result},e.readAsDataURL(t)}},x=()=>(o.value={},s.value||(o.value.title="وارد کردن عنوان بلاگ الزامی است"),i.value||(o.value.slug="وارد کردن کلمه کلیدی بلاگ ضروری می باشد"),n.value||(o.value.summary="وارد کردن خلاصه بلاگ ضروری می باشد"),u.value||(o.value.author="وارد کردن نویسنده بلاگ ضروری می باشد"),m.value||(o.value.editorContent="وارد کردن محتوای بلاگ ضروری می باشد"),0===Object.keys(o.value).length),L=e=>{o.value[e]=""},S=()=>{if(!x())return void z.oR.error("لطفا فیلد های لازم را وارد نمایید",{position:"top-right",autoClose:1e3});e.value=!0;const t={title:s.value,slug:i.value,summary:n.value,content:m.value,author:u.value,locale:y.value};X.A.post(`admin/blogs/${b.value}/translations`,t,{headers:{Authorization:`Bearer ${localStorage.getItem("token")}`}}).then((({data:e})=>{z.oR.success(e?.message,{position:"top-right",autoClose:1e3}),s.value="",i.value="",n.value="",m.value="",u.value="",y.value="fa"})).catch((()=>{z.oR.error("!مشکلی در اضافه کردن بلاگ پیش آمد",{position:"top-right",autoClose:1e3})})).finally((()=>{e.value=!1}))},_=async()=>{try{t.value=!0;const e=new FormData;e.append("image",a.value),e.append("blog_category_id",c.value);const{data:{message:r,success:l,data:o}}=await X.A.post("admin/blogs",e,{headers:{"content-type":"multipart",Authorization:`Bearer ${localStorage.getItem("token")}`}});l&&(z.oR.success(r),E(),b.value=o?.id,v.value++)}catch(e){z.oR.error(e?.response?.data?.message)}finally{t.value=!1}},E=()=>{(0,r.dY)((()=>{if(!d.value)return void console.error("Editor container not found!");const e=new I.Ay(d.value,{theme:"snow",modules:{toolbar:[[{header:"1"},{header:"2"},{font:[]}],[{list:"ordered"},{list:"bullet"}],[{align:[]}],["bold","italic","underline"],["link","image"],[{script:"sub"},{script:"super"}],[{direction:"rtl"}]]}});e.root.setAttribute("dir","rtl"),e.format("direction","rtl"),(0,r.dY)((()=>{const t=e.container.querySelector(".ql-direction[data-value='rtl']");t&&t.click()})),e.on("text-change",(()=>{m.value=e.root.innerHTML}))}))};return{title:s,slug:i,summary:n,editor:d,categories:p,errors:o,image:a,imagePreview:l,handleImageChange:C,removeImage:h,submitForm:S,clearError:L,editorContent:m,author:u,blogCat:c,loading:e,loadingStep:t,step:v,handleSearch:f,categorySelectorLoader:g,formattedCategories:k,handlerAddCategory:_,blogCategoryId:b,locale:y}}},Q=a(1241);const W=(0,Q.A)(B,[["render",F],["__scopeId","data-v-099ca948"]]);var $=W},9894:function(e,t,a){a.d(t,{W:function(){return h}});var r=a(6768),l=a(4232),o=a(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 s={__name:"CheckMark",props:{color:{type:String,default:"black"}},setup(e){return(t,a)=>((0,r.uX)(),(0,r.CE)("svg",{viewBox:"0 0 24 24",style:(0,l.Tr)({fill:e.color})},a[0]||(a[0]=[(0,r.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))}},i=(e,t)=>{const a=e.__vccOpts||e;for(const[r,l]of t)a[r]=l;return a},n={class:"steppy"},c={class:"steppy-progress"},u=["src"],d={class:"number"},p={class:"steppy-item-title"},m={key:0,class:"steppy-pane"},g={class:"controls"},v=["disabled"],b=["disabled"],y={key:0,class:"loader"},f={key:1},k={__name:"Vue3Steppy",props:{step:{type:Number,default:1},tabs:{type:Array,default:(0,o.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 a=t,o=e,i=(0,r.EW)((()=>({"--primaryColor1":o.primaryColor1,"--primaryColor2":o.primaryColor2,"--backgroundColor":o.backgroundColor,"--circleSize":`${o.circleSize}px`}))),k=()=>{const e=o.step+1;a("update:step",e)},h=()=>{const e=o.step-1;a("update:step",e)},C=(0,r.EW)((()=>100/(o.tabs.length-1)*(o.step-1)+"%")),x=(0,r.EW)((()=>({height:`${o.circleSize}px`,width:`${o.circleSize}px`})));return(t,a)=>((0,r.uX)(),(0,r.CE)("div",{class:"wrapper-steppy",style:(0,l.Tr)(i.value)},[(0,r.Lk)("div",n,[(0,r.Lk)("div",c,[(0,r.Lk)("div",{class:"steppy-progress-bar",style:(0,l.Tr)("width:"+C.value)},null,4)]),((0,r.uX)(!0),(0,r.CE)(r.FK,null,(0,r.pI)(o.tabs,((t,a)=>((0,r.uX)(),(0,r.CE)("div",{class:(0,l.C4)(["steppy-item",{current:o.step===a+1,success:o.step>a+1}]),key:a},[(0,r.Lk)("div",{class:"steppy-item-counter",style:(0,l.Tr)(x.value)},[t.iconSuccess?((0,r.uX)(),(0,r.CE)("img",{key:0,class:"icon-success",src:t.iconSuccess,alt:"Check Mark"},null,8,u)):((0,r.uX)(),(0,r.Wv)(s,{key:1,class:"icon-success",color:e.primaryColor1,alt:"Check Mark"},null,8,["color"])),(0,r.Lk)("span",d,(0,l.v_)(a+1),1)],4),(0,r.Lk)("span",p,(0,l.v_)(t.title),1)],2)))),128))]),((0,r.uX)(!0),(0,r.CE)(r.FK,null,(0,r.pI)(o.tabs.length,(e=>((0,r.uX)(),(0,r.CE)("div",{class:"steppy-content",key:e},[o.step===e?((0,r.uX)(),(0,r.CE)("div",m,[(0,r.RG)(t.$slots,e,{},void 0,!0)])):(0,r.Q3)("",!0)])))),128)),(0,r.Lk)("div",g,[1!==o.step?((0,r.uX)(),(0,r.CE)("button",{key:0,class:"btn",type:"button",onClick:h},(0,l.v_)(o.backText),1)):(0,r.Q3)("",!0),o.step!==o.tabs.length?((0,r.uX)(),(0,r.CE)("button",{key:1,class:"btn btn--default-2",type:"button",onClick:k,disabled:!o.tabs[o.step-1].isValid},(0,l.v_)(o.nextText),9,v)):((0,r.uX)(),(0,r.CE)("button",{key:2,class:"btn btn--default-2",type:"button",onClick:a[0]||(a[0]=(...t)=>e.finalize&&e.finalize(...t)),disabled:!o.tabs[o.step-1].isValid||e.loading},[e.loading?((0,r.uX)(),(0,r.CE)("span",y)):((0,r.uX)(),(0,r.CE)("span",f,(0,l.v_)(o.doneText),1))],8,b))])],4))}},h=i(k,[["__scopeId","data-v-8a738045"]])}}]);
- //# sourceMappingURL=8880.a1679da2.js.map
|
