src/Products/NotificationsBundle/Resources/views/dashboard/default/main.html.twig line 1

Open in your IDE?
  1. {% extends '@ProductsNotifications/base.html.twig' %}
  3. {% set isGrantedSend = maybe_granted(['app.notifications.messaging.general', 'app.notifications.messaging.urgent']) %}
  4. {% set isGrantedReview = maybe_granted(['app.notifications.contacts.admin', 'app.notifications.contacts.view'])  %}
  6. {% do dom_title_section('Dashboard') %}
  8. {% block header %}
  9.     {% embed '@ui2022/page__header.html.twig' %}
  10.         {% block actions %}
  11.             {% if isGrantedSend %}
  12.                 {% include '@ui2022/button--a.html.twig' with {
  13.                     text: 'Create Message',
  14.                     link: path('app.notifications.dashboard.default.select_modal'),
  15.                     icon: 'icon-message-plane',
  16.                     styles: 'primary',
  17.                     modal: 'modal__new_broadcast',
  18.                 } %}
  19.             {% endif %}
  20.         {% endblock %}
  21.     {% endembed %}
  22. {% endblock %}
  24. {% block content %}
  25.     {% embed '@ui2022/card__infostats.html.twig' %}
  26.         {% block area1 %}
  27.             {% include '@ui2022/card__infostats__header.html.twig' with {
  28.                 title: 'Student reachability',
  29.                 subtitle: 'Current records for students',
  30.             } %}
  31.             {% if stats.contacts.total == 0 %}
  32.                 <p>There are no students in the system yet.</p>
  33.             {% else %}
  34.                 <div class="d-flex justify-content-center justify-content-sm-start flex-wrap mt-1 pt-2">
  35.                     {% include '@ui2022/chart--donut.html.twig' with {
  36.                         legend: stats.contacts|filter((v,k) => k is not same as('total'))|map((v,k) => {
  37.                             label: 'app.notifications.stats.reachability.labels.%s'|format(k)|trans,
  38.                             color: 'app.notifications.stats.reachability.colors.%s'|format(k)|trans([], 'styles', 'app'),
  39.                         }),
  40.                         dataset: stats.contacts|filter((v,k) => k is not same as('total')),
  41.                     } %}
  42.                     {% include '@ui2022/legend.html.twig' with {
  43.                         items: [
  44.                             {
  45.                                 title: stats.contacts['reachable']|number_format,
  46.                                 icon: 'icon-contact-reachable',
  47.                                 styles: 'reachable',
  48.                                 subtitle: 'app.notifications.stats.reachability.labels.reachable'|trans,
  49.                                 tooltip: 'Tooltip text here...',
  50.                                 action: isGrantedReview ? {
  51.                                     text: 'Review',
  52.                                     link: path('app.notifications.dashboard.students.main', {
  53.                                         'query[filter]': 'reachable',
  54.                                     }),
  55.                                 } : null,
  56.                             },
  57.                             {
  58.                                 title: stats.contacts['unreachable']|number_format,
  59.                                 icon: 'icon-contact-unreachable',
  60.                                 styles: 'unreachable',
  61.                                 subtitle: 'app.notifications.stats.reachability.labels.unreachable'|trans,
  62.                                 tooltip: 'Tooltip text here...',
  63.                                 action: isGrantedReview ? {
  64.                                     text: 'Review',
  65.                                     link: path('app.notifications.dashboard.students.main', {
  66.                                         'query[filter]': 'unreachable',
  67.                                     }),
  68.                                 } : null,
  69.                             },
  70.                             {
  71.                                 title: stats.contacts['no-contact']|number_format,
  72.                                 icon: 'icon-contact-warning',
  73.                                 styles: 'warning',
  74.                                 subtitle: 'app.notifications.stats.reachability.labels.no-contact'|trans,
  75.                                 tooltip: 'Tooltip text here...',
  76.                                 action: isGrantedReview ? {
  77.                                     text: 'Review',
  78.                                     link: path('app.notifications.dashboard.students.main', {
  79.                                         'query[filter]': 'no-contact',
  80.                                     }),
  81.                                 }: null,
  82.                             },
  83.                         ],
  84.                     } %}
  85.                 </div>
  86.             {% endif %}
  87.         {% endblock %}
  88.         {% block area2 %}
  89.             {% include '@ui2022/card__infostats__header.html.twig' with {
  90.                 title: 'Communication',
  91.                 subtitle: 'User managed preferences for recieving messages',
  92.             } %}
  93.             <div class="dashboard__progress mt-1 pt-2">
  94.                 <div class="progress__chart">
  95.                     {% include '@ui2022/progress-item.html.twig' with {
  96.                         title: 'Email',
  97.                         value: stats.communication['total'] ? (stats.communication['email'] / stats.communication['total']) : 0,
  98.                     } %}
  99.                     {% include '@ui2022/progress-item.html.twig' with {
  100.                         title: 'Text',
  101.                         value: stats.communication['total'] ? (stats.communication['sms'] / stats.communication['total']) : 0,
  102.                     } %}
  103.                     {% include '@ui2022/progress-item.html.twig' with {
  104.                         title: 'Voice',
  105.                         value: stats.communication['total'] ? (stats.communication['voice'] / stats.communication['total']) : 0,
  106.                     } %}
  107.                     {% include '@ui2022/progress-item.html.twig' with {
  108.                         title: 'App',
  109.                         value: stats.communication['total'] ? (stats.communication['app'] / stats.communication['total']) : 0,
  110.                     } %}
  111.                 </div>
  112.             </div>
  113.         {% endblock %}
  114.         {% block area3 %}
  115.             {% include '@ui2022/card__infostats__header.html.twig' with {
  116.                 title: 'Contacts per segment',
  117.             } %}
  118.             <div class="mt-3">
  119.                 {% include '@ui2022/infostats--cps.html.twig' with {
  120.                     datasets: array_combine(
  121.                         stats.debugging|map((v,k) => 'app.notifications.profiles.types.%s'|format(k)|trans),
  122.                         stats.debugging|map((v) => {
  123.                             'Reachable': {
  124.                                 value: v['reachable']|number_format,
  125.                                 status: 'sent',
  126.                             },
  127.                             'Unreachable': {
  128.                                 value: v['unreachable']|number_format,
  129.                                 status: 'unreachable',
  130.                             },
  131.                             'No Contact': {
  132.                                 value: v['no-contact']|number_format,
  133.                                 status: 'red',
  134.                             },
  135.                             'Total': {
  136.                                 value: v['total']|number_format,
  137.                                 status: 'gray',
  138.                             },
  139.                         })
  140.                     ),
  141.                 } %}
  142.             </div>
  143.         {% endblock %}
  144.     {% endembed %}
  145.     {% embed '@ui2022/cards__infocards.html.twig' %}
  146.         {% block row1 %}
  147.             <div class="col-12 col-sm-6 col-lg-4 mb-4 mb-lg-0">
  148.                 {% include '@ui2022/card__infobox.html.twig' with {
  149.                     icon: 'icon-templates',
  150.                     details: {
  151.                         title: stats.callouts.sis,
  152.                         subtitle: 'SIS Records',
  153.                         action: isGrantedReview ? {
  154.                             link: path('app.notifications.dashboard.sis.main'),
  155.                             text: 'Review',
  156.                         } : null,
  157.                         content: 'Required updates to contacts in the SIS',
  158.                     },
  159.                 } %}
  160.             </div>
  161.             <div class="col-12 col-sm-6 col-lg-4 mb-4 mb-lg-0">
  162.                 {% include '@ui2022/card__infobox.html.twig' with {
  163.                     icon: 'icon-contacts',
  164.                     details: {
  165.                         title: sync ? 'app.oneroster.vendors.%s'|format(sync.vendor)|trans : null,
  166.                         subtitle: 'Data Source',
  167.                         action: null,
  168.                         content: (sync and sync.lastJob) ? 'Database last synced on %s'|format(
  169.                             sync.lastJob.timestampedAt|ui_datetime
  170.                         ) : 'Database not yet synced.',
  171.                     },
  172.                 } %}
  173.             </div>
  174.             <div class="col-12 col-sm-6 col-lg-4 mb-4 mb-lg-0">
  175.                 {% include '@ui2022/card__infobox.html.twig' with {
  176.                     icon: 'icon-school-activities-report',
  177.                     details: {
  178.                         title: stats.callouts.schools,
  179.                         subtitle: 'Schools',
  180.                         action: {
  181.                             link: path('app.notifications.dashboard.reports.main'),
  182.                             text: 'Review',
  183.                         },
  184.                         content: 'Activities and reports for each school',
  185.                     },
  186.                 } %}
  187.             </div>
  188.         {% endblock %}
  189.     {% endembed %}
  190.     {% if isGrantedSend and messages|length > 0 %}
  191.         {% embed '@ui2022/subheader.html.twig' with {
  192.             title: 'Recent Messages',
  193.         } %}
  194.             {% block actions %}
  195.                 {% if isGrantedSend %}
  196.                     {% include '@ui2022/button--a.html.twig' with {
  197.                         text: 'Go to messages',
  198.                         link: path('app.notifications.dashboard.messages.main'),
  199.                         styles: 'shrunk white',
  200.                     } %}
  201.                 {% endif %}
  202.             {% endblock %}
  203.         {% endembed %}
  204.         <div>
  205.             {% include '@ProductsNotifications/dashboard/messages/includes/_results.html.twig' with {
  206.                 searchable: false,
  207.             } %}
  208.         </div>
  209.     {% endif %}
  210. {% endblock %}
  212. {% block modals %}
  213.     {{ parent() }}
  214.     {% include '@ui2022/modal.html.twig' with {
  215.         dialog_styles: 'scrollable centered',
  216.         attr: {
  217.             id: 'modal__new_broadcast',
  218.             class: 'modal-ajax',
  219.         },
  220.     } %}
  221. {% endblock %}