templates/media/portfolio/photo.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  5. <div class="row">
  6.     <div class="col-12">
  7.         <div class="my-3 p-3 bg-white">
  8.             {% if safeMode and photo.isAdult %}
  9.             <div class="text-center alert alert-info" role="alert">
  10.                 <a href="#" id="safe-mode-off" data-responder="{{ path('core_safe_mode') }}">
  11.                     {{ 'Turn Safe Mode off to view the picture'|trans({}, 'media_portfolio') }}
  12.                 </a>
  13.             </div>
  14.             {% endif %}
  15.             <div class="col-12 text-center" id="photo-container">
  16.                 {% if prev %}
  17.                     {% set prevType = prev.type %}
  18.                     {% if album %}
  19.                         {% set route = path('portfolio_' ~ prevType, {slug: prev.profile.slug, media: prev.hash, album: album.id}) %}
  20.                     {% elseif type %}
  21.                         {% set route = path('portfolio_' ~ prevType, {slug: prev.profile.slug, media: prev.hash, type: type}|merge(routeParams)) %}
  22.                     {% endif %}
  23.                     <a href="{{ route }}" class="btn btn-primary btn-sm" id="prev-photo" role="button">
  24.                         {{ 'Previous'|trans({}, 'core') }}
  25.                     </a>
  26.                 {% endif %}
  27.                 <img src="{{ get_media(photo) }}" class="img-fluid" alt="{{ photo.title }}">
  28.                 {% if next %}
  29.                     {% set nextType = next.type %}
  30.                     {% if album %}
  31.                         {% set route = path('portfolio_' ~ nextType, {slug: prev.profile.slug, media: next.hash, album: album.id}) %}
  32.                     {% elseif type %}
  33.                         {% set route = path('portfolio_' ~ nextType, {slug: prev.profile.slug, media: next.hash, type: type}|merge(routeParams)) %}
  34.                     {% endif %}
  35.                     <a href="{{ route }}" class="btn btn-primary btn-sm" id="next-photo" role="button">
  36.                         {{ 'Next'|trans({}, 'core') }}
  37.                     </a>
  38.                 {% endif %}
  39.             </div>
  40.             <div class="col-12 text-center">
  41.             {% if photo.title %}
  42.                 <h4 id="photo-title">{{ photo.title }}</h4>
  43.             {% endif %}
  44.             {% if photo.description %}
  45.                 <p id="photo-description">{{ photo.description }}</p>
  46.             {% endif %}
  47.             </div>
  48.             <div class="col-12 text-center py-3">
  49.                 {% include 'media/portfolio/partials/social-buttons.html.twig' %}
  50.             </div>
  51.         </div>
  52.     </div>
  53.     <div class="col-12 col-md-6">
  54.         <div class="my-3 p-3 bg-white rounded">
  55.             {% if photo.convertedCredits|length %}
  56.                 {% for credit in photo.convertedCredits %}
  57.                     <p id="photo-credit-{{ credit.info.id }}">
  58.                         <span class="font-weight-bold">{{ credit.info.name }}:</span> 
  59.                         {% for user in credit.users %}
  60.                             {% if user.profile %}
  61.                                 <a href="{{ path('profile', {slug: user.profile.slug}) }}">
  62.                                     {{ user.profile.name }}
  63.                                 </a>
  64.                             {% else %}{{ user.name }}{% endif %}{% if loop.last == false %}, {% endif %}
  65.                         {% endfor %}
  66.                     </p>
  67.                 {% endfor %}
  68.             {% endif %}
  69.         </div>
  70.     </div>
  71.     <div class="col-12 col-md-6">
  72.         <div class="my-3 p-3 bg-white rounded">
  73.             {% if photo.tags|length %}
  74.                 <p id="photo-tags">
  75.                 <span class="font-weight-bold">{{ 'Hashtags:'|trans({}, 'media_portfolio') }}</span> 
  76.                 {% for tag in photo.tags %}
  77.                     <a href="{{ path('media_tag', {tag: tag.slug}) }}">#{{tag.name}}</a> 
  78.                 {% endfor %}
  79.                 </p>
  80.             {% endif %}
  81.         </div>
  82.         <div class="my-3 p-3 bg-white rounded">
  83.              <p class="font-italic">
  84.                 {{ 'Uploaded by <a href="{link}">{name}</a> on {date}'|trans({'{link}': path('profile', {slug: photo.profile.slug}) , '{name}': photo.profile.name, '{date}': photo.createdAt|format_date() }, 'media_portfolio')|raw }}
  85.             </p>
  86.             {% if owner %}
  87.                 <a href="{{ path('portfolio_photo_edit', {slug: photo.profile.slug, photo: photo.id}) }}" class="text-left btn btn-sm btn-link btn-block" btn-sm role="button">
  88.                     {{ 'Edit photo'|trans({}, 'media_portfolio') }}
  89.                 </a>
  90.                 <a href="{{ path('portfolio_photo_cover', {slug: photo.profile.slug, photo: photo.id}) }}" class="text-left btn btn-sm btn-link btn-block" btn-sm role="button">
  91.                     {{ 'Set as cover'|trans({}, 'media_portfolio') }}
  92.                 </a>
  93.                 <a data-toggle="confirmation" href="{{ path('portfolio_photo_delete', {slug: photo.profile.slug, photo: photo.id}) }}" class="text-left btn btn-link btn-block btn-sm" role="button">
  94.                     {{ 'Delete photo'|trans({}, 'media_portfolio') }}
  95.                 </a> 
  96.             {% endif %}
  97.         </div>
  98.         {% if credited %}
  99.             {% for profile in credited %}
  100.             {% if photo.profile != profile %}
  101.             <div class="my-3 p-3 bg-white rounded">
  102.                 <a href="{{ path('portfolio_photo_credited', {slug: profile.slug, photo: photo.id}) }}" class="text-left btn btn-sm btn-link btn-block" btn-sm role="button">
  103.                     {{ 'Add it to my portfolio or albums'|trans({}, 'media_portfolio') }}
  104.                 </a>
  105.                 <a href="{{ path('portfolio_photo_cover', {slug: profile.slug, photo: photo.id}) }}" class="text-left btn btn-sm btn-link btn-block" btn-sm role="button">
  106.                     {{ 'Set as cover'|trans({}, 'media_portfolio') }}
  107.                 </a>
  108.                 <a data-toggle="confirmation" href="{{ path('portfolio_photo_credited_delete', {slug: profile.slug, photo: photo.id}) }}" class="text-left btn btn-link btn-block btn-sm" role="button">
  109.                     {{ 'Remove the credits'|trans({}, 'media_portfolio') }}
  110.                 </a> 
  111.             </div>
  112.             {% endif %}
  113.             {% endfor %}
  114.         {% endif %}
  115.     </div>
  116.      <a href="{{ path('profile', {slug: profile.slug}) }}" class="btn btn-sm btn-primary btn-block" role="button">
  117.         {{ 'Back to portfolio'|trans({}, 'media_portfolio') }}
  118.     </a> 
  119. </div>
  120. {% endblock %}
  122. {% block javascripts %}
  123.     {{ parent() }}
  124.     {{ encore_entry_script_tags('media_portfolio') }}
  125. {% endblock %}
  127. {% block stylesheets %}
  128.     {{ parent() }}
  129.     {{ encore_entry_link_tags('media_portfolio') }}
  130. {% endblock %}