src/Bidcoz/Bundle/FrontendBundle/Resources/views/Campaign/Volunteer/index.html.twig line 14

Open in your IDE?
  1. {% extends '@BidcozFrontend/campaign.html.twig' %}
  3. {% block sidebar '' %}
  5. {% block beforeContent %}
  6.     {{ parent() }}
  7.     <h1>CrewUp</h1>
  8. {% endblock %}
  10. {% block content %}
  11.     {% if tasks|length %}
  12.         <div class="volunteer-tasks d-flex flex-wrap mx-n3 align-items-stretch">
  13.             {% for task in tasks %}
  14.                 {% set currentUserSignedUp = loggedUser ? (task.assignments|filter(assignment => assignment.user and assignment.user.id == loggedUser.id)|length > 0) : false %}
  15.                 <div class="col-12 col-md-6 col-lg-4 col-xl-3 mb-4">
  16.                     <div class="panel d-flex flex-column h-100">
  17.                         <div class="panel-body pb-0">
  18.                             <h6 class="panel-title mb-2 mt-n2 mb-2">{{ task.title }}</h6>
  19.                             <div class="remaining-spots d-flex flex-wrap align-items-center">
  20.                                 {% include '@BidcozCore/Components/icon.html.twig' with { icon: 'grid-fill', class: 'icon-sm' } %}
  21.                                 {% if task.hasAssignmentsAvailable %}
  22.                                     <small class="ml-1 text-green">Crew: {{ (task.numNeeded - task.assignmentsAvailable)|number_format }} of {{ task.numNeeded|number_format }} Onboard</small>
  23.                                 {% else %}
  24.                                     <small class="ml-1">Fully Crewed - Thanks for Stepping Up!</small>
  25.                                 {% endif %}
  26.                             </div>
  27.                             <hr class="visible-xs">
  28.                             {% if task.description %}<p class="description">{{ task.description|raw }}</p>{% endif %}
  29.                             <hr class="visible-xs">
  31.                             {% if loggedUser %}
  32.                                 {% if task.assignments|length %}
  33.                                     <div class="d-flex flex-wrap align-items-center">
  34.                                         {% include '@BidcozCore/Components/icon.html.twig' with { icon: 'user-fill', class: 'icon-sm' } %}
  35.                                         {% if task.hasAssignmentsAvailable %}
  36.                                             <small class="ml-1">Crew members already on board for this task:</small>
  37.                                         {% else %}
  38.                                             <small class="ml-1">The following people have signed up:</small>
  39.                                         {% endif %}
  40.                                     </div>
  41.                                     {% for assignment in task.assignments|filter(assignment => assignment.user) %}
  42.                                         <small class="ml-4">&bull; {{ assignment.user.name }}</small><br/>
  43.                                     {% endfor %}
  44.                                 {% else %}
  45.                                     <p class="text-center"><strong>You can be the first to crew up!</strong></p>
  46.                                 {% endif %}
  47.                                 <hr class="visible-xs">
  48.                             {% endif %}
  50.                             {% if currentUserSignedUp %}
  51.                                 <p class="text-center"><strong>You're an important part of this crew - thank you!</strong></p>
  52.                             {% endif %}
  53.                         </div>
  54.                         <div class="panel-footer mt-auto px-4 pb-4">
  55.                             {% if currentUserSignedUp %}
  56.                                 {% set canRelease = (task.dateNeededFrom is null) or ((task.dateNeededFrom|date('U')) - ('now'|date('U')) > 24 * 3600) %}
  57.                                 {% if canRelease %}
  58.                                     <div class="">
  59.                                         <form action="{{ path('campaign_volunteer_release_task', campaignParams|merge({taskId: task.id})) }}" method="post">
  60.                                             <button type="submit" class="btn btn-danger btn-sm volunteer-release-btn">Leave the Crew</button>
  61.                                         </form>
  62.                                     </div>
  63.                                 {% else %}
  64.                                     <div class="alert bg-light font-weight-normal text-dark border border-info" role="alert">
  65.                                         Since this task starts in less than 24 hours, please
  66.                                         <a href="{{ path('campaign_contact', campaignParams) }}">contact the CrewUp Administrator</a>
  67.                                         if you need to cancel so we can make sure your role is covered.
  68.                                     </div>
  69.                                 {% endif %}
  70.                             {% else %}
  71.                                 {% if loggedUser %}
  72.                                     <form action="{{ path('campaign_volunteer_for_task', campaignParams|merge({taskId: task.id})) }}" method="post">
  73.                                         <button type="submit" class="btn btn-primary task-select mt-3 volunteer-signup-btn">Count Me In!</button>
  74.                                     </form>
  75.                                 {% else %}
  76.                                     <h6 class="lead">
  77.                                         An account is required to participate.<br><br>
  78.                                         <a href="{{ path('campaign_login_user', campaignParams) }}" data-toggle="modal" data-target="#loginModal" class="btn btn-success trigger-login">Sign In or Create Account</a>
  79.                                     </h6>
  80.                                 {% endif %}
  81.                             {% endif %}
  82.                         </div>
  83.                     </div>
  84.                 </div>
  85.             {% endfor %}
  86.         </div>
  87.     {% else %}
  88.         <div class="panel h-100">
  89.             <div class="panel-body h-100 py-4">
  90.                 <div class="select-type-default center text-center">
  91.                     <div class="d-flex justify-content-center">
  92.                         <i class="fas fa-hands-helping icon"></i>
  93.                     </div>
  94.                     <h2>Sorry, there are currently no tasks available.</h2>
  95.                 </div>
  96.             </div>
  97.         </div>
  98.     {% endif %}
  99. {% endblock %}
  101. {% block stylesheets %}
  102.     {{ parent() }}
  103.     <link rel="stylesheet" href="/components/bootstrap-sweetalert/dist/sweetalert.css" />
  104. {% endblock %}
  106. {% block javascripts %}
  107.     {{ parent() }}
  108.     <script src="/components/bootstrap-sweetalert/dist/sweetalert.min.js" type="text/javascript"></script>
  109. {% endblock %}