templates/services/messages/user_typing_message.html.twig line 1

Open in your IDE?
  1. {% set nbIsTyping = 0 %}
  2. {% for user_is_typing in user_typing %}
  3.     {% if   user_is_typing.date_typing == "is_typing" and  user_is_typing.id != app.user.id  %}
  4.         {% set nbIsTyping = nbIsTyping + 1 %}    
  5.     {% endif %}
  6. {% endfor %}
  8. {% if nbIsTyping > 1 %}
  9.     <div class="container-event container-event-custom" id="forcebot" >
  10.         <div class="flex-element">
  11.             <div class="flex-anim">
  12.                 <span>Des participants écrivent en ce moment</span>
  13.                 <div class="loader">
  14.                     <div class="loading one"></div>
  15.                     <div class="loading two"></div>
  16.                     <div class="loading three"></div>
  17.                     <div class="loading four"></div>
  18.                 </div>
  19.             </div>
  20.         </div>
  21.     </div>
  22. {% else %}
  23.         {% for user_is_typing in user_typing %}
  24.             {% if  user_is_typing.date_typing == "is_typing" and user_is_typing.id != app.user.id  %}
  25.             <div class="container-event container-event-custom" id="forcebot" >
  26.                 <div class="flex-element">
  27.                     <div class="image-user">
  28.                         {% if user_is_typing.picture_name is not null %}
  29.                             <img src="/uploads/profiles/{{user_is_typing.picture_name}}">
  30.                         {% endif %}
  31.                     </div>
  32.                     <div class="flex-anim">
  33.                         <span>{{user_is_typing.name}} est en train d'écrire</span>
  34.                         <div class="loader">
  35.                             <div class="loading one"></div>
  36.                             <div class="loading two"></div>
  37.                             <div class="loading three"></div>
  38.                             <div class="loading four"></div>
  39.                         </div>
  40.                     </div>
  41.                 </div>
  42.             </div>
  43.             {% endif %}
  44.         {% endfor %}
  45. {% endif %}