1 line
4.9 KiB
JavaScript
1 line
4.9 KiB
JavaScript
import{At as e,G as t,L as n,M as r,Pt as i,_ as a,c as o,d as s,f as c,g as l,h as u,k as d,l as f,nt as p,t as m,ut as h,v as g}from"./_plugin-vue_export-helper-1xMDlcEE.js";import{u as _}from"./BasicIcon-Bzeb0Iwd.js";import{d as v,l as y}from"./format-C72AoJ2H.js";import{a as b}from"./validation-Duyyve7l.js";import{M as ee,_ as te,b as x,c as S,o as C,v as w,y as T}from"./index-3Kv0ngks.js";import{t as E}from"./FormErrorBanner-Ud1D04xf.js";import{t as D}from"./IconPhone-DymoL1t0.js";import{n as O,r as k,t as A}from"./formErrors-DglFjYkZ.js";import{t as j}from"./login-fabric-CzrIXTnD.js";var M={class:`page login-page`},N=[`src`],P={class:`login-page__scroll`},F={class:`login-page__stage`},I={class:`login-brand`},ne=[`value`,`aria-invalid`],L={key:0,class:`phone-field__error`},R=[`disabled`],z={key:0,class:`login-submit__spinner`,"aria-hidden":`true`},B={class:`login-submit__chevron`,"aria-hidden":`true`},V={class:`login-register`},H={class:`login-help`},U=[`href`,`aria-disabled`],W={class:`login-help__icon`},G=[`href`,`aria-disabled`],K={class:`login-help__icon`},q=m(g({__name:`LoginView`,setup(m){let g=ee(),q=S(),J=p(null),Y=o(()=>x(J.value)),X=p(``),Z=p({}),Q=p(``),re=o(()=>X.value?v(X.value):``);function $(e){return e?b(e)?``:`شماره موبایل معتبر نیست. (مثال: ۰۹۱۲۱۲۳۴۵۶۷)`:`شماره موبایل را وارد کنید.`}function ie(){Z.value=O(Z.value,`phone`),k(Z.value)||(Q.value=``)}function ae(e){X.value=y(e),ie()}function oe(){if(!X.value)return;let e=$(X.value);e&&(Z.value={...Z.value,phone:e})}async function se(){Z.value={},Q.value=``;let e=y(X.value);X.value=e;let t=$(e);if(t){Z.value={phone:t},Q.value=A;return}let n=await q.requestOtp(e,{isRegister:!1});n.success?g.push({name:`otp`,query:{phone:e,mode:`login`}}):Q.value=n.message??`خطا در ارسال کد تأیید.`}return d(async()=>{try{let e=await T();J.value=e.supportPhone}catch{J.value=null}}),(o,d)=>{let p=n(`RouterLink`);return r(),c(`div`,M,[f(`img`,{class:`login-page__bg`,src:h(j),alt:``},null,8,N),f(`div`,P,[f(`div`,F,[d[14]||=f(`header`,{class:`login-top`},[f(`p`,{class:`login-top__welcome`},`به دنیای پارچه خوش آمدید`)],-1),f(`div`,I,[a(te,{size:78}),d[1]||=f(`h1`,{class:`login-brand__fa`},`نادمی تکس`,-1),d[2]||=f(`p`,{class:`login-brand__en`},`NADEMITEX`,-1),d[3]||=f(`p`,{class:`login-brand__tag`},`انتخاب حرفه‌ای‌ها`,-1)]),f(`form`,{class:`login-card`,onSubmit:_(se,[`prevent`])},[d[10]||=f(`h2`,{class:`login-card__title`},`ورود به حساب کاربری`,-1),d[11]||=f(`p`,{class:`login-card__lead`},`برای ادامه، شماره موبایل خود را وارد کنید.`,-1),a(E,{message:Q.value},null,8,[`message`]),f(`div`,{class:e([`phone-field`,{"is-invalid":!!Z.value.phone}]),dir:`ltr`},[d[4]||=u(`<span class="phone-field__locale" aria-hidden="true" data-v-f6f94cf2><svg class="iran-flag" viewBox="0 0 21 15" xmlns="http://www.w3.org/2000/svg" data-v-f6f94cf2><rect width="21" height="5" fill="#239F40" data-v-f6f94cf2></rect><rect y="5" width="21" height="5" fill="#fff" data-v-f6f94cf2></rect><rect y="10" width="21" height="5" fill="#DA0001" data-v-f6f94cf2></rect><circle cx="10.5" cy="7.5" r="1.35" fill="#DA0001" data-v-f6f94cf2></circle></svg><svg class="phone-field__caret" viewBox="0 0 10 6" fill="none" data-v-f6f94cf2><path d="M1 1.2 5 5l4-3.8" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" data-v-f6f94cf2></path></svg></span>`,1),f(`input`,{class:`phone-field__input`,value:re.value,type:`tel`,inputmode:`numeric`,autocomplete:`tel`,dir:`rtl`,maxlength:`11`,placeholder:`شماره موبایل`,"aria-invalid":!!Z.value.phone,"aria-label":`شماره موبایل`,onInput:d[0]||=e=>ae(e.target.value),onBlur:oe},null,40,ne)],2),Z.value.phone?(r(),c(`p`,L,i(Z.value.phone),1)):s(``,!0),f(`button`,{class:`login-submit`,type:`submit`,disabled:h(q).loading},[h(q).loading?(r(),c(`span`,z)):s(``,!0),f(`span`,B,[a(C,{size:18,color:`#F4EDE4`})]),d[5]||=f(`span`,null,`دریافت کد تأیید`,-1)],8,R),f(`p`,V,[d[7]||=l(` حساب کاربری ندارید؟ `,-1),a(p,{to:`/register`},{default:t(()=>[...d[6]||=[l(`ثبت‌نام کنید`,-1)]]),_:1})]),d[12]||=f(`div`,{class:`login-or`,role:`separator`},[f(`span`,null,`یا`)],-1),f(`div`,H,[f(`a`,{class:e([`login-help__item`,{"is-disabled":!Y.value}]),href:Y.value,"aria-disabled":!Y.value},[f(`span`,W,[a(w,{size:22,color:`#3A3936`})]),d[8]||=l(` پشتیبانی `,-1)],10,U),f(`a`,{class:e([`login-help__item`,{"is-disabled":!Y.value}]),href:Y.value,"aria-disabled":!Y.value},[f(`span`,K,[a(D,{size:22,color:`#3A3936`})]),d[9]||=l(` تماس با ما `,-1)],10,G)]),d[13]||=f(`p`,{class:`login-card__foot`},`پارچه، آغاز یک اعتماد ماندگار…`,-1)],32),d[15]||=f(`div`,{class:`login-spacer`,"aria-hidden":`true`},null,-1),d[16]||=f(`p`,{class:`login-watermark`},[l(`MORE`),f(`br`),l(`THAN`),f(`br`),l(`FABRIC`)],-1)])])])}}}),[[`__scopeId`,`data-v-f6f94cf2`]]);export{q as default}; |