templates/comunicacao/modal-notificacoes.html.twig line 1

Open in your IDE?
  1. <div class="button-group right tooltip" title="{{ 'TITULO.COMUNICACAO'| trans | title }}">
  2.     <a href="#" class="dropdown button link px-0">
  3.         {% if mensagens | length > 0 %}
  4.         <span class="badge text-10">{{ mensagens | length }}</span>
  5.         {% endif %}
  6.         <i class="fal fa-fw fa-bell text-gray text-24"></i>
  7.     </a>
  8.     
  9.     <div class="dropdown-list wrap notification-list" data-url="{{ path('notificacao_componente') }}">
  10.         <ul>
  11.             {% for mensagem in mensagens %}
  12.             <li>
  13.                 <a class="dismiss tooltip marcar-lida" title="{{ 'MESS.MARCAR_COMO_LIDA'|trans }}" data-url="{{ path('comunicacao_marcar_lida', {'id_conversa': mensagem.id_conversa }) }}" ><i class="fa fa-times"></i></a>
  14.                 <a href="#" class="tooltip sm default atualiza-modal">
  15.                     <i class="fal fa-fw fa-envelope float-left text-20 mr-2 mt-2"></i>
  16.                     <p class="overflow-hidden line-height">
  17.                         <b>{{ mensagem.nome_usuario }}</b> enviou uma nova mensagem
  18.                         <span class="text-gray d-block text-10">14/08/2019 16:22</span>
  19.                     </p>
  20.                 </a>
  21.             </li>
  22.             {% endfor %}
  23.             {% if mensagens | length == 0 %}
  24.             <li class="text-center p-3">{{ 'SEM_MENSAGENS'|trans }}</li>
  25.             {% endif %}
  26.         </ul>
  27.             
  28.         <div class="row text-12 align-items-center m-0 border-top">
  29.             <div class="col-8">
  30.                 {% if mensagens | length > 0 %}
  31.                 <a href="#" class="d-block py-2 text-gray">Marcar todas como lida</a>
  32.                 {% endif %}
  33.             </div>
  34.             <div class="col-4 text-right">
  35.                 <a href="#" class="d-block medium py-2">Ver todas</a>
  36.             </div>    
  37.         </div>    
  38.     </div>
  39. </div>