profile.html 4.7 KB

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