-
Notifications
You must be signed in to change notification settings - Fork 25
/
my-blog.html
75 lines (75 loc) · 4.94 KB
/
my-blog.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
{% extends 'base.html' %}
{% block content %}
<section>
<main class="mt-5 mb-5">
<div class="container">
<div class="main-body">
<div class="row">
<div class="col-lg-4">
<div class="card p-3 card-soft-primary ">
<div class="card-body">
<div class="d-flex flex-column align-items-center text-center">
<div class="profile-image-wrapper mt-5">
<div class="profile-image">
<img src="{{ profile.image.url }}" alt="profile" />
</div>
</div>
<div class="mt-1">
<h5 class="fw-bold fs-2 text-200 mb-5 text-center">{{ profile.name }}</h5>
<div class="text-center">
<div class="col-12 d-grid">
<div class="text-center">
<a class="btn btn-primary rounded-pill my-2 col-9"
href="{% url 'blog:create-post' %}">Новая запись</a>
<a class="btn btn-warning rounded-pill my-2 col-9"
href="{% url 'blog:friends' %}">Избранное</a>
</div>
{% include 'tags_categories.html' %}
</div>
</div>
</div>
</div>
<hr class="my-4">
<div class="text-center">{% include 'socials.html' %}</div>
</div>
</div>
</div>
<div class="col-lg-8">
<div class="card p-3 h-100 card-soft-primary">
<div class="profile-card-body">
<div class="row mb-3">
<div class="col-12">
<h6 class="fw-bold fs-1 text-200 my-3">Мои записи</h6>
</div>
</div>
<div>
{% for post in posts %}
<div class="message-card mb-3">
<div class="card-header fs--1 fw-bold">
<div class="d-flex justify-content-between">
<a class="text-decoration-none mt-2" href=""><span class="text-start">{{ post.category }}</span></a>
<span class="text-end icon-group"><a class="icon-item" href="{% url 'blog:update-post' post.id %}"><i class="uil uil-edit fs--1"></i></a><a class="icon-item" href="{% url 'blog:delete-post' post.id %}"><i class="uil uil-times-circle fs--1"></i></a></span>
</div>
</div>
<div class="card-body px-4 py-4">
<h5 class="card-title text-400">{{ post.title }}</h5>
<p class="card-text text-400">{{ post.text|safe|truncatewords:"50" }}</p>
<div class="text-end">
<a class="btn btn-primary rounded-pill btn-md my-2"
href="{% url 'blog:post' post.slug %}">Читать</a>
</div>
</div>
{% include 'blog/post_footer.html' %}
</div>
{% endfor %}
</div>
<div class="my-4">{% include 'pagination.html' with queryset=posts custom_range=custom_range %}</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
</section>
{% endblock content %}