#190 improving design of user login/signup/resetpassword pages

This commit is contained in:
Hamid Reza Mohammadi 2021-08-21 19:49:16 +04:30
parent 88d96593f9
commit a7aa893764
3 changed files with 43 additions and 16 deletions

View File

@ -10,11 +10,15 @@
<head>
<meta charset="utf-8" />
<title>@ViewData["Title"]</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="noindex, nofollow" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link href="/css/p6.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="hdr">
<h1><a href="/" title="گنجور"><img src="/image/gm.gif" alt="گنجور" style="width:auto;margin:auto;" /></a></h1>
</div>
<div id="login">
<div id="login-container">
@if (Model.LoggedIn)
@ -22,7 +26,6 @@
<form method="post">
<table>
<tr>
<td></td>
<td><input type="submit" name="submit" id="submit" value="خروج" /></td>
</tr>
</table>
@ -55,8 +58,8 @@
<td><input type="submit" name="submit" id="submit" value="ورود" /></td>
</tr>
<tr>
<td><a href="https://museum.ganjoor.net/signup" target="_blank">ثبت نام</a></td>
<td><a href="https://museum.ganjoor.net/forgot-password" target="_blank">فراموشی رمز</a></td>
<td><a href="/signup">ثبت نام</a></td>
<td><a href="/resetpassword">فراموشی گذرواژه</a></td>
</tr>

View File

@ -15,11 +15,11 @@
<link href="/css/p6.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="hdr">
<h1><a href="/" title="گنجور"><img src="/image/gm.gif" alt="گنجور" style="width:auto;margin:auto;" /></a></h1>
</div>
<div id="login">
<div id="login-container">
<div class="imgcontainer">
<a href="/"><img src="/image/login.png" alt="گنجور" class="avatar"></a>
</div>
@if (Model.LoggedIn)
{
<div>
@ -27,14 +27,14 @@
</div>
}
else
if (Model.PhaseSendEmail)
if (Model.PhaseSendEmail)
{
<form method="post" action="/resetpassword?Handler=SendEmail">
<table>
<tr>
<td colspan="2">
<p>
لطفاً پست الکترونیکی که با آن ثبت نام کرده‌اید را وارد کنید.
لطفاً پست الکترونیکی که با آن ثبت نام کرده‌اید را وارد کنید:
</p>
</td>
</tr>
@ -47,7 +47,7 @@
</td>
</tr>
<tr>
<td colspan="2">
<td>
<span class="inputlabel">تصویر امنیتی:</span>
</td>
<td>
@ -61,7 +61,7 @@
<tr>
<td colspan="2">
<p>
عددی را که در تصویر امنیتی بالا می‌بینید در کادر زیر وارد کنید..
تصویر امنیتی بالا کمک می‌کند بین کاربران واقعی و رباتها و برنامه‌های کامپیوتری تمایز قائل شویم. لطفاً عددی را که در تصویر امنیتی بالا می‌بینید در کادر زیر وارد کنید:
</p>
</td>
</tr>
@ -81,7 +81,7 @@
</form>
}
else
if (Model.PhaseVerify)
if (Model.PhaseVerify)
{
<form method="post" action="/resetpassword?Handler=Verify">
<table>

View File

@ -15,11 +15,11 @@
<link href="/css/p6.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="hdr">
<h1><a href="/" title="گنجور"><img src="/image/gm.gif" alt="گنجور" style="width:auto;margin:auto;" /></a></h1>
</div>
<div id="login">
<div id="login-container">
<div class="imgcontainer">
<a href="/"><img src="/image/login.png" alt="گنجور" class="avatar"></a>
</div>
@if (Model.LoggedIn)
{
<div>
@ -27,10 +27,18 @@
</div>
}
else
if (Model.SignupPhase1)
if (Model.SignupPhase1)
{
<form method="post" action="/signup?Handler=Phase1">
<table>
<tr>
<td colspan="2">
<p>
برای ثبت نام در گنجور نیاز به یک ایمیل دارید. فرایند ثبت نام با ارسال یک رمز به ایمیل (پست الکترونیکی) شما ادامه پیدا می‌کند و اگر ایمیلتان درست نباشد یا به آن دسترسی نداشته باشید نمی‌توانید در گنجور ثبت نام کنید.
</p>
</td>
</tr>
<tr>
<td>
<span class="inputlabel">پست الکترونیکی: </span>
@ -51,6 +59,13 @@
<input type="hidden" asp-for="SignUpViewModel.CaptchaImageId" />
</td>
</tr>
<tr>
<td colspan="2">
<p>
تصویر امنیتی بالا کمک می‌کند بین کاربران واقعی و رباتها و برنامه‌های کامپیوتری تمایز قائل شویم. لطفاً عددی را که در تصویر امنیتی بالا می‌بینید در کادر زیر وارد کنید:
</p>
</td>
</tr>
<tr>
<td>
<span class="inputlabel">عدد تصویر امنیتی: </span>
@ -62,13 +77,22 @@
<tr>
<td colspan="2"><input type="submit" name="submit" id="submit" value="ادامه" /></td>
</tr>
<tr>
<td colspan="2">
<p>لطفاً به نکات زیر توجه کنید:</p>
<p>۱. اگر پیشتر در <a href="https://museum.ganjoor.net">گنجینهٔ گنجور</a> یا <a href="https://gaudiopanel.ganjoor.net">پیشخان خوانشگران گنجور</a> ثبت نام کرده‌اید می‌توانید با همان اطلاعات کاربری در گنجور وارد شوید و نیاز به و امکان ثبت نام مجدد با همان ایمیل را ندارید. </p>
<p>۲. برای مطالعهٔ اشعار نیازی به ثبت نام ندارید. ثبت نام برای درج حاشیه و مشارکت در سایت مورد نیاز است.</p>
<p>۳. گنجور اطلاعاتی راجع به این که شما با نام کاربری خود چه صفحاتی را مطالعه می‌کنید جمع آوری نمی‌کند. برای اطمینان مفاد صفحهٔ <a href="/privacy">حریم خصوصی</a> را مطالعه بفرمایید.</p>
<p>۴. بعد از ثبت نام امکان حذف حساب کاربری خود را دارید. با این کار اطلاعات خاص شما مثل حاشیه‌ها و خوانش‌ها حذف می‌شود و مشارکت‌های شما مثل ویرایش‌ها و ... به نام کاربر سیستم گنجور ثبت می‌شود.</p>
</td>
</tr>
</table>
<div><p style="color:red">@Model.LastError</p></div>
</form>
}
else
if (Model.SignupVerifyEmailPhase)
if (Model.SignupVerifyEmailPhase)
{
<form method="post" action="/signup?Handler=Phase2">
<table>