templates/chat/componentes/detalle-linea.html.twig line 1

Open in your IDE?
  1. {% if (oMensaje is defined) and (oMensaje is not empty) %}
  2.     <li class="clearfix">
  3.         {% set alignText = (oMensaje.whabaDestinoId != whabaOrigenId) ? 'text-right' : '' %}
  4.         {% set alignContenido = (oMensaje.whabaDestinoId != whabaOrigenId) ? ' other-message float-right' : ' my-message' %}
  5.         <div class="message-data {{ alignText }}">{# <span class="message-data-time">{{ oMensaje.fechaCreacion|date('H:i')~", "~oMensaje.fechaCreacion|date('d/m/Y') }}</span> #}
  6.             {# {% if (oMensaje.whabaDestinoId == whabaOrigenId) %}
  7.                                         {% set foto = (oPacienteVc is not null and oPacienteVc.foto is not empty) ? oPacienteVc.foto : asset('assets/img/user.png') %}
  8.                                         <img src="{{ foto }}" alt="avatar">
  9.                                     {% endif %} #}
  10.         </div>
  11.         <div class="message {{ alignContenido }}">
  12.             {% if oMensaje.fileMedia is not null %}
  13.                 {% if oMensaje.downloadFile is empty %}
  14.                     {% if (oMensaje.fileType == 'image/jpeg' or oMensaje.fileType == 'image/png' or oMensaje.fileType == 'image/jpg' or oMensaje.fileType == 'image/webp') %}
  15.                         <a onclick="downloadFile('{{ oMensaje.id }}', 'image-conversation-{{ oMensaje.id }}', 'image')" style="cursor: pointer" class="image-conversation-{{ oMensaje.id }}-download mb-2">
  16.                             <i style="font-size: 30px" class="fa fa-download"></i>
  17.                         </a>
  18.                         <img src="{{ asset('assets/img/no-photo.png') }}" width="250" height="150" class="img-thumbnail image-conversation-{{ oMensaje.id }} mb-2">
  19.                     {% elseif (oMensaje.fileType == 'audio/ogg; codecs=opus') %}
  20.                         <a onclick="downloadFile('{{ oMensaje.id }}', 'audio-conversation-{{ oMensaje.id }}', 'audio')" style="cursor: pointer" class="audio-conversation-{{ oMensaje.id }}-download">
  21.                             <img width="30" height="30" src="{{ asset('assets/img/download-audio.png') }}"/>
  22.                         </a>
  23.                         <span class="audiodownloaded-{{ oMensaje.id }}"></span>
  24.                     {% elseif (oMensaje.fileType == 'video/mp4') %}
  25.                         <a onclick="downloadFile('{{ oMensaje.id }}', 'video-conversation-{{ oMensaje.id }}', 'video')" style="cursor: pointer" class="video-conversation-{{ oMensaje.id }}-download">
  26.                             <img width="30" height="30" src="{{ asset('assets/img/download-video.png') }}"/>
  27.                         </a>
  28.                         <span class="videdownload-{{ oMensaje.id }}"></span>
  29.                     {% elseif (oMensaje.fileType == 'application/pdf') %}
  30.                         <a onclick="downloadFile('{{ oMensaje.id }}', 'documento-conversation-{{ oMensaje.id }}', 'documento')" style="cursor: pointer" class="documento-conversation-{{ oMensaje.id }}-download">
  31.                             <img width="30" height="30" src="{{ asset('assets/img/download-document.png') }}"/>
  32.                         </a>
  33.                         <span class="documentdownload-{{ oMensaje.id }}"></span>
  34.                     {% endif %}
  35.                 {% else %}
  36.                     {% set urlFile = ( 'https://area.ziving.com' in oMensaje.downloadFile ) ? oMensaje.downloadFile
  37.                         : "https://sonrieco2.s3.us-east-2.amazonaws.com/"~oMensaje.downloadFile %}
  38.                     {% if (oMensaje.fileType == 'image/jpeg' or oMensaje.fileType == 'image/png' or  oMensaje.fileType == 'image/jpg' or oMensaje.fileType == 'image/webp') %}
  39.                         <img width="250" height="150" src="{{ urlFile }}" class="img-thumbnail mb-2"/>
  40.                         <br>
  41.                         <a target="_blank" class="mb-3" href="{{ urlFile }}" download style="cursor: pointer;padding-left: 100px;padding-right: 100px;">
  42.                             <i style="font-size: 25px" class="fa fa-download"></i>
  43.                         </a>
  44.                     {% elseif (oMensaje.fileType == 'audio/ogg; codecs=opus') %}
  45.                         <audio controls>
  46.                             <source src="{{ urlFile }}" type="audio/ogg">
  47.                         </audio>
  48.                     {% elseif (oMensaje.fileType == 'video/mp4') %}
  49.                         <video controls style="width: 350px;;height: 150px;">
  50.                             <source src="{{ urlFile }}" type="video/mp4">
  51.                         </video>
  52.                     {% elseif (oMensaje.fileType == 'application/pdf') %}
  53.                         <span>
  54.                             <i class="fa fa-file-pdf-o" aria-hidden="true"></i>
  55.                             {{ oMensaje.downloadFile }}
  56.                         </span>
  57.                         <a target="_blank" href="{{ urlFile }}" download class="mb-2" style="cursor: pointer;padding-left: 100px;padding-right: 100px;">
  58.                             <i style="font-size: 25px" class="fa fa-download"></i>
  59.                         </a>
  60.                     {% endif %}
  61.                     {# {% set image = getImageWhatsapp(conversacion.fileMedia, conversacion.id) %}
  62.                                                                     <img src="{{ image }}" class="img-thumbnail"/> #}
  63.                 {% endif %}
  64.             {% endif %}
  66.             <p>{{ (oMensaje.mensaje is not empty) ? oMensaje.mensaje : '' }}</p>
  67.             <span class="detail-time">{{ oMensaje.fechaCreacion|date('H:i')~", "~oMensaje.fechaCreacion|date('d/m/Y') }}</span>
  68.         </div>
  69.     </li>
  70. {% else %}
  71.     <li class="clearfix"></li>
  72. {% endif %}