-
Notifications
You must be signed in to change notification settings - Fork 25
/
single-post.html
117 lines (117 loc) · 8.24 KB
/
single-post.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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
{% 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="{{ post.owner.image.url }}" alt="profile" />
</div>
</div>
<div class="mt-1">
<h5 class="fw-bold fs-2 text-200 mb-5 text-center">{{ post.owner.name }}</h5>
<div class="text-center">
<div class="col-12 d-grid">
{% if request.user.profile.id != profile.id %}
<a class="btn btn-primary rounded-pill my-2"
href="{% url 'blog:create-post' %}">Новая запись</a>
{% else %}
<a class="btn btn-primary rounded-pill my-2"
href="{% url 'blog:user-blog' post.owner.username %}">Блог пользователя</a>
{% endif %}
</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"></div>
</div>
<div>
<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>
{% if request.user.profile.id == post.owner.id %}
<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>
{% else %}
<span class="text-end mt-2">{{ post.published }}</span>
{% endif %}
</div>
</div>
<div class="card-body px-4 my-4">
<h5 class="card-title text-400">{{ post.title }}</h5>
<p class="card-text text-400">{{ post.text|safe }}</p>
<div class="text-end"></div>
</div>
{% include 'blog/post_footer.html' %}
</div>
</div>
<div>
{% if request.user.is_authenticated %}
<div class="message-card card-bg">
<div class="card-body px-4">
<form class="form" action="{% url 'blog:post' post.slug %}" method="POST">
{% csrf_token %}
{% for field in form %}
<div class="form-floating mb-3">
<label for="text">{{ field.label }}</label>
{{ field }}
</div>
{% endfor %}
<div class="text-center">
<button class="btn btn-primary rounded-pill btn-sm mb-3" type="submit">Сохранить</button>
</div>
</form>
</div>
</div>
{% endif %}
</div>
<div id="comments">
{% for comment in comments %}
<div class="message-card card-soft-primary mt-2">
<div class="card-body p-3">
<div class="text-muted d-flex justify-content-between">
<div class="text-start">{{ comment.owner.name }}</div>
<div class="text-end">{{ comment.published }}</div>
</div>
<div class="row g-0 align-items-center">
<div class="col-md-3">
<div class="blog-image-wrapper mt-2">
<div class="blog-image">
<a href="{% url 'user-profile' comment.owner.username %}">
<img src="{{ comment.owner.image.url }}" alt="profile" />
</a>
</div>
</div>
</div>
<div class="col-md-9">
<p class="text-200 mt-2">{{ comment.text }}</p>
</div>
</div>
</div>
</div>
{% endfor %}
<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 %}