docs: #338 improving reset password UI
This commit is contained in:
Hamid Reza Mohammadi
parent
006babf5bc
commit
76ac3f09f6
@ -29,7 +29,9 @@
|
||||
if (Model.PhaseSendEmail)
|
||||
{
|
||||
<form method="post" action="/resetpassword?Handler=SendEmail">
|
||||
|
||||
<table class="font-size-1em">
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder" colspan="2">
|
||||
<div class="notice width-100per">
|
||||
@ -40,6 +42,7 @@
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder">
|
||||
<span class="inputlabel">پست الکترونیکی: </span>
|
||||
@ -48,6 +51,7 @@
|
||||
<input type="email" asp-for="ForgotPasswordViewModel.Email" class="signupemail" placeholder="پست الکترونیکی" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder">
|
||||
<span class="inputlabel">تصویر امنیتی:</span>
|
||||
@ -60,6 +64,7 @@
|
||||
<input type="hidden" asp-for="ForgotPasswordViewModel.CaptchaImageId" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder" colspan="2">
|
||||
<div class="notice width-100per">
|
||||
@ -69,26 +74,32 @@
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder">
|
||||
<span class="inputlabel">عدد تصویر امنیتی: </span>
|
||||
</td>
|
||||
<td class="noborder">
|
||||
<input type="password" asp-for="ForgotPasswordViewModel.CaptchaValue" class="signupemail" placeholder="عدد تصویر امنیتی" />
|
||||
<input asp-for="ForgotPasswordViewModel.CaptchaValue" class="signupemail" placeholder="عدد تصویر امنیتی" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder" colspan="2"><input type="submit" name="submit" id="submit" class="pagebutton font-size-2em background-green width-100per padding-bottom-50px" value="ادامه" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div class="background-red color-white"><p>@Model.LastError</p></div>
|
||||
|
||||
</form>
|
||||
}
|
||||
else
|
||||
if (Model.PhaseVerify)
|
||||
{
|
||||
<form method="post" action="/resetpassword?Handler=Verify">
|
||||
|
||||
<table class="font-size-1em">
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder">
|
||||
<span class="inputlabel">رمز دریافتی:</span>
|
||||
@ -98,7 +109,7 @@
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="nobackground">
|
||||
<tr class="nobackground">
|
||||
<td class="noborder" colspan="2">
|
||||
<div class="notice width-100per">
|
||||
<p>لطفاً پست الکترونیکی خود را بررسی کنید. در صورتی که نشانی پست الکترونیکی خود را درست وارد کرده باشید نامه‌ای از گنجور دریافت کرده‌اید که حاوی یک رمز است. </p>
|
||||
@ -108,54 +119,74 @@
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder"><a role="button" class="pagebutton" href="/resetpassword">مرحلهٔ قبل</a></td>
|
||||
<td class="noborder"><input type="submit" name="submit" id="submit" class="pagebutton font-size-2em background-green width-100per padding-bottom-50px" value="ادامه" /></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
<div class="background-red color-white"><p>@Model.LastError</p></div>
|
||||
|
||||
</form>
|
||||
}
|
||||
else
|
||||
{
|
||||
<form method="post" action="/resetpassword?Handler=Phase3">
|
||||
<table>
|
||||
|
||||
<table class="font-size-1em">
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder" colspan="2">
|
||||
<div class="notice width-100per">
|
||||
<p>گذرواژهٔ جدیدی برای خود تعیین کنید:</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder">
|
||||
<span class="inputlabel">گذرواژه: </span>
|
||||
</td>
|
||||
<td class="noborder">
|
||||
<input type="password" asp-for="ResetPasswordViewModel.Password" id="password" placeholder="گذرواژه" />
|
||||
<input type="password" asp-for="ResetPasswordViewModel.Password" id="password" class="signupemail" autocomplete="new-password" placeholder="گذرواژه" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder">
|
||||
<span class="inputlabel">تکرار گذرواژه: </span>
|
||||
</td>
|
||||
<td class="noborder">
|
||||
<input type="password" asp-for="ResetPasswordViewModel.PasswordConfirmation" placeholder="تکرار گذرواژه" />
|
||||
<input type="password" asp-for="ResetPasswordViewModel.PasswordConfirmation" class="signupemail" autocomplete="new-password" placeholder="تکرار گذرواژه" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder" colspan="2">
|
||||
<input type="hidden" asp-for="ResetPasswordViewModel.Email" />
|
||||
<input type="hidden" asp-for="ResetPasswordViewModel.Secret" />
|
||||
<p>گذرواژه باید دست کم شامل ۶ حرف باشد و از ترکیبی از اعداد و حروف انگلیسی تشکیل شده باشد.</p>
|
||||
<p>حروف و اعداد نباید تکراری باشند و وجود حداقل یک عدد و یک حرف کوچک انگلیسی در گذرواژه الزامی است</p>
|
||||
<div class="notice width-100per">
|
||||
<p>گذرواژه باید دست کم شامل <span class="red-color"><strong>۶</strong></span> حرف باشد و از ترکیبی از <span class="red-color"><strong>اعداد و حروف انگلیسی</strong></span> تشکیل شده باشد.</p>
|
||||
<p>حروف و اعداد نباید تکراری باشند و وجود <span class="red-color"><strong>حداقل یک عدد</strong></span> و <span class="red-color"><strong>یک حرف کوچک انگلیسی</strong></span> در گذرواژه الزامی است.</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder" colspan="2"><input type="submit" name="submit" style="width:100%;background-color:green;color:white;text-align:center;cursor:pointer;border-color:white;font-size:2.0em" id="submit" value="ادامه" /></td>
|
||||
<td class="noborder" colspan="2"><input type="submit" name="submit" class="pagebutton font-size-2em background-green width-100per padding-bottom-50px" id="submit" value="ادامه" /></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
<div><p style="color:red">@Model.LastError</p></div>
|
||||
|
||||
<div class="background-red color-white"><p>@Model.LastError</p></div>
|
||||
</form>
|
||||
}
|
||||
</div>
|
||||
<partial name="_FooterPartial" model="null" />
|
||||
</div>
|
||||
@if (!string.IsNullOrEmpty(ViewData["GoogleAnalyticsCode"].ToString()))
|
||||
@if (!string.IsNullOrEmpty(ViewData["GoogleAnalyticsCode"].ToString()))
|
||||
{
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=@(ViewData["GoogleAnalyticsCode"])"></script>
|
||||
|
||||
@ -31,6 +31,7 @@
|
||||
{
|
||||
<form method="post" action="/signup?Handler=Phase1">
|
||||
<table class="font-size-1em">
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder">
|
||||
<span class="inputlabel">پست الکترونیکی: </span>
|
||||
@ -39,6 +40,7 @@
|
||||
<input type="email" asp-for="SignUpViewModel.Email" class="signupemail" placeholder="پست الکترونیکی" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder" colspan="2">
|
||||
<div class="notice width-100per">
|
||||
@ -48,6 +50,7 @@
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder">
|
||||
<span class="inputlabel">تصویر امنیتی:</span>
|
||||
@ -60,6 +63,7 @@
|
||||
<input type="hidden" asp-for="SignUpViewModel.CaptchaImageId" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder" colspan="2">
|
||||
<div class="notice width-100per">
|
||||
@ -70,6 +74,7 @@
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder">
|
||||
<span class="inputlabel">عدد تصویر امنیتی: </span>
|
||||
@ -78,9 +83,11 @@
|
||||
<input asp-for="SignUpViewModel.CaptchaValue" class="signupemail" placeholder="عدد تصویر امنیتی" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder" colspan="2"><input type="submit" name="submit" id="submit" class="pagebutton font-size-2em background-green width-100per padding-bottom-50px" value="ادامه" /></td>
|
||||
</tr>
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder" colspan="2">
|
||||
<div class="background-red color-white"><p>@Model.LastError</p></div>
|
||||
@ -93,6 +100,7 @@
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</form>
|
||||
@ -103,6 +111,7 @@
|
||||
{
|
||||
<form method="post" action="/signup?Handler=Phase2">
|
||||
<table class="font-size-1em">
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder">
|
||||
<span class="inputlabel">رمز دریافتی:</span>
|
||||
@ -111,6 +120,7 @@
|
||||
<input asp-for="Secret" class="signupemail" placeholder="رمز دریافتی" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder" colspan="2">
|
||||
<div class="notice width-100per">
|
||||
@ -120,11 +130,14 @@
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder"><a role="button" class="pagebutton" href="/signup">مرحلهٔ قبل</a></td>
|
||||
<td class="noborder"><input type="submit" name="submit" id="submit" class="pagebutton font-size-2em background-green width-100per padding-bottom-50px" value="ادامه" /></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
<div class="background-red color-white"><p>@Model.LastError</p></div>
|
||||
</form>
|
||||
}
|
||||
@ -132,6 +145,7 @@
|
||||
{
|
||||
<form method="post" action="/signup?Handler=Phase3">
|
||||
<table class="font-size-1em">
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder">
|
||||
<span class="inputlabel">نام: </span>
|
||||
@ -140,6 +154,7 @@
|
||||
<input asp-for="FinalViewModel.FirstName" class="rtl-right width-100per" placeholder="نام" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder">
|
||||
<span class="inputlabel">نام خانوادگی: </span>
|
||||
@ -148,6 +163,7 @@
|
||||
<input asp-for="FinalViewModel.SureName" class="rtl-right width-100per" placeholder="نام خانوادگی" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder">
|
||||
<span class="inputlabel">گذرواژه: </span>
|
||||
@ -156,6 +172,7 @@
|
||||
<input type="password" asp-for="FinalViewModel.Password" id="password" class="signupemail" placeholder="گذرواژه" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder">
|
||||
<span class="inputlabel">تکرار گذرواژه: </span>
|
||||
@ -164,21 +181,25 @@
|
||||
<input type="password" asp-for="FinalViewModel.PasswordConfirmation" class="signupemail" placeholder="تکرار گذرواژه" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder" colspan="2">
|
||||
<input type="hidden" asp-for="FinalViewModel.Email" />
|
||||
<input type="hidden" asp-for="FinalViewModel.Secret" />
|
||||
<div class="notice width-100per">
|
||||
<div class="notice width-100per">
|
||||
<p>گذرواژه باید دست کم شامل <span class="red-color"><strong>۶</strong></span> حرف باشد و از ترکیبی از <span class="red-color"><strong>اعداد و حروف انگلیسی</strong></span> تشکیل شده باشد.</p>
|
||||
<p>حروف و اعداد نباید تکراری باشند و وجود <span class="red-color"><strong>حداقل یک عدد</strong></span> و <span class="red-color"><strong>یک حرف کوچک انگلیسی</strong></span> در گذرواژه الزامی است.</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="nobackground">
|
||||
<td class="noborder" colspan="2"><input type="submit" name="submit" id="submit" class="pagebutton font-size-2em background-green width-100per padding-bottom-50px" value="ادامه" /></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
<div class="background-red color-white"><p>@Model.LastError</p></div>
|
||||
|
||||
<div class="background-red color-white"><p>@Model.LastError</p></div>
|
||||
</form>
|
||||
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user