custom/plugins/CioCustomerMailbox/src/Resources/views/storefront/base.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/base.html.twig' %}
  3. {% block base_main %}
  5.     {% if showUnreadMessagesModal %}
  6.         <!-- Modal -->
  7.         <div class="modal show" id="mailboxReminderModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" style="display: block; background: rgba(80, 80, 80, 0.8);">
  8.             <div class="modal-dialog" role="document">
  9.                 <div class="modal-content">
  10.                     <div class="modal-header d-flex justify-content-center p-2">
  11.                         <h5 class="modal-title" id="exampleModalLabel">{{ 'mailbox.popup.message'|trans }}</h5>
  12.                     </div>
  13.                     <div class="modal-footer d-flex justify-content-center p-3">
  14.                         <a href="{{ seoUrl('storefront.account.mailbox.home') }}" class="btn btn-primary">{{ 'mailbox.popup.viewButton'|trans }}</a>
  15.                         <a href="#" id="hideMailboxReminderButton" class="btn">{{ 'mailbox.popup.remindLaterButton'|trans }}</a>
  16.                     </div>
  17.                 </div>
  18.             </div>
  19.         </div>
  21.         <script>
  22.             function hideMailboxReminderModal(event) {
  24.                 event.preventDefault();
  26.                 var xhr = new XMLHttpRequest();
  27.                 xhr.open("GET", "{{ seoUrl('storefront.mailbox.remindlater') }}", true);
  28.                 xhr.send();
  30.                 document.getElementById('mailboxReminderModal').classList.remove('show');
  31.                 document.getElementById('mailboxReminderModal').style.display = 'none';
  33.             }
  35.             document.getElementById('hideMailboxReminderButton').addEventListener('click', hideMailboxReminderModal);
  36.         </script>
  37.     {% endif %}
  39.     {{ parent() }}
  41. {% endblock %}