templates/vote/vote.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Vote Machine - {{ event.Name }}{% endblock %}
  5. {% block header %}
  6.     {% include 'header.html.twig' with user %}
  7. {% endblock %}
  8. {% block sidebar %}
  9.     {% include 'sidebar.html.twig' with user %}
  10. {% endblock %}
  12. {% block body %}
  14.     {% set imageURLS = [] %}
  15.     {% set websites = [] %}
  16.     {% if voteItem.Vendor.imageURLS|length > 0 %}
  17.         {% set imageURLS = voteItem.Vendor.imageURLS|split("\n") %}
  18.     {% endif %}
  19.     {% if voteItem.Vendor.website|length > 0 %}
  20.         {% set websites = voteItem.Vendor.website|split(",")  %}
  21.     {% endif %}
  23.     <div class="row col-12 d-flex align-items-center justify-content-center pt-5">
  24.         <div class="card col-12" id="register-staff-screen">
  25.             <div class="card-header row">
  26.                     <div class="col-11">
  27.                         <h1 class="h3 mb-3 font-weight-normal">Vote Machine - {{ event.Name }} [{{ event.TableCategory }}]</h1>
  28.                     </div>
  29.                     <div class="col-1">
  30.                         <span class="fa-layers fa-fw fa-3x">
  31.                             <i class="fas fa-circle {% if remainingVotes <= 10 %}text-danger{% elseif remainingVotes <= 35 %}text-warning{% else %}text-success{%endif %}"></i>
  32.                             <i class="fas fa-box-ballot" data-fa-transform="shrink-6"></i>
  33.                             <span class="fa-layers-text fa-inverse" data-fa-transform="shrink-8" title="Votes Remaining">{{ remainingVotes }}</span>
  34.                             <input type="hidden" id="total-votes-remaining" value="{{ remainingVotes }}">
  35.                             <input type="hidden" id="current-vote-value" value="{{ voteForm.Votes.vars.value }}">
  36.                         </span>
  38.                     </div>
  39.             </div>
  40.             <div class="card-body">
  41.                 <div class="row">
  42.                     <h1>{{ voteItem.Vendor.Name }}</h1>
  43.                 </div>
  45.                 <div class="row">
  46.                     <div class="col-4">
  47.                         <div class="row">
  49.                             <table class="table table-striped col-12">
  50.                                 <tr>
  51.                                     <td class="text-bold">Contact</td>
  52.                                     <td>{{ voteItem.Vendor.vendorContact.firstName }} {{ voteItem.Vendor.vendorContact.lastName }} [{{ voteItem.Vendor.vendorContact.badgeName }}]</td>
  53.                                 </tr>
  54.                                 <tr>
  55.                                     <td class="text-bold">Products/Services</td>
  56.                                     <td>{{ voteItem.Vendor.productsAndServices }}</td>
  57.                                 </tr>
  58.                                 <tr>
  59.                                     <td class="text-bold">Rating</td>
  60.                                     <td>{{ voteItem.Vendor.rating }}
  61.                                         {% if voteItem.Vendor.isMature %}
  62.                                             <i class="fad fa-siren text-danger" title="Adult Content"></i>
  63.                                         {% endif %}
  64.                                     </td>
  65.                                 </tr>
  66.                                 <tr>
  67.                                     <td class="text-bold">Table Type</td>
  68.                                     <td>{{ voteItem.Vendor.tableRequestType }}</td>
  69.                                 </tr>
  70.                                 <tr>
  71.                                     <td class="text-bold">Website</td>
  72.                                     <td>
  73.                                         <ul>
  74.                                             {% for web in websites %}
  75.                                                 {% if 'http' not in web|trim %}
  76.                                                     {% set web = 'https://' ~ web|trim %}
  77.                                                 {% endif %}
  78.                                                 {% set disp = web %}
  79.                                                 {% if web|length > 30 %}
  80.                                                     {% set disp = 'Website' %}
  81.                                                 {% endif %}
  82.                                                 <li><a href="{{ web|trim }}" target="_blank">{{ disp }}</a></li>
  83.                                             {% endfor %}
  84.                                         </ul>
  85.                                     </td>
  86.                                 </tr>
  87.                                 {% if imageURLS|length > 0 %}
  88.                                 <tr>
  89.                                     <td class="text-bold">Other Links</td>
  90.                                     <td>
  91.                                         <ul>
  92.                                             {% set imgcnt = 1 %}
  93.                                             {% for iu in imageURLS %}
  94.                                                 {% if 'http' not in iu|trim %}
  95.                                                     {% set iu = 'https://' ~ iu|trim %}
  96.                                                 {% endif %}
  97.                                                 {% set disp = iu|trim %}
  98.                                                 {% if disp|length > 30 %}
  99.                                                     {% set disp = 'Image ' ~ imgcnt %}
  100.                                                     {% set imgcnt = imgcnt + 1 %}
  101.                                                 {% endif %}
  104.                                                 <li><a href="{{ iu|trim }}" target="_blank">{{ disp }}</a></li>
  105.                                             {% endfor %}
  106.                                         </ul>
  107.                                     </td>
  108.                                 </tr>
  109.                                 {% endif %}
  110.                                 <tr>
  111.                                     <td class="text-bold">Categories</td>
  112.                                     <td>
  113.                                         {% for cat in voteItem.Vendor.vendorCategories %}
  114.                                             {{ cat.category }}{% if cat.isPrimary %}<i class="fas fa-star text-warning"></i>{% endif %}<br/>
  115.                                         {% endfor %}
  116.                                     </td>
  117.                                 </tr>
  118.                                 <tr>
  119.                                     <td class="text-bold">Notes</td>
  120.                                     <td>
  121.                                         {% for note in voteItem.Vendor.vendorNotes %}
  122.                                             <div class="row p-2 mb-1 me-3 note-{{ note.type }}">{{ note.message }}</div>
  123.                                         {% endfor %}
  124.                                     </td>
  125.                                 </tr>
  130.                             </table>
  131.                         </div>
  132.                         <div>
  133.                             {{ form_start(voteForm) }}
  134.                             {{ form_widget(voteForm.isSkip) }}
  135.                             <div class="row vote-row">
  136.                                 <div class="col-2"><a class="btn btn-secondary btn-block {% if prevID is empty %}disabled{% endif %}" href="/vote/{{ event.id }}/{{ prevID }}"><i class="fas fa-backward fa-2x" title="Previous"></i></a></div>
  137.                                 <div class="col-4">
  138.                                     <div class="row">
  139.                                         {{ form_widget(voteForm.Votes) }}
  140.                                     </div>
  141.                                     <div class="row text-center">
  142.                                        # Votes
  143.                                     </div>
  144.                                 </div>
  145.                                 <div class="col-2"><button type="submit" class="btn btn-primary btn-block" id="vote-submit-button"><i class="fas fa-vote-yea fa-2x" title="Submit Votes"></i></button></div>
  146.                                 <div class="col-2"><button type="button" class="btn btn-warning btn-block" id="vote-skip-button"><i class="far fa-comment fa-2x" title="Skip Vendor"></i></button></div>
  148.                                 <div class="col-2"><a class="btn btn-secondary btn-block {% if nextID is empty %}disabled{% endif %}" href="/vote/{{ event.id }}/{{ nextID }}"><i class="fas fa-forward fa-2x" title="Next"></i></a></div>
  149.                             </div>
  150.                             <div id="vote-alert" class="row"></div>
  151.                             {{ form_end(voteForm) }}
  152.                         </div>
  154.                     </div>
  155.                     <div class="col offset-1">
  156.                         {% set slideID = 0 %}
  160.                         <div id="vendor-image-carousel" class="carousel">
  162.                             {% set slideID = 0 %}
  163.                             <div class="carousel-inner">
  164.                                 {% if voteItem.Vendor.vendorImages|length > 0 %}
  165.                                     <div class="carousel-item {% if slideID == 0 %} active{% endif %}" aria-current="{% if slideID == 0 %}true{% else %}false{% endif %}">
  166.                                         <div class="row">
  167.                                             {% for vi in voteItem.Vendor.vendorImages %}
  168.                                                 {% set imgs = vi.imagePath|split('/') %}
  169.                                                 {% set img = imgs|slice(-1)|join('/') %}
  170.                                                 {% set imgPath = imgs|slice(-2)|join('/') %}
  171.                                                 <div class="col-3">
  172.                                                     <img src="/vendorImages/{{ imgPath }}" class="img-fluid" alt="{{ img }}"/>
  173.                                                 </div>
  174.                                             {% endfor %}
  175.                                         </div>
  176.                                     </div>
  177.                                     {% set slideID = slideID+1 %}
  178.                                 {% endif %}
  179.                                 {% if websites|length > 0 %}
  180.                                     {% for web in websites %}
  181.                                         <div class="carousel-item {% if slideID == 0 %}active{% endif %}" aria-current="{% if slideID == 0 %}true{% else %}false{% endif %}">
  182.                                             <iframe sandbox="allow-same-origin" width="100%" height="500" src="{% if 'http' not in web|trim %}https://{% endif %}{{ web|trim }}"></iframe>
  183.                                         </div>
  184.                                         {% set slideID = slideID+1 %}
  185.                                     {% endfor %}
  186.                                 {% endif %}
  187.                                 {% if imageURLS|length > 0 %}
  188.                                     {% for iu in imageURLS %}
  189.                                         <div class="carousel-item {% if slideID == 0 %}active{% endif %}" aria-current="{% if slideID == 0 %}true{% else %}false{% endif %}">
  190.                                             <embed width="100%" height="500" src="{% if 'http' not in iu %}https://{% endif %}{{ iu }}"></embed>
  191.                                         </div>
  192.                                         {% set slideID = slideID+1 %}
  193.                                     {% endfor %}
  194.                                 {% endif %}
  195.                             </div>
  197.                             <div class="carousel-indicators" style="background-color: rgba(0,0,0,.25);">
  198.                                 {% for si in 0..slideID-1 %}
  199.                                     <button type="button" data-bs-target="#vendor-image-carousel" data-bs-slide-to="{{ si }}" {% if si == 0 %}class='active'{% endif %} aria-current="{% if si == 0 %}true{% else %}false{% endif %}" aria-label="" class="btn btn-sm btn-secondary"></button>
  200.                                 {% endfor %}
  201.                             </div>
  203.                             <button class="carousel-control-prev" type="button" data-bs-target="#vendor-image-carousel" data-bs-slide="prev">
  204.                                 <i class="fas fa-caret-left fa-4x" aria-hidden="true"></i>
  205.                                 <span class="visually-hidden">Previous</span>
  206.                             </button>
  207.                             <button class="carousel-control-next" type="button" data-bs-target="#vendor-image-carousel" data-bs-slide="next">
  208.                                 <i class="fas fa-caret-right fa-4x" aria-hidden="true"></i>
  209.                                 <span class="visually-hidden">Next</span>
  210.                             </button>
  211.                         </div>
  218.                     </div>
  219.                 </div>
  222.             </div>
  224.             <div class="card-footer row">
  225.                 <div class="col-12">
  226.                     {% for item in items %}
  227.                         <a class="item-bubble small m-1 {%  if item.Votes > 0 %}item-voted{% elseif item.isSkip == true %}item-skip{% elseif voteItem.Vendor.id == item.Vendor.id %}item-current{% endif %}" href="/vote/{{ event.id }}/{{ item.Vendor.id }}">{{ item.Vendor.Name|slice(0,1) }}</a>
  228.                     {% endfor %}
  229.                 </div>
  230.             </div>
  231.         </div>
  232.     </div>
  233. {% endblock %}