mirror of
https://github.com/ae-utbm/sith.git
synced 2024-11-26 11:04:20 +00:00
pedagogy: enhance comment look
This commit is contained in:
parent
4a19441a17
commit
43acee8f1b
@ -1730,48 +1730,74 @@ label {
|
|||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
|
|
||||||
.grade {
|
.grade_block {
|
||||||
height: 156px;
|
|
||||||
float: left;
|
.grade {
|
||||||
text-align: left;
|
width: 8%;
|
||||||
padding: 15px;
|
height: 156px;
|
||||||
padding-right: 40px;
|
float: left;
|
||||||
padding-top: 0px;
|
text-align: left;
|
||||||
clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 20%, 75% 0);
|
padding: 15px;
|
||||||
background-color: #1bb9ea;
|
padding-right: 40px;
|
||||||
|
padding-top: 0px;
|
||||||
|
clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 20%, 75% 0);
|
||||||
|
background-color: #1bb9ea;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dif_grade {
|
||||||
|
width: 8%;
|
||||||
|
background-color: #1bb9ea;
|
||||||
|
color: #f0f0f0;
|
||||||
|
height: 156px;
|
||||||
|
float: left;
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: right;
|
||||||
|
padding: 15px;
|
||||||
|
padding-top: 0px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.dif_grade {
|
.info {
|
||||||
background-color: #1bb9ea;
|
background-color: #1bb9ea;
|
||||||
color: #f0f0f0;
|
width: 100%;
|
||||||
height: 156px;
|
|
||||||
float: left;
|
float: left;
|
||||||
font-weight: bold;
|
|
||||||
text-align: right;
|
|
||||||
padding: 15px;
|
|
||||||
padding-top: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.author_info {
|
.date_info {
|
||||||
background-color: #1bb9ea;
|
color: #f0f0f0;
|
||||||
color: #f0f0f0;
|
text-align: center;
|
||||||
text-align: center;
|
width : 34%;
|
||||||
width: 50px;
|
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-weight: bold;
|
margin: 0px;
|
||||||
margin: 0px;
|
float: left;
|
||||||
float: left;
|
}
|
||||||
padding-right: 50px;
|
|
||||||
clip-path: polygon(0 0, 0 100%, 100% 100%, 75% 0);
|
.author_info {
|
||||||
}
|
color: #f0f0f0;
|
||||||
.date_info {
|
text-align: center;
|
||||||
background-color: #1bb9ea;
|
font-weight: bold;
|
||||||
color: #f0f0f0;
|
padding-right: 33%;
|
||||||
float: left;
|
|
||||||
text-align: center;
|
padding: 5px;
|
||||||
width : 34%;
|
margin: 0px;
|
||||||
padding: 5px;
|
float: right;
|
||||||
margin: 0px;
|
padding-right: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.report {
|
||||||
|
background-color: #ea7900;
|
||||||
|
clip-path: polygon(0 0%, 0 100%, 40% 100%, 30% 0);
|
||||||
|
width : 33%;
|
||||||
|
|
||||||
|
& a {
|
||||||
|
color: #f0f0f0;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
padding: 5px;
|
||||||
|
margin: 0px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.action {
|
.action {
|
||||||
|
@ -28,28 +28,32 @@
|
|||||||
<h2>{% trans %}Comments{% endtrans %}</h2>
|
<h2>{% trans %}Comments{% endtrans %}</h2>
|
||||||
{% for comment in object.comments.all() %}
|
{% for comment in object.comments.all() %}
|
||||||
<div id="{{ comment.id }}" class="comment">
|
<div id="{{ comment.id }}" class="comment">
|
||||||
<div class="dif_grade">
|
<div class="grade_block">
|
||||||
<p>{% trans %}global grade{% endtrans %}</p>
|
<div class="dif_grade">
|
||||||
<p>{% trans %}utility grade{% endtrans %}</p>
|
<p>{% trans %}global grade{% endtrans %}</p>
|
||||||
<p>{% trans %}interest grade{% endtrans %}</p>
|
<p>{% trans %}utility grade{% endtrans %}</p>
|
||||||
<p>{% trans %}teaching grade{% endtrans %}</p>
|
<p>{% trans %}interest grade{% endtrans %}</p>
|
||||||
<p>{% trans %}work_load grade{% endtrans %}</p>
|
<p>{% trans %}teaching grade{% endtrans %}</p>
|
||||||
</div>
|
<p>{% trans %}work_load grade{% endtrans %}</p>
|
||||||
<div class="grade">
|
</div>
|
||||||
<p>{{ display_star(comment.grade_global) }}</p>
|
<div class="grade">
|
||||||
<p>{{ display_star(comment.grade_utility) }}</p>
|
<p>{{ display_star(comment.grade_global) }}</p>
|
||||||
<p>{{ display_star(comment.grade_interest) }}</p>
|
<p>{{ display_star(comment.grade_utility) }}</p>
|
||||||
<p>{{ display_star(comment.grade_teaching) }}</p>
|
<p>{{ display_star(comment.grade_interest) }}</p>
|
||||||
<p>{{ display_star(comment.grade_work_load) }}</p>
|
<p>{{ display_star(comment.grade_teaching) }}</p>
|
||||||
|
<p>{{ display_star(comment.grade_work_load) }}</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{{ comment.comment|markdown }}
|
{{ comment.comment|markdown }}
|
||||||
<p class="date_info">{{ comment.publish_date.strftime('%d/%m/%Y') }}</p>
|
|
||||||
<p class="author_info">{{ comment.author }}</p>
|
|
||||||
|
|
||||||
|
<div class="info">
|
||||||
|
<p class="report"><a href="{{ url('pedagogy:comment_report', comment_id=comment.id) }}">{% trans %}Report this comment{% endtrans %}</a></p>
|
||||||
|
<p class="date_info">{{ comment.publish_date.strftime('%d/%m/%Y') }}</p>
|
||||||
|
<p class="author_info">{{ comment.author }}</p>
|
||||||
|
</div>
|
||||||
{# Warning, it's not displayed yet #}
|
{# Warning, it's not displayed yet #}
|
||||||
<p class="action">
|
<p class="action">
|
||||||
<a href="{{ url('pedagogy:uv_detail', uv_id=uv.id) }}#{{ comment.id }}"><i class="fa fa-paragraph"></i></a>
|
<a href="{{ url('pedagogy:uv_detail', uv_id=uv.id) }}#{{ comment.id }}"><i class="fa fa-paragraph"></i></a>
|
||||||
<a href="{{ url('pedagogy:comment_report', comment_id=comment.id) }}">{% trans %}Report{% endtrans %}</a>
|
|
||||||
{% if user.is_owner(comment) %}
|
{% if user.is_owner(comment) %}
|
||||||
<a href="{{ url('pedagogy:comment_update', comment_id=comment.id) }}">{% trans %}Edit{% endtrans %}</a>
|
<a href="{{ url('pedagogy:comment_update', comment_id=comment.id) }}">{% trans %}Edit{% endtrans %}</a>
|
||||||
<a href="{{ url('pedagogy:comment_delete', comment_id=comment.id) }}">{% trans %}Delete{% endtrans %}</a>
|
<a href="{{ url('pedagogy:comment_delete', comment_id=comment.id) }}">{% trans %}Delete{% endtrans %}</a>
|
||||||
|
Loading…
Reference in New Issue
Block a user