src/Products/NotificationsBundle/Resources/views/dashboard/messages/includes/_message_details.html.twig line 1

Open in your IDE?
  1. {% set message = _args.message %}
  2. {% set preview = _args.preview|default(false) %}
  3. <div class="text-gray-dark">
  5.     {% include '@ProductsNotifications/dashboard/messages/includes/_message_detail.html.twig' with { message: message, preview: preview} %}
  7.     {% if message.media|length > 0 %}
  8.         <div class="pt-3 mb-4">
  9.             <h6>Image:</h6>
  10.             <div>
  11.                 <img class="img-fluid d-block" src="{{- (message.media.feature|decorate_media)._urls.medium -}}"
  12.                      width="231" alt="Facebook Preview"/>
  13.             </div>
  14.         </div>
  15.     {% endif %}
  17.     {% if  message.translations|length > 0 %}
  18.         <div class="d-flex align-items-center pt-3 pb-3 mb-4 mt-4">
  19.             <i class="icon-translations mr-3 pr-1 h1 mb-0"></i>
  20.             <span class="text-gray-dark text-semibold h3 mb-0">Translations</span>
  21.         </div>
  22.         {% for translation in message.translations %}
  24.             {% set locale = translation.locale %}
  25.             {% set humanReadableLocale = humanReadableLocales[locale] %}
  27.             <a class="lang_pill mb-2" href="#" data-locale="{{ locale }}" data-toggle="sidepanel"
  28.                data-target="{{ '#translation-sidepanel-' ~  locale }}">{{- humanReadableLocale -}}</a>
  30.             {% if preview %}
  31.                 {% embed '@ui2022/modal.html.twig' with {
  32.                     attr: {
  33.                         id: 'modal__email_preview_' ~ locale,
  34.                     },
  35.                 } %}
  36.                     {% block content %}
  37.                         {% embed '@ui2022/modal__content.html.twig' with {
  38.                             title: 'Email Preview',
  39.                         } %}
  40.                             {% block body %}
  41.                                 <iframe
  42.                                         id="preview-email-iframe{{ locale }}"
  43.                                         loading="lazy"
  44.                                         src="{{ path('app.notifications.dashboard.messages.email_preview', {message: message.id, school: (message.branding ? message.branding.id : 0), locale: locale}) }}"
  45.                                         frameborder="0"
  46.                                         style="width: 100%; height: 500px"
  47.                                 >
  48.                                 </iframe>
  49.                             {% endblock %}
  50.                         {% endembed %}
  51.                     {% endblock %}
  52.                 {% endembed %}
  53.             {% endif %}
  55.             {% embed '@ui2022/schoolnow/modal--sidepanel.html.twig' with {
  56.                 attr: {
  57.                     id: ('translation-sidepanel-' ~ locale),
  58.                     class: 'translation-sidepanel',
  59.                     'data-locale': locale,
  60.                 },
  61.             } %}
  62.                 {% block header %}
  63.                     <div class="sidepanel__head-left">
  64.                         <h2 class="text-an-demibold">{{ humanReadableLocale }}</h2>
  65.                     </div>
  66.                     <div class="sidepanel__head--right">
  67.                         {% include '@ui2022/button--button.html.twig' with {
  68.                             text: 'Hide',
  69.                             styles: 'lighter',
  70.                             attr: {
  71.                                 'data-dismiss': 'sidepanel',
  72.                             },
  73.                         } %}
  74.                     </div>
  75.                 {% endblock %}
  76.                 {% block content %}
  77.                     {% include '@ProductsNotifications/dashboard/messages/includes/_message_detail.html.twig' with { id: message.id, message: translation, locale: locale, preview: preview} %}
  78.                 {% endblock %}
  79.             {% endembed %}
  81.         {% endfor %}
  82.     {% endif %}
  83.     {% if preview %}
  84.         {% embed '@ui2022/modal.html.twig' with {
  85.             attr: {
  86.                 id: 'modal__email_preview',
  87.             },
  88.         } %}
  89.             {% block content %}
  90.                 {% embed '@ui2022/modal__content.html.twig' with {
  91.                     title: 'Email Preview',
  92.                 } %}
  93.                     {% block body %}
  94.                         <iframe
  95.                                 id="preview-email-iframe"
  96.                                 loading="lazy"
  97.                                 src="{{ path('app.notifications.dashboard.messages.email_preview', {message: message.id}) }}"
  98.                                 frameborder="0"
  99.                                 style="width: 100%; height: 500px"
  100.                         >
  101.                         </iframe>
  102.                     {% endblock %}
  103.                 {% endembed %}
  104.             {% endblock %}
  105.         {% endembed %}
  106.     {% endif %}
  107. </div>
  108. <script type="text/javascript">
  109.     (function (window, document, $, undefined) {
  110.         $(function () {
  111.             $('.translation-sidepanel').on('hidden.cs.sidepanel', function (e) {
  112.                 const audioPlayers = $(this).find('audio');
  113.                 for (let i = 0; i < audioPlayers.length; i++) {
  114.                     audioPlayers[i].pause();
  115.                     audioPlayers[i].currentTime = 0;
  116.                 }
  117.             });
  118.         });
  119.     })(window, document, jQuery);
  120. </script>