Login.cshtml 4.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. @page
  2. @model LoginModel
  3. @{
  4. ViewData["Title"] = "로그인";
  5. }
  6. <div id="loginForm" class="row row-cols-1 justify-content-center align-items-center min-vh-100">
  7. <div class="col col-12 col-sm-7 col-md-5 col-lg-5 col-xl-3">
  8. <section class="border rounded p-3">
  9. <h4>@ViewData["Title"]</h4>
  10. <form id="account" method="post" accept-charset="utf-8" autocomplete="off">
  11. <small>승인된 관계자만 접속이 가능합니다.</small>
  12. <hr />
  13. <div asp-validation-summary="ModelOnly" class="text-danger" role="alert"></div>
  14. <div class="form-floating mb-3">
  15. <input asp-for="Input.Email" class="form-control" autocomplete="username" aria-required="true" placeholder="name@example.com" value="chorongski@gmail.com" />
  16. <label asp-for="Input.Email" class="form-label">Email</label>
  17. <span asp-validation-for="Input.Email" class="text-danger"></span>
  18. </div>
  19. <div class="form-floating mb-3">
  20. <input asp-for="Input.Password" class="form-control" autocomplete="current-password" aria-required="true" placeholder="password" value="@@120726KKh" />
  21. <label asp-for="Input.Password" class="form-label">Password</label>
  22. <span asp-validation-for="Input.Password" class="text-danger"></span>
  23. </div>
  24. <div class="checkbox mb-2">
  25. <label asp-for="Input.RememberMe" class="form-label">
  26. <input class="form-check-input" asp-for="Input.RememberMe" />
  27. @Html.DisplayNameFor(m => m.Input.RememberMe)
  28. </label>
  29. </div>
  30. <div class="mb-3">
  31. <button id="login-submit" type="submit" class="w-100 btn btn-primary">로그인</button>
  32. </div>
  33. <div>
  34. <p>
  35. <a id="forgot-password" asp-page="./ForgotPassword">비밀번호를 잊으셨나요?</a>
  36. </p>
  37. <p>
  38. <a asp-page="./Register" asp-route-returnUrl="@Model.ReturnUrl">회원가입</a>
  39. </p>
  40. <p class="mb-1">
  41. <a id="resend-confirmation" asp-page="./ResendEmailConfirmation">이메일 재인증</a>
  42. </p>
  43. </div>
  44. </form>
  45. </section>
  46. </div>
  47. <div class="col">
  48. <div class="text-center ps-3 pe-3">
  49. <hr />
  50. <small>ⓒ PLAYR. All Rights Reserved</small>
  51. </div>
  52. <section class="text-center">
  53. @*
  54. <h3>Use another service to log in.</h3>
  55. <hr />
  56. @{
  57. if ((Model.ExternalLogins?.Count ?? 0) == 0)
  58. {
  59. <div>
  60. <p>
  61. There are no external authentication services configured. See this <a href="https://go.microsoft.com/fwlink/?LinkID=532715">article
  62. about setting up this ASP.NET application to support logging in via external services</a>.
  63. </p>
  64. </div>
  65. }
  66. else
  67. {
  68. <form id="external-account" asp-page="./ExternalLogin" asp-route-returnUrl="@Model.ReturnUrl" method="post" class="form-horizontal">
  69. <div>
  70. <p>
  71. @foreach (var provider in Model.ExternalLogins!)
  72. {
  73. <button type="submit" class="btn btn-primary" name="provider" value="@provider.Name" title="Log in using your @provider.DisplayName account">@provider.DisplayName</button>
  74. }
  75. </p>
  76. </div>
  77. </form>
  78. }
  79. }
  80. *@
  81. </section>
  82. </div>
  83. </div>
  84. @section Scripts {
  85. <partial name="_ValidationScriptsPartial" />
  86. }
  87. @section Styles {
  88. <link rel="stylesheet" href="~/css/account.css" asp-append-version="true" />
  89. }