templates/Press/wishlist.html.twig line 1

Open in your IDE?
  1. {% extends "Layout/default.html.twig" %}
  2. {% block navigation %}
  3.     {{ include('Press/Includes/pressHeader.html.twig') }}
  4. {% endblock %}
  6. {% set downloadAllPossibleWithoutGDPR = pressDossiers is empty and pressArticles is empty and pressImages is empty and mediaAssets is empty  %}
  7. {% set user = getMediaUser(app.request) %}
  8. {% block content %}
  9.     {{ include('Navigation/breadcrumb.html.twig') }}
  10.     <div class="content-block">
  11.         {% set lastVisited = app.request.session.bag('watchlist').get('lastVisited') %}
  12.         {% if lastVisited %}
  13.             <div class="container">
  14.                 <a href="{{ lastVisited }}" class="btn btn-primary-light"><span class="icon icon-arrow-left mr-2"></span>{{ 'press.back'|trans }}</a>
  15.             </div>
  16.         {% endif %}
  17.         {{ include('Includes/main-title-block-splitted-editable.html.twig') }}
  19.         <div class="container">
  20.             <div class="row">
  21.                 <div class="col-md-4 mx-auto">
  22.                     {% if (not pressImages is empty or not mediaAssets is empty) and not user and not elements_debug_mode() %}
  23.                         <button class="btn btn-primary-light btn-block js-nav__show-overlay" {% if elements_debug_mode() %}type="submit"{% endif %}
  24.                                 aria-label="Show Overlay"
  25.                                 title="Show Overlay"
  26.                                 data-nav-overlay-target="#loginOverlay">
  27.                             <span class="icon icon-download btn-icon" aria-hidden="true"></span>
  28.                             {{ 'press.Login to download'|trans }}
  29.                         </button>
  30.                     {% else %}
  31.                         {% if not downloadAllPossibleWithoutGDPR %}
  32.                             <div class="mb-2">
  33.                                 {{ include('Form/Includes/checkbox.html.twig', {
  34.                                     name: 'gdpr',
  35.                                     id: 'gdpr',
  36.                                     inputModifier: 'js-gdpr__checkbox',
  37.                                     styleModifier: 'mb-md-0 mb-3',
  38.                                     required: true,
  39.                                     label: 'mediaimage.Ich akzeptiere die <button class="btn-no-styling text-underline" data-toggle="modal" data-target="#usageGuidelines">Verwendungsrichtlinien</button>'|trans
  40.                                 }) }}
  41.                             </div>
  42.                         {% endif %}
  44.                         <a href="{{ url('download-watchlist-press-all') }}" download class="btn btn-block btn-primary-light {% if not downloadAllPossibleWithoutGDPR %} js-gdpr__button disabled {% endif %}" data-event-tracking-category="Multimedia Archiv - Download" data-event-tracking-action="Gesamt" data-event-tracking-label="ZIP-Datei">
  45.                             <span class="icon icon-download" aria-hidden="true"></span>
  46.                             {{ 'press.Alles Herunteladen'|trans }}
  47.                         </a>
  48.                     {% endif %}
  49.                 </div>
  50.             </div>
  51.         </div>
  52.     </div>
  53.     {% if not pressDossiers is empty %}
  54.         <div class="container content-block">
  55.             <div class="row mb-4">
  56.                 <div class="col-6">
  57.                     <h2>
  58.                         {{ 'press.Themensammlung'|trans }}
  59.                     </h2>
  60.                 </div>
  61.                 <div class="col-6 text-right">
  62.                     <form data-action="{{ app.request.pathInfo }}" method="post" action="/404" class="js-action-changer">
  63.                         <input type="hidden" id="removeAllPressDossiersFromWishlist" name="removeAllPressDossiersFromWishlist" />
  64.                         <button type="submit" class="link btn-no-styling mb-3 d-flex ml-auto">
  65.                             <span class="icon icon-delete mr-1 fz16" aria-hidden="true"></span>
  66.                             <span class="text-underline">{{ 'press.Merkiste Pressedossiers löschen'|trans }}</span>
  67.                         </button>
  68.                     </form>
  69.                 </div>
  70.             </div>
  72.             
  73.             <div class="flatrate-teaser-row">
  74.                 <div class="row vertical-gutter--default">
  75.                     {% for article in pressDossiers %}
  76.                         {% set downloadable = isDownloadableDossier(article, user) %}
  77.                         <div class="col-md-3 col-10 scrolling-row__item js-wishlist__container" data-wishlist-id="{{ article.id }}" data-wishlist-list-name="press-dossiers">
  78.                             {{ include('Includes/Teaser/flatrate-teaser.html.twig',{
  79.                                 isSmallTeaser: true,
  80.                                 badgeText: null,
  81.                                 title: article.title,
  82.                                 wysiwyg: elements_cutStringRespectingWhitespace(article.shortDescription, 200),
  83.                                 link: linkGenerator().generate(article),
  84.                                 linktext: "press.Weiterlesen"|trans,
  85.                                 hasWishlist: false,
  86.                                 image: article.headerImage,
  87.                                 topicBadge: {
  88.                                     "counter":3
  89.                                 },
  90.                                 removeFromWishlist: true,
  91.                                 wishlistId: "press-dossiers",
  92.                                 trackingAction: 'Dossier',
  93.                                 wishlistNotRegistered: user and not downloadable,
  94.                                 regionRegistrationTKLinks: getRegionRegistrationLinks(article.region|default([])),
  95.                                 wishlistNotRegisteredTK: 'wishlist.dossier.not registered for region(s): {{regions}}'
  96.                             }) }}
  97.                         </div>
  98.                     {% endfor %}
  99.                 </div>
  100.             </div>
  102.             <div class="row mt-md-5">
  103.                 <div class="col-md-4 mx-auto">
  104.                     <div class="mb-2">
  105.                         {{ include('Form/Includes/checkbox.html.twig', {
  106.                             name: 'gdpr',
  107.                             id: 'gdpr',
  108.                             inputModifier: 'js-gdpr__checkbox',
  109.                             styleModifier: 'mb-md-0 mb-3',
  110.                             required: true,
  111.                             label: 'mediaimage.Ich akzeptiere die <button class="btn-no-styling text-underline" data-toggle="modal" data-target="#usageGuidelines">Verwendungsrichtlinien</button>'|trans
  112.                         }) }}
  113.                     </div>
  114.                     <a href="{{ url('download-watchlist-pressdossiers') }}" download class="btn btn-block btn-primary-light js-gdpr__button disabled" data-event-tracking-category="Multimedia Archiv - Download" data-event-tracking-action="Dossier" data-event-tracking-label="ZIP-Datei">
  115.                         <span class="icon icon-download" aria-hidden="true"></span>
  116.                         {{ 'press.Themensammlung Download'|trans }}
  117.                     </a>
  118.                 </div>
  119.             </div>
  120.         </div>
  121.     {% endif %}
  123.     {% if not pressArticles is empty %}
  124.         <div class="container content-block">
  125.         <div class="row mb-4">
  126.             <div class="col-6">
  127.                 <h2>
  128.                     {{ 'press.Presseartikel'|trans }}
  129.                 </h2>
  130.             </div>
  131.             <div class="col-6 text-right">
  132.                 <form data-action="{{ app.request.pathInfo }}" method="post" action="/404" class="js-action-changer">
  133.                     <input type="hidden" id="removeAllPressArticlesFromWishlist" name="removeAllPressArticlesFromWishlist" />
  134.                     <button type="submit" class="link btn-no-styling mb-3 d-flex ml-auto">
  135.                         <span class="icon icon-delete mr-1 fz16" aria-hidden="true"></span>
  136.                         <span class="text-underline">{{ 'press.Merkiste Presseartikel löschen'|trans }}</span>
  137.                     </button>
  138.                 </form>
  139.             </div>
  140.         </div>
  142.         <div class="flatrate-teaser-row">
  143.             <div class="row vertical-gutter--4">
  144.                 {% for article in pressArticles %}
  145.                     {% set downloadable = isDownloadableArticle(article, user) %}
  146.                     <div class="col-md-3 col-10 scrolling-row__item js-wishlist__container" data-wishlist-id="{{ article.id }}" data-wishlist-list-name="press-articles">
  147.                         {{ include('Includes/Teaser/flatrate-teaser.html.twig', {
  148.                             id: article.id,
  149.                             isSmallTeaser: true,
  150.                             badgeText: null,
  151.                             title: article.title,
  152.                             date: article.pressDate.format('d.m.Y | h:m') ~ ' ' ~ 'press.Uhr'|trans,
  153.                             wysiwyg: elements_cutStringRespectingWhitespace(article.shortDescription, 200),
  154.                             link: linkGenerator().generate(article),
  155.                             linktext: "press.Weiterlesen"|trans,
  156.                             removeFromWishlist: true,
  157.                             wishlistId: "press-articles",
  158.                             image: article.teaserImage,
  159.                             trackingAction: 'Pressetext',
  160.                             wishlistNotRegistered: user and not downloadable,
  161.                             regionRegistrationTKLinks: getRegionRegistrationLinks([(article.region ?:  (article.showInSTT or article.region is empty ? getMainRegion().nameLocalized : ''))]),
  162.                             wishlistNotRegisteredTK: 'wishlist.pressarticle.not registered for region(s): {{regions}}'
  163.                         }) }}
  164.                     </div>
  165.                 {% endfor %}
  166.             </div>
  167.         </div>
  169.         <div class="row mt-md-5">
  170.             <div class="col-md-4 mx-auto">
  171.                 <div class="mb-2">
  172.                     {{ include('Form/Includes/checkbox.html.twig', {
  173.                         name: 'gdpr',
  174.                         id: 'gdpr',
  175.                         inputModifier: 'js-gdpr__checkbox',
  176.                         styleModifier: 'mb-md-0 mb-3',
  177.                         required: true,
  178.                         label: 'mediaimage.Ich akzeptiere die <button class="btn-no-styling text-underline" data-toggle="modal" data-target="#usageGuidelines">Verwendungsrichtlinien</button>'|trans
  179.                     }) }}
  180.                 </div>
  181.                 <a href="{{ url('download-watchlist-pressarticles') }}" download class="btn btn-block btn-primary-light js-gdpr__button disabled" data-event-tracking-category="Multimedia Archiv - Download" data-event-tracking-action="Pressetext" data-event-tracking-label="ZIP-Datei">
  182.                     <span class="icon icon-download" aria-hidden="true"></span>
  183.                     {{ 'press.Presseartikel Download'|trans }}
  184.                 </a>
  185.             </div>
  186.         </div>
  187.     </div>
  188.     {% endif %}
  189.     {% if not pressImages is empty %}
  190.         <div class="container content-block">
  191.             <div class="row mb-2">
  192.                 <div class="col-6">
  193.                     <h2>
  194.                         {{ 'press.Pressebilder'|trans }}
  195.                     </h2>
  196.                 </div>
  197.                 <div class="col-6 text-right">
  198.                     <form data-action="{{ app.request.pathInfo }}" action="/404" class="js-action-changer">
  199.                         <input type="hidden" id="removeAllPressImagesFromWishlist" name="removeAllPressImagesFromWishlist" />
  200.                         <button type="submit" class="link btn-no-styling mb-3 d-flex ml-auto">
  201.                             <span class="icon icon-delete mr-1 fz16" aria-hidden="true"></span>
  202.                             <span class="text-underline">{{ 'press.Merkiste Pressebilder löschen'|trans }}</span>
  203.                         </button>
  204.                     </form>
  205.                 </div>
  206.             </div>
  208.             <div class="flatrate-teaser-row">
  209.                 <div class="row vertical-gutter--4">
  210.                     {% for asset in pressImages %}
  211.                         {% set downloadable = isDownloadableAsset(asset, user) %}
  213.                         <div class="col-md-3 col-6 vertical-gutter__item js-wishlist__container" data-wishlist-id="{{ asset.id }}" data-wishlist-list-name="press-pictures">
  214.                             {{ include('Includes/Teaser/press-picture-teaser.html.twig', {
  215.                                 removeFromWishlist: true,
  216.                                 hasWishlist:false,
  217.                                 image: asset,
  218.                                 classes: 'h-100',
  219.                                 wishlistNotRegistered: user and not downloadable,
  220.                             }) }}
  221.                         </div>
  222.                     {% endfor %}
  223.                 </div>
  224.             </div>
  226.             <div class="row mt-md-5">
  227.                 <div class="col-md-4 mx-auto">
  228.                     {% if not user and not elements_debug_mode() %}
  229.                         <button class="btn btn-primary-light btn-block js-nav__show-overlay"
  230.                                 aria-label="Show Overlay"
  231.                                 title="Show Overlay"
  232.                                 data-nav-overlay-target="#loginOverlay">
  233.                             <span class="icon icon-download btn-icon" aria-hidden="true"></span>
  234.                             {{ 'press.Login to download'|trans }}
  235.                         </button>
  236.                     {% else %}
  237.                         <div class="mb-2">
  238.                             {{ include('Form/Includes/checkbox.html.twig', {
  239.                                 name: 'gdpr',
  240.                                 id: 'gdpr',
  241.                                 inputModifier: 'js-gdpr__checkbox',
  242.                                 styleModifier: 'mb-md-0 mb-3',
  243.                                 required: true,
  244.                                 label: 'mediaimage.Ich akzeptiere die <button class="btn-no-styling text-underline" data-toggle="modal" data-target="#usageGuidelines">Verwendungsrichtlinien</button>'|trans
  245.                             }) }}
  246.                         </div>
  247.                         <a href="{{ url('download-watchlist-pressimages') }}" download class="btn btn-block btn-primary-light js-gdpr__button disabled" data-event-tracking-category="Multimedia Archiv - Download" data-event-tracking-action="Bild" data-event-tracking-label="ZIP-Datei">
  248.                             <span class="icon icon-download" aria-hidden="true"></span>
  249.                             {{ 'press.Pressebilder Download'|trans }}
  250.                         </a>
  251.                     {% endif %}
  252.                 </div>
  253.             </div>
  254.         {% endif %}
  256.     {% if not mediaAlbums is empty %}
  257.         <div class="container content-block mt-3">
  258.             <div class="row mb-2">
  259.                 <div class="col-6">
  260.                     <h2>
  261.                         {{ 'press.MediaAlbum'|trans }}
  262.                     </h2>
  263.                 </div>
  264.                 <div class="col-6 text-right">
  265.                     <form data-action="{{ app.request.pathInfo }}" action="/404" class="js-action-changer">
  266.                         <input type="hidden" id="removeAllPressAlbumsFromWishlist" name="removeAllPressAlbumsFromWishlist" />
  267.                         <button type="submit" class="link btn-no-styling mb-3 d-flex ml-auto">
  268.                             <span class="icon icon-delete mr-1 fz16" aria-hidden="true"></span>
  269.                             <span class="text-underline">{{ 'press.Merkiste Media Album löschen'|trans }}</span>
  270.                         </button>
  271.                     </form>
  272.                 </div>
  273.             </div>
  275.             <div class="flatrate-teaser-row">
  276.                 <div class="row vertical-gutter--4">
  277.                     {% for item in mediaAlbums %}
  278.                         <div class="col-md-3 col-6 vertical-gutter__item js-wishlist__container" data-wishlist-id="{{ item.id }}" data-wishlist-list-name="press-album">
  279.                             {{ include('Includes/Teaser/media-album-teaser.html.twig', {
  280.                                 mediaAlbum: item,
  281.                                 removeFromWishlist: true,
  282.                                 wishlistActive: item.id in activeMediaAlbumWishlistIds|default([]),
  283.                             }) }}
  284.                         </div>
  285.                     {% endfor %}
  286.                 </div>
  287.             </div>
  289.             <div class="row mt-md-5">
  290.                 <div class="col-md-4 mx-auto">
  291.                     <a href="{{ url('download-watchlist-media-album') }}" download class="btn btn-block btn-primary-light" data-event-tracking-category="Multimedia Archiv - Download" data-event-tracking-action="Bild" data-event-tracking-label="ZIP-Datei">
  292.                         <span class="icon icon-download" aria-hidden="true"></span>
  293.                         {{ 'press.MediaAlbum Download'|trans }}
  294.                     </a>
  295.                 </div>
  296.             </div>
  297.         {% endif %}
  299.     {% if not mediaAlbumItems is empty %}
  300.         <div class="container content-block mt-3">
  301.             <div class="row mb-2">
  302.                 <div class="col-6">
  303.                     <h2>
  304.                         {{ 'press.MediaAlbum Items'|trans }}
  305.                     </h2>
  306.                 </div>
  307.                 <div class="col-6 text-right">
  308.                     <form data-action="{{ app.request.pathInfo }}" action="/404" class="js-action-changer">
  309.                         <input type="hidden" id="removeAllPressAlbumItemsFromWishlist" name="removeAllPressAlbumItemsFromWishlist" />
  310.                         <button type="submit" class="link btn-no-styling mb-3 d-flex ml-auto">
  311.                             <span class="icon icon-delete mr-1 fz16" aria-hidden="true"></span>
  312.                             <span class="text-underline">{{ 'press.Merkiste Media Album löschen'|trans }}</span>
  313.                         </button>
  314.                     </form>
  315.                 </div>
  316.             </div>
  318.             <div class="flatrate-teaser-row">
  319.                 <div class="row vertical-gutter--4">
  320.                     {% for item in mediaAlbumItems %}
  321.                         <div class="col-md-3 col-6 vertical-gutter__item js-wishlist__container" data-wishlist-id="{{ item.id }}" data-wishlist-list-name="press-album-item">
  322.                             {{ include(item.template, item.params|merge({removeFromWishlist: true})) }}
  323.                         </div>
  324.                     {% endfor %}
  325.                 </div>
  326.             </div>
  328.             <div class="row mt-md-5">
  329.                 <div class="col-md-4 mx-auto">
  330.                     <a href="{{ url('download-watchlist-media-album-items') }}" download class="btn btn-block btn-primary-light" data-event-tracking-category="Multimedia Archiv - Download" data-event-tracking-action="Bild" data-event-tracking-label="ZIP-Datei">
  331.                         <span class="icon icon-download" aria-hidden="true"></span>
  332.                         {{ 'press.MediaAlbum Item Download'|trans }}
  333.                     </a>
  334.                 </div>
  335.             </div>
  336.         {% endif %}
  340.     </div>
  342.     {% if not mediaAssets is empty %}
  343.         <div class="container content-block mt-3">
  344.             <div class="row mb-2">
  345.                 <div class="col-6">
  346.                     <h2>
  347.                         {{ 'press.MediaAssets'|trans }}
  348.                     </h2>
  349.                 </div>
  350.                 <div class="col-6 text-right">
  351.                     <form data-action="{{ app.request.pathInfo }}" action="/404" class="js-action-changer">
  352. {#                        /todo#}
  353.                         <input type="hidden" id="removeAllPressMediaAssetsWishlistIds" name="removeAllPressMediaAssetsWishlistIds" />
  354.                         <button type="submit" class="link btn-no-styling mb-3 d-flex ml-auto">
  355.                             <span class="icon icon-delete mr-1 fz16" aria-hidden="true"></span>
  356.                             <span class="text-underline">{{ 'press.Merkiste Media Assets löschen'|trans }}</span>
  357.                         </button>
  358.                     </form>
  359.                 </div>
  360.             </div>
  362.             <div class="flatrate-teaser-row">
  363.                 <div class="row vertical-gutter--4">
  364.                     {% for item in mediaAssets %}
  365.                         <div class="col-md-3 col-6 vertical-gutter__item js-wishlist__container" data-wishlist-id="{{ item.id }}" data-wishlist-list-name="press-media-asset">
  366.                             {{ include('Includes/Teaser/press-picture-teaser.html.twig', getPressPictureTeaserData(item, activePressMediaAssetsWishlistIds)|merge({removeFromWishlist: true})) }}
  367.                         </div>
  368.                     {% endfor %}
  369.                 </div>
  370.             </div>
  372.             <div class="row mt-md-5">
  373.                 <div class="col-md-4 mx-auto">
  375.                     {% if not user and not elements_debug_mode() %}
  376.                         <button class="btn btn-primary-light btn-block js-nav__show-overlay"
  377.                                 aria-label="Show Overlay"
  378.                                 title="Show Overlay"
  379.                                 data-nav-overlay-target="#loginOverlay">
  380.                             <span class="icon icon-download btn-icon" aria-hidden="true"></span>
  381.                             {{ 'press.Login to download'|trans }}
  382.                         </button>
  383.                     {% else %}
  384.                         <div class="mb-2">
  385.                             {{ include('Form/Includes/checkbox.html.twig', {
  386.                                 name: 'gdpr',
  387.                                 id: 'gdpr',
  388.                                 inputModifier: 'js-gdpr__checkbox',
  389.                                 styleModifier: 'mb-md-0 mb-3',
  390.                                 required: true,
  391.                                 label: 'mediaimage.Ich akzeptiere die <button class="btn-no-styling text-underline" data-toggle="modal" data-target="#usageGuidelines">Verwendungsrichtlinien</button>'|trans
  392.                             }) }}
  393.                         </div>
  394.                         <a href="{{ url('download-watchlist-media-assets') }}" download class="btn btn-block btn-primary-light js-gdpr__button disabled" data-event-tracking-category="Multimedia Archiv - Download" data-event-tracking-action="MediaAsset" data-event-tracking-label="ZIP-Datei">
  395.                             <span class="icon icon-download" aria-hidden="true"></span>
  396.                             {{ 'press.Media Asset Download'|trans }}
  397.                         </a>
  398.                     {% endif %}
  399.                 </div>
  400.             </div>
  401.         </div>
  402.     {% endif %}
  404. {% endblock %}
  406. {% block usageGuidlines %}
  407.     {{ include('Press/Includes/userGuidelinesModal.html.twig', {regions: regions}) }}
  408. {% endblock %}
  410.     {% block javascripts %}
  411.         {% if not app.request.get('onlyInlineCss') %}
  412.         {{ include('Layout/includes/encore.html.twig', {
  413.             'staticDebugMode': staticDebugMode,
  414.             'file': 'js/press'
  415.         }) }}
  416.         {% endif %}
  417.     {% endblock %}