Add profile page and temporary base.html

2021-02-06 14:33:55 +03:00
parent 2919761b2f
commit 981e793e3e
6 changed files with 149 additions and 7 deletions
--- a/main/templates/base/base.html
+++ b/main/templates/base/base.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>{% block title %}{% endblock %}</title>
+  <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1"
+      crossorigin="anonymous"
+    />
+  <style>
+    {% block extra_css %}{% endblock %}
+  </style>
+
+</head>
+<body>
+<main>
+  <div class="container">
+    <h1 class="mb-4">
+      {% block heading %}{% endblock %}
+    </h1>
+  </div>
+
+  <div class="container" >
+    {% block content %}{% endblock %}
+  </div>
+</main>
+<script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
+      crossorigin="anonymous"
+    ></script>
+</body>
+</html>
--- a/main/templates/pages/profile.html
+++ b/main/templates/pages/profile.html
@@ -0,0 +1,35 @@
+{% extends 'base/base.html' %}
+{% load static %}
+
+{% block title %}
+  {{ pagename }}
+{% endblock %}
+
+{% block heading %}
+  Профиль
+{% endblock %}
+
+{% block extra_css%}
+  .img{
+    width:auto;
+    height:auto;
+    max-width:400px!important;
+    max-height:500px!important;
+  }
+{% 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>
+        </div>
+      </div>
+    </div>
+{% endblock %}