templates/base.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="de">
  3. <head>
  4.     <title>{% block title %}IMCD{% endblock %}</title>
  5.     <!-- Required meta tags -->
  6.     <meta charset="utf-8">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8.     <!-- Bootstrap CSS -->
  9.     <link rel="stylesheet" href="{{ asset('_vendor/fontawesome/css/all.min.css') }}">
  10.     <link rel="stylesheet" href="{{ asset('_vendor/bootstrap/bootstrap.min.css') }}">
  11.     <link rel="stylesheet" href="{{ asset('css/global.css') }}?v=1.3" >
  12.     <link rel="stylesheet" href="{{ asset('css/global-contents.css') }}?v=1.1" >
  13.     <link rel="stylesheet" href="{{ asset('css/login.css') }}?v=1.1" >
  14.     <link rel="stylesheet" href="{{ asset('css/home.css') }}?v=1.1" >
  15.     <link rel="stylesheet" href="{{ asset('css/idiopathische.css') }}?v=1.1" >
  16.     <link rel="stylesheet" href="{{ asset('css/pathophysiologie.css') }}?v=1.1" >
  17.     <link rel="stylesheet" href="{{ asset('css/diagnose.css') }}?v=1.1" >
  18.     <link rel="stylesheet" href="{{ asset('css/therapie.css') }}?v=1.1" >
  19.     <link rel="stylesheet" href="{{ asset('css/fachinformation.css') }}?v=1.1" >
  20.     <link rel="stylesheet" href="{{ asset('css/ueber.css') }}?v=1.1" >
  21.     <link rel="stylesheet" href="{{ asset('css/datenschutz.css') }}?v=1.1" >
  22.     <link rel="stylesheet" href="{{ asset('css/impressum.css') }}?v=1.1" >
  23.     {% include '_snippets/matomo.html.twig' %}
  24.     {% block stylesheets %}{% endblock %}
  25. </head>
  26. <body>
  27.     <div id="ds-header" class="fs-12">
  28.         <div class="container h-100">
  29.             <div id="ds-header_row" class="row">
  30.                 <div id="ds-col-01" class="col-9">
  31.                     <div id="ds-row-01" class="mb-4">
  32.                         <a href="{{ path('fachbereich_home') }}" class="logo_small">
  33.                             <img src="{{ asset('img/global/rrd-logo.svg') }}" width="234" alt="">
  34.                         </a>
  35. {#                        {% if not is_granted("ROLE_USER") and not 'fachbereich' in app.request.get('_route') %}#}
  36. {#                            <div class="buttons btn-login center">#}
  37. {#                                <a href="{{ path('login') }}">Anmelden</a>#}
  38. {#                            </div>#}
  39. {#                        {% endif %}#}
  40.                     </div>
  41.                     {% if 'fachbereich' in app.request.get('_route') or 'deeplink_diagnoseleitfaden' in app.request.get('_route') or 'deeplink_raetselfaelle_lymphknoten' in app.request.get('_route') %}
  42.                         <div  id="ds-row-02" class="">
  43.                             <ul id="ds-menu">
  44.                                 <li class="icons ic-home {% if 'home' in app.request.get('_route') %}active{% endif %}">
  45.                                     <a style="display: block;width: 100%;height: 100%;" href="{{ path('fachbereich_home') }}"></a>
  46.                                 </li>
  47.                                 <li class="{% if 'idiopathische' in app.request.get('_route') %}active{% endif %}">
  48.                                     <a href="{{ path('fachbereich_idiopathische') }}">
  49.                                         IDIOPATHISCHER MULTIZENTRISCHER<br>
  50.                                         MORBUS CASTLEMAN (IMCD)
  51.                                     </a>
  52.                                     <ul>
  53.                                         <li><a href="{{ path('fachbereich_idiopathische') }}#erkrankung">Erkrankung</a></li>
  54.                                         <li><a href="{{ path('fachbereich_idiopathische') }}#spektrum">Klinisches Spektrum & Symptomatik</a></li>
  55.                                     </ul>
  56.                                 </li>
  57.                                 <li class="{% if 'pathophysiologie' in app.request.get('_route') %}active{% endif %}">
  58.                                     <a href="{{ path('fachbereich_pathophysiologie') }}">
  59.                                         PATHOPHYSIOLOGIE<br>
  60.                                         DES IMCD
  61.                                     </a>
  62.                                 </li>
  63.                                 <li class="{% if 'diagnose' in app.request.get('_route') %}active{% endif %}">
  64.                                     <a href="{{ path('fachbereich_diagnose') }}">
  65.                                         DIAGNOSE<br>
  66.                                         VON IMCD
  67.                                     </a>
  68.                                     <ul>
  69.                                         <li><a href="{{ path('fachbereich_diagnose') }}#merkmale">Klinische Merkmale des iMCD</a></li>
  70.                                         <li><a href="{{ path('fachbereich_diagnose') }}#diagnosekriterien">Diagnosekriterien</a></li>
  71.                                         <li><a href="{{ path('fachbereich_diagnose') }}#diagnosealgorithmus">Diagnose-Algorithmus</a></li>
  72.                                     </ul>
  73.                                 </li>
  74.                                 <li class="{% if 'therapie' in app.request.get('_route') %}active{% endif %}">
  75.                                     <a href="{{ path('fachbereich_therapie') }}">
  76.                                         THERAPIE<br>
  77.                                         DES IMCD
  78.                                     </a>
  79.                                 </li>
  80.                                 <li class="{% if 'fachinformation' in app.request.get('_route') %}active{% endif %}">
  81.                                     <a href="{{ path('fachbereich_fachinformation') }}">
  82.                                         SILTUXIMAB<br>
  83.                                         WIRKMECHANISMUS
  84.                                     </a>
  85.                                 </li>
  86.                                 <li class="{% if 'fachbereich_downloads' in app.request.get('_route') %}active{% endif %}">
  87.                                     <a href="{{ path('fachbereich_downloads') }}">
  88.                                         DOWNLOAD &<br>
  89.                                         SERVICES
  90.                                     </a>
  91.                                 </li>
  92.                             </ul>
  93.                         </div>
  94.                     {% endif %}
  95.                 </div>
  96.                 {% if 'fachbereich' in app.request.get('_route') or 'patientenkasuistik' in app.request.get('_route') or 'deeplink_diagnoseleitfaden' in app.request.get('_route') or 'deeplink_raetselfaelle_lymphknoten' in app.request.get('_route') %}
  97.                 <div id="ds-col-02" class="col-3">
  98.                     <div class="logo_big">
  99.                         <img src="{{ asset('img/global/logo_big@2x.png') }}" alt="">
  100.                     </div>
  101.                 </div>
  102.                 {% endif %}
  103.             </div>
  104.         </div>
  105.     </div>
  106.     {% if 'fachbereich' in app.request.get('_route') or 'deeplink_diagnoseleitfaden' in app.request.get('_route') or 'deeplink_raetselfaelle_lymphknoten' in app.request.get('_route') %}
  107.         <div id="mb-header">
  108.         <div class="container h-100">
  109.             <div class="row h-100">
  110.                 <div class="col-9">
  111.                     <div class="logo_mb">
  112.                         <a href="{{ path('fachbereich_home') }}">
  113.                             <img src="{{ asset('img/global/logo_mb.png') }}" alt="">
  114.                         </a>
  115.                     </div>
  116.                 </div>
  117.                 <div class="col-3">
  118.                     <div id="trigger-menu" class="icons ic-menu">
  119.                         <svg class="bi bi-list" width="2em" height="2em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
  120.                             <path fill-rule="evenodd" d="M2.5 11.5A.5.5 0 0 1 3 11h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 3h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
  121.                         </svg>
  122.                         <span></span>
  123.                         <span></span>
  124.                         <span></span>
  125.                     </div>
  126.                 </div>
  127.             </div>
  128.             <div id="mb-menu_item" class="row">
  129.                 <div class="col-12">
  130.                     <ul>
  131.                         <li class="{% if 'idiopathische' in app.request.get('_route') %}active{% endif %}">
  132.                             <a href="{{ path('fachbereich_idiopathische') }}">
  133.                                 IDIOPATHISCHER MULTIZENTRISCHER
  134.                                 MORBUS CASTLEMAN (IMCD)
  135.                             </a>
  136.                         </li>
  137.                         <li class="{% if 'pathophysiologie' in app.request.get('_route') %}active{% endif %}">
  138.                             <a href="{{ path('fachbereich_pathophysiologie') }}">
  139.                                 PATHOPHYSIOLOGIE
  140.                                 DES IMCD
  141.                             </a>
  142.                         </li>
  143.                         <li class="{% if 'diagnose' in app.request.get('_route') %}active{% endif %}">
  144.                             <a href="{{ path('fachbereich_diagnose') }}">
  145.                                 DIAGNOSE
  146.                                 VON IMCD
  147.                             </a>
  148.                         </li>
  149.                         <li class="{% if 'therapie' in app.request.get('_route') %}active{% endif %}">
  150.                             <a href="{{ path('fachbereich_therapie') }}">
  151.                                 THERAPIE
  152.                                 DES IMCD
  153.                             </a>
  154.                         </li>
  155.                         <li class="{% if 'fachinformation' in app.request.get('_route') %}active{% endif %}">
  156.                             <a href="{{ path('fachbereich_fachinformation') }}">
  157.                                 SILTUXIMAB WIRKMECHANISMUS
  158.                             </a>
  159.                         </li>
  160.                         <li class="{% if 'fachbereich_downloads' in app.request.get('_route') %}active{% endif %}">
  161.                             <a href="{{ path('fachbereich_downloads') }}">
  162.                                 DOWNLOAD & SERVICES
  163.                             </a>
  164.                         </li>
  165.                     </ul>
  166.                 </div>
  167.             </div>
  168.         </div>
  169.     </div>
  170.     {% endif %}
  171.     {% if 'patientenkasuistik' in app.request.get('_route') %}
  172.         <div id="mb-header">
  173.             <div class="container h-100">
  174.                 <div class="row h-100">
  175.                     <div class="col-9">
  176.                         <div class="logo_mb">
  177.                             <a href="{{ path('fachbereich_home') }}">
  178.                                 <img src="{{ asset('img/global/logo_mb.png') }}" alt="">
  179.                             </a>
  180.                         </div>
  181.                     </div>
  182.                 </div>
  183.             </div>
  184.         </div>
  185.     {% endif %}
  186.     <div class="container-fluid" style="position: relative">
  187.         <img id="bg-pattern_top" src="{{ asset('img/global/verlauf_hintergrund@2x.png') }}" alt="">
  188.         <img id="bg-pattern_bottom" src="{{ asset('img/global/verlauf_footer@2x.png') }}" alt="">
  189.         <div id="wrapper" {% if 'login' in app.request.get('_route') %}style="padding-top: 90px;"{% endif %} >
  190.             <div class="container">
  191.                 <div class="row">
  192. {#                    <div id="offset">#}
  193.                         {% block body %}{% endblock %}
  194. {#                    </div>#}
  195.                 </div>
  196.             </div>
  197.         </div>
  198.         <div class="row">
  199.             <div class="col-10 mb-5 mt-5 fs-14 right" id="top-btn">
  200.                 <a href="#" style="background-color: rgba(55,56,78,0.25);">
  201.                     NACH OBEN
  202.                     <svg class="bi bi-chevron-up ml-3" width="1.5em" height="1.5em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
  203.                         <path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/>
  204.                     </svg>
  205.                 </a>
  206.             </div>
  207.         </div>
  208.     </div>
  209.     <div id="wrapper-verlassen">
  210.         <div id="verlassen" class="row container-fluid center">
  211.             <div class="col">
  212.                 <b>Sie verlassen unsere Website</b><br><br>
  213.                 <a href="https://www.google.com/?gws_rd=ssl">
  214.                     <img src="{{ asset('img/button-verlassen.png') }}" alt="..." class="img-fluid">
  215.                 </a>
  216.             </div>
  217.         </div>
  218.     </div>
  219.     {% if app.session.get('dcLogin') and 'datenschutz' not in app.request.get('_route') and 'fachbereich' in app.request.get('_route') %}
  220.         <div id="wrapper-cookies">
  221.             <div id="cookies-content" class="container-fluid">
  222.                 <div class="container">
  223.                     <div class="row">
  224.                         <div class="col-12 pt-5 pb-5">
  225.                             <b>Diese Webseite verwendet Cookies</b><br>
  226.                             Durch die Nutzung dieser Webseite ohne &Auml;nderung Ihrer Cookie-Einstellungen stimmen Sie der Verwendung von Cookies zu.
  227.                             Ohne technisch notwendige Cookies l&auml;sst sich diese Internetseite nicht<br><br>
  228.                             nutzerfreundlich umsetzen. Analyse-Cookies zeigen uns, wie Sie unser Angebot und dessen Funktionen nutzen.
  229.                             Informationen wie Sie Ihre Cookie-Einstellungen anpassen k&ouml;nnen, finden Sie in unserer <a href="{{ path('datenschutz')}}">Datenschutzerkl&auml;rung</a>.
  230.                             Durch Klicken auf Akzeptieren stimmen Sie unserer Verwendung von Cookies zu.<br><br>
  231.                             <img id="ablehnen" src="{{ asset('img/global/ablehnen-button.png') }}" alt="..." class="img-fluid">
  232.                             <img id="akzeptieren" src="{{ asset('img/global/akzeptieren-button.png') }}" alt="..." class="img-fluid">
  233.                         </div>
  234.                     </div>
  235.                 </div>
  236.             </div>
  237.         </div>
  238.     {% endif %}
  239.     <div id="ds-footer" class="fs-14">
  240.         <div class="container h-100">
  241.             <div id="ds-footer_row" class="row h-100">
  242.                 <div class="col-12">
  243.                     <div id="ds-copyrightr">
  244.                         &copy; {{ "now"|date("Y") }} Recordati Rare Diseases
  245.                     </div>
  246.                     <ul id="ds-footer_menu">
  247.                         <li class="{% if 'ueber' in app.request.get('_route') %}active{% endif %}">
  248.                             <a href="{% if 'fachbereich' in app.request.get('_route') %}{{ path('fachbereich_ueber')}}{% else %}{{ path('ueber')}}{% endif %}">
  249.                                 &Uuml;ber uns
  250.                             </a>
  251.                         </li>
  252.                         <li class="{% if 'datenschutz' in app.request.get('_route') %}active{% endif %}">
  253.                             <a href="{{ path('datenschutz') }}">
  254.                                 Datenschutz
  255.                             </a>
  256.                         </li>
  257.                         <li class="{% if 'impressum' in app.request.get('_route') %}active{% endif %}">
  258.                             <a href="{% if 'fachbereich' in app.request.get('_route') %}{{ path('fachbereich_impressum')}}{% else %}{{ path('impressum')}}{% endif %}">
  259.                                 Impressum
  260.                             </a>
  261.                         </li>
  262.                     </ul>
  263.                 </div>
  264.             </div>
  265.         </div>
  266.     </div>
  267.     <div id="mb-footer" class="fs-14">
  268.         <div class="container-fluid h-100">
  269.             <div class="row" {% if app.request.get('_route') == 'ueber' or app.request.get('_route') == 'datenschutz' or app.request.get('_route') == 'impressum' %}style="background-color: unset!important;"{% endif %}>
  270.                 <div class="container">
  271.                     <div class="row h-100">
  272.                         <div id="footer-text" class="ml-3">
  273.                             <ul id="mb-footer_menu">
  274.                                 <li class="{% if 'ueber' in app.request.get('_route') %}active{% endif %}">
  275.                                     <a href="{% if 'fachbereich' in app.request.get('_route') %}{{ path('fachbereich_ueber')}}{% else %}{{ path('ueber')}}{% endif %}">
  276.                                         &Uuml;ber uns
  277.                                     </a>
  278.                                 </li>
  279.                                 <li class="{% if 'datenschutz' in app.request.get('_route') %}active{% endif %}">
  280.                                     <a href="{{ path('datenschutz') }}">
  281.                                         Datenschutz
  282.                                     </a>
  283.                                 </li>
  284.                                 <li class="{% if 'impressum' in app.request.get('_route') %}active{% endif %}">
  285.                                     <a href="{% if 'fachbereich' in app.request.get('_route') %}{{ path('fachbereich_impressum')}}{% else %}{{ path('impressum')}}{% endif %}">
  286.                                         Impressum
  287.                                     </a>
  288.                                 </li>
  289.                             </ul>
  290.                         </div>
  291.                         <div id="footer-logo">
  292.                             <div class="logo_big mr-3">
  293.                                 {% if app.request.get('_route') == 'ueber' or app.request.get('_route') == 'datenschutz' or app.request.get('_route') == 'impressum' %}
  294.                                     <img src="{{ asset('img/patienten/logo@2x.png') }}" alt="" class="img-fluid" style="width: 120px">
  295.                                 {% else %}
  296.                                     <img src="{{ asset('img/global/logo_big@2x.png') }}" alt="" class="img-fluid">
  297.                                 {% endif %}
  298.                             </div>
  299.                         </div>
  300.                     </div>
  301.                 </div>
  302.             </div>
  303.             <div class="row" style="height: 78px">
  304.                 <div class="container h-100">
  305.                     <div class="row h-100">
  306.                         <div class="logo_small ml-3">
  307.                             <img src="{{ asset('img/global/rrd-logo.svg') }}" width="234" alt="">
  308.                         </div>
  309.                         <div class="mb-copyright bold blue mr-3">
  310.                             &copy; {{ "now"|date("Y") }}
  311.                         </div>
  312.                     </div>
  313.                 </div>
  314.             </div>
  315.         </div>
  316.     </div>
  317.     <div class="video-popup-background"></div>
  318.     <div class="video-popup-wrapper">
  319.         <div class="slide-blur popup"></div>
  320.         <div class="slide-content-wrapper popup">
  321.             <div class="btn-close-slide popup">
  322.                 <i class="fas fa-times"></i>
  323.             </div>
  324.             <div class="slide-content popup">
  325. {#                <video src="" controls></video>#}
  326.                 <div class="embed-responsive embed-responsive-16by9">
  327.                     <iframe class="embed-responsive-item" src="" allowfullscreen></iframe>
  328.                 </div>
  329.             </div>
  330.         </div>
  331.     </div>
  332.     <div class="audio-popup-wrapper">
  333.         <div class="slide-blur popup"></div>
  334.         <div class="slide-content-wrapper popup">
  335.             <div class="btn-close-slide popup">
  336.                 <i class="fas fa-times"></i>
  337.             </div>
  338.             <div class="slide-content popup audio-content">
  339.                 <img src="" alt="" id="audioposter">
  340.                 <audio src="" controls></audio>
  341.             </div>
  342.         </div>
  343.     </div>
  344.     <div class="pdf-popup-wrapper">
  345.         <div class="slide-blur popup"></div>
  346.         <div class="slide-content-wrapper popup">
  347.             <div class="btn-close-slide popup">
  348.                 <i class="fas fa-times"></i>
  349.             </div>
  350.             <div class="slide-content popup pdf-content">
  351.                 <iframe width="100%" height="100%"></iframe>
  352.             </div>
  353.         </div>
  354.     </div>
  355. {#    {% if 'fachbereich' in app.request.get('_route') %}#}
  356. {#        <div id="modalSylvant" class="modal" tabindex="-1" role="dialog">#}
  357. {#            <div class="modal-dialog modal-dialog-centered modal-lg" role="document">#}
  358. {#                <div class="modal-content">#}
  359. {#                    <div class="modal-header">#}
  360. {#                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>#}
  361. {#                    </div>#}
  362. {#                    <div class="modal-body">#}
  363. {#                        <a href="https://sylvant.de/autologin/V4VU979jXj" target="_blank">#}
  364. {#                            <img src="{{ asset('img/popup_sylvant_rebrand@2x.png') }}" alt="..." class="img-fluid">#}
  365. {#                        </a>#}
  366. {#                    </div>#}
  367. {#                </div>#}
  368. {#            </div>#}
  369. {#        </div>#}
  370. {#    {% endif %}#}
  371.     <script src="{{ asset('_vendor/bootstrap/jquery-3.6.1.js') }}"></script>
  372.     <script src="{{ asset('_vendor/bootstrap/popper.min.js') }}"></script>
  373.     <script src="{{ asset('_vendor/bootstrap/bootstrap.min.js') }}"></script>
  374.     <script src="{{ asset('bundles/fosjsrouting/js/router.min.js') }}"></script>
  375.     <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
  376.     <script src="{{ asset('_vendor/sweetalert2.all.min.js') }}"></script>
  377.     <script src="{{ asset('js/global.js') }}?v=1.1"></script>
  378.     <script>
  379.         $(() => {
  380. {#            {% if 'fachbereich' in app.request.get('_route') %}#}
  381. {#                if (!sessionStorage.getItem("modalSylvantShown")) {#}
  382. {#                    $('#modalSylvant').modal('show');#}
  383. {#                }#}
  384. {#                $('#modalSylvant').on('hidden.bs.modal', function (e) {#}
  385. {#                    sessionStorage.setItem("modalSylvantShown", true);#}
  386. {#                })#}
  387. {#            {% endif %}#}
  388.             $('.flip[data-video]:not(.active)').on('click', function(event) {
  389.                 event.preventDefault();
  390.                 showVideo($(event.target).closest('.flip').attr('data-video'));
  391.             })
  392.             $('[data-video]').on('click', function(event) {
  393.                 event.preventDefault();
  394.                 showVideo($(this).attr('data-video'));
  395.             })
  396.             $('[data-pdf]').on('click', function(event) {
  397.                 event.preventDefault();
  398.                 showPdf($(this).attr('data-pdf'));
  399.             })
  400.             if (window.location.hash == '#patientenvideo') {
  401.                 showKaltura("1_bcahubsp");
  402.             }
  403.             $('[data-audio]').on('click', function(event) {
  404.                 event.preventDefault();
  405.                 playAudio($(this).attr('data-audio'));
  406.             })
  407.             $('.video-popup-wrapper .btn-close-slide').on('click', function(event) {
  408.                 // let video = $('.video-popup-wrapper video').get(0);
  409.                 // video.pause();
  410.                 // video.currentTime = 0;
  411.                 // $('.video-popup-wrapper video').removeAttr('src');
  412.                 $('.video-popup-wrapper iframe').removeAttr('src');
  413.                 $('.video-popup-wrapper').removeClass('show');
  414.                 $('.video-popup-background').hide();
  415.             });
  416.             $('.audio-popup-wrapper .btn-close-slide').on('click', function(event) {
  417.                 let audio = $('.audio-popup-wrapper audio').get(0);
  418.                 audio.pause();
  419.                 audio.currentTime = 0;
  420.                 $('.audio-popup-wrapper audio').removeAttr('src');
  421.                 $('.audio-popup-wrapper').removeClass('show');
  422.                 $('.video-popup-background').hide();
  423.             });
  424.             $('.pdf-popup-wrapper .btn-close-slide').on('click', function(event) {
  425.                 $('.pdf-popup-wrapper iframe').removeAttr('src');
  426.                 $('.pdf-popup-wrapper').removeClass('show');
  427.                 $('.video-popup-background').hide();
  428.             });
  429.         });
  430.         function showVideo(videoName) {
  431.             {#let videoUrl = "{{ asset('video/') }}" + videoName;#}
  432.             {#$('.video-popup-wrapper video').attr('src', videoUrl);#}
  433.             {#$('.video-popup-wrapper').addClass('show');#}
  434.             {#$('.video-popup-background').show();#}
  435.             {#let video = $('.video-popup-wrapper video').get(0);#}
  436.             {#video.play();#}
  437.             let videoUrl = "https://cdnapisec.kaltura.com/p/4372863/sp/437286300/embedIframeJs/uiconf_id/49073323/partner_id/4372863?iframeembed=true&playerId=kaltura_player_1637568283&entry_id="
  438.             let entryId;
  439.             switch (videoName) {
  440.                 case "210816_FeedTheNeed_Cutdown_F.mp4":
  441.                     entryId = "1_oj8nvgl9";
  442.                     break;
  443.                 case "arztCME-Webcast-Morbus-Castleman.mp4":
  444.                     entryId = "1_bw57o4je";
  445.                     break;
  446.                 case "Checkliste_fuer_eine_sichere_Diagnose_des_iMCD_Part_3_Website.mp4":
  447.                     entryId = "1_gyvnlxbs";
  448.                     break;
  449.                 case "EUSA_Pharma_Sylvant_Siltuximab_Mode_of_Action_Video_Germany_FINAL_Deutscher_Sprecher_Mai_2021.mp4":
  450.                     entryId = "1_8el3l3q1";
  451.                     break;
  452.                 case "EUSA_Whiteboard_Animation_FINAL.mp4":
  453.                     entryId = "1_umhcnh6o";
  454.                     break;
  455.                 case "iMCD_StoryClip_201102_Preview.mp4":
  456.                     entryId = "1_fhknycmc";
  457.                     break;
  458.                 case "Pathologie_bei_Verdacht_auf_iMCD_Part_2_Website.mp4":
  459.                     entryId = "1_wq6auai4";
  460.                     break;
  461.                 case "Pathophysiologie_des_IMCD_Part_1_Website.mp4":
  462.                     entryId = "1_pj6jaidj";
  463.                     break;
  464.                 case "Tatort_Lymphom.mp4":
  465.                     entryId = "1_4p99qtn7";
  466.                     break;
  467.                 case "WebUp_Morbus_Castleman_Nur_Vortrag.mp4":
  468.                     entryId = "1_i3qo4wcc";
  469.                     break;
  470.                 case "Video_Veranstaltung_Prof_Huebel_Low_Res.mp4":
  471.                     entryId = "1_sf0u7f6w";
  472.                     break;
  473.             }
  474.             videoUrl += entryId;
  475.             showKaltura(entryId);
  476.         }
  477.         function playAudio(audioName) {
  478.             let audioUrl = "{{ asset('audio/') }}" + audioName;
  479.             $('.audio-popup-wrapper audio').attr('src', audioUrl);
  480.             $('.audio-popup-wrapper').addClass('show');
  481.             $('.video-popup-background').show();
  482.             let audio = $('.audio-popup-wrapper audio').get(0);
  483.             audio.play();
  484.         }
  485.         function showPdf(pdfName) {
  486.             pdfName = '../../..' + pdfName;
  487.             let pdfUrl = "{{ asset('_vendor/pdfjs/web/viewer.html') }}?file=" + pdfName + '#pagemode=none';
  488.             $('.pdf-popup-wrapper iframe').attr('src', pdfUrl);
  489.             $('.pdf-popup-wrapper').addClass('show');
  490.             $('.video-popup-background').show();
  491.         }
  492.     </script>
  493.     {% block javascripts %}{% endblock %}
  494. </body>
  495. </html>