templates/Front/Organizer/profile.html.twig line 1

Open in your IDE?
  1. {% extends "Global/layout.html.twig" %}
  3. {% set pagetitle = organizer.name %}
  5. {% block title %}{{pagetitle}}{% endblock %}
  7. {% block content %}
  9.     <section class="section-content padding-y bg-white">
  10.         <div class="{{ services.getSetting("app_layout") }}">
  11.             <div class="row">
  12.                 <main class="col-12">
  14.                     {% if is_granted('ROLE_ORGANIZER') %}
  15.                         {% if app.user.organizer == organizer %}
  16.                             {% include "Global/message.html.twig" with { type: 'info', icon: 'fas fa-info-circle', message: ('<a href="'~ path('dashboard_organizer_profile') ~'">' ~ 'Click here'|trans ~ '</a> ' ~ 'to edit your profile'|trans) } %}
  17.                         {% endif %}
  18.                     {% endif %}
  20.                     <div class="shadow rounded overflow-hidden">
  22.                         {% if organizer.coverName %}<div class="organizer-profile-cover parallax-window" data-parallax="scroll" data-image-src="{{asset(organizer.getCoverPath)}}"></div>{% endif %}
  24.                         <div class="row">
  25.                             <div class="col-12 col-lg-4">
  26.                                 <div class="organizer-profile-sidebar text-center {% if not organizer.coverName %}mt-3 mb-3{% endif %}">
  28.                                     <span class="avatar organizer-profile-logo" style="background: url('{{ organizer.logoName ? asset(organizer.getLogoPath) : organizer.getLogoPlaceholder }}');"></span>
  30.                                     <h4 class="font-weight-bold text-center my-5">{{ organizer.name }}</h4>
  32.                                     {% if organizer.hasSocialMedia %}
  34.                                         <ul class="list-inline mb-0">
  35.                                             {% if organizer.website %}
  36.                                                 <li class="list-inline-item">
  37.                                                     <a href="{% if 'http://' not in organizer.website and 'https://' not in organizer.website %}http://{% endif %}{{ organizer.website }}"  class="display-inline-block mr-3" rel="noopener" target="_blank"><i class="icon fas fa-globe fa-lg fa-fw"></i></a>
  38.                                                 </li>
  39.                                             {% endif %}
  40.                                             {% if organizer.email %}
  41.                                                 <li class="list-inline-item">
  42.                                                     <a href="mailto:{{ organizer.email }}"  class="display-inline-block mr-3" target="_blank" rel="noopener"><i class="icon fas fa-at fa-lg fa-fw"></i></a>
  43.                                                 </li>
  44.                                             {% endif %}
  45.                                             {% if organizer.phone %}
  46.                                                 <li class="list-inline-item">
  47.                                                     <a href="tel:{{ organizer.phone }}" class="display-inline-block mr-3"><i class="icon fas fa-phone fa-lg fa-fw"></i></a>
  48.                                                 </li>
  49.                                             {% endif %}
  50.                                             {% if organizer.facebook %}
  51.                                                 <li class="list-inline-item">
  52.                                                     <a href="{% if 'http://' not in organizer.facebook and 'https://' not in organizer.facebook %}http://{% endif %}{{ organizer.facebook }}" class="display-inline-block mr-3" rel="noopener" target="_blank"><i class="icon fab fa-facebook-f fa-lg fa-fw"></i></a>
  53.                                                 </li>
  54.                                             {% endif %}
  55.                                             {% if organizer.twitter %}
  56.                                                 <li class="list-inline-item">
  57.                                                     <a href="{% if 'http://' not in organizer.twitter and 'https://' not in organizer.twitter %}http://{% endif %}{{ organizer.twitter }}" class="display-inline-block mr-3" rel="noopener" target="_blank"><i class="icon fab fa-twitter fa-lg fa-fw"></i></a>
  58.                                                 </li>
  59.                                             {% endif %}
  60.                                             {% if organizer.googleplus %}
  61.                                                 <a href="{% if 'http://' not in organizer.googleplus and 'https://' not in organizer.googleplus %}http://{% endif %}{{ organizer.googleplus }}" class="display-inline-block mr-3" rel="noopener" target="_blank"><i class="icon fab fa-google-plus fa-lg fa-fw"></i></a>
  62.                                                 {% endif %}
  63.                                                 {% if organizer.instagram %}
  64.                                                 <a href="{% if 'http://' not in organizer.instagram and 'https://' not in organizer.instagram %}http://{% endif %}{{ organizer.instagram }}" class="display-inline-block mr-3" rel="noopener" target="_blank"><i class="icon fab fa-instagram fa-lg fa-fw"></i></a>
  65.                                                 {% endif %}
  66.                                                 {% if organizer.linkedin %}
  67.                                                 <a href="{% if 'http://' not in organizer.linkedin and 'https://' not in organizer.linkedin %}http://{% endif %}{{ organizer.linkedin }}" class="display-inline-block mr-3" rel="noopener" target="_blank"><i class="icon fab fa-linkedin fa-lg fa-fw"></i></a>
  68.                                                 {% endif %}
  69.                                         </ul>
  70.                                     {% endif %}
  72.                                     {% if organizer.description %}
  73.                                         <div class="py-4 px-4 text-muted line-height-2 readmore" data-collapsed-height="150" data-height-margin="20">
  74.                                             {{ organizer.description|raw|nl2br }}
  75.                                         </div>
  76.                                     {% endif %}
  77.                                 </div>
  78.                             </div>
  79.                             <div class="col-12 col-lg-8 bg-light">
  81.                                 {% set publishedeventscount = services.getEvents({"count": true, elapsed: "all", organizer: organizer.slug}).getQuery().getSingleScalarResult() %}
  83.                                 <div class="p-4 d-flex justify-content-end text-center">
  84.                                     <ul class="list-inline mb-0">
  85.                                         {% if organizer.categories|length %}
  86.                                             {% for category in organizer.categories %}
  87.                                                 <li class="list-inline-item mr-3">
  88.                                                     <h5 class="font-weight-bold mb-0 d-block">
  89.                                                         <i class="{{ category.icon }}"></i>
  90.                                                     </h5>
  91.                                                     <small class="text-muted">
  92.                                                         {{ category.name }}
  93.                                                     </small>
  94.                                                 </li>
  95.                                             {% endfor %}
  97.                                         {% endif %}
  98.                                         {% if organizer.country %}
  99.                                             <li class="list-inline-item mr-3">
  100.                                                 <h5 class="font-weight-bold mb-0 d-block">
  101.                                                     <span class="flag flag-{{organizer.country.code|lower}}"></span>
  102.                                                 </h5>
  103.                                                 <small class="text-muted">
  104.                                                     {{ organizer.country.name }}
  105.                                                 </small>
  106.                                             </li>
  107.                                         {% endif %}
  108.                                         <li class="list-inline-item mr-3">
  109.                                             <h5 class="font-weight-bold mb-0 d-block">{{ publishedeventscount }}</h5><small class="text-muted"> <i class="fas fa-calendar-alt fa-fw mr-1"></i>{{ "Events"|trans }}</small>
  110.                                         </li>
  111.                                         <li class="list-inline-item">
  112.                                             <h5 class="font-weight-bold mb-0 d-block">{{ organizer.followedby|length }}</h5><small class="text-muted"> <i class="fas fa-folder-plus mr-1"></i>{{ "Followers"|trans }}</small>
  113.                                         </li>
  114.                                         <li class="list-inline-item ml-3">
  115.                                             {% if not is_granted('IS_AUTHENTICATED_REMEMBERED') or is_granted('ROLE_ATTENDEE') %}
  116.                                                 {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
  117.                                                     {% if organizer.isFollowedBy(app.user) %}
  118.                                                         <button class="organizer-unfollow btn btn-outline-primary btn-sm btn-block" data-target="{{ path('dashboard_attendee_following_remove', { slug : organizer.slug }) }}"><i class="fas fa-folder-minus"></i> {{ "Unfollow"|trans }}</button>
  119.                                                     {% else %}
  120.                                                         <button class="organizer-follow btn btn-outline-primary btn-sm btn-block" data-target="{{ path('dashboard_attendee_following_add', { slug : organizer.slug }) }}"><i class="fas fa-folder-plus"></i> {{ "Follow"|trans }}</button>
  121.                                                     {% endif %}
  122.                                                 {% else %}
  123.                                                     <a href="{{ path('fos_user_security_login')~'?_target_path='~app.request.getPathInfo }}" class="btn btn-outline-primary btn-sm btn-block"><i class="fas fa-folder-plus"></i> {{ "Follow"|trans }}</a>
  124.                                                 {% endif %}
  125.                                             {% endif %}
  126.                                         </li>
  127.                                     </ul>
  128.                                 </div>
  130.                                 {% set onsaleeventscount = services.getEvents({"count": true, elapsed: false, organizer: organizer.slug}).getQuery().getSingleScalarResult() %}
  131.                                 {% set pasteventscount = services.getEvents({"count": true, elapsed: true, organizer: organizer.slug}).getQuery().getSingleScalarResult() %}
  132.                                 <div class="py-4 px-4">
  133.                                     <ul class="nav nav-pills mb-3">
  134.                                         <li class="nav-item">
  135.                                             <a class="nav-link active" data-toggle="pill" href="#organizer-onsale-events" role="tab" aria-controls="organizer-onsale-events" aria-selected="true">{{ "Events on sale"|trans }} ({{ onsaleeventscount }})</a>
  136.                                         </li>
  137.                                         <li class="nav-item">
  138.                                             <a class="nav-link" data-toggle="pill" href="#organizer-past-events" role="tab" aria-controls="organizer-past-events" aria-selected="false">{{ "Past events"|trans }} ({{ pasteventscount }})</a>
  139.                                         </li>
  140.                                     </ul>
  141.                                     <div class="tab-content">
  142.                                         <div class="tab-pane fade show active" id="organizer-onsale-events" role="tabpanel" aria-labelledby="organizer-onsale-events-tab">
  143.                                             {% if onsaleeventscount > 0 %}
  144.                                                 {% for event in services.getEvents({elapsed: false, organizer: organizer.slug, limit: 10}).getQuery().getResult() %}
  145.                                                     {% include "Global/event-card.html.twig" with {event: event} %}
  146.                                                 {% endfor %}
  147.                                             {% else %}
  148.                                                 {% include "Global/message.html.twig" with { type: "info", message: ('No events on sale for now'|trans) } %}
  149.                                             {% endif %}
  150.                                             {% if onsaleeventscount > 10 %}
  151.                                                 <a href="{{ path('events', { organizer: organizer.slug }) }}" class="btn btn-outline-primary mx-auto"><i class="fas fa-ticket-alt"></i> {{ "See all events on sale"|trans }}</a>
  152.                                             {% endif %}
  153.                                         </div>
  154.                                         <div class="tab-pane fade" id="organizer-past-events" role="tabpanel" aria-labelledby="organizer-past-events">
  155.                                             {% if pasteventscount > 0 %}
  156.                                                 {% for event in services.getEvents({elapsed: true, organizer: organizer.slug, limit: 10}).getQuery().getResult() %}
  157.                                                     {% include "Global/event-card.html.twig" with {event: event} %}
  158.                                                 {% endfor %}
  159.                                             {% else %}
  160.                                                 {% include "Global/message.html.twig" with { type: "info", message: ('No past events found'|trans) } %}
  161.                                             {% endif %}
  162.                                         </div>
  163.                                     </div>
  164.                                 </div>
  166.                                 {% if organizer.showvenuesmap and google_maps_api_key != "" %}
  167.                                     {% set venuescount = services.getVenues({"count": true, organizer: organizer.slug}).getQuery().getSingleScalarResult() %}
  168.                                     {% if venuescount %}
  169.                                         {% set venues = [] %}
  170.                                         {% for venue in services.getVenues({organizer: organizer.slug}).getQuery().getResult() %}
  171.                                             {% set venues = venues|merge([{"name": venue.name, "address":(venue.name ~ ": " ~venue.stringifyAddress), "lat": venue.lat, "lng": venue.lng, "link": (path('venue', { slug : venue.slug })), "image": (venue.images|length ? (asset(venue.images[0].getImagePath)): (venue.getImagePlaceholder) ) }]) %}
  172.                                         {% endfor %}
  174.                                         <div class="py-4 px-4">
  175.                                             <h4 class="mb-2"><i class="fas fa-compass mr-1"></i> {{ "Venues"|trans }}</h4>
  176.                                             <div id="venues-map" data-pin-path="{{ asset('assets/img/icons/pin.png') }}" data-venues="{{ venues|json_encode() }}" class="vh-90"></div>
  177.                                         </div>
  178.                                     {% endif %}
  179.                                 {% endif %}
  180.                                                         {% set youtubeUrlParts = organizer.youtubeurl|split('=') %}
  181.                             {% if youtubeUrlParts|length > 1 %}
  182.                                 <iframe width="100%" height="400" src="https://www.youtube.com/embed/{{ youtubeUrlParts[1] }}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  183.                             {% else %}
  184.                                 <!-- Handle case where YouTube URL is not in the correct format -->
  185.                                 <p>Opps ! No  URL Seted</p>
  186.                             {% endif %}
  188.                                 {% if organizer.showfollowers and organizer.followedby|length %}
  189.                                     <div class="py-4 px-4">
  190.                                         <h4 class="mb-2"><i class="fas fa-user-plus mr-1"></i> {{ "Followers"|trans }}</h4>
  191.                                         <div class="card border-0 card-body overflow-auto text-nowrap">
  192.                                             <div class="avatar-list py-4">
  193.                                                 {% for user in organizer.followedby %}
  194.                                                     {% include "Global/user-avatar.html.twig" with { user: user, showusernametooltip: true } %}
  195.                                                 {% endfor %}
  196.                                             </div>
  197.                                         </div>
  198.                                     </div>
  199.                                 {% endif %}
  201.                                 {% set reviewscount = services.getReviews({"count": true, "organizer": organizer.slug}).getQuery().getSingleScalarResult() %}
  203.                                 {% if organizer.showreviews and reviewscount %}
  204.                                     <div class="row mt-5 px-4">
  205.                                         <div class="col-12">
  206.                                             <h4 class="mb-2"><i class="fas fa-star mr-1"></i> {{ "Reviews"|trans }}</h4>
  207.                                         </div>
  208.                                         {% for review in services.getReviews({"organizer": organizer.slug, "limit": 8}).getQuery().getResult() %}
  209.                                             <div class="col-12 col-lg-6 py-4">
  210.                                                 {% include "Global/user-review.html.twig" with { review : review, showuser: true, showevent: true } %}
  211.                                             </div>
  212.                                         {% endfor %}
  213.                                     </div>
  214.                                 {% endif %}
  215.                             </div>
  216.                         </div>
  217.                     </div>
  218.                 </main>
  219.             </div>
  220.     </section>
  222. {% endblock %}
  224. {% block javascripts %}
  225.     {% if google_maps_api_key != "" %}
  226.         {{ encore_entry_script_tags('organizerprofile') }}
  227.         <script async defer src="https://maps.googleapis.com/maps/api/js?key={{google_maps_api_key}}&callback=initMap" integrity="sha384-oqVuAfXRKap7fdgcCY5uykM6+R9GqQ8K/uxy9rx7HNQlGYl1kPzQho1wx4JwY8wC">
  228.         </script>
  229.         {% include "Global/organizer-info-box.html.twig" %}
  230.     {% endif %}
  231. {% endblock %}