templates/Slivki/mobile/sale/videoguide/details.html.twig line 13

Open in your IDE?
  1. {% extends 'Slivki/mobile/base.html.twig' %}
  3. {% block styles %}
  4.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.css" />
  5.     {{ parent() }}
  6. {% endblock %}
  8. {% block content %}
  9. <div id="videoguideDetailsPage">
  10.     <nav aria-label="breadcrumb">
  11.         <ol class="breadcrumb m-0 py-1 px-2 bg-white">
  12.             <li class="breadcrumb-item"><a href="{{ base_url }}">Главная</a></li>
  13.             <li class="breadcrumb-item"><a href="{{ getURL("Slivki:Sale:category", videoguideCategory.category.getID()) }}">{{ videoguideCategory.category.getName() }}</a></li>
  14.             <li class="breadcrumb-item active" aria-current="page">{{ sale.getTitle() }}</li>
  15.         </ol>
  16.     </nav>
  17.     <div class="m-2">
  18.         <div class="embed-responsive embed-responsive-16by9">
  19.             <iframe src="//www.youtube.com/embed/{{ sale.getVideoGuideYoutubeID() }}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
  20.         </div>
  21.         <h1 class="my-3 p-0">{{ sale.getTitle() }}</h1>
  22.         <div class="clearfix">
  23.             <div class="text-muted float-left">
  24.                 <div><i class="slivki-icon-calendar-empty"></i> Опубликовано: {{ sale.getSince()|date('d.m.Y') }}</div>
  25.                 <div><i class="slivki-icon-eye"></i> Просмотров: {{ visitCount }}</div>
  26.             </div>
  27.             {% if sale.getOfferLinkUrl() and sale.getOfferLinkName() and sale.getOfferLinkUrl() != '' and sale.getOfferLinkName() != '' %}
  28.                 <div class="clearfix mb-2"></div>
  29.                 <a class="bg-slivki text-white rounded-20 border-slivki py-2 px-3 float-left" href="{{ sale.getOfferLinkUrl() }}">{{ sale.getOfferLinkName() }}</a>
  30.             {% endif %}
  31.             <div class="slivki-share-block-open text-dark border p-2 float-right"><i class="slivki-icon-share"></i>Поделиться</div>
  32.         </div>
  33.     </div>
  34.     <div class="row no-gutters">
  35.         {% if authorCategory is defined %}
  36.             <div class="text-center col-sm-6">
  37.                 <a class="card border-0 d-inline-block videoguide-author-category my-1 clearfix" href="{{ getURL("Slivki:Sale:category", authorCategory.category.getID()) }}" target="_blank">
  38.                     <div class="row no-gutters">
  39.                         <div class="col-auto">
  40.                             <img width="64" height="64" class="d-block border rounded-circle float-left p-1 mr-2" src="{{ getImageURL(authorCategory.category.getHotFeedIconMedia(), 128, 128) }}" alt=''/>
  41.                         </div>
  42.                         <div class="col text-left">
  43.                             <div class="card-block px-1 text-dark">
  44.                                 {{ authorCategory.category.getName() }}<br />
  45.                                 <span class="text-muted">{{ authorCategory.category.getEntityCount() }} репортаж{{ ['', 'a', 'ей']|plural(authorCategory.category.getEntityCount()) }}</span><br />
  46.                                 <span class="text-muted">{{ authorCategory.visitCount }} просмотр{{ ['', 'a', 'ов']|plural(authorCategory.visitCount) }}</span>
  47.                             </div>
  48.                         </div>
  49.                     </div>
  50.                 </a>
  51.             </div>
  52.         {% endif %}
  53.         {% include 'Slivki/mobile/sale/vote_entity_block.html.twig'
  54.             with {'pleaseVoteText': 'Оцените, пожалуйста, это видео:', 'additionalClass': 'col-sm-6'} %}
  55.     </div>
  56.     <div class="bg-light-gray py-3 my-2 text-center subscribe-on-youtube">
  57.         <div class="d-inline-block text-center align-middle mr-sm-2 mb-sm-0 mb-2">
  58.             <strong>Подписывайтесь на наш канал в Youtube!</strong><br>
  59.             Свежие обзоры из магазинов каждый день!
  60.         </div>
  61.         <a target="_blank" href="https://www.youtube.com/channel/UCDy2sjRppCchend8p76cBxA?sub_confirmation=1">
  62.             ► Подписаться
  63.         </a>
  64.     </div>
  66.     <div id="commentsBlock" class="m-2 d-none"></div>
  68.     <div class="h6 m-2"><strong>Следущее:</strong></div>
  69.     <div id="nextVideoGuides" class="row no-gutters">
  70.         {% include 'Slivki/mobile/sale/videoguide/next.html.twig' %}
  71.     </div>
  72.     <img class="d-block my-3 mx-auto" id='nextVideoGuideLoader' src='/images/image-preview-ajax-loader.gif' alt='Загрузка...'/>
  73. </div>
  74. <input type="hidden" id="entityID" value="{{ sale.getID() }}">
  75. <input type="hidden" id="seenVideoguides" value="{{ seenVideoguides }}">
  76. {% endblock %}
  78. {% block popup %}
  79.     {{ parent() }}
  80.     {% include 'Slivki/mobile/share_block.html.twig' %}
  81. {% endblock %}
  83. {% block javascripts %}
  84.     <script src="https://yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
  85.     <script src="https://yastatic.net/share2/share.js"></script>
  86.     <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.js"></script>
  87.     {{ parent() }}
  88.     <script src="/mobile/js/videoguide.js?v={{ mobile_videoguide_js_version }}"></script>
  89. {% endblock %}