login.j2 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Login</title>
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <script src="/static/js/main.js"></script>
  7. </head>
  8. <body class="bg-dark">
  9. <div class="container">
  10. <div class="card mx-auto mt-5">
  11. <div class="card-header">
  12. <i class="fa fa-user"></i> Login
  13. <div class="float-right">
  14. <a href="{{ request.referrer }}" class="btn btn-sm btn-secondary">Cancel</a>
  15. </div>
  16. </div>
  17. <div class="card-body">
  18. {% with messages = get_flashed_messages(with_categories=true) %}
  19. {% if messages %}
  20. {% for category, message in messages %}
  21. <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
  22. {{ message }}
  23. <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  24. <span aria-hidden="true">&times;</span>
  25. </button>
  26. </div>
  27. {% endfor %}
  28. {% endif %}
  29. {% endwith %}
  30. <div class="row">
  31. <div class="col-12 col-md-6">
  32. <h2>Login</h2>
  33. <form method="post">
  34. <div class="form-group">
  35. <label class="text-normal text-dark">Email</label>
  36. <input type="email" class="form-control" name="email" placeholder="Email" value="{{ login_email }}">
  37. </div>
  38. <div class="form-group">
  39. <label class="text-normal text-dark">Password</label>
  40. <input type="password" class="form-control" name="password" placeholder="Password">
  41. </div>
  42. <div class="form-group float-right">
  43. <button class="btn btn-primary">Login</button>
  44. </div>
  45. </form>
  46. </div>
  47. <div class="col-12 col-md-6">
  48. <h2>Register</h2>
  49. <form action="{{ url_for('auth.register')}}" method="post">
  50. <div class="form-group">
  51. <label class="text-normal text-dark">Name</label>
  52. <input type="text" class="form-control" name="name" placeholder="Name" value="{{ register_name }}" required>
  53. </div>
  54. <div class="form-group">
  55. <label class="text-normal text-dark">Email</label>
  56. <input type="email" class="form-control" name="email" placeholder="Email" value="{{ register_email }}" required>
  57. </div>
  58. <div class="form-group">
  59. <label class="text-normal text-dark">Password</label>
  60. <input type="password" class="form-control" name="password" placeholder="Password" required>
  61. </div>
  62. <div class="form-group float-right">
  63. <button class="btn btn-primary">Register</button>
  64. </div>
  65. </form>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. </body>