Update MudBlazor integration, improve captcha handling, and upgrade project dependencies
This commit is contained in:
masoodafar-web
@@ -7,15 +7,14 @@
|
||||
<MudGrid Spacing="4" Justify="Justify.Center">
|
||||
<MudItem xs="12" md="5">
|
||||
<MudStack Spacing="2" Class="mb-6">
|
||||
<MudChip T="string"
|
||||
Color="Color.Secondary"
|
||||
Variant="Variant.Filled"
|
||||
Class="mb-2">ثبتنام سه مرحلهای</MudChip>
|
||||
<MudChip T="string" Color="Color.Secondary" Variant="Variant.Filled" Class="mb-2">ثبتنام سه
|
||||
مرحلهای</MudChip>
|
||||
<MudText Typo="Typo.h3" Class="mb-2">
|
||||
فقط در چند دقیقه حساب خود را فعال کنید
|
||||
</MudText>
|
||||
<MudText Typo="Typo.body1" Class="mud-text-secondary">
|
||||
اطلاعات اولیه را وارد کنید، مشخصات هویتی را تکمیل کنید و بعد از مطالعه قوانین و دانلود قرارداد، درخواست خود را ارسال کنید.
|
||||
اطلاعات اولیه را وارد کنید، مشخصات هویتی را تکمیل کنید و بعد از مطالعه قوانین و دانلود قرارداد،
|
||||
درخواست خود را ارسال کنید.
|
||||
</MudText>
|
||||
</MudStack>
|
||||
|
||||
@@ -42,15 +41,16 @@
|
||||
<MudAvatar Icon="@Icons.Material.Filled.CheckCircle" Color="Color.Success" Size="Size.Large" />
|
||||
<MudText Typo="Typo.h4">درخواست شما ثبت شد</MudText>
|
||||
<MudText Typo="Typo.body1" Class="mud-text-secondary">
|
||||
تیم ما پس از بررسی اطلاعات با شما تماس خواهد گرفت. میتوانید از طریق داشبورد وضعیت ثبتنام را دنبال کنید.
|
||||
تیم ما پس از بررسی اطلاعات با شما تماس خواهد گرفت. میتوانید از طریق داشبورد وضعیت ثبتنام
|
||||
را دنبال کنید.
|
||||
</MudText>
|
||||
<MudStack Row="true" Spacing="2" Justify="Justify.Center">
|
||||
<MudButton Variant="Variant.Filled"
|
||||
Color="Color.Primary"
|
||||
OnClick="@(() => Navigation.NavigateTo(RouteConstants.Main.MainPage))">بازگشت به صفحه اصلی</MudButton>
|
||||
<MudButton Variant="Variant.Outlined"
|
||||
Color="Color.Primary"
|
||||
OnClick="@(() => Navigation.NavigateTo(RouteConstants.Profile.Index))">مشاهده پروفایل</MudButton>
|
||||
<MudButton Variant="Variant.Filled" Color="Color.Primary"
|
||||
OnClick="@(() => Navigation.NavigateTo(RouteConstants.Main.MainPage))">بازگشت به صفحه
|
||||
اصلی</MudButton>
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Primary"
|
||||
OnClick="@(() => Navigation.NavigateTo(RouteConstants.Profile.Index))">مشاهده پروفایل
|
||||
</MudButton>
|
||||
</MudStack>
|
||||
</MudStack>
|
||||
}
|
||||
@@ -59,7 +59,8 @@
|
||||
<MudStack Spacing="3">
|
||||
<MudStack Row="true" Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center">
|
||||
<MudText Typo="Typo.h4">ویزارد ثبتنام</MudText>
|
||||
<MudChip Color="Color.Info" Variant="Variant.Outlined" Size="Size.Small">۳ مرحله</MudChip>
|
||||
<MudChip T="string" Color="Color.Info" Variant="Variant.Outlined" Size="Size.Small">۳ مرحله
|
||||
</MudChip>
|
||||
</MudStack>
|
||||
|
||||
@if (_isSubmitting)
|
||||
@@ -67,119 +68,80 @@
|
||||
<MudProgressLinear Color="Color.Primary" Indeterminate="true" />
|
||||
}
|
||||
|
||||
<MudStepper @bind-ActiveIndex="_activeStep"
|
||||
Elevation="0"
|
||||
DisableClick="true"
|
||||
Class="mb-4">
|
||||
<MudStep Label="تایید موبایل" Icon="@Icons.Material.Filled.Smartphone">
|
||||
<MudForm @ref="_stepOneForm">
|
||||
<MudTextField Label="شماره موبایل"
|
||||
Placeholder="مثال: 09121234567"
|
||||
InputType="InputType.Tel"
|
||||
Immediate="true"
|
||||
MaxLength="11"
|
||||
Variant="Variant.Outlined"
|
||||
@bind-Value="_model.MobileNumber"
|
||||
For="@(() => _model.MobileNumber)"
|
||||
Adornment="Adornment.Start"
|
||||
AdornmentIcon="@Icons.Material.Outlined.Phone" />
|
||||
<MudStepper @bind-ActiveIndex="_activeStep" Elevation="0" DisableClick="true" Class="mb-4">
|
||||
<ChildContent>
|
||||
<MudStep Label="تأیید موبایل" Icon="@Icons.Material.Filled.Smartphone">
|
||||
@* Inline AuthDialog with captcha enabled *@
|
||||
<AuthDialog @ref="_authDialog" InlineMode="true" EnableCaptcha="true" HideCancelButton="true" OnLoginSuccess="@(async () => { OnPhoneVerified(); })" />
|
||||
</MudStep>
|
||||
|
||||
<MudStack Row="true" AlignItems="AlignItems.Center" Spacing="2" Class="mt-4">
|
||||
<MudPaper Elevation="1" Class="captcha-box d-flex align-center justify-center">
|
||||
<MudText Typo="Typo.h5">@_captchaCode</MudText>
|
||||
<MudStep Label="اطلاعات هویتی" Icon="@Icons.Material.Filled.Badge">
|
||||
<MudForm @ref="_stepTwoForm">
|
||||
<MudTextField Label="نام" Variant="Variant.Outlined" Immediate="true"
|
||||
@bind-Value="_model.FirstName" For="@(() => _model.FirstName)" />
|
||||
<MudTextField Label="نام خانوادگی" Variant="Variant.Outlined" Immediate="true"
|
||||
@bind-Value="_model.LastName" For="@(() => _model.LastName)" />
|
||||
<MudTextField Label="کد ملی" Variant="Variant.Outlined" Immediate="true"
|
||||
MaxLength="10" @bind-Value="_model.NationalCode"
|
||||
For="@(() => _model.NationalCode)" InputType="InputType.Number" />
|
||||
</MudForm>
|
||||
</MudStep>
|
||||
|
||||
<MudStep Label="قوانین و قرارداد" Icon="@Icons.Material.Filled.Rule">
|
||||
<MudForm @ref="_stepThreeForm">
|
||||
<MudAlert Variant="Variant.Outlined" Severity="Severity.Info" Class="mb-3">
|
||||
لطفاً قوانین و شرایط همکاری را با دقت مطالعه کنید و در صورت موافقت، تیک
|
||||
تایید را فعال نمایید. همچنین میتوانید نسخهی قرارداد را دانلود و ذخیره
|
||||
کنید.
|
||||
</MudAlert>
|
||||
<MudPaper Elevation="0" Class="terms-box pa-4 mb-3">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-2">بخشی از قوانین:</MudText>
|
||||
<MudList T="string" Dense="true">
|
||||
<MudListItem T="string">استفاده از اطلاعات کاربری صرفاً برای ثبت نام و
|
||||
احراز هویت مجاز است.</MudListItem>
|
||||
<MudListItem T="string">تمامی فعالیتها مطابق قوانین جمهوری اسلامی ایران
|
||||
انجام میشود.</MudListItem>
|
||||
<MudListItem T="string">مسئولیت صحت اطلاعات وارد شده بر عهده متقاضی است.
|
||||
</MudListItem>
|
||||
</MudList>
|
||||
</MudPaper>
|
||||
<MudButton Variant="Variant.Text"
|
||||
Color="Color.Primary"
|
||||
StartIcon="@Icons.Material.Filled.Refresh"
|
||||
Disabled="_isSubmitting"
|
||||
OnClick="GenerateCaptcha">تازهسازی کد</MudButton>
|
||||
</MudStack>
|
||||
|
||||
<MudTextField Label="کد کپچا"
|
||||
Placeholder="کد نمایش داده شده"
|
||||
Immediate="true"
|
||||
Variant="Variant.Outlined"
|
||||
@bind-Value="_model.CaptchaInput"
|
||||
For="@(() => _model.CaptchaInput)" />
|
||||
</MudForm>
|
||||
</MudStep>
|
||||
<MudStack Row="true" AlignItems="AlignItems.Center" Spacing="2" Class="mb-2">
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Primary"
|
||||
StartIcon="@Icons.Material.Filled.Download" Disabled="_isSubmitting"
|
||||
OnClick="DownloadContract">
|
||||
دانلود قرارداد نمونه
|
||||
</MudButton>
|
||||
<MudText Typo="Typo.caption" Class="mud-text-secondary">فرمت: فایل متنی
|
||||
</MudText>
|
||||
</MudStack>
|
||||
|
||||
<MudStep Label="اطلاعات هویتی" Icon="@Icons.Material.Filled.Badge">
|
||||
<MudForm @ref="_stepTwoForm">
|
||||
<MudTextField Label="نام"
|
||||
Variant="Variant.Outlined"
|
||||
Immediate="true"
|
||||
@bind-Value="_model.FirstName"
|
||||
For="@(() => _model.FirstName)" />
|
||||
<MudTextField Label="نام خانوادگی"
|
||||
Variant="Variant.Outlined"
|
||||
Immediate="true"
|
||||
@bind-Value="_model.LastName"
|
||||
For="@(() => _model.LastName)" />
|
||||
<MudTextField Label="کد ملی"
|
||||
Variant="Variant.Outlined"
|
||||
Immediate="true"
|
||||
MaxLength="10"
|
||||
@bind-Value="_model.NationalCode"
|
||||
For="@(() => _model.NationalCode)"
|
||||
InputType="InputType.Number" />
|
||||
</MudForm>
|
||||
</MudStep>
|
||||
|
||||
<MudStep Label="قوانین و قرارداد" Icon="@Icons.Material.Filled.Rule">
|
||||
<MudForm @ref="_stepThreeForm">
|
||||
<MudAlert Variant="Variant.Outlined"
|
||||
Severity="Severity.Info"
|
||||
Class="mb-3">
|
||||
لطفاً قوانین و شرایط همکاری را با دقت مطالعه کنید و در صورت موافقت، تیک تایید را فعال نمایید. همچنین میتوانید نسخهی قرارداد را دانلود و ذخیره کنید.
|
||||
</MudAlert>
|
||||
<MudPaper Elevation="0" Class="terms-box pa-4 mb-3">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-2">بخشی از قوانین:</MudText>
|
||||
<MudList Dense="true">
|
||||
<MudListItem>استفاده از اطلاعات کاربری صرفاً برای ثبت نام و احراز هویت مجاز است.</MudListItem>
|
||||
<MudListItem>تمامی فعالیتها مطابق قوانین جمهوری اسلامی ایران انجام میشود.</MudListItem>
|
||||
<MudListItem>مسئولیت صحت اطلاعات وارد شده بر عهده متقاضی است.</MudListItem>
|
||||
</MudList>
|
||||
</MudPaper>
|
||||
|
||||
<MudStack Row="true" AlignItems="AlignItems.Center" Spacing="2" Class="mb-2">
|
||||
<MudButton Variant="Variant.Outlined"
|
||||
Color="Color.Primary"
|
||||
StartIcon="@Icons.Material.Filled.Download"
|
||||
Disabled="_isSubmitting"
|
||||
OnClick="DownloadContract">
|
||||
دانلود قرارداد نمونه
|
||||
</MudButton>
|
||||
<MudText Typo="Typo.caption" Class="mud-text-secondary">فرمت: فایل متنی</MudText>
|
||||
</MudStack>
|
||||
|
||||
<MudCheckBox @bind-Checked="_model.AcceptTerms"
|
||||
Color="Color.Success"
|
||||
For="@(() => _model.AcceptTerms)"
|
||||
Label="قوانین و مقررات را مطالعه کردهام و میپذیرم" />
|
||||
</MudForm>
|
||||
</MudStep>
|
||||
<MudCheckBox @bind-Checked="_model.AcceptTerms" Color="Color.Success"
|
||||
For="@(() => _model.AcceptTerms)"
|
||||
Label="قوانین و مققرات را مطالعه کردهام و میپذیرم" />
|
||||
</MudForm>
|
||||
</MudStep>
|
||||
</ChildContent>
|
||||
<ActionContent Context="stepper">
|
||||
<MudStack Row="true" Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center">
|
||||
<MudButton Variant="Variant.Text" Color="Color.Secondary"
|
||||
Disabled="_activeStep == 0 || _isSubmitting"
|
||||
OnClick="@(async () => { await GoBack(stepper); })">مرحله قبل</MudButton>
|
||||
<MudSpacer />
|
||||
<MudButton Variant="Variant.Filled" Color="Color.Primary"
|
||||
Disabled="_isSubmitting"
|
||||
OnClick="@(async () => { await GoNextAsync(stepper); })">
|
||||
@_nextButtonText
|
||||
</MudButton>
|
||||
</MudStack>
|
||||
</ActionContent>
|
||||
</MudStepper>
|
||||
|
||||
<MudDivider Class="my-2" />
|
||||
|
||||
<MudStack Row="true" Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center">
|
||||
<MudButton Variant="Variant.Text"
|
||||
Color="Color.Secondary"
|
||||
Disabled="_activeStep == 0 || _isSubmitting"
|
||||
OnClick="GoBack">مرحله قبل</MudButton>
|
||||
<MudSpacer />
|
||||
<MudButton Variant="Variant.Filled"
|
||||
Color="Color.Primary"
|
||||
Disabled="_isSubmitting"
|
||||
OnClick="GoNextAsync">
|
||||
@_nextButtonText
|
||||
</MudButton>
|
||||
</MudStack>
|
||||
</MudStack>
|
||||
}
|
||||
</MudPaper>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
</MudContainer>
|
||||
</section>
|
||||
</section>
|
||||
Reference in New Issue
Block a user