app/Resources/BaitPollBundle/views/Poll/poll.html.twig line 1

Open in your IDE?
  1. {% if answerSaved is defined and result is not defined %}
  2.     <div class="convert-to-alert">
  3.         {% if poll.msgSent %}
  4.             <h2 class="text-center button-text font-bold mid-section-pb">{{ poll.msgSent }}</h2>
  5.         {% else %}
  6.             <h2 class="text-center button-text font-bold mid-section-pb">{{'poll success'|trans}}</h2>
  7.         {% endif %}
  8.     </div>
  9. {% endif %}
  11. <poll-form-wrapper
  12.     label="{{ poll.msgOpenButton ?: 'Show poll'|trans }}"
  13.     {% if poll.displayType == 'onclick' and answerSaved is not defined %}
  14.         :show-button="true"
  15.     {% endif %}
  16.     :server-errors="JSON.parse('{{ inputErrors|json_encode|e('js') }}')"
  17. >
  18.     <section
  19.         {% if poll.displayType == 'onclick' and answerSaved is not defined %}
  20.             class="hidden"
  21.         {% endif %}
  22.     >
  23.         {% if poll.dateStart|date('U', 'UTC') > 'now'|date('U', 'UTC') %}
  24.             <h2 class="text-center button-text font-bold mid-section-pb">{{poll.msgNotStarted}}</h2>
  25.         {% elseif poll.dateEnd|date('U', 'UTC') < 'now'|date('U', 'UTC') %}
  26.             <h2 class="text-center button-text font-bold mid-section-pb">{{poll.msgEnded}}</h2>
  27.         {% elseif answerSaved is not defined %}
  28.             {% if alreadyAnswered is defined and alreadyAnswered %}
  29.                 {% if alreadyAnswered.created is defined %}
  30.                     <h2 class="text-center button-text font-bold mid-section-pb">
  31.                         {{'You have answered this poll at'|trans}} {{alreadyAnswered.created|date('d. m. Y')}}
  32.                     </h2>
  33.                 {% else %}
  34.                     <h2 class="text-center button-text font-bold mid-section-pb">{{'You have already answered this poll anoynmously.'|trans}}</h2>
  35.                 {% endif %}
  36.             {% else %}
  37.                 <form class="container mx-auto" method="post" enctype="multipart/form-data">
  38.                     {% for question in poll.questions %}
  39.                         {% set hasDropdownAnswer = false %}
  40.                         {% set hasCheckboxAnswer = false %}
  41.                         {% set hasRadioAnswer = false %}
  42.                         {% set hasRequiredAnswer = false %}
  43.                         {% for answer in question.answers %}
  44.                             {% if answer.type == 'dropdown' %}
  45.                                 {% set hasDropdownAnswer = true %}
  46.                             {% endif %}
  47.                             {% if answer.type == 'checkbox' %}
  48.                                 {% set hasCheckboxAnswer = true %}
  49.                             {% endif %}
  50.                             {% if answer.type == 'radio' %}
  51.                                 {% set hasRadioAnswer = true %}
  52.                             {% endif %}
  53.                             {% if answer.required %}
  54.                                 {% set hasRequiredAnswer = true %}
  55.                             {% endif %}
  56.                         {% endfor %}
  57.                         <div class="flex flex-col items-center {% if loop.last %}last{% endif %}">
  58.                             <p class="flex items-center justify-center font-bold text-center
  59.                                   gap-x-2 lg:gap-x-5 mb-10 font-bold sm-text-card"
  60.                             >
  61.                                 {{question.title}}
  62.                                 {% if hasRequiredAnswer %}
  63.                                     <span class="text-frMagenta">*</span>
  64.                                 {% endif %}
  65.                             </p>
  66.                             {% if question.description %}
  67.                                 <div class="poll-content-desc mb-10 sm-text-card">
  68.                                     {{ question.description|raw }}
  69.                                 </div>
  70.                             {% endif %}
  71.                             {% include 'BaitPollBundle:Poll:fragments/photo.html.twig' with {'photo': question.photo, 'source': question.photoSource, 'link': question.photoSourceLink} %}
  72.                             {% if question.embed %}
  73.                                 <div class="embed-responsive card-rounded mb-15">
  74.                                     <iframe class="embed-responsive__item" width="560" height="315" src="{{ question.embed }}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
  75.                                 </div>
  76.                             {% endif %}
  77.                             {% if hasDropdownAnswer %}
  78.                                 {% include 'BaitPollBundle:Poll:fragments/dropdown.html.twig' %}
  79.                             {% endif %}
  80.                             {% if hasCheckboxAnswer %}
  81.                                 {% include 'BaitPollBundle:Poll:fragments/checkbox.html.twig' %}
  82.                             {% endif %}
  83.                             {% if hasRadioAnswer %}
  84.                                 {% include 'BaitPollBundle:Poll:fragments/radio.html.twig' %}
  85.                             {% endif %}
  86.                             {% for answer in question.answers if answer.type != 'dropdown' and answer.type != 'checkbox' and answer.type != 'radio' %}
  87.                                 {% if answer.embed %}
  88.                                     <div class="embed-responsive card-rounded mb-15">
  89.                                         <iframe class="embed-responsive__item" width="560" height="315" src="{{ answer.embed }}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
  90.                                     </div>
  91.                                 {% endif %}
  92.                                 {% include 'BaitPollBundle:Poll:fragments/photo.html.twig' with {'photo': answer.photo, 'source': answer.photoSource, 'link': answer.photoSourceLink} %}
  93.                                 {% include 'BaitPollBundle:Poll:fragments/' ~ answer.type ~ '.html.twig' ignore missing %}
  94.                                 {{answer.trackingCode|raw}}
  95.                             {% endfor %}
  96.                         </div>
  97.                     {% endfor %}
  98.                     {% if poll.multiEntry and poll.multiEntryInterval == 'without_limit'  %}
  99.                         <div id="recaptcha-{{poll.id}}" style="width: 304px; margin: 0 auto 16px;"></div>
  100.                     {% endif %}
  101.                     <div class="flex justify-center mid-section-pb">
  102.                         <input type="hidden" name="submit" value="{{ poll.id }}">
  103.                         <button
  104.                             type="submit"
  105.                             id="{{ poll.id }}"
  106.                             {% if poll.multiEntry and poll.multiEntryInterval == 'without_limit' %}
  107.                                 disabled
  108.                                 data-recaptcha="{{ poll.id }}"
  109.                             {% endif %}
  110.                             class="flex items-center justify-center
  111.                                    px-15 lg:px-25 h-[32px] lg:h-[50px]
  112.                                    bg-frMagenta border-frMagenta rounded-full
  113.                                    hover:bg-frDarkBlue hover:border-frDarkBlue
  114.                                    transition duration-300 font-bold gap-x-10 lg:gap-x-15"
  115.                         >
  116.                             <span class="flex items-center h-full text-white sm-text-card !leading-none">
  117.                                 {{ 'Submit'|trans }}
  118.                             </span>
  120.                             <img
  121.                                 src="{{ asset('vue/icons/arrow-link-white.svg', 'img') }}"
  122.                                 alt="Send"
  123.                                 class="w-12 h-12 lg:w-20 lg:h-20"
  124.                             />
  125.                         </button>
  126.                     </div>
  127.                 </form>
  128.             {% endif %}
  129.         {% endif %}
  130.     </section>
  131. </poll-form-wrapper>
  133. {# quiz result #}
  134. {% if result is defined %}
  135. <div class="flex flex-col items-center mid-section-pb sm-text-card">
  136.     <div class="{{ "funradio" in site_url ? "container" : "" }}">
  137.         <h2 class="text-center button-text font-bold mid-section-pb">{{'quiz result'|trans}}</h2>
  138.         {% if result.embed %}
  139.             <div class="embed">
  140.                 <div class="youtube">
  141.                     {{ result.embed|raw }}
  142.                 </div>
  143.             </div>
  144.         {% endif %}
  145.         {% include 'BaitPollBundle:Poll:fragments/photo.html.twig' with {'photo': result.photo, 'source': result.photoSource, 'link': result.photoSourceLink} %}
  146.         <h2 style="padding-top:1em; font-weight:normal; text-align: center">
  147.             {{ result.description|raw}}
  148.         </h2>
  149.     </div>
  150. </div>
  151. {% endif %}