templates/deal/details.html.twig line 1

Open in your IDE?
  1. {% trans_default_domain 'deal' %}
  2. {% extends 'base_home.html.twig' %}
  4. {% block title %}{{ 'details.title'|trans({'{ deal }': entity.title}) }}{% endblock %}
  6. {% set resolutionsLabels = {
  7.     '360': 'SD 360p',
  8.     '480': 'SD 480p',
  9.     '540': 'SD 540p',
  10.     '720': 'HD 720p',
  11.     '1080': 'HD 1080p',
  12.     '2160': 'uHD 4K',
  13.     '2880': 'uHD 5K',
  14.     '4320': 'uHD 8K',
  15. } %}
  17. {% block content %}
  18. {% set hasCredits = true %}
  19. {% set hasDownloads = false %}
  20. {% set creditsState = 'login' %}
  21. {% if is_granted('ROLE_USER') %}
  22.     {% set minimalBid = entity.createMinimalBid(app.user) %}
  23.     {% if entity.isInFundingPhase %}
  24.         {% if is_granted('HAS_CREDITS', minimalBid) %}
  25.             {% set creditsState = 'ok' %}
  26.         {% else %}
  27.             {% set hasCredits = false %}
  28.             {% set creditsState = 'not-enough' %}
  29.         {% endif %}
  30.     {% elseif entity.isFundingComplete %}
  31.         {# also please note that isFinished means both "downloadable" and "refunded" #}
  32.         {% set creditsState = 'finished' %}
  33.         {% if is_granted(constant('App\\Security\\Voter\\Bid\\HasPurchasedVoter::ATTRIBUTE'), minimalBid) %}
  34.             {% set hasDownloads = true %}
  35.         {% else %}
  36.             {% set hasDownloads = false %}
  37.         {% endif %}
  38.     {% endif %}
  39. {% endif %}
  40. <div class="nk-content pt-md-3 min-vh-100 pb-3">
  41.     <div class="container">
  42.         <div class="row deal-details mb-5 enable-loading-delay">
  43.             <div class="col-12">
  44.                 <div class="contribution-wrap d-flex flex-column align-center">
  45.                     <div class="row mb-4">
  46.                         <div class="col-12">
  47.                             <h3 class="text-center">{{ entity.title }}</h3>
  48.                         </div>
  49.                     </div>
  50.                     <div class="row">
  51.                         <div class="col-12">
  52.                             <div class="d-flex justify-center flex-wrap">
  53.                                 <div class="badge badge-outline-dark badge-lg badge-pill fw-normal mr-2 mb-2" data-toggle="tooltip" data-bs-placement="top" title="{{ 'details.type_badage_tooltip'|trans }}">
  54.                                     <span>{{ 'details.type_badage'|trans }}</span>
  55.                                 </div>
  56.                                 <div class="badge badge-outline-dark badge-lg badge-pill fw-normal mr-2 mb-2">
  57.                                     <span>{{ 'minute.plural'|trans({count: entity.videoFile.durationMinutes|number_format(2, ':')}, 'messages') }}</span>
  58.                                 </div>
  59.                                 {% if entity.additionalVideoFiles | length == 0 %}
  60.                                     <div class="badge badge-outline-dark badge-lg badge-pill fw-normal mr-2 mb-2">
  61.                                         <span>{{ resolutionsLabels[entity.videoFile.resolution]|default(entity.videoFile.height ~ 'p') }}</span>
  62.                                     </div>
  63.                                     <div class="badge badge-outline-dark badge-lg badge-pill fw-normal mr-2 mb-2">
  64.                                         <span>{{ entity.videoFile.fileSize // 1024 }} MB</span>
  65.                                     </div>
  66.                                 {% endif %}
  67.                             </div>
  68.                         </div>
  69.                     </div>
  70.                 </div>
  71.             </div>
  72.         </div>
  73.         <div class="row deal-details mb-4 enable-loading-delay">
  74.             <div class="col-12 col-xxl-8 offset-xxl-2 col-xl-10 offset-xl-1">
  75.                 <div style="max-width: 745px; margin: 0 auto;">
  76.                     <div class="js-deal-slider gallery-slider">
  77.                         {% for galleryItem in entity.proposalGalleryImages %}
  78.                             {% if galleryItem.trailer is defined and galleryItem.image is defined %}
  79.                                 <a href="{{ galleryItem.trailer.webPath | sindrive_protect }}" data-fancybox="video_vidcaps">
  80.                                     <div class="deal-trailer rounded mr-1 mr-md-2">
  81.                                         <span class="trailer-play-handle rounded-circle">
  82.                                             <i class="icon dp-icon-video"></i>
  83.                                         </span>
  84.                                         <img src="{{ galleryItem.image.webPath | sindrive_resize(752, 423) | sindrive_timed_protect }}" class="img-fluid rounded preview" alt="{{ entity.title }}">
  85.                                     </div>
  86.                                 </a>
  87.                             {% else %}
  88.                                 <div class="deal-trailer rounded">
  89.                                     {% if galleryItem.image is defined %}
  90.                                         <div class="screencap-item mr-1 mr-md-2">
  91.                                             <a href="{{ galleryItem.image.webPath | sindrive_protect | sindrive_resize(1920) }}" data-fancybox="video_vidcaps">
  92.                                                 <img class="preview" src="{{ galleryItem.image.webPath | sindrive_resize(752, 423) | sindrive_timed_protect }}" alt="{{ entity.title }}">
  93.                                             </a>
  94.                                         </div>
  95.                                     {% endif %}
  96.                                 </div>
  97.                             {% endif %}
  98.                         {% endfor %}
  99.                     </div>
  100.                 </div>
  101.             </div>
  102.         </div>
  103.     </div>
  104.     <div class="container">
  105.         <div class="deal-details content rounded mb-5 enable-loading-delay">
  106.             <div class="row">
  107.                 <div class="col-12 col-lg-8 offset-lg-2">
  108.                     {% if not entity.expired %}
  109.                         {% include 'deal/Block/deal_perkGrid.html.twig' %}
  110.                     {% elseif entity.isFundingComplete and hasDownloads %}
  111.                         {% set videoFiles = is_granted('ROLE_USER') ? entity.getVideoFilesByUser(app.user) : [] %}
  112.                         {% if videoFiles | length > 0 %}
  113.                             <div class="row">
  114.                                 <div class="col-12">
  115.                                     <h4 class="text-center">
  116.                                         {{ 'details.headline_downloads'|trans }}
  117.                                     </h4>
  118.                                 </div>
  119.                             </div>
  120.                             <div class="row mb-3">
  121.                                 <div class="col-12">
  122.                                     <hr>
  123.                                 </div>
  124.                             </div>
  125.                             <div class="row mb-6" id="downloads">
  126.                                 <div class="col-12">
  127.                                     <div class="p-2 pr-lg-4">
  128.                                         <div class="row hide-xs bg-light rounded">
  129.                                             <div class="col-12 col-sm-4 p-2 pl-4">
  130.                                                 <strong>File</strong>
  131.                                             </div>
  132.                                             <div class="col-2 p-2">
  133.                                                 <strong>{{ 'details.file_table.head.runtime'|trans }}</strong>
  134.                                             </div>
  135.                                             <div class="col-2 p-2">
  136.                                                 <strong>{{ 'details.file_table.head.resolution'|trans }}</strong>
  137.                                             </div>
  138.                                             <div class="col-4 p-2">
  139.                                                 <strong>{{ 'details.file_table.head.file_size'|trans }}</strong>
  140.                                             </div>
  141.                                         </div>
  142.                                         {% for fileIndex, videoFile in videoFiles %}
  143.                                         <div class="row pt-1 pb-2 pb-sm-1 {% if not loop.last %}border-bottom{% endif %}">
  144.                                             <div class="col-12 col-sm-4 p-2 pl-0 pl-sm-4">
  145.                                                 <div class="text-ellipsis w-80">
  146.                                                     <span class="fw-bold">
  147.                                                         {{ videoFile.name | clean_video_filename }}
  148.                                                     </span>
  149.                                                 </div>
  150.                                             </div>
  151.                                             <div class="col-4 col-sm-2 p-2">
  152.                                                 {{ videoFile.durationMinutes|number_format(2, ':') }}
  153.                                             </div>
  154.                                             <div class="col-4 col-sm-2 p-2 text-center text-sm-left">
  155.                                                 {{ resolutionsLabels[videoFile.resolution] | default(videoFile.height ~ 'p') }}
  156.                                             </div>
  157.                                             <div class="col-4 col-sm-2 p-2 text-right text-sm-left">
  158.                                                 <span>
  159.                                                     {{ videoFile.fileSize // 1024 }} MB
  160.                                                 </span>
  161.                                             </div>
  162.                                             <div class="col-12 col-sm-2 p-2">
  163.                                                 <div class="d-flex justify-content-between">
  164.                                                     {% if is_granted('ROLE_USER') and entity.isFundingComplete %}
  165.                                                         {% set path = url('deal_download', {'id': entity.stringId, 'fileIndex': fileIndex}) %}
  166.                                                         <a href="{{ path }}" target="_blank" class="btn btn-primary w-100 justify-center">
  167.                                                             <i class="dp-icon-downloads ml-2 mr-2"></i>
  168.                                                         </a>
  169.                                                     {% else %}
  170.                                                         <span class="btn btn-light btn-dim disabled w-100 justify-center">
  171.                                                             <i class="dp-icon-downloads ml-2 mr-2"></i>
  172.                                                         </span>
  173.                                                     {% endif %}
  174.                                                 </div>
  175.                                             </div>
  176.                                         </div>
  177.                                         {% endfor %}
  178.                                     </div>
  179.                                 </div>
  180.                             </div>
  181.                         {% endif %}
  182.                     {% endif %}
  183.                     <div class="row mb-6">
  184.                         <div class="col-12">
  185.                             <div class="row">
  186.                                 <div class="col-12">
  187.                                     {% if entity.tags|length > 0 %}
  188.                                         <div class="row">
  189.                                             <div class="col-12">
  190.                                                 <div class="d-flex justify-center flex-wrap">
  191.                                                     {% for tag in entity.tags %}
  192.                                                         <div class="badge badge-pill badge-light font-weight-normal text-dark mr-1 mb-2">
  193.                                                             <span>{{ tag.name }}</span>
  194.                                                         </div>
  195.                                                     {% endfor %}
  196.                                                 </div>
  197.                                             </div>
  198.                                         </div>
  199.                                     {% endif %}
  200.                                 </div>
  201.                             </div>
  202.                             <div class="row">
  203.                                 <div class="col-12">
  204.                                     <hr>
  205.                                 </div>
  206.                             </div>
  207.                             <div class="row mb-4">
  208.                                 <div class="col-12">
  209.                                     <div class="pr-lg-4">
  210.                                         <p>
  211.                                             {{ entity.description | raw }}
  212.                                         </p>
  213.                                     </div>
  214.                                 </div>
  215.                             </div>
  216.                         </div>
  217.                     </div>
  218.                 </div>
  219.             </div>
  220.         </div>
  221.     </div>
  222. </div>
  224. {% if is_granted('ROLE_USER') %}
  225.     {% set purchaseCredits = get_crud_action('App\\Controller\\Settings\\PurchaseCreditsController', {'deal_id': entity.stringId, 'returnUrl': app.request.requestUri}) %}
  226.     {% include 'settings/purchase_credits.html.twig' with purchaseCredits.params | merge({'reference': get_reference(entity), 'hasCredits': hasCredits}) %}
  228.     {% if (app.request.hasPreviousSession or app.session.started) and app.session.flashBag.get('contribution-success') %}
  229.         {% include 'partials/base_overlay.html.twig' with {
  230.             icon: 'dp-icon-heart',
  231.             title: 'details.purchase.success'|trans,
  232.             subtitle: ['details.purchase.success_subtitle'|trans]
  233.         } %}
  234.     {% endif %}
  235.     {% if not entity.expired and creditsState == 'ok'%}
  236.         <div class="d-none">
  237.             {{ render_crud_result('App\\Controller\\Deal\\PurchaseController', {'stringId': entity.stringId}) }}
  238.         </div>
  239.     {% endif %}
  240. {% endif %}
  242. {% include 'partials/flash_message_popup.html.twig' %}
  243. {% endblock %}