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

Open in your IDE?
  1. {% embed '@ui2022/modal__content.html.twig' with {} %}
  2.     {% block body %}
  3.         <div id="select-modal-message-type" class="d-block">
  4.             <h2 class="modal-body--title text-center">Choose a message type</h2>
  5.             <div class="msgtypes">
  6.                 {% if maybe_granted('app.notifications.messaging.general') %}
  7.                     <a
  8.                         class="msgtypes-block msgtypes--general"
  9.                         href="{{- path('app.notifications.dashboard.default.broadcast_modal', {
  10.                             type: 'general',
  11.                         }) -}}"
  12.                         target="_modal"
  13.                     >
  14.                         <span class="msgtypes-inner">
  15.                             <i class="icon-message-plane"></i>
  16.                             <span class="h3">General Message</span>
  17.                             <span class="para">Announcements, reminders and links to important events and information.</span>
  18.                         </span>
  19.                     </a>
  20.                 {% endif %}
  21.                 {% if maybe_granted('app.notifications.messaging.urgent') %}
  22.                     <a
  23.                         id="modal-urgent-message"
  24.                         class="msgtypes-block msgtypes--urgent"
  25.                         href="#"
  26.                     >
  27.                         <span class="msgtypes-inner">
  28.                             <i class="icon-exclamation"></i>
  29.                             <span class="h3">Urgent message</span>
  30.                             <span class="para">Critical alerts and updates (school closings, delays, and other important messages.)</span>
  31.                             <span class="msgtypes-muted">
  32.                                 <i class="icon-activity-voice"></i>
  33.                                 <span>Includes voice message</span>
  34.                             </span>
  35.                         </span>
  36.                     </a>
  37.                 {% endif %}
  38.             </div>
  39.         </div>
  40.         <div id="select-modal-rules" class="d-none">
  41.             <div class="msgtypes__urgent msgtypes__notification" style="display: block;">
  42.                 <div class="notify__head notify__head--urgent">
  43.                     <h3 class="text-bold">Urgent messages</h3>
  44.                 </div>
  45.                 <div class="notify__body">
  46.                     <div class="mb-3">
  47.                         These are CRITICAL alerts and updates, and should be limited to emergencies,
  48.                         school closings and delays, weather and other important alerts.
  49.                     </div>
  50.                     <div>
  51.                         <h5 class="mb-3">Messages that SHOULD NOT be sent as URGENT</h5>
  52.                         <ul class="pl-3">
  53.                             <li class="mb-3">
  54.                                 <b>Non-school related –</b>
  55.                                 anything not related to an urgent school matter
  56.                             </li>
  57.                             <li class="mb-3">
  58.                                 <b>Controversial -</b>
  59.                                 these could include any religious, community or personal issues
  60.                             </li>
  61.                             <li class="mb-3">
  62.                                 <b>General messages -</b>
  63.                                 routine announcements, newsletters, fundraising info, etc.
  64.                             </li>
  65.                         </ul>
  66.                     </div>
  67.                     <div class="notify__actions">
  68.                         <button type="button" class="btn btn-gray mr-5" data-dismiss="modal" aria-label="Close">Cancel</button>
  69.                         <a
  70.                             class="btn btn-dark"
  71.                             href="{{- path('app.notifications.dashboard.default.broadcast_modal', {
  72.                                 type: 'urgent',
  73.                             }) -}}"
  74.                             target="_modal"
  75.                         >
  76.                             I agree
  77.                         </a>
  78.                     </div>
  79.                 </div>
  80.             </div>
  81.         </div>
  82.         <script type="text/javascript">
  83.             $(function () {
  84.                 $('#modal-urgent-message').click(function (e) {
  85.                     e.preventDefault();
  86.                     e.stopPropagation();
  87.                     $('#select-modal-message-type').addClass('d-none').removeClass('d-block');
  88.                     $('#select-modal-rules').removeClass('select-modal-rules').addClass('d-block');
  89.                 });
  90.             });
  91.         </script>
  92.     {% endblock %}
  93. {% endembed %}