templates/exposed_checkin/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% set footerFixedBottom = true %}
  4. {% block title %}{{ appName }}{% endblock %}
  5. {% block stylesheets %}
  6.     <style>
  7.         .welcome-overlay {
  8.             position: absolute;
  9.             width: 100%;
  10.             height: 100%;
  11.             top: 0;
  12.             left: 0;
  13.             background: #EBEBEB;
  14.         }
  15.     </style>
  16. {% endblock %}
  17. {% block body %}
  18.     <div class="container py-3 bg-light register-container">
  19.         <div class="row mb-5">
  20.             <div class="col-12">
  21.                 <h2>{{ "participant.buttons.addTitle"|trans }} {{ appName }}</h2>
  22.             </div>
  23.         </div>
  24.         {% include "checkin/participantForm.html.twig" with {'form': form} %}
  25.         {% if termsAndConditions is defined and termsAndConditions is not empty %}
  26.             <div class="row text-right">
  27.                 <div class="col-12">
  28.                     <p>{{ "participant.label.downloadTermsAndConditions"|trans }}
  29.                         <a class="" href="{{ path('app_exposedcheckin_downloadFile', {'settingName': 'termsAndConditions'}) }}">{{ appName }}</a>
  30.                     </p>
  31.                 </div>
  32.             </div>
  33.         {% endif %}
  34.     </div>
  35. {% endblock %}
  36. {% block javascripts %}
  37.     {{ parent() }}
  38.     <script type="module" src="{{ asset('js/base.js') }}"></script>
  39.     <script type="application/javascript">
  40.         const formInputs = $('form :input, form a')
  41.         const startDate = new Date('{{ availability.startDate|date('Y-m-d')~'T'~availability.startDate|date('H:i:s') }}')
  42.         const endDate = new Date('{{ availability.endDate|date('Y-m-d')~'T'~availability.startDate|date('H:i:s') }}')
  43.         const dateNow = new Date()
  44.         if (dateNow.getTime() < startDate.getTime()) {
  45.             $(`<div class="d-flex flex-column justify-content-center align-items-center welcome-overlay px-5"><h4>
  46.             {{- 'general.appNotYetAvailable'|trans({
  47.                 '%appName%': appName,
  48.                 '%dateAvailable%': availability.startDate|format_date('full'),
  49.                 '%timeAvailable%': availability.startDate|date('H:i')
  50.             }) -}}</h4></div>`)
  51.                 .appendTo(($(".register-container").children('[class="row"]')).css("position", "relative"));
  52.             formInputs.each( (index, item) => {
  53.                 $(item).attr('tabindex', -1)
  54.             })
  55.             availableAtMessage = '{{ availability.availableAtMessage }}'
  56.             if (availableAtMessage.length > 0) {
  57.                 overlay = $('.welcome-overlay')
  58.                 overlay.append(`</br><h5>${availableAtMessage}</h5>`)
  59.             }
  60.         } else if (dateNow.getTime() > endDate.getTime()) {
  61.             $(`<div class="d-flex flex-column justify-content-center align-items-center welcome-overlay px-5"><h4>{{ 'general.appHasEnded'|trans({
  62.                 '%appName%': appName,
  63.                 '%dateEnded%': availability.endDate|format_date('full'),
  64.                 '%timeEnded%': availability.endDate|date('H:i')
  65.             }) }}</h4></div>`)
  66.                 .appendTo(($(".register-container").children('[class="row"]')).css("position", "relative"));
  67.             formInputs.each( (index, item) => {
  68.                 $(item).attr('tabindex', -1)
  69.             })
  70.             endedAtMessage = '{{ availability.endedAtMessage }}'
  71.             if (endedAtMessage.length > 0) {
  72.                 overlay = $('.welcome-overlay')
  73.                 overlay.append(`</br><h5>${endedAtMessage}</h5>`)
  74.             }
  75.         }
  76.     </script>
  77. {% endblock %}