Fix non-existing profile avatar

main/templates/pages/profile.html

@@ -1,40 +1,46 @@
 {% extends 'base/base.html' %}
+
 {% load static %}
 
-{% block title %}
-  {{ pagename }}
+
+{% block title %}{{ pagename }}{% endblock %}
+
+
+{% block heading %}Профиль{% endblock %}
+
+
+{% block extra_css %}
+  <style>
+    .img{
+      width:auto;
+      height:auto;
+      max-width:150px!important;
+      max-height:500px!important;
+    }
+  </style>
 {% endblock %}
 
-{% block heading %}
-  Профиль
-{% endblock %}
-
-{% block extra_css%}
-<style>
-  .img{
-    width:auto;
-    height:auto;
-    max-width:400px!important;
-    max-height:500px!important;
-</style>
-  }
-{% endblock %}
 {% block content %}
-    <br>
-    <div class="row">
-      <div class="col-auto">
-        <div class="container">
-          <img src="/media/{{image_name}}" class="img img-thumbnail" alt="Нет изображения"></div>
-      </div>
-      <div class="col g-5">
-        <div class="row g-5">
-          <h4><span class="badge bg-secondary">Имя пользователя</span> {{name}}</h4>
-          <h4><span class="badge bg-secondary">Электронная почта</span> {{email}}</h4>
-          <h4><span class="badge bg-secondary">Текущая роль</span> {{role}}</h4>
-          <form action="">
-            <button class="btn btn-primary">Запросить права доступа</button>
-          </form>
-        </div>
+  <br>
+  <div class="row">
+    <div class="col-auto">
+      <div class="container">
+        {% if image_name %}
+          <img src="/media/{{image_name}}" class="img img-thumbnail" alt="Аватар">
+        {% else %}
+          <img src="{% static 'no_avatar.png' %}" class="img img-thumbnail" alt="Нет изображения">
+        {% endif %}
       </div>
     </div>
+    <div class="row g-5">
+      <div class="col g-5">
+        <h4><span class="badge bg-secondary">Имя пользователя</span> {{name}}</h4>
+        <h4><span class="badge bg-secondary">Электронная почта</span> {{email}}</h4>
+        <h4><span class="badge bg-secondary">Текущая роль</span> {{role}}</h4>
+        <form action="">
+          <button class="btn btn-primary">Запросить права доступа</button>
+        </form>
+      </div>
+    </div>
+  </div>
 {% endblock %}