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

Open in your IDE?
  1. {% extends '@ProductsNotifications/base.html.twig' %}
  3. {% do dom_title_section('Messages') %}
  5. {% block wrap %}content__area--uilib reports{% endblock %}
  7. {% block header %}
  8.     {% embed '@ui2022/schoolnow/header.html.twig' with {
  9.         title: message.title,
  10.         back: {
  11.             text: 'Back to Messages',
  12.             link: path('app.notifications.dashboard.messages.main'),
  13.         },
  14.     } %}
  15.         {% block actions %}
  16.             {% include '@ui2022/button--a.html.twig' with {
  17.                 text: 'Clone message',
  18.                 link: path('app.notifications.dashboard.messages.create', {
  19.                     clone: message.id,
  20.                 }),
  21.                 styles: 'gray',
  22.             } %}
  23.         {% endblock %}
  24.     {% endembed %}
  25. {% endblock %}
  27. {% block content %}
  28.     {% if not message.firstJob %}
  29.         <div class="content__data reports__message pt-2">
  30.             <div class="blockgroup">
  31.                 <label class="blockgroup__label">Message</label>
  32.                 <h2 class="h4">{{- message.title -}}</h2>
  33.             </div>
  34.         </div>
  35.     {% else %}
  37.         {% set stats = message.firstJob.summarize %}
  39.         <div class="content__data reports__message pt-2">
  40.             {% embed '@ui2022/tabs--static.html.twig' with {
  41.                 items: [
  42.                     {
  43.                         text: 'Summary',
  44.                         link: path('app.notifications.dashboard.messages.report', {
  45.                             message: message.id,
  46.                         }),
  47.                         active: (app.request.attributes.get('_route') is same as('app.notifications.dashboard.messages.report')),
  48.                     },
  49.                     {
  50.                         text: 'Logs',
  51.                         link: path('app.notifications.dashboard.messages.logs', {
  52.                             message: message.id,
  53.                         }),
  54.                         active: (app.request.attributes.get('_route') is same as('app.notifications.dashboard.messages.logs')),
  55.                     },
  56.                     {
  57.                         text: 'Debugging',
  58.                         link: path('app.notifications.dashboard.messages.debugging', {
  59.                             message: message.id,
  60.                         }),
  61.                         active: (app.request.attributes.get('_route') is same as('app.notifications.dashboard.messages.debugging')),
  62.                     },
  63.                     {
  64.                         text: 'Details',
  65.                         link: path('app.notifications.dashboard.messages.details', {
  66.                             message: message.id,
  67.                         }),
  68.                         active: (app.request.attributes.get('_route') is same as('app.notifications.dashboard.messages.details')),
  69.                     },
  70.                 ],
  71.             } %}
  72.                 {% block tab %}
  73.                     {% include '@ui2022/subheader.html.twig' with {
  74.                         title: 'Summary',
  75.                         classes: 'mt-4 pt-4',
  76.                     } %}
  77.                     <div class="three-column-section">
  78.                         <div class="three-column-inner-section">
  79.                             {% include '@ui2022/schoolnow/stat.html.twig' with {
  80.                                 title: 'Sent',
  81.                                 subtitle: message.firstJob.firstActivityAt|ui_datetime,
  82.                                 value: (message.sending and stats.all.total > 0) ? ((((stats.all.succeeded + stats.all.failed) / stats.all.total) * 100)|round(0, 'ceil') ~ '%') : stats.all.total|number_format,
  83.                                 label: 'Contacts',
  84.                                 link: ((stats.all.succeeded + stats.all.failed) > 0)
  85.                                     ? path('app.notifications.dashboard.messages.filtered_logs', {
  86.                                         message: message.id,
  87.                                         query: {
  88.                                             filter: 'all',
  89.                                             state: 'all',
  90.                                             sort: 'timestamp',
  91.                                             direction: 'DESC'
  92.                                         }
  93.                                     })
  94.                                     : null,
  95.                                 dataToggle: ((stats.all.succeeded + stats.all.failed) > 0) ? 'sidepanel' : null,
  96.                                 dataTarget: ((stats.all.succeeded + stats.all.failed) > 0) ? '#sidepanel__filtered_logs' : null,
  97.                             } %}
  98.                             {% set interval = message.firstJob.activityInterval|ui_relativeDate(true)|split(' ') %}
  99.                             {% include '@ui2022/schoolnow/stat.html.twig' with {
  100.                                 title: message.sending ? 'Running' : 'Completed',
  101.                                 subtitle: message.firstJob.lastActivityAt|ui_datetime,
  102.                                 value: interval[1] is defined ? interval[0]|number_format : interval[0],
  103.                                 label: interval[1]|default(''),
  104.                             } %}
  105.                             {% include '@ui2022/schoolnow/stat.html.twig' with {
  106.                                 title: 'Errors',
  107.                                 subtitle: 'Message not delivered',
  108.                                 value: stats.all.failed|number_format,
  109.                                 label: 'Contacts',
  110.                                 link: (stats.all.failed > 0)
  111.                                     ? path('app.notifications.dashboard.messages.filtered_logs', {
  112.                                         message: message.id,
  113.                                         query: {
  114.                                             filter: 'all',
  115.                                             state: 'failed',
  116.                                             sort: 'timestamp',
  117.                                             direction: 'DESC'
  118.                                         }
  119.                                     })
  120.                                     : null,
  121.                                 dataToggle: (stats.all.failed > 0) ? 'sidepanel' : null,
  122.                                 dataTarget: (stats.all.failed > 0) ? '#sidepanel__filtered_logs' : null,
  123.                             } %}
  124.                         </div>
  125.                     </div>
  126.                     <div class="section__infostats mb-4">
  127.                         <div class="card card__charts">
  128.                             <div class="row row-10">
  129.                                 <div class="col-12 col-md-6">
  130.                                     <h4 class="infostats__title">Delivery methods</h4>
  131.                                     <div class="d-flex justify-content-center justify-content-sm-start flex-wrap mt-1 pt-2">
  132.                                         {% include '@ui2022/chart--donut.html.twig' with {
  133.                                             legend: stats.message_channels|filter((v,k) => v.total > 0)|map((v,k) => {
  134.                                                 label: 'app.notifications.stats.reporting.labels.%s'|format(k)|trans,
  135.                                                 color: 'app.notifications.stats.reporting.colors.%s'|format(k)|trans([], 'styles', 'app'),
  136.                                             }),
  137.                                             dataset: stats.message_channels|filter((v,k) => v.total > 0)|map((v) => v.total),
  138.                                             label: 'Total contacts',
  139.                                         } %}
  140.                                     </div>
  141.                                 </div>
  142.                                 {% if constant('DISCR', message) is same as(constant('Products\\NotificationsBundle\\Entity\\Notifications\\Message::DISCR')) %}
  143.                                     <div class="col-12 mt-4 mt-lg-0 col-md-6">
  144.                                         <h4 class="infostats__title">Targeted audience</h4>
  145.                                         <div class="targetlist">
  146.                                             {% if message.lists|length %}
  147.                                                 {% include '@ui2022/targetlist__item.html.twig' with {
  148.                                                     title: 'Contact lists',
  149.                                                     icon: 'icon-contact-reachable',
  150.                                                     items: message.lists|map((list) => {
  151.                                                         text: list.name,
  152.                                                         link: path('app.notifications.dashboard.lists.view', {
  153.                                                             list: list.id,
  154.                                                         }),
  155.                                                     }),
  156.                                                 } %}
  157.                                             {% endif %}
  158.                                             {% if message.facebookSocialAccounts|length %}
  159.                                                 {% include '@ui2022/targetlist__item.html.twig' with {
  160.                                                     title: 'Facebook pages',
  161.                                                     icon: 'icon-facebook-fill',
  162.                                                     items: message.facebookSocialAccounts|map((social) => {
  163.                                                         text: social.name,
  164.                                                         target: '_blank',
  165.                                                         link: 'https://www.facebook.com/%s'|format(
  166.                                                             social.facebookPageId,
  167.                                                         ),
  168.                                                     }),
  169.                                                 } %}
  170.                                             {% endif %}
  171.                                             {% if message.twitterSocialAccounts|length %}
  172.                                                 {% include '@ui2022/targetlist__item.html.twig' with {
  173.                                                     title: 'Twitter profiles',
  174.                                                     icon: 'icon-twitter-fill',
  175.                                                     items: message.twitterSocialAccounts|map((social) => {
  176.                                                         text: social.name,
  177.                                                         target: '_blank',
  178.                                                         link: 'https://www.twitter.com/%s'|format(
  179.                                                             social.twitterUserName,
  180.                                                         ),
  181.                                                     }),
  182.                                                 } %}
  183.                                             {% endif %}
  184.                                             {% if message.instagramSocialAccounts|length %}
  185.                                                 {% include '@ui2022/targetlist__item.html.twig' with {
  186.                                                     title: 'Instagram accounts',
  187.                                                     icon: 'fab fa-instagram',
  188.                                                     items: message.instagramSocialAccounts|map((social) => {
  189.                                                         text: social.name,
  190.                                                         target: '_blank',
  191.                                                         link: 'https://www.instagram.com/%s'|format(
  192.                                                             social.name,
  193.                                                         ),
  194.                                                     }),
  195.                                                 } %}
  196.                                             {% endif %}
  197.                                             {% if message.websiteDepartments|length %}
  198.                                                 {% include '@ui2022/targetlist__item.html.twig' with {
  199.                                                     title: 'Website departments',
  200.                                                     icon: 'icon-website',
  201.                                                     items: message.websiteDepartments|map((department) => {
  202.                                                         text: department.name,
  203.                                                         target: '_blank',
  204.                                                         link: web_url_catchall(department, '/'),
  205.                                                     }),
  206.                                                 } %}
  207.                                             {% endif %}
  208.                                         </div>
  209.                                     </div>
  210.                                 {% endif %}
  211.                             </div>
  212.                         </div>
  213.                     </div>
  215.                     {% for channel in message.usedChannels(true) %}
  216.                         {% if channel == constant('CHANNELS__EMAIL', message) and message.firstJob.emailTotal %}
  217.                             {% embed '@ui2022/card__deliverymethods.html.twig' with {
  218.                                 icon: 'icon-activity-mail',
  219.                                 title: 'Email',
  220.                                 stats: [
  221.                                     {
  222.                                         label: 'Total sent',
  223.                                         value: message.firstJob.emailSucceeded|number_format,
  224.                                         link: (message.firstJob.emailSucceeded > 0)
  225.                                             ? path('app.notifications.dashboard.messages.filtered_logs', {
  226.                                                 message: message.id,
  227.                                                 query: {
  228.                                                     filter: 'email',
  229.                                                     sort: 'timestamp',
  230.                                                     direction: 'DESC'
  231.                                                 }
  232.                                             })
  233.                                             : null,
  234.                                         dataToggle: (message.firstJob.emailSucceeded > 0) ? 'sidepanel' : null,
  235.                                         dataTarget: (message.firstJob.emailSucceeded > 0) ? '#sidepanel__filtered_logs' : null,
  236.                                     },
  237.                                     {
  238.                                         label: 'Delivery verified',
  239.                                         value: message.firstJob.emailDelivered|number_format,
  240.                                         link: (message.firstJob.emailDelivered > 0)
  241.                                             ? path('app.notifications.dashboard.messages.filtered_logs', {
  242.                                                 message: message.id,
  243.                                                 query: {
  244.                                                     filter: 'email',
  245.                                                     state: 'completed',
  246.                                                     sort: 'timestamp',
  247.                                                     direction: 'DESC'
  248.                                                 }
  249.                                             })
  250.                                             : null,
  251.                                         dataToggle: (message.firstJob.emailDelivered > 0) ? 'sidepanel' : null,
  252.                                         dataTarget: (message.firstJob.emailDelivered > 0) ? '#sidepanel__filtered_logs' : null,
  253.                                     },
  254.                                     {
  255.                                         label: 'Bounces',
  256.                                         value: (message.firstJob.emailUndelivered + message.firstJob.emailFailed)|number_format,
  257.                                         link: ((message.firstJob.emailUndelivered + message.firstJob.emailFailed) > 0)
  258.                                             ? path('app.notifications.dashboard.messages.filtered_logs', {
  259.                                                 message: message.id,
  260.                                                 query: {
  261.                                                     filter: 'email',
  262.                                                     state: 'failed',
  263.                                                     sort: 'timestamp',
  264.                                                     direction: 'DESC'
  265.                                                 }
  266.                                             })
  267.                                             : null,
  268.                                         dataToggle: ((message.firstJob.emailUndelivered + message.firstJob.emailFailed) > 0) ? 'sidepanel' : null,
  269.                                         dataTarget: ((message.firstJob.emailUndelivered + message.firstJob.emailFailed) > 0) ? '#sidepanel__filtered_logs' : null,
  270.                                     },
  271.                                     {
  272.                                         label: 'Open rate',
  273.                                         value: (message.firstJob.emailSucceeded ? (message.firstJob.emailOpened / message.firstJob.emailSucceeded) : 0)|percentage,
  274.                                         progress: message.firstJob.emailSucceeded ? (message.firstJob.emailOpened / message.firstJob.emailSucceeded) : 0,
  275.                                     },
  276.                                 ],
  277.                             } %}
  278.                                 {% block content %}
  279.                                     <table class="table-clear border-0 text-gray-dark">
  280.                                         <tbody>
  281.                                             <tr>
  282.                                                 <td class="text-semibold pr-3 pb-2">Subject:</td>
  283.                                                 <td class="pb-3 pb-sm-2">
  284.                                                     <span>{{ message.emailSubject }}</span>
  285.                                                     <a class="text-body text-underline" href="#" title="View email" data-toggle="modal" data-target="#modal__email_preview">View email</a>
  286.                                                 </td>
  287.                                             </tr>
  288.                                             <tr>
  289.                                                 <td class="text-semibold pr-3">From:</td>
  290.                                                 <td>
  291.                                                     <span class="emailid">{{ message.emailName }} &lt;{{ message.emailFrom }}&gt;</span>
  292.                                                 </td>
  293.                                             </tr>
  294.                                         </tbody>
  295.                                     </table>
  296.                                 {% endblock %}
  297.                             {% endembed %}
  298.                         {% elseif channel == constant('CHANNELS__SMS', message) and message.firstJob.smsTotal %}
  299.                             {% embed '@ui2022/card__deliverymethods.html.twig' with {
  300.                                 icon: 'icon-activity-text',
  301.                                 title: 'SMS',
  302.                                 stats: [
  303.                                     {
  304.                                         label: 'Total sent',
  305.                                         value: message.firstJob.smsSucceeded|number_format,
  306.                                         link: (message.firstJob.smsSucceeded > 0)
  307.                                             ? path('app.notifications.dashboard.messages.filtered_logs', {
  308.                                                 message: message.id,
  309.                                                 query: {
  310.                                                     filter: 'sms',
  311.                                                     state: 'all',
  312.                                                     sort: 'timestamp',
  313.                                                     direction: 'DESC'
  314.                                                 }
  315.                                             })
  316.                                             : null,
  317.                                         dataToggle: (message.firstJob.smsSucceeded > 0) ? 'sidepanel' : null,
  318.                                         dataTarget: (message.firstJob.smsSucceeded > 0) ? '#sidepanel__filtered_logs' : null,
  319.                                     },
  320.                                     {
  321.                                         label: 'Delivery verified',
  322.                                         value: message.firstJob.smsDelivered|number_format,
  323.                                         link: (message.firstJob.smsDelivered > 0)
  324.                                             ? path('app.notifications.dashboard.messages.filtered_logs', {
  325.                                                 message: message.id,
  326.                                                 query: {
  327.                                                     filter: 'sms',
  328.                                                     state: 'completed',
  329.                                                     sort: 'timestamp',
  330.                                                     direction: 'DESC'
  331.                                                 }
  332.                                             })
  333.                                             : null,
  334.                                         dataToggle: (message.firstJob.smsDelivered > 0) ? 'sidepanel' : null,
  335.                                         dataTarget: (message.firstJob.smsDelivered > 0) ? '#sidepanel__filtered_logs' : null,
  336.                                     },
  337.                                     {
  338.                                         label: 'Bounces',
  339.                                         value: (message.firstJob.smsUndelivered + message.firstJob.smsFailed)|number_format,
  340.                                         link: ((message.firstJob.smsUndelivered + message.firstJob.smsFailed) > 0)
  341.                                             ? path('app.notifications.dashboard.messages.filtered_logs', {
  342.                                                 message: message.id,
  343.                                                 query: {
  344.                                                     filter: 'sms',
  345.                                                     state: 'failed',
  346.                                                     sort: 'timestamp',
  347.                                                     direction: 'DESC'
  348.                                                 }
  349.                                             })
  350.                                             : null,
  351.                                         dataToggle: ((message.firstJob.smsUndelivered + message.firstJob.smsFailed) > 0) ? 'sidepanel' : null,
  352.                                         dataTarget: ((message.firstJob.smsUndelivered + message.firstJob.smsFailed) > 0) ? '#sidepanel__filtered_logs' : null,
  353.                                     },
  354.                                 ],
  355.                             } %}
  356.                                 {% block content %}
  357.                                     <table class="table-clear border-0 text-gray-dark">
  358.                                         <tbody>
  359.                                             <tr>
  360.                                                 <td class="text-semibold pr-3 pb-2">Message:</td>
  361.                                                 <td class="pb-3 pb-sm-2">
  362.                                                     <span>{{ message.smsText }}</span>
  363.                                                     {% if message.smsUrl %}
  364.                                                         <a class="text-body text-underline" href="{{ message.smsUrl }}">{{ message.smsUrl }}</a>
  365.                                                     {% endif %}
  366.                                                 </td>
  367.                                             </tr>
  368.                                             <tr>
  369.                                                 <td class="text-semibold pr-3">From:</td>
  370.                                                 <td>
  371.                                                     <span class="emailid">{{ configs.twilio.incomingPhoneNumber|phone_number_format }}</span>
  372.                                                 </td>
  373.                                             </tr>
  374.                                         </tbody>
  375.                                     </table>
  376.                                 {% endblock %}
  377.                             {% endembed %}
  378.                         {% elseif channel == constant('CHANNELS__VOICE', message) and message.firstJob.voiceTotal %}
  379.                             {% embed '@ui2022/card__deliverymethods.html.twig' with {
  380.                                 icon: 'icon-activity-voice',
  381.                                 title: 'Phone',
  382.                                 stats: [
  383.                                     {
  384.                                         label: 'Total sent',
  385.                                         value: message.firstJob.voiceSucceeded|number_format,
  386.                                         link: (message.firstJob.voiceSucceeded > 0)
  387.                                             ? path('app.notifications.dashboard.messages.filtered_logs', {
  388.                                                 message: message.id,
  389.                                                 query: {
  390.                                                     filter: 'voice',
  391.                                                     state: 'all',
  392.                                                     sort: 'timestamp',
  393.                                                     direction: 'DESC'
  394.                                                 }
  395.                                             })
  396.                                             : null,
  397.                                         dataToggle: (message.firstJob.voiceSucceeded > 0) ? 'sidepanel' : null,
  398.                                         dataTarget: (message.firstJob.voiceSucceeded > 0) ? '#sidepanel__filtered_logs' : null,
  399.                                     },
  400.                                     {
  401.                                         label: 'Delivery verified',
  402.                                         value: message.firstJob.voiceDelivered|number_format,
  403.                                         link: (message.firstJob.voiceDelivered > 0)
  404.                                             ? path('app.notifications.dashboard.messages.filtered_logs', {
  405.                                                 message: message.id,
  406.                                                 query: {
  407.                                                     filter: 'voice',
  408.                                                     state: 'completed',
  409.                                                     sort: 'timestamp',
  410.                                                     direction: 'DESC'
  411.                                                 }
  412.                                             })
  413.                                             : null,
  414.                                         dataToggle: (message.firstJob.voiceDelivered > 0) ? 'sidepanel' : null,
  415.                                         dataTarget: (message.firstJob.voiceDelivered > 0) ? '#sidepanel__filtered_logs' : null,
  416.                                     },
  417.                                     {
  418.                                         label: 'Bounces',
  419.                                         value: (message.firstJob.voiceUndelivered + message.firstJob.voiceFailed)|number_format,
  420.                                         link: ((message.firstJob.voiceUndelivered + message.firstJob.voiceFailed) > 0)
  421.                                             ? path('app.notifications.dashboard.messages.filtered_logs', {
  422.                                                 message: message.id,
  423.                                                 query: {
  424.                                                     filter: 'voice',
  425.                                                     state: 'failed',
  426.                                                     sort: 'timestamp',
  427.                                                     direction: 'DESC'
  428.                                                 }
  429.                                             })
  430.                                             : null,
  431.                                         dataToggle: ((message.firstJob.voiceUndelivered + message.firstJob.voiceFailed) > 0) ? 'sidepanel' : null,
  432.                                         dataTarget: ((message.firstJob.voiceUndelivered + message.firstJob.voiceFailed) > 0) ? '#sidepanel__filtered_logs' : null,
  433.                                     },
  434.                                     {
  435.                                         label: 'Answer rate',
  436.                                         value: (message.firstJob.voiceSucceeded ? (message.firstJob.voiceAnswered / message.firstJob.voiceSucceeded) : 0)|percentage,
  437.                                         progress: message.firstJob.voiceSucceeded ? (message.firstJob.voiceAnswered / message.firstJob.voiceSucceeded) : 0,
  438.                                     },
  439.                                 ],
  440.                             } %}
  441.                                 {% block content %}
  442.                                     <table class="table-clear border-0 text-gray-dark">
  443.                                         <tbody>
  444.                                             <tr>
  445.                                                 <td class="text-semibold pr-3 pb-2">Message:</td>
  446.                                                 <td class="pb-3 pb-sm-2">
  447.                                                     <audio controls="" class="d-block ml-md-auto">
  448.                                                         <source src="{{ blobs(message.recording).recordingUrl(message.recording)|escape('html_attr') }}" type="audio/mpeg" />
  449.                                                         Your browser does not support the audio element.
  450.                                                     </audio>
  451.                                                 </td>
  452.                                             </tr>
  453.                                             <tr>
  454.                                                 <td class="text-semibold pr-3">From:</td>
  455.                                                 <td>
  456.                                                     <span class="emailid">
  457.                                                         {{- (message.voiceCallerId ? message.voiceCallerId.phoneNumber : configs.twilio.incomingPhoneNumber)|phone_number_format -}}
  458.                                                     </span>
  459.                                                 </td>
  460.                                             </tr>
  461.                                         </tbody>
  462.                                     </table>
  463.                                 {% endblock %}
  464.                             {% endembed %}
  465.                         {% elseif channel == constant('CHANNELS__APP', message) and message.firstJob.appTotal %}
  466.                             {% embed '@ui2022/card__deliverymethods.html.twig' with {
  467.                                 icon: 'icon-deviceapp',
  468.                                 title: 'Mobile app',
  469.                                 stats: [
  470.                                     {
  471.                                         label: 'Total sent',
  472.                                         value: message.firstJob.appSucceeded|number_format,
  473.                                         link: (message.firstJob.appSucceeded > 0)
  474.                                             ? path('app.notifications.dashboard.messages.filtered_logs', {
  475.                                                 message: message.id,
  476.                                                 query: {
  477.                                                     filter: 'app',
  478.                                                     state: 'pending',
  479.                                                     sort: 'timestamp',
  480.                                                     direction: 'DESC'
  481.                                                 }
  482.                                             })
  483.                                             : null,
  484.                                         dataToggle: (message.firstJob.appSucceeded > 0) ? 'sidepanel' : null,
  485.                                         dataTarget: (message.firstJob.appSucceeded > 0) ? '#sidepanel__filtered_logs' : null,
  486.                                     },
  487.                                     {
  488.                                         label: 'Delivery verified',
  489.                                         value: message.firstJob.appDelivered|number_format,
  490.                                     },
  491.                                     {
  492.                                         label: 'Bounces',
  493.                                         value: (message.firstJob.appUndelivered + message.firstJob.appFailed)|number_format,
  494.                                         link: ((message.firstJob.appUndelivered + message.firstJob.appFailed) > 0)
  495.                                             ? path('app.notifications.dashboard.messages.filtered_logs', {
  496.                                                 message: message.id,
  497.                                                 query: {
  498.                                                     filter: 'app',
  499.                                                     state: 'failed',
  500.                                                     sort: 'timestamp',
  501.                                                     direction: 'DESC'
  502.                                                 }
  503.                                             })
  504.                                             : null,
  505.                                         dataToggle: ((message.firstJob.appUndelivered + message.firstJob.appFailed) > 0) ? 'sidepanel' : null,
  506.                                         dataTarget: ((message.firstJob.appUndelivered + message.firstJob.appFailed) > 0) ? '#sidepanel__filtered_logs' : null,
  507.                                     },
  508.                                 ],
  509.                             } %}
  510.                                 {% block content %}
  511.                                     <table class="table-clear border-0 text-gray-dark">
  512.                                         <tbody>
  513.                                             <tr>
  514.                                                 <td class="text-semibold pr-3 pb-2">Message:</td>
  515.                                                 <td class="pb-3 pb-sm-2">
  516.                                                     <span>{{ message.appTitle }}</span>
  517.                                                 </td>
  518.                                             </tr>
  519.                                         </tbody>
  520.                                     </table>
  521.                                 {% endblock %}
  522.                             {% endembed %}
  523.                         {% elseif channel == constant('CHANNELS__FACEBOOK', message) and message.firstJob.facebookTotal %}
  524.                             {% embed '@ui2022/card__deliverymethods.html.twig' with {
  525.                                 icon: 'icon-facebook-fill',
  526.                                 title: 'Facebook',
  527.                                 stats: [
  528.                                     {
  529.                                         label: 'Total posts',
  530.                                         value: message.firstJob.facebookTotal|number_format,
  531.                                         link: (message.firstJob.facebookTotal > 0)
  532.                                             ? path('app.notifications.dashboard.messages.filtered_logs', {
  533.                                                 message: message.id,
  534.                                                 query: {
  535.                                                     filter: 'facebook',
  536.                                                     state: 'all',
  537.                                                     sort: 'timestamp',
  538.                                                     direction: 'DESC'
  539.                                                 }
  540.                                             })
  541.                                             : null,
  542.                                         dataToggle: (message.firstJob.facebookTotal > 0) ? 'sidepanel' : null,
  543.                                         dataTarget: (message.firstJob.facebookTotal > 0) ? '#sidepanel__filtered_logs' : null,
  544.                                     },
  545.                                     {
  546.                                         label: 'Successful posts',
  547.                                         value: message.firstJob.facebookSucceeded|number_format,
  548.                                         link: (message.firstJob.facebookSucceeded > 0)
  549.                                             ? path('app.notifications.dashboard.messages.filtered_logs', {
  550.                                                 message: message.id,
  551.                                                 query: {
  552.                                                     filter: 'facebook',
  553.                                                     state: 'completed',
  554.                                                     sort: 'timestamp',
  555.                                                     direction: 'DESC'
  556.                                                 }
  557.                                             })
  558.                                             : null,
  559.                                         dataToggle: (message.firstJob.facebookSucceeded > 0) ? 'sidepanel' : null,
  560.                                         dataTarget: (message.firstJob.facebookSucceeded > 0) ? '#sidepanel__filtered_logs' : null,
  561.                                     },
  562.                                     {
  563.                                         label: 'Errors',
  564.                                         value: message.firstJob.facebookFailed|number_format,
  565.                                         link: (message.firstJob.facebookFailed > 0)
  566.                                             ? path('app.notifications.dashboard.messages.filtered_logs', {
  567.                                                 message: message.id,
  568.                                                 query: {
  569.                                                     filter: 'facebook',
  570.                                                     state: 'failed',
  571.                                                     sort: 'timestamp',
  572.                                                     direction: 'DESC'
  573.                                                 }
  574.                                             })
  575.                                             : null,
  576.                                         dataToggle: (message.firstJob.facebookFailed > 0) ? 'sidepanel' : null,
  577.                                         dataTarget: (message.firstJob.facebookFailed > 0) ? '#sidepanel__filtered_logs' : null,
  578.                                     },
  579.                                 ],
  580.                             } %}{% endembed %}
  581.                         {% elseif channel == constant('CHANNELS__TWITTER', message) and message.firstJob.twitterTotal %}
  582.                             {% embed '@ui2022/card__deliverymethods.html.twig' with {
  583.                                 icon: 'icon-twitter-fill',
  584.                                 title: 'Twitter',
  585.                                 stats: [
  586.                                     {
  587.                                         label: 'Total posts',
  588.                                         value: message.firstJob.twitterTotal|number_format,
  589.                                         link: (message.firstJob.twitterTotal > 0)
  590.                                             ? path('app.notifications.dashboard.messages.filtered_logs', {
  591.                                                 message: message.id,
  592.                                                 query: {
  593.                                                     filter: 'twitter',
  594.                                                     state: 'all',
  595.                                                     sort: 'timestamp',
  596.                                                     direction: 'DESC'
  597.                                                 }
  598.                                             })
  599.                                             : null,
  600.                                         dataToggle: (message.firstJob.twitterTotal > 0) ? 'sidepanel' : null,
  601.                                         dataTarget: (message.firstJob.twitterTotal > 0) ? '#sidepanel__filtered_logs' : null,
  602.                                     },
  603.                                     {
  604.                                         label: 'Successful posts',
  605.                                         value: message.firstJob.twitterSucceeded|number_format,
  606.                                         link: (message.firstJob.twitterSucceeded > 0)
  607.                                             ? path('app.notifications.dashboard.messages.filtered_logs', {
  608.                                                 message: message.id,
  609.                                                 query: {
  610.                                                     filter: 'twitter',
  611.                                                     state: 'completed',
  612.                                                     sort: 'timestamp',
  613.                                                     direction: 'DESC'
  614.                                                 }
  615.                                             })
  616.                                             : null,
  617.                                         dataToggle: (message.firstJob.twitterSucceeded > 0) ? 'sidepanel' : null,
  618.                                         dataTarget: (message.firstJob.twitterSucceeded > 0) ? '#sidepanel__filtered_logs' : null,
  619.                                     },
  620.                                     {
  621.                                         label: 'Errors',
  622.                                         value: message.firstJob.twitterFailed|number_format,
  623.                                         link: (message.firstJob.twitterFailed > 0)
  624.                                             ? path('app.notifications.dashboard.messages.filtered_logs', {
  625.                                                 message: message.id,
  626.                                                 query: {
  627.                                                     filter: 'twitter',
  628.                                                     state: 'failed',
  629.                                                     sort: 'timestamp',
  630.                                                     direction: 'DESC'
  631.                                                 }
  632.                                             })
  633.                                             : null,
  634.                                         dataToggle: (message.firstJob.twitterFailed > 0) ? 'sidepanel' : null,
  635.                                         dataTarget: (message.firstJob.twitterFailed > 0) ? '#sidepanel__filtered_logs' : null,
  636.                                     },
  637.                                 ],
  638.                             } %}{% endembed %}
  639.                         {% elseif channel == constant('CHANNELS__INSTAGRAM', message) and message.firstJob.instagramTotal %}
  640.                             {% embed '@ui2022/card__deliverymethods.html.twig' with {
  641.                                 icon: 'fab fa-instagram',
  642.                                 title: 'Instagram',
  643.                                 stats: [
  644.                                     {
  645.                                         label: 'Total posts',
  646.                                         value: message.firstJob.instagramTotal|number_format,
  647.                                         link: (message.firstJob.instagramTotal > 0)
  648.                                             ? path('app.notifications.dashboard.messages.filtered_logs', {
  649.                                                 message: message.id,
  650.                                                 query: {
  651.                                                     filter: 'instagram',
  652.                                                     state: 'all',
  653.                                                     sort: 'timestamp',
  654.                                                     direction: 'DESC'
  655.                                                 }
  656.                                             })
  657.                                             : null,
  658.                                         dataToggle: (message.firstJob.instagramTotal > 0) ? 'sidepanel' : null,
  659.                                         dataTarget: (message.firstJob.instagramTotal > 0) ? '#sidepanel__filtered_logs' : null,
  660.                                     },
  661.                                     {
  662.                                         label: 'Successful posts',
  663.                                         value: message.firstJob.instagramSucceeded|number_format,
  664.                                         link: (message.firstJob.instagramSucceeded > 0)
  665.                                             ? path('app.notifications.dashboard.messages.filtered_logs', {
  666.                                                 message: message.id,
  667.                                                 query: {
  668.                                                     filter: 'instagram',
  669.                                                     state: 'completed',
  670.                                                     sort: 'timestamp',
  671.                                                     direction: 'DESC'
  672.                                                 }
  673.                                             })
  674.                                             : null,
  675.                                         dataToggle: (message.firstJob.instagramSucceeded > 0) ? 'sidepanel' : null,
  676.                                         dataTarget: (message.firstJob.instagramSucceeded > 0) ? '#sidepanel__filtered_logs' : null,
  677.                                     },
  678.                                     {
  679.                                         label: 'Errors',
  680.                                         value: message.firstJob.instagramFailed|number_format,
  681.                                         link: (message.firstJob.instagramFailed > 0)
  682.                                             ? path('app.notifications.dashboard.messages.filtered_logs', {
  683.                                                 message: message.id,
  684.                                                 query: {
  685.                                                     filter: 'instagram',
  686.                                                     state: 'failed',
  687.                                                     sort: 'timestamp',
  688.                                                     direction: 'DESC'
  689.                                                 }
  690.                                             })
  691.                                             : null,
  692.                                         dataToggle: (message.firstJob.instagramFailed > 0) ? 'sidepanel' : null,
  693.                                         dataTarget: (message.firstJob.instagramFailed > 0) ? '#sidepanel__filtered_logs' : null,
  694.                                     },
  695.                                 ],
  696.                             } %}{% endembed %}
  697.                         {% elseif channel == constant('CHANNELS__WEBSITE', message) and message.firstJob.websiteTotal %}
  698.                             {% embed '@ui2022/card__deliverymethods.html.twig' with {
  699.                                 icon: 'icon-website',
  700.                                 title: 'Website',
  701.                                 stats: [
  702.                                     {
  703.                                         label: 'Total posts',
  704.                                         value: message.firstJob.websiteTotal|number_format,
  705.                                         link: (message.firstJob.websiteTotal > 0)
  706.                                             ? path('app.notifications.dashboard.messages.filtered_logs', {
  707.                                                 message: message.id,
  708.                                                 query: {
  709.                                                     filter: 'website',
  710.                                                     state: 'all',
  711.                                                     sort: 'timestamp',
  712.                                                     direction: 'DESC'
  713.                                                 }
  714.                                             })
  715.                                             : null,
  716.                                         dataToggle: (message.firstJob.websiteTotal > 0) ? 'sidepanel' : null,
  717.                                         dataTarget: (message.firstJob.websiteTotal > 0) ? '#sidepanel__filtered_logs' : null,
  718.                                     },
  719.                                     {
  720.                                         label: 'Successful posts',
  721.                                         value: message.firstJob.websiteSucceeded|number_format,
  722.                                         link: (message.firstJob.websiteSucceeded > 0)
  723.                                             ? path('app.notifications.dashboard.messages.filtered_logs', {
  724.                                                 message: message.id,
  725.                                                 query: {
  726.                                                     filter: 'website',
  727.                                                     state: 'completed',
  728.                                                     sort: 'timestamp',
  729.                                                     direction: 'DESC'
  730.                                                 }
  731.                                             })
  732.                                             : null,
  733.                                         dataToggle: (message.firstJob.websiteSucceeded > 0) ? 'sidepanel' : null,
  734.                                         dataTarget: (message.firstJob.websiteSucceeded > 0) ? '#sidepanel__filtered_logs' : null,
  735.                                     },
  736.                                     {
  737.                                         label: 'Errors',
  738.                                         value: message.firstJob.websiteFailed|number_format,
  739.                                         link: (message.firstJob.websiteFailed > 0)
  740.                                             ? path('app.notifications.dashboard.messages.filtered_logs', {
  741.                                                 message: message.id,
  742.                                                 query: {
  743.                                                     filter: 'website',
  744.                                                     state: 'failed',
  745.                                                     sort: 'timestamp',
  746.                                                     direction: 'DESC'
  747.                                                 }
  748.                                             })
  749.                                             : null,
  750.                                         dataToggle: (message.firstJob.websiteFailed > 0) ? 'sidepanel' : null,
  751.                                         dataTarget: (message.firstJob.websiteFailed > 0) ? '#sidepanel__filtered_logs' : null,
  752.                                     },
  753.                                 ],
  754.                             } %}{% endembed %}
  755.                         {% endif %}
  756.                     {% endfor %}
  757.                 {% endblock %}
  758.             {% endembed %}
  759.         </div>
  760.     {% endif %}
  761. {% endblock %}
  763. {% block modals %}
  764.     {{ parent() }}
  765.     {% embed '@ui2022/modal.html.twig' with {
  766.         attr: {
  767.             id: 'modal__email_preview',
  768.         },
  769.     } %}
  770.         {% block content %}
  771.             {% embed '@ui2022/modal__content.html.twig' with {
  772.                 title: 'Email Preview',
  773.             } %}
  774.                 {% block body %}
  775.                     <iframe
  776.                         id="preview-email-iframe"
  777.                         loading="lazy"
  778.                         src="{{ path('app.notifications.dashboard.messages.email_preview', {message: message.id}) }}"
  779.                         frameborder="0"
  780.                         style="width: 100%; height: 500px"
  781.                     >
  782.                     </iframe>
  783.                 {% endblock %}
  784.             {% endembed %}
  785.         {% endblock %}
  786.     {% endembed %}
  787.     {% include '@ui2022/schoolnow/modal--sidepanel.html.twig' with {
  788.         attr: {
  789.             id: 'sidepanel__filtered_logs',
  790.         },
  791.     } %}
  792.     <script type="text/javascript">
  793.         (function (window, document, $, undefined) {
  794.             $(function () {
  795.                 $('#sidepanel__filtered_logs').on('updated.cs.modal', function (e) {
  796.                     const pageHeight = $(window).height();
  797.                     const headerHeight = $('.sidepanel__head').outerHeight();
  798.                     $('.sidepanel__content').height((pageHeight - 3 * headerHeight) + 'px');
  799.                 });
  800.             });
  801.         })(window, document, jQuery);
  802.     </script>
  803. {% endblock %}