style of aside activity list adapted

This commit is contained in:
Julie Lenaerts 2021-09-22 16:23:31 +02:00
parent 1672e873a3
commit aa1f02ebd4

View File

@ -5,7 +5,7 @@
{% endblock title %} {% endblock title %}
{% block content %} {% block content %}
<div class="col-md-10 col-xxl asideactivity-list"> <div class="col-md-10 asideactivity-list">
<h2>{{ 'My aside activities' |trans }}</h2> <h2>{{ 'My aside activities' |trans }}</h2>
{% if entities|length == 0 %} {% if entities|length == 0 %}
@ -15,62 +15,75 @@
</p> </p>
{% else %} {% else %}
<div <div class="flex-table">
class="flex-table my-4 list-records">
{# Sort activities according to date in descending order #}
{% for entity in entities %} {% for entity in entities %}
<div class="item-bloc"> <div class="item-bloc">
<div class="item-row main"> <div class="item-row wrap-header">
<div class="item-col">
<div class="item-col">
<h3> <h3>
<b>{{ entity.type.title | localize_translatable_string }}</b> <b>{{ entity.type.title | localize_translatable_string }}</b>
</h3> </h3>
<div>
{% if entity.date %}
<span>{{ entity.date|format_date('long') }}</span>
{% endif %}
{% if entity.date %}
<span class="duration">
<p>{{ 'Created for' | trans }} <i class="fa fa-fw fa-hourglass-end"></i>
: {{ entity.duration|date('H:i') }}
{{ entity.agent }}</p>
{% if entity.date %} </span>
<p>{{ entity.date|format_date('long') }}</p> {% endif %}
{% endif %}
<div class="duration">
<p>
<i class="fa fa-fw fa-hourglass-end"></i>
{{ entity.duration|date('H:i') }}
</p>
</div> </div>
</div> </div>
<div class="item-col"> <div class="item-col">
<ul class="list-content"> <div class="float-button bottom">
<li style="list-style-type: none;"> <div class="box">
<span class="{{ entity.createdBy is same as app.user ? 'badge bg-chill-pink' : 'badge bg-chill-yellow' }}"> <ul class="list-content fa-ul">
<b>{{ 'Created by'|trans }} <li>
: <span>
{{ entity.createdBy.usernameCanonical }}</b> <abbr class="referrer" title={{ 'Created by'|trans }}>{{ 'By'|trans }}:</abbr>
</span> <b>{{ entity.createdBy.usernameCanonical }}</b>
</li> </span>
</ul> </li>
<li>
<span>
<abbr class="referrer" title={{ 'Created for'|trans }}>{{ 'For'|trans }}:</abbr>
<b>{{ entity.agent.usernameCanonical }}</b>
</span>
</li>
</ul>
<div class="action">
<ul class="record_actions">
<li>
<a href="{{ chill_path_add_return_path('chill_crud_aside_activity_view', { 'id': entity.id } ) }}" class="btn btn-show btn-mini"></a>
</li>
<li>
<a href="{{ chill_path_add_return_path('chill_crud_aside_activity_edit', { 'id': entity.id }) }}" class="btn btn-update btn-mini "></a>
</li>
<li>
<a href="{{ chill_path_add_return_path('chill_crud_aside_activity_delete', { 'id': entity.id } ) }}" class="btn btn-delete btn-mini"></a>
</li>
</ul>
</div>
</div>
</div>
</div> </div>
</div> </div>
<div class="item-col"> <div class="item-row comment separator">
<ul class="list-content"> <section class="chill-entity entity-comment-embeddable">
<ul class="record_actions"> <blockquote class="chill-user-quote">
<li> <p>{{ entity.note }}</p>
<a href="{{ chill_path_add_return_path('chill_crud_aside_activity_edit', { 'id': entity.id }) }}" class="btn btn-update btn-mini "></a> </blockquote>
</li> </section>
<li>
<a href="{{ chill_path_add_return_path('chill_crud_aside_activity_delete', { 'id': entity.id } ) }}" class="btn btn-delete btn-mini"></a>
</li>
</ul>
</ul>
</div> </div>
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
@ -83,7 +96,6 @@
</a> </a>
</li> </li>
</ul> </ul>
</div> {% endif %}
{% endif %}
{% endblock %} {% endblock %}