profile.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <link rel="stylesheet" href="../static/css/profile.css"/>
  2. {% extends "base.html" %} {% block content %}
  3. <div class="profile_page">
  4. <div class="profile_block">
  5. <div class="header_profile">
  6. <img class="user_photo" src="../{{current_user.photo}}">
  7. </div>
  8. <div class="edit_form">
  9. <form action="" method="post" class="register_form" enctype="multipart/form-data">
  10. {{ form.hidden_tag() }}
  11. <div class="form_blocks">
  12. <div class="data_block">
  13. <div class="form_data">
  14. <label class="form-label">{{ form.email.label }}</label>
  15. {{ form.email(class="input_data", type="email", placeholder='example@mail.ex') }} {% for
  16. error in form.email.errors %}
  17. <div class="alert alert-danger" role="alert">{{ error }}</div>
  18. {% endfor %}
  19. </div>
  20. <div class="form_data">
  21. <label class="form-label">{{ form.name.label }}</label>
  22. {{ form.name(class="input_data", type="name", placeholder='name') }} {%
  23. for error in form.name.errors %}
  24. <div class="alert alert-danger" role="alert">{{ error }}</div>
  25. {% endfor %}
  26. </div>
  27. <div class="form_data">
  28. <label class="form-label">{{ form.surname.label }}</label>
  29. {{ form.surname(class="input_data", type="surname", placeholder='surname') }}
  30. {% for error in form.surname.errors %}
  31. <div class="alert alert-danger" role="alert">{{ error }}</div>
  32. {% endfor %}
  33. </div>
  34. </div>
  35. <div class="data_block">
  36. <div class="form_data">
  37. <label class="form-label">{{ form.birthday.label }}</label>
  38. {{ form.birthday(class="input_data", type="date") }}
  39. {% for error in form.birthday.errors %}
  40. <div class="alert alert-danger" role="alert">
  41. {{ error }}
  42. </div>
  43. {% endfor %}
  44. </div>
  45. <div class="form_data">
  46. <label class="form-label">{{ form.about.label }}</label>
  47. {{ form.about(class="input_data dop_data", type="name", placeholder='about') }} {%
  48. for error in form.about.errors %}
  49. <div class="alert alert-danger" role="alert">{{ error }}</div>
  50. {% endfor %}
  51. </div>
  52. {% if 'none' in current_user.photo %}
  53. <div class="form_data">
  54. <label class="form-label">{{ form.photo.label }}</label>
  55. {{ form.photo(class="input_data dop_data", type="file") }}
  56. {% for error in form.photo.errors %}
  57. <div class="alert alert-danger" role="alert">{{ error }}</div>
  58. {% endfor %}
  59. </div>
  60. {% else %}
  61. <div class="form_data_button">
  62. {{ form.del_photo(type="submit", class="profile_button", id="delete_button") }}
  63. </div>
  64. {% endif %}
  65. <div class="message_block">
  66. {% if message != '' %}
  67. <div class="alert alert-danger message" role="alert">{{ message }}</div>
  68. {% endif %}
  69. </div>
  70. </div>
  71. </div>
  72. <div class="form_data_button">
  73. {{ form.submit(type="submit", class="profile_button") }}
  74. <a class="profile_button" id="logout_button" href="/logout">
  75. <div class="profile_button_text">
  76. <p>Выйти</p>
  77. </div>
  78. </a>
  79. </div>
  80. </form>
  81. </div>
  82. </div>
  83. </div>
  84. {% endblock %}