|
- "use strict";(self["webpackChunkTruckShop"]=self["webpackChunkTruckShop"]||[]).push([[518],{518:function(e,t,a){a.d(t,{A:function(){return X}});var o=a(6768),r=a(4232),s=a(5130);const l={class:"modal fade",id:"addAttribute",tabindex:"-1",role:"dialog","aria-labelledby":"exampleModalLabel","aria-hidden":"true"},i={class:"modal-dialog modal-sm",role:"document"},n={class:"modal-content"},c={class:"modal-body"},d={class:"form-group"},p=["value"],u={class:"d-flex justify-content-end gap-2",style:{"margin-top":"20px"}},b=["disabled"],y={key:0,class:"spinner-border spinner-border-sm",role:"status","aria-hidden":"true"},m={class:"form-group"},v={key:0,class:"text-danger"},f={class:"form-group"},g={class:"d-flex justify-content-end gap-2",style:{"margin-top":"20px"}},k=["disabled"],h={key:0,class:"spinner-border spinner-border-sm",role:"status","aria-hidden":"true"};function x(e,t,a,x,C,L){const S=(0,o.g2)("BCol"),w=(0,o.g2)("BRow"),E=(0,o.g2)("Steppy");return(0,o.uX)(),(0,o.CE)("div",l,[(0,o.Lk)("div",i,[(0,o.Lk)("div",n,[t[15]||(t[15]=(0,o.Lk)("div",{class:"modal-header"},[(0,o.Lk)("h5",{class:"modal-title",id:"exampleModalLabel"}," اضافه کردن ویژگی جدید "),(0,o.Lk)("button",{type:"button",class:"btn-close","data-bs-dismiss":"modal","aria-label":"Close"})],-1)),(0,o.Lk)("div",c,[(0,o.bF)(E,{step:x.step,"onUpdate:step":t[6]||(t[6]=e=>x.step=e),tabs:[{title:"ثبت دسته بندی",isValid:!0},{title:"ترجمه ها",isValid:!0}],backText:"قبلی",nextText:"بعدی",doneText:"ذخیره",primaryColor1:"#04A9F5",circleSize:"45"},{1:(0,o.k6)((()=>[(0,o.Lk)("div",d,[t[7]||(t[7]=(0,o.Lk)("label",{class:"form-label"},"دسته بندی",-1)),(0,o.bo)((0,o.Lk)("select",{"onUpdate:modelValue":t[0]||(t[0]=e=>x.categoryId=e),class:"form-control",placeholder:"دسته بندی انتخاب کنید"},[((0,o.uX)(!0),(0,o.CE)(o.FK,null,(0,o.pI)(x.categories,(e=>((0,o.uX)(),(0,o.CE)("option",{key:e?.id,value:e?.id},(0,r.v_)(e?.translation?.title??"بدون نام"),9,p)))),128))],512),[[s.u1,x.categoryId]])]),(0,o.Lk)("div",u,[t[9]||(t[9]=(0,o.Lk)("button",{class:"btn btn-secondary","data-bs-dismiss":"modal",id:"close"}," بستن ",-1)),(0,o.Lk)("button",{onClick:t[1]||(t[1]=(...e)=>x.handlerSubmitCategory&&x.handlerSubmitCategory(...e)),class:"btn btn-primary",disabled:x.loading},[x.loading?((0,o.uX)(),(0,o.CE)("span",y)):(0,o.Q3)("",!0),t[8]||(t[8]=(0,o.eW)(" ذخیره ",-1))],8,b)])])),2:(0,o.k6)((()=>[(0,o.Lk)("form",{onSubmit:t[5]||(t[5]=(0,s.D$)(((...e)=>x.addAttribute&&x.addAttribute(...e)),["prevent"]))},[(0,o.bF)(w,{class:"g-3"},{default:(0,o.k6)((()=>[(0,o.bF)(S,{lg:"6"},{default:(0,o.k6)((()=>[(0,o.Lk)("div",m,[t[10]||(t[10]=(0,o.Lk)("label",{class:"form-label"},"عنوان ویژگی",-1)),(0,o.bo)((0,o.Lk)("input",{"onUpdate:modelValue":t[2]||(t[2]=e=>x.attrName=e),onInput:t[3]||(t[3]=e=>x.clearError("attrName")),type:"text",class:(0,r.C4)(["form-control",{"is-invalid":x.errors.attrName}]),placeholder:"عنوان ویژگی"},null,34),[[s.Jo,x.attrName]]),x.errors.attrName?((0,o.uX)(),(0,o.CE)("small",v,(0,r.v_)(x.errors.attrName),1)):(0,o.Q3)("",!0)])])),_:1}),(0,o.bF)(S,{lg:"6"},{default:(0,o.k6)((()=>[(0,o.Lk)("div",f,[t[12]||(t[12]=(0,o.Lk)("label",{class:"form-label"},"انتخاب زبان",-1)),(0,o.bo)((0,o.Lk)("select",{"onUpdate:modelValue":t[4]||(t[4]=e=>x.locale=e),class:"form-control",placeholder:"انتخاب کنید"},t[11]||(t[11]=[(0,o.Lk)("option",{key:"fa",value:"fa"}," فارسی ",-1),(0,o.Lk)("option",{key:"en",value:"en"}," انگلیسی ",-1),(0,o.Lk)("option",{key:"ar",value:"ar"}," عربی ",-1)]),512),[[s.u1,x.locale]])])])),_:1})])),_:1}),(0,o.Lk)("div",g,[t[14]||(t[14]=(0,o.Lk)("button",{class:"btn btn-secondary","data-bs-dismiss":"modal",id:"close"}," بستن ",-1)),(0,o.Lk)("button",{type:"submit",class:"btn btn-primary",disabled:x.loadingAttr},[x.loadingAttr?((0,o.uX)(),(0,o.CE)("span",h)):(0,o.Q3)("",!0),t[13]||(t[13]=(0,o.eW)(" ذخیره ",-1))],8,k)])],32)])),_:1},8,["step"])])])])])}var C=a(144),L=a(4084),S=a(9317),w=a(9894),E={components:{Steppy:w.W},props:{attributeValues:{type:Array,Required:!0}},setup(e,{emit:t}){const a=(0,C.KR)(),r=(0,C.KR)(),s=(0,C.lW)(e.attributeValues),l=(0,C.KR)({}),i=(0,C.KR)(!1),n=(0,C.KR)(!1),c=(0,C.KR)([]),d=(0,C.KR)(null),p=(0,C.KR)(null),u=(0,C.KR)(1),b=(0,C.KR)("fa");(0,o.wB)((()=>e.attributeValues),(e=>s.value=e));const y=()=>(l.value={},d.value||(l.value.categoryId="انتخاب دسته بندی ضروری می باشد"),0===Object.keys(l.value).length),m=e=>{l.value[e]=""},v=()=>{if(!y())return void L.oR.error("لطفا فیلد های لازم را وارد نمایید",{position:"top-right",autoClose:1e3});i.value=!0;const e={category_id:d.value};S.A.post("admin/attributes",e).then((({data:e})=>{L.oR.success(e?.message,{position:"top-right",autoClose:1e3}),p.value=e?.data?.id,u.value++})).catch((e=>{L.oR.error(`${e.response.data.message}`,{position:"top-right",autoClose:1e3})})).finally((()=>{i.value=!1}))},f=async()=>{try{n.value=!0;const e={title:a.value,locale:b.value},{data:{success:o,message:r}}=await S.A.post(`admin/attributes/${p.value}/translations`,e);o&&(L.oR.success(r),t("attribute-updated"))}catch(e){L.oR.error(e?.response?.data?.message)}finally{n.value=!1}},g=async()=>{try{const{data:{success:e,data:t}}=await S.A.get("admin/categories");e&&(c.value=t)}catch(e){L.oR.error(e?.response?.data?.message)}};return g(),{errors:l,loading:i,clearError:m,handlerSubmitCategory:v,attrName:a,colorCode:r,getAttributes:g,categories:c,loadingAttr:n,categoryId:d,step:u,locale:b,addAttribute:f}}},_=a(1241);const z=(0,_.A)(E,[["render",x],["__scopeId","data-v-7d919936"]]);var X=z},9894:function(e,t,a){a.d(t,{W:function(){return h}});var o=a(6768),r=a(4232),s=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 l={__name:"CheckMark",props:{color:{type:String,default:"black"}},setup(e){return(t,a)=>((0,o.uX)(),(0,o.CE)("svg",{viewBox:"0 0 24 24",style:(0,r.Tr)({fill:e.color})},a[0]||(a[0]=[(0,o.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[o,r]of t)a[o]=r;return a},n={class:"steppy"},c={class:"steppy-progress"},d=["src"],p={class:"number"},u={class:"steppy-item-title"},b={key:0,class:"steppy-pane"},y={class:"controls"},m=["disabled"],v=["disabled"],f={key:0,class:"loader"},g={key:1},k={__name:"Vue3Steppy",props:{step:{type:Number,default:1},tabs:{type:Array,default:(0,s.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,s=e,i=(0,o.EW)((()=>({"--primaryColor1":s.primaryColor1,"--primaryColor2":s.primaryColor2,"--backgroundColor":s.backgroundColor,"--circleSize":`${s.circleSize}px`}))),k=()=>{const e=s.step+1;a("update:step",e)},h=()=>{const e=s.step-1;a("update:step",e)},x=(0,o.EW)((()=>100/(s.tabs.length-1)*(s.step-1)+"%")),C=(0,o.EW)((()=>({height:`${s.circleSize}px`,width:`${s.circleSize}px`})));return(t,a)=>((0,o.uX)(),(0,o.CE)("div",{class:"wrapper-steppy",style:(0,r.Tr)(i.value)},[(0,o.Lk)("div",n,[(0,o.Lk)("div",c,[(0,o.Lk)("div",{class:"steppy-progress-bar",style:(0,r.Tr)("width:"+x.value)},null,4)]),((0,o.uX)(!0),(0,o.CE)(o.FK,null,(0,o.pI)(s.tabs,((t,a)=>((0,o.uX)(),(0,o.CE)("div",{class:(0,r.C4)(["steppy-item",{current:s.step===a+1,success:s.step>a+1}]),key:a},[(0,o.Lk)("div",{class:"steppy-item-counter",style:(0,r.Tr)(C.value)},[t.iconSuccess?((0,o.uX)(),(0,o.CE)("img",{key:0,class:"icon-success",src:t.iconSuccess,alt:"Check Mark"},null,8,d)):((0,o.uX)(),(0,o.Wv)(l,{key:1,class:"icon-success",color:e.primaryColor1,alt:"Check Mark"},null,8,["color"])),(0,o.Lk)("span",p,(0,r.v_)(a+1),1)],4),(0,o.Lk)("span",u,(0,r.v_)(t.title),1)],2)))),128))]),((0,o.uX)(!0),(0,o.CE)(o.FK,null,(0,o.pI)(s.tabs.length,(e=>((0,o.uX)(),(0,o.CE)("div",{class:"steppy-content",key:e},[s.step===e?((0,o.uX)(),(0,o.CE)("div",b,[(0,o.RG)(t.$slots,e,{},void 0,!0)])):(0,o.Q3)("",!0)])))),128)),(0,o.Lk)("div",y,[1!==s.step?((0,o.uX)(),(0,o.CE)("button",{key:0,class:"btn",type:"button",onClick:h},(0,r.v_)(s.backText),1)):(0,o.Q3)("",!0),s.step!==s.tabs.length?((0,o.uX)(),(0,o.CE)("button",{key:1,class:"btn btn--default-2",type:"button",onClick:k,disabled:!s.tabs[s.step-1].isValid},(0,r.v_)(s.nextText),9,m)):((0,o.uX)(),(0,o.CE)("button",{key:2,class:"btn btn--default-2",type:"button",onClick:a[0]||(a[0]=(...t)=>e.finalize&&e.finalize(...t)),disabled:!s.tabs[s.step-1].isValid||e.loading},[e.loading?((0,o.uX)(),(0,o.CE)("span",f)):((0,o.uX)(),(0,o.CE)("span",g,(0,r.v_)(s.doneText),1))],8,v))])],4))}},h=i(k,[["__scopeId","data-v-8a738045"]])}}]);
- //# sourceMappingURL=518.e2b86785.js.map
|
