diff --git a/public/assets/css/app.css b/public/assets/css/app.css index 6972d8f271722456d037251bf4964d47ec32a283..ccee2c2a053ae286b3da8b80d3136ec9c20b5b1e 100644 --- a/public/assets/css/app.css +++ b/public/assets/css/app.css @@ -20,6 +20,9 @@ .chat-message-own .chat-message-body { background-color: #05728F; } +.chat-message-footer { + color: dimgrey; +} /* AJAX LOADING */ #overlay { @@ -174,13 +177,13 @@ table.label-table > tbody > tr > td { .text-dark-grey { color: #9a9a9a; } -td:hover .fa.text-grey, p:hover .fa.text-grey, h4:hover .fa.text-grey, h1:hover .fa.text-grey { +.links-container:hover .fa.text-grey, td:hover .fa.text-grey, p:hover .fa.text-grey, h4:hover .fa.text-grey, h1:hover .fa.text-grey { color: dimgrey; } .text-light-green { color: #d2e8d2; } -td:hover .fa.text-light-green, p:hover .fa.text-light-green, h4:hover .fa.text-light-green, h1:hover .fa.text-light-green { +.links-container:hover .fa.text-light-green, td:hover .fa.text-light-green, p:hover .fa.text-light-green, h4:hover .fa.text-light-green, h1:hover .fa.text-light-green { color: limegreen; } .fa-fixed-sized { diff --git a/templates/entry/_entryAttributes.html.twig b/templates/entry/_entryAttributes.html.twig index 34af44a6629038b7706a971baa81f5ff7ec50933..6b3eabdfd337841509f05adfd0c285b9695c3d53 100644 --- a/templates/entry/_entryAttributes.html.twig +++ b/templates/entry/_entryAttributes.html.twig @@ -15,14 +15,16 @@ <div class="ms-1 ps-4 mb-2"> {% for key, pronunciation in entry_manager.pronunciations(entry) %} {### PRONUNCIATION ######### SET KEY ##########} - {% set pronunciationKey = '[Items][0][Sense][Pronunciations]['~key~']' %} - - {% if pronunciation.accent is defined %}{{ pronunciation.accent }} :{% endif %} - {{ pronunciation.api }} - {{ _self.actions(entry, pronunciationKey, ['comment'], "", 'Comments') }} - {{ _self.actions(entry, pronunciationKey, ['edit', 'delete'], '', 'Pronunciations') }} - <br> - {{ _self.comments(entry, pronunciation, pronunciationKey) }} + <span class="links-container"> + {% set pronunciationKey = '[Items][0][Sense][Pronunciations]['~key~']' %} + + {% if pronunciation.accent is defined %}{{ pronunciation.accent }} :{% endif %} + {{ pronunciation.api }} + {{ _self.actions(entry, pronunciationKey, ['comment'], "", 'Comments') }} + {{ _self.actions(entry, pronunciationKey, ['edit', 'delete'], '', 'Pronunciations') }} + <br> + {{ _self.comments(entry, pronunciation, pronunciationKey) }} + </span> {% endfor %} </div> diff --git a/templates/entry/show.html.twig b/templates/entry/show.html.twig index fcc67b7d630d0c2865c12c8de1de227a0c0923ee..764a7a45de5d014a659230e199646cd71c798797 100644 --- a/templates/entry/show.html.twig +++ b/templates/entry/show.html.twig @@ -60,43 +60,41 @@ <div class="col col-md-3 col-sm-12"> - <div id="history" class="grey-panel"> - <h5>{{ "Discussion"|trans }}</h5> - - <div id="chatMessages"> - {% for chatMessage in entry.chatMessages %} - <div class=" chat-message {{ chatMessage.createdBy == app.user ? 'chat-message-own' }}"> + <div id="chatMessages" class="grey-panel mb-3"> + <h5 class="mb-3">{{ "Espace de discussion"|trans }}</h5> - <div class="d-flex justify-content-start"> + {% for chatMessage in entry.chatMessages %} + <div class=" chat-message {{ chatMessage.createdBy == app.user ? 'chat-message-own' }}"> - <div class=" flex-shrink-0 mt-1 me-2">{% if app.user != chatMessage.createdBy %}{{ app.user|badge }}{% endif %}</div> + <div class="d-flex justify-content-start"> - <div class="chat-message-content"> - <div class="chat-message-body"> - {{ chatMessage.content|nl2br|raw }} - </div> + <div class=" flex-shrink-0 mt-1 me-2">{% if app.user != chatMessage.createdBy %}{{ app.user|badge }}{% endif %}</div> - <div class="chat-message-footer"> - {{ chatMessage.createdAt|date('d/m/Y à H:i') }} - {% if chatMessage.createdBy == app.user %} - <a title="{{ "Modifier"|trans }}" href="#" data-url="{{ path('app_chat_message_edit', {id: chatMessage.id}) }}" class="modal-form"> - <i class="fa fa-pencil"></i> - </a> - <div class="d-inline-block">{{ include('chat_message/_delete_form.html.twig') }}</div> - {% endif %} - </div> + <div class="chat-message-content"> + <div class="chat-message-body"> + {{ chatMessage.content|nl2br|raw }} + </div> + <div class="chat-message-footer"> + {{ chatMessage.createdAt|date('d/m/Y à H:i') }} + {% if chatMessage.createdBy == app.user %} + <a title="{{ "Modifier"|trans }}" href="#" data-url="{{ path('app_chat_message_edit', {id: chatMessage.id}) }}" class="modal-form"> + <i class="fa fa-pencil"></i> + </a> + <div class="d-inline-block">{{ include('chat_message/_delete_form.html.twig') }}</div> + {% endif %} </div> - </div> + </div> </div> - {% endfor %} - </div> + + </div> + {% endfor %} <div class="row"> <div class="col-md-12"> - <a title="{{ "Ajouter un message"|trans }}" href="#" data-url="{{ path('app_chat_message_new', {entryId: entry.id}) }}" class="modal-form"> - <i class="fa fa-plus-circle text-success"></i> {{ "Ajouter un message"|trans }} + <a title="{{ "Écrire un message"|trans }}" href="#" data-url="{{ path('app_chat_message_new', {entryId: entry.id}) }}" class="modal-form"> + <i class="fa fa-plus-circle text-success"></i> {{ "Écrire un message"|trans }} </a> </div> </div> diff --git a/templates/lexicon/show.html.twig b/templates/lexicon/show.html.twig index 34f2d953562d0985fc66581ec9a50d25ecf5581d..135233c9fa08ff7abae9d171ec3899feeafb9008 100644 --- a/templates/lexicon/show.html.twig +++ b/templates/lexicon/show.html.twig @@ -124,12 +124,55 @@ </div> <div class="col col-md-3"> + + <div id="chatMessages" class="grey-panel mb-3"> + <h5 class="mb-3">{{ "Espace de discussion"|trans }}</h5> + + {% for chatMessage in lexicon.chatMessages %} + <div class=" chat-message {{ chatMessage.createdBy == app.user ? 'chat-message-own' }}"> + + <div class="d-flex justify-content-start"> + + <div class=" flex-shrink-0 mt-1 me-2">{% if app.user != chatMessage.createdBy %}{{ app.user|badge }}{% endif %}</div> + + <div class="chat-message-content"> + <div class="chat-message-body"> + {{ chatMessage.content|nl2br|raw }} + </div> + + <div class="chat-message-footer"> + {{ chatMessage.createdAt|date('d/m/Y à H:i') }} + {% if chatMessage.createdBy == app.user %} + <a title="{{ "Modifier"|trans }}" href="#" data-url="{{ path('app_chat_message_edit', {id: chatMessage.id}) }}" class="modal-form"> + <i class="fa fa-pencil"></i> + </a> + <div class="d-inline-block">{{ include('chat_message/_delete_form.html.twig') }}</div> + {% endif %} + </div> + + </div> + </div> + + </div> + {% endfor %} + + <div class="row"> + <div class="col-md-12"> + <a title="{{ "Écrire un message"|trans }}" href="#" data-url="{{ path('app_chat_message_new', {lexiconId: lexicon.id}) }}" class="modal-form"> + <i class="fa fa-plus-circle text-success"></i> {{ "Écrire un message"|trans }} + </a> + </div> + </div> + + </div> + <div id="history" class="grey-panel"> <h5 class="mb-3">{{ "Historique des modifications"|trans }}</h5> {% for log in log_manager.lastLogsForLexicon(lexicon, app.user) %} <p>{% include "log/_formattedLog.html.twig" %}</p> {% endfor %} </div> + </div> </div>