profile.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. {% load static %}
  2. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
  3. <link rel="stylesheet" href="{% static 'css/style.css' %}" media="all">
  4. <body>
  5. <nav class="navbar navbar-expand-lg navbar-light bg-light">
  6. <a class="navbar-brand" href="{% url 'index' %}">МАГАЗИН</a>
  7. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarScroll" aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
  8. <span class="navbar-toggler-icon"></span>
  9. </button>
  10. <div class="collapse navbar-collapse" id="navbarScroll">
  11. <ul class="navbar-nav mr-auto my-2 my-lg-0 navbar-nav-scroll" style="max-height: 100px;">
  12. {% if user.is_authenticated %}
  13. <li class="nav-item active">
  14. <a class="nav-link" href="{% url 'index' %}">Главная </a>
  15. </li>
  16. <li class="nav-item active">
  17. <a class="nav-link" href="{% url 'logout' %}">Выход</a>
  18. </li>
  19. {% else %}
  20. <li class="nav-item active">
  21. <a class="nav-link" href="{% url 'index' %}">Главная </a>
  22. </li>
  23. <li class="nav-item active">
  24. <a class="nav-link" href="{% url 'register' %}">Регистрация </a>
  25. </li>
  26. <li class="nav-item active">
  27. <a class="nav-link" href="{% url 'login' %}">Вход </a>
  28. </li>
  29. {% endif %}
  30. </ul>
  31. </div>
  32. </nav>
  33. <h2>Профиль</h2>
  34. <p>Здравствуйте, {{user.username}}, это ваш профиль</p>
  35. <div>
  36. <div class="profile">
  37. <div>
  38. {% if user.avatar %}
  39. <img src="{{user.avatar.url}}" width="250px">
  40. {% endif %}
  41. </div>
  42. <div>
  43. <p>Информация: {{user.info}}</p>
  44. </div>
  45. </div>
  46. {% if baskets %}
  47. {% for basket in baskets %}
  48. <div class="basket_item">
  49. <img src="{{basket.product.foto.url}}" width="250px">
  50. <div>
  51. <p>Название: {{basket.product.title}} </p>
  52. <p>Количество товара :{{basket.countProduct}} </p>
  53. </div>
  54. </div>
  55. {% endfor %}
  56. {% else %}
  57. <p>Корзина пуста</p>
  58. {% endif %}
  59. </div>
  60. </body>