templates/base.html.twig line 1

Open in your IDE?
  1. {% apply spaceless %}
  4.     <!DOCTYPE html>
  5.     <html lang="de">
  6.     <head>
  8.         <meta charset="utf-8">
  9.         <title>{% if app.request.server.get('WEB_UMGEBUNG') != 'WEB' %}{{ app.request.server.get('WEB_UMGEBUNG') }}-{% endif %}{% block metaTitle %}handwerkXcampus{% endblock %}</title>
  10.         {% if app.request.server.get('WEB_UMGEBUNG') != 'WEB' %}
  11.             <meta name="robots" content="noindex">
  12.         {% endif %}
  14.         <!-- SEO Meta Tags-->
  15.         <meta name="description"
  16.               content="{% block metaDescription %}Der handwerkXcampus bietet einen einfachen Zugang zu Weiterbildung in der SHK Branche. Wir bieten eine große Auswahl an OnDemand-Kursen und Schulungen in Präsenz und Online, die direkt auf das Handwerk abgestimmt sind. So können sich Mitarbeiter aus dem Handwerk in den Bereichen Technik, Sicherheit und Gesetzgebung weiterbilden.{% endblock %}">
  17.         <meta name="keywords" content="Handwerk, Weiterbildung, Schulungen im Handwerk, SHK Weiterbildungen">
  19.         <!-- Viewport-->
  20.         <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
  21.         <!-- Favicon and Touch Icons-->
  23.         <link rel="shortcut icon" type="image/x-icon" href="{{ asset('favicons') }}/favicon.ico">
  24.         <link rel="icon" type="image/x-icon" href="{{ asset('favicons') }}/favicon.ico">
  25.         <link rel="icon" type="image/gif" href="{{ asset('favicons') }}/favicon.gif">
  26.         <link rel="icon" type="image/png" href="{{ asset('favicons') }}/favicon.png">
  27.         <link rel="apple-touch-icon" href="{{ asset('favicons') }}/apple-touch-icon.png">
  28.         <link rel="apple-touch-icon" href="{{ asset('favicons') }}/apple-touch-icon-57x57.png" sizes="57x57">
  29.         <link rel="apple-touch-icon" href="{{ asset('favicons') }}/apple-touch-icon-60x60.png" sizes="60x60">
  30.         <link rel="apple-touch-icon" href="{{ asset('favicons') }}/apple-touch-icon-72x72.png" sizes="72x72">
  31.         <link rel="apple-touch-icon" href="{{ asset('favicons') }}/apple-touch-icon-76x76.png" sizes="76x76">
  32.         <link rel="apple-touch-icon" href="{{ asset('favicons') }}/apple-touch-icon-114x114.png" sizes="114x114">
  33.         <link rel="apple-touch-icon" href="{{ asset('favicons') }}/apple-touch-icon-120x120.png" sizes="120x120">
  34.         <link rel="apple-touch-icon" href="{{ asset('favicons') }}/apple-touch-icon-128x128.png" sizes="128x128">
  35.         <link rel="apple-touch-icon" href="{{ asset('favicons') }}/apple-touch-icon-144x144.png" sizes="144x144">
  36.         <link rel="apple-touch-icon" href="{{ asset('favicons') }}/apple-touch-icon-152x152.png" sizes="152x152">
  37.         <link rel="apple-touch-icon" href="{{ asset('favicons') }}/apple-touch-icon-180x180.png" sizes="180x180">
  38.         <link rel="apple-touch-icon" href="{{ asset('favicons') }}/apple-touch-icon-precomposed.png">
  39.         <link rel="icon" type="image/png" href="{{ asset('favicons') }}/favicon-16x16.png" sizes="16x16">
  40.         <link rel="icon" type="image/png" href="{{ asset('favicons') }}/favicon-32x32.png" sizes="32x32">
  41.         <link rel="icon" type="image/png" href="{{ asset('favicons') }}/favicon-96x96.png" sizes="96x96">
  42.         <link rel="icon" type="image/png" href="{{ asset('favicons') }}/favicon-160x160.png" sizes="160x160">
  43.         <link rel="icon" type="image/png" href="{{ asset('favicons') }}/favicon-192x192.png" sizes="192x192">
  44.         <link rel="icon" type="image/png" href="{{ asset('favicons') }}/favicon-196x196.png" sizes="196x196">
  45.         <meta name="msapplication-TileImage" content="{{ asset('favicons') }}/win8-tile-144x144.png">
  46.         <meta name="msapplication-square70x70logo" content="{{ asset('favicons') }}/win8-tile-70x70.png">
  47.         <meta name="msapplication-square144x144logo" content="{{ asset('favicons') }}/win8-tile-144x144.png">
  48.         <meta name="msapplication-square150x150logo" content="{{ asset('favicons') }}/win8-tile-150x150.png">
  49.         <meta name="msapplication-wide310x150logo" content="{{ asset('favicons') }}/win8-tile-310x150.png">
  50.         <meta name="msapplication-square310x310logo" content="{{ asset('favicons') }}/win8-tile-310x310.png">
  53.         <link rel="manifest" href="{{ asset('css/site.webmanifest') }}">
  54.         <link rel="mask-icon" color="#fe6a6a" href="{{ asset('img/asafari-pinned-tab.svg') }}">
  55.         <meta name="msapplication-TileColor" content="#ffffff">
  56.         <meta name="theme-color" content="#ffffff">
  59.         <!-- Vendor Styles including: Font Icons, Plugins, etc.-->
  60.         <link rel="stylesheet" media="screen" href="{{ asset('vendor/simplebar/dist/simplebar.min.css') }}"/>
  61.         <link rel="stylesheet" media="screen" href="{{ asset('vendor/tiny-slider/dist/tiny-slider.css') }}"/>
  62.         <link rel="stylesheet" media="screen" href="{{ asset('vendor/lightgallery.js/dist/css/lightgallery.min.css') }}"/>
  63.         <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/icons.min.css') }}"/>
  64.         <!-- Main Theme Styles + Bootstrap-->
  65.         <link rel="stylesheet" media="screen" href="{{ asset('css/theme.min.css') }}">
  66.         <!-- Quill css -->
  68.         <link href="{{ asset('hyper5/vendor/jquery-toast-plugin/jquery.toast.min.css') }}" rel="stylesheet" type="text/css"/>
  69.         <link href="{{ asset('hyper5/vendor/jstree/themes/default/style.min.css') }}" rel="stylesheet" type="text/css">
  71.         <link rel="stylesheet" media="screen" href="{{ asset('vendor/nouislider/dist/nouislider.min.css') }}"/>
  72.         <link rel="stylesheet" media="screen" href="{{ asset('vendor/drift-zoom/dist/drift-basic.min.css') }}"/>
  74.         <!-- Eigene CSS Datei -->
  75.         <link rel="stylesheet" media="screen" href="{{ asset('css/campus.css') }}?V=28"/>
  77.         {% if not app.session.get('appUser') and app.request.server.get('WEB_UMGEBUNG') != 'LOCAL' %}
  78.             {% if not is_granted('ROLE_MITGLIED') %}
  80.                 <script type="text/javascript" charset="UTF-8" src="//cdn.cookie-script.com/s/1a5771b0c569557353339494055e4e80.js"></script>
  82.                 <script type="text/javascript" charset="UTF-8" data-cookiescriptreport="report" src="//report.cookie-script.com/r/1a5771b0c569557353339494055e4e80.js"></script>
  84.                 {#
  85.                 <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="b58eb13a-043c-4f6e-84fd-881aad6a11db" data-blockingmode="auto"
  86.                         type="text/javascript"></script>
  87.                 #}
  89.             {% endif %}
  90.         {% endif %}
  92.         {% if app.request.server.get('WEB_UMGEBUNG') == 'WEB' %}
  93.             <!-- Google tag (gtag.js) -->
  94.             <script async src="https://www.googletagmanager.com/gtag/js?id=G-JNWK6WEJRQ"></script>
  95.             <script>
  96.                 window.dataLayer = window.dataLayer || [];
  98.                 function gtag() {
  99.                     dataLayer.push(arguments);
  100.                 }
  102.                 gtag('js', new Date());
  103.                 gtag('config', 'G-JNWK6WEJRQ');
  104.             </script>
  105.         {% endif %}
  107.         {% include('/user/firma/_firmenfarben.html.twig') %}
  109.         <!-- bundle -->
  110.         <script src="{{ asset('assets/js/vendor.min.js') }}"></script>
  112.         <script src="{{ asset('amcharts4/core.js') }}"></script>
  113.         <script src="{{ asset('amcharts4/charts.js') }}"></script>
  114.         <script src="{{ asset('amcharts4/animated.js') }}"></script>
  117.         <script>
  118.             jQuery(function ($) {
  120.                 window.appNavMenuNachLinksWischen = function () {
  121.                     let erstePosX = 0
  122.                     let letztePosX = 0
  123.                     document.addEventListener('touchstart', e => {
  124.                         erstePosX = e.changedTouches[0].screenX
  125.                     })
  126.                     document.addEventListener('touchend', e => {
  127.                         let meineStrecke = erstePosX - e.changedTouches[0].screenX
  128.                         if ($('.offcanvasMenuNachLinksSchiessen').hasClass('show')) {
  129.                             if (meineStrecke > 100) {
  130.                                 $('.offcanvasMenuSchliessenButton').trigger('click');
  131.                                 setTimeout(function () {
  132.                                     $('.offcanvasMenuNachLinksSchiessen').css('left', 0);
  133.                                 }, 500)
  134.                             } else {
  135.                                 $('.offcanvasMenuNachLinksSchiessen').css('left', 0);
  136.                             }
  137.                         }
  138.                     })
  139.                     document.addEventListener('touchmove', e => {
  140.                         let movePos = e.changedTouches[0].screenX
  141.                         let meineStrecke = erstePosX - movePos
  142.                         if ($('.offcanvasMenuNachLinksSchiessen').hasClass('show')) {
  143.                             if (movePos > letztePosX) {
  144.                                 $('.offcanvasMenuNachLinksSchiessen').css('left', 0);
  145.                             }
  146.                             if (meineStrecke > 25) {
  147.                                 $('.offcanvasMenuNachLinksSchiessen').css('left', (meineStrecke - 24) * -1);
  148.                             }
  149.                             letztePosX = movePos;
  150.                         }
  151.                     })
  152.                 }
  154.                 window.appNavHauptmenuNachObenWischen = function () {
  155.                     let erstePosY = 0
  156.                     document.addEventListener('touchstart', e => {
  157.                         erstePosY = e.changedTouches[0].screenY
  158.                     })
  159.                     document.addEventListener('touchend', e => {
  160.                         let meineStrecke = erstePosY - e.changedTouches[0].screenY
  161.                         if ($('.mobil-hauptmenu').hasClass('show')) {
  162.                             if (meineStrecke > 50) {
  163.                                 $('.button-mobiles-menu').trigger('click');
  164.                             }
  165.                         }
  166.                     })
  167.                 }
  168.                 window.appNavHauptmenuNachObenWischen();
  170.             });
  171.         </script>
  173.     </head>
  174.     <body class="handheld-toolbar-enabled">
  176.     {% include('/user/firma/_firmenfarben.html.twig') %}
  179.     <main class="page-wrapper">
  180.         <!-- Navbar Marketplace-->
  181.         <!-- Remove "navbar-sticky" class to make navigation bar scrollable with the page.-->
  182.         <header class="bg-light shadow-sm navbar-sticky navbar-stuck">
  183.             <div class="navbar navbar-expand-lg navbar-light">
  184.                 <div class="container">
  186.                     <div id="hauptseite-zurueck-symbol" class="navbar-toolbar d-none hauptseite-zurueck-symbol">
  187.                         <a id="hauptseite-zurueck-link" class="navbar-tool me-2 hauptseite-zurueck-link" href="">
  188.                             <span class="navbar-tool-tooltip zindex-10">zurück</span>
  189.                             <div class="navbar-tool-icon-box bg-secondary"><i class="navbar-tool-icon mdi mdi-arrow-left-bold-outline fs-4"></i></div>
  190.                         </a>
  191.                     </div>
  193.                     <div id="hauptseite-campus-logo" class="hauptseite-campus-logo">
  194.                         <a class="navbar-brand d-none d-sm-block flex-shrink-0 order-lg-1 me-0" href="{{ path ('user_start') }}">
  195.                             <img src="{{ asset('img/campus/logo/Logo.png') }}" width="120" alt="Campus">
  196.                         </a>
  197.                         <a class="navbar-brand d-sm-none me-0 me-md-2 order-lg-1 p-0" href="{{ path ('user_start') }}">
  198.                             <img src="{{ asset('img/campus/logo/Logo_klein.png') }}" width="48" alt="Campus">
  199.                             {#
  200.                             <img src="{{ asset('img/campus/logo/Logo.png') }}" width="90" alt="Campus">
  201.                             #}
  202.                         </a>
  203.                     </div>
  205.                     {% include('/nav/user_navigation_rechts.html.twig') %}
  207.                     {% include('/nav/user_navigation_links.html.twig') %}
  210.                 </div>
  211.             </div>
  213.             <div class="search-box collapse" id="searchBox">
  214.                 <div class="card pt-2 pb-4 border-0 rounded-0">
  215.                     <div class="container">
  216.                         <div class="input-group"><i class="ci-search position-absolute top-50 start-0 translate-middle-y text-muted fs-base ms-3"></i>
  217.                             {% include('/nav/user_navigation_suche.html.twig') %}
  218.                         </div>
  219.                     </div>
  220.                 </div>
  221.             </div>
  223.         </header>
  225.         {% if app.request.server.get('WEB_UMGEBUNG') != 'WEB' %}
  226.             {% if app.user.provisorischerMitarbeiter is not defined or app.user.provisorischerMitarbeiter == 0 %}
  227.                 <div class="text-center bg-warning text-white fw-bolder">
  228.                     <h3 class="fw-bolder"> {{ app.request.server.get('WEB_UMGEBUNG') }} - Version</h3>
  229.                 </div>
  230.             {% else %}
  231.                 <div class="text-center bg-danger fw-bolder p-1">
  232.                     <h3 class="fw-bolder text-white p-0 m-0">Inaktiver Account <small>(provisorischer Mitarbeiter)</small></h3>
  233.                 </div>
  234.             {% endif %}
  236.         {% else %}
  237.         {% endif %}
  239.         {% if is_granted("IS_IMPERSONATOR") %}
  240.             {% if app.user.userProfil.celseoSupportFreigabe != null %}
  241.                 <div class="text-center bg-success text-white fw-bolder">
  242.                     <h5 class="pt-1 mb-0 text-white fw-bolder">Support Freigabe seit {{ app.user.userProfil.celseoSupportFreigabe|date('H:i:s') }}</h5>
  243.                 </div>
  244.             {% else %}
  245.                 <div class="text-center bg-danger text-white fw-bolder">
  246.                     <h5 class="pt-1 mb-0 text-white fw-bolder">Keine Supportfreigabe</h5>
  247.                 </div>
  248.             {% endif %}
  249.         {% endif %}
  251.         {% if app.request.server.get('MAINTENANCE_HINWEIS') != '0' %}
  252.             {% include('/meldungen.html.twig') %}
  253.         {% endif %}
  255.         {% block body %}
  257.         {% endblock %}
  259.     </main>
  262.     {% if not app.session.get('appUser') %}
  263.         <div class="{% if is_granted("ROLE_CELSEO_MASTERADMIN") %}d-none d-md-block{% endif %}">
  264.             <div class="mt-5">&nbsp;</div>
  266.             <!-- Footer-->
  267.             <footer class="footer pt-4 hintergrundfarbe schriftfarbe">
  268.                 <div class="container pt-2 pb-0">
  269.                     <div class="row">
  270.                         <div class="col-md-5 text-center text-md-start mb-4">
  271.                             <div class="text-nowrap mb-3">
  272.                                 <a class="d-inline-block align-middle mt-n2 me-2" href="#"><img class="d-block" src="{{ asset('img/campus/logo/Logo_weiss.png') }}" width="117"
  273.                                                                                                 alt="Cartzilla"></a>
  274.                             </div>
  275.                             <p class="fs-sm text-white opacity-70 pb-1">Finde dein Weiterbildungsangebot!<br>Mach dich fit für die Zukunft.</p>
  276.                             {#
  277.                             <h6 class="d-inline-block pe-3 me-3 border-end border-light">
  278.                             <span class="text-white fw-bolder h4">78 </span><span class="fw-normal text-white">Seminare</span>
  279.                             </h6>
  280.                             <h6 class="d-inline-block me-3">
  281.                             <span class="text-white fw-bolder h4">128 </span><span class="fw-normal text-white">Praxisvideos</span>
  282.                             </h6>
  283.                             <div class="widget mt-4 text-md-nowrap text-center text-md-start">
  284.                                 <a class="btn-social bs-light bs-facebook me-2 mb-2" href="#"><i class="ci-facebook"></i></a>
  285.                                 <a class="btn-social bs-light bs-dribbble me-2 mb-2" href="#"><i class="ci-instagram"></i></a>
  286.                                 <a class="btn-social bs-light bs-behance me-2 mb-2" href="#"><i class="ci-youtube"></i></a>
  287.                                 <a class="btn-social bs-light bs-pinterest me-2 mb-2" href="#"><i class="ci-phone"></i></a>
  288.                             </div>
  289.                             #}
  290.                         </div>
  292.                         <!-- Mobile dropdown menu (visible on screens below md)-->
  293.                         <div class="col-12 d-md-none text-center mb-4 pb-2">
  294.                             <div class="btn-group dropdown d-block mx-auto mb-3">
  295.                                 <button class="btn btn-outline-light border-light dropdown-toggle" type="button" data-bs-toggle="dropdown">Kategorien</button>
  296.                                 <ul class="dropdown-menu my-1">
  297.                                     {#<li><a class="dropdown-item" href="{{ path ('user_konfigurator_auswahl') }}">Stärkenkompas</a></li>#}
  298.                                     <li><a class="dropdown-item seminarlink-navigationsleiste" href="#">Seminare</a></li>
  299.                                     <li><a class="dropdown-item" href="{{ path ('user_lieferanten') }}">Lieferanten</a></li>
  300.                                 </ul>
  301.                             </div>
  302.                             <div class="btn-group dropdown d-block mx-auto mb-10">
  303.                                 <button class="btn btn-outline-light border-light dropdown-toggle" type="button" data-bs-toggle="dropdown">Rechtliches</button>
  304.                                 <ul class="dropdown-menu my-1">
  305.                                     <li><a class="dropdown-item" href="#">Datenschutz</a></li>
  306.                                     <li><a class="dropdown-item" href="#">Impressum</a></li>
  307.                                     <li><a class="dropdown-item" href="#">AGB´s</a></li>
  308.                                 </ul>
  309.                             </div>
  310.                         </div>
  312.                         <!-- Desktop menu (visible on screens above md)-->
  313.                         <div class="col-md-3 d-none d-md-block text-center text-md-start mb-4">
  314.                             <div class="widget widget-links widget-light pb-2">
  315.                                 <h3 class="widget-title text-light">Kategorien</h3>
  316.                                 <ul class="widget-list">
  317.                                     {#<li class="widget-list-item"><a class="widget-list-link" href="{{ path ('user_konfigurator_auswahl') }}">Stärkenkompass</a></li>#}
  318.                                     <li class="widget-list-item"><a class="widget-list-link seminarlink-navigationsleiste" href="#">Seminare</a></li>
  319.                                     {% if is_granted('ROLE_FIRMA') %}
  320.                                         <li class="widget-list-item"><a class="widget-list-link" href="{{ path ('user_lieferanten') }}">Lieferanten</a></li>
  321.                                     {% endif %}
  322.                                 </ul>
  323.                             </div>
  324.                         </div>
  325.                         <div class="col-md-4 d-none d-md-block text-center text-md-start mb-4">
  326.                             <div class="widget widget-links widget-light pb-2">
  327.                                 <h3 class="widget-title text-light">Rechtliches</h3>
  328.                                 <ul class="widget-list">
  329.                                     <li class="widget-list-item"><a class="widget-list-link" href="{{ path('datenschutz') }}">Datenschutz</a></li>
  330.                                     <li class="widget-list-item"><a class="widget-list-link" href="{{ path('impressum') }}">Impressum</a></li>
  331.                                     <li class="widget-list-item"><a class="widget-list-link" href="{{ path('agb') }}">AGB´s</a></li>
  332.                                     {# <li class="widget-list-item"><a class="widget-list-link" href="{{ path('teilnahmebedingungen') }}">Teilnahmebedingungen</a></li> #}
  333.                                 </ul>
  334.                             </div>
  335.                         </div>
  337.                     </div>
  338.                 </div>
  339.             </footer>
  340.         </div>
  341.     {% else %}
  342.         <div class="mb-5">&nbsp;</div>
  343.     {% endif %}
  346.     <div class="loading-screen d-none">
  347.     <span>
  348.         <i class="mdi mdi-spin mdi-loading"></i>
  349.     </span>
  350.     </div>
  353.     <div class="handheld-toolbar d-lg-none">
  354.         <div class="d-table table-layout-fixed w-100 pb-4">
  356.             <a id="zurueck-mobil-ansicht"
  357.                class="d-table-cell handheld-toolbar-item hauptseite-zurueck-symbol hauptseite-zurueck-link border-0 d-none" href="">
  358.                 <span class="handheld-toolbar-icon"><i class="mdi mdi-arrow-left-bold-outline fs-5 p-0"></i></span>
  359.             </a>
  361.             <a id="home-mobil-ansicht" class="d-table-cell handheld-toolbar-item border-0" href="{{ path ('user_start') }}">
  362.                 <span class="handheld-toolbar-icon"><i class="ci-home"></i></span>
  363.             </a>
  365.             <a id="dashboard-mobil-ansicht"
  366.                class="d-table-cell handheld-toolbar-item border-0 d-none" href="{{ path ('user_firma',{id:0, seite:'info'}) }}">
  367.                 <span class="handheld-toolbar-icon"><i class="mdi mdi-view-dashboard-outline fs-5 p-0"></i></span>
  368.             </a>
  369. {#
  370.             <a id="staerkenkompass-mobil-ansicht"
  371.                class="d-table-cell handheld-toolbar-item staerkenkompass-zurueck-symbol border-0 d-none" href="{{ path ('user_konfigurator_auswahl') }}">
  372.                 <span class="handheld-toolbar-icon"><i class="mdi mdi-compass-outline fs-5 p-0"></i></span>
  373.             </a>
  374.             #}
  375.             <a id="staerkenkompass-mobil-ansicht"
  376.                class="d-table-cell handheld-toolbar-item staerkenkompass-zurueck-symbol border-0 d-none seminarlink-navigationsleiste" href="#">
  377.                 <span class="handheld-toolbar-icon"><i class="mdi mdi-card-search-outline fs-5 p-0"></i></span>
  378.             </a>
  380.             <a id="seminarfilter-mobil-ansicht" class="d-table-cell handheld-toolbar-item border-0 hintergrundfarbe d-none" href="#"
  381.                data-bs-toggle="offcanvas" data-bs-target="#seminarfilter-sidebar">
  382.                 <span class="handheld-toolbar-icon"><i class="ci-filter-alt schriftfarbe"></i></span>
  383.             </a>
  385.             <a id="interne-schulungen-schulungsinhalt-mobil-ansicht" class="d-table-cell handheld-toolbar-item border-0 hintergrundfarbe d-none" href="#"
  386.                data-bs-toggle="offcanvas" data-bs-target="#interne-schulungen-schulungsinhalt-sidebar">
  387.                 <span class="handheld-toolbar-icon"><i class="ci-view-list schriftfarbe fs-5 p-0"></i></span>
  388.             </a>
  390.             <a id="chat-mobil-ansicht"
  391.                class="d-table-cell handheld-toolbar-item staerkenkompass-zurueck-symbol border-0 d-none" href="{{ path ('user_firma',{id:0, seite:'chat-alle'}) }}">
  392.                 <span class="handheld-toolbar-icon"><i class="uil-comment fs-5 p-0"></i></span>
  393.             </a>
  395.             <a id="favoriten-mobil-ansicht" class="d-table-cell handheld-toolbar-item border-0 favoriten-handy-navigation-link d-none"
  396.                href="{% if is_granted('ROLE_MITGLIED') %}{{ path ('user_profil_mein_profil_info', {seite:'favoriten'}) }}{% else %}{{ path ('user_gast_favoriten') }}{% endif %}">
  397.                 <span class="handheld-toolbar-icon"><i class="ci-heart"></i></span>
  398.             </a>
  400.             <a id="firmeninfo-menu-mobil-ansicht" class="d-table-cell handheld-toolbar-item border-0 hintergrundfarbe d-none" href="#"
  401.                data-bs-toggle="offcanvas" data-bs-target="#firmeninfo-menu-sidebar">
  402.                 <span class="handheld-toolbar-icon"><i class="ci-view-list schriftfarbe"></i></span>
  403.             </a>
  405.             <a id="interne-schulungen-menu-mobil-ansicht" class="d-table-cell handheld-toolbar-item border-0 hintergrundfarbe d-none" href="#"
  406.                data-bs-toggle="offcanvas" data-bs-target="#interne-schulungen-menu-sidebar">
  407.                 <span class="handheld-toolbar-icon"><i class="ci-view-list schriftfarbe"></i></span>
  408.             </a>
  410.             <a id="lieferanten-videos-mobil-ansicht" class="d-table-cell handheld-toolbar-item border-0 hintergrundfarbe d-none" href="#"
  411.                data-bs-toggle="offcanvas" data-bs-target="#lieferanten-videos-menu-sidebar">
  412.                 <span class="handheld-toolbar-icon"><i class="ci-view-list schriftfarbe"></i></span>
  413.             </a>
  415.             <a id="aufDerBaustelle-mobil-ansicht" class="d-table-cell handheld-toolbar-item border-0 hintergrundfarbe d-none" href="#"
  416.                data-bs-toggle="offcanvas" data-bs-target="#aufDerBaustelle-menu-sidebar">
  417.                 <span class="handheld-toolbar-icon"><i class="mdi mdi-google-maps schriftfarbe fs-5 p-0"></i></span>
  418.             </a>
  421.             <a id="account-menu-mobil-ansicht" class="d-table-cell handheld-toolbar-item border-0 hintergrundfarbe d-none" href="#"
  422.                data-bs-toggle="offcanvas" data-bs-target="#account-menu-sidebar">
  423.                 <span class="handheld-toolbar-icon"><i class="ci-view-list schriftfarbe"></i></span>
  424.             </a>
  427.             {#
  428.             <a id="navigation-mobil-ansicht" class="d-table-cell handheld-toolbar-item border-0" href="javascript:void(0)" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
  429.                onclick="window.scrollTo(0, 0)">
  430.                 <span class="handheld-toolbar-icon"><i class="ci-menu"></i></span>
  431.             </a>
  432.             #}
  434.             <a id="warenkorb-mobil-ansicht" class="d-table-cell handheld-toolbar-item border-0 warenkorb-handy-navigation-link d-none"
  435.                href="{{ path ('user_profil_mein_profil_info', {seite:'warenkorb'}) }}">
  436.                 <span class="handheld-toolbar-icon"><i class="ci-cart"></i>
  437.                     <span id="warenkorb-handy-navigation-anzahl"
  438.                           class="badge bg-primary rounded-pill ms-1"
  439.                           style="visibility: hidden">0
  440.                     </span>
  441.                 </span>
  442.             </a>
  444.             <a id="faq-mobil-ansicht" class="d-table-cell handheld-toolbar-item hintergrundfarbe d-none" href="#" data-bs-toggle="offcanvas" data-bs-target="#help-sidebar">
  445.                 <span class="handheld-toolbar-icon"><i class="mdi mdi-help-circle-outline schriftfarbe"></i></span>
  446.             </a>
  448.         </div>
  449.     </div>
  450.     <!-- Back To Top Button--><a class="btn-scroll-top" href="#top" data-scroll><span class="btn-scroll-top-tooltip text-muted fs-sm me-2">Top</span><i
  451.                 class="btn-scroll-top-icon ci-arrow-up"> </i></a>
  452.     <!-- Vendor scrits: js libraries and plugins-->
  453.     {# <script src="{{ asset('vendor/bootstrap/dist/js/bootstrap.bundle.min.js') }}"></script> #}
  454.     <script src="{{ asset('vendor/simplebar/dist/simplebar.min.js') }}"></script>
  455.     <script src="{{ asset('vendor/tiny-slider/dist/min/tiny-slider.js') }}"></script>
  456.     <script src="{{ asset('vendor/smooth-scroll/dist/smooth-scroll.polyfills.min.js') }}"></script>
  458.     <script src="{{ asset('vendor/nouislider/dist/nouislider.min.js') }}"></script>
  459.     <script src="{{ asset('vendor/drift-zoom/dist/Drift.min.js') }}"></script>
  461.     <!-- Main theme script-->
  462.     <script src="{{ asset('js/theme.min.js') }}?V=2"></script>
  463.     <!-- plugin js -->
  464.     <script src="{{ asset('assets/js/vendor/dropzone.min.js') }}"></script>
  465.     <!-- init js -->
  466.     <script src="{{ asset('assets/js/ui/component.fileupload.js') }}"></script>
  467.     <!-- eigene js -->
  468.     <script src="{{ asset('js/campus.js') }}?V=7"></script>
  470.     <script src="{{ asset('hyper5/vendor/jstree/jstree.min.js') }}"></script>
  471.     <script src="{{ asset('hyper5/vendor/jquery-toast-plugin/jquery.toast.min.js') }}"></script>
  472.     <script src="{{ asset('hyper5/js/pages/demo.toastr.js') }}"></script>
  474.     <script>
  475.         var tooltipList;
  476.         var tooltipTriggerList;
  479.         if ($('#seminarfilter-aktivieren').length != 0) {
  480.             $('#seminarfilter-mobil-ansicht').removeClass('d-none')
  481.         }
  482.         if ($('#interne-schulungen-aktivieren').length != 0) {
  483.             $('#interne-schulungen-menu-mobil-ansicht').removeClass('d-none')
  484.         }
  485.         if ($('#interne-schulungen-schulungsinhalt-aktivieren').length != 0) {
  486.             $('#interne-schulungen-schulungsinhalt-mobil-ansicht').removeClass('d-none')
  487.         }
  488.         if ($('#lieferanten-videos-aktivieren').length != 0) {
  489.             $('#lieferanten-videos-mobil-ansicht').removeClass('d-none')
  490.         }
  492.         if ($('#firmeninfo-menu-aktivieren').length != 0) {
  493.             $('#firmeninfo-menu-mobil-ansicht').removeClass('d-none')
  494.         }
  495.         if ($('#account-menu-aktivieren').length != 0) {
  496.             $('#account-menu-mobil-ansicht').removeClass('d-none')
  497.         }
  500.         if ($('#faq-mobil-aktivieren').length != 0) {
  501.             $('#faq-mobil-ansicht').removeClass('d-none')
  502.         }
  505.         function loadTooltips() {
  506.             if (typeof tooltipList === 'object') {
  507.                 tooltipTriggerList.map(function (tooltipTriggerEl) {
  508.                     bootstrap.Tooltip.getInstance(tooltipTriggerEl).dispose();
  509.                 });
  510.             }
  512.             tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
  513.             tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
  514.                 return new bootstrap.Tooltip(tooltipTriggerEl)
  515.             });
  516.         }
  519.         jQuery(function ($) {
  521.             $(document).on('change', '#switch-user-celseo-support', function (event) {
  522.                 let confirmNachricht;
  523.                 let confirmBestaetigen;
  524.                 let celseoSupportAktiv = 0;
  525.                 $('.switch-user-celseo-support:checked').each(function (index, checkboxAktiv) {
  526.                     celseoSupportAktiv = $(checkboxAktiv).attr('data-aktiv');
  527.                 });
  528.                 celseoSupportAktiv = parseInt(celseoSupportAktiv);
  529.                 if (celseoSupportAktiv === 1) {
  530.                     $('.switch-user-celseo-support').prop('checked', false)
  531.                     confirmNachricht = 'Möchtest du zulassen, dass der Support zur Problemlösung Zugriff auf dein Campus-Profil bekommt?<br>Die Freigabe wird automatisch um Mitternacht deaktiviert, wenn sie nicht vorzeitig von dir beendet wird.'
  532.                     confirmBestaetigen = 'Profil freigeben'
  533.                 } else {
  534.                     $('.switch-user-celseo-support').prop('checked', true)
  535.                     confirmNachricht = 'Zugriff für den Support deaktivieren?'
  536.                     confirmBestaetigen = 'Freigabe deaktivieren'
  537.                 }
  538.                 $('.offcanvasMenuSchliessenButton').trigger('click');
  539.                 window.confirmModal('Support-Freigabe', '', confirmNachricht, confirmBestaetigen, function () {
  540.                     $.ajax({
  541.                         'url': '{{ path('celseo_support_freigabe') }}',
  542.                         'method': 'post',
  543.                         'data': {
  544.                             'celseoSupportAktiv': celseoSupportAktiv,
  545.                         },
  546.                         'success': function (response) {
  547.                             if (celseoSupportAktiv === 1) {
  548.                                 $('.switch-user-celseo-support').prop('checked', true)
  549.                                 $('#freigabe-celseo-support-symbol').css("visibility", "visible")
  550.                             } else {
  551.                                 $('.switch-user-celseo-support').prop('checked', false)
  552.                                 $('#freigabe-celseo-support-symbol').css("visibility", "hidden")
  553.                             }
  554.                         },
  555.                         'error': function (response) {
  556.                             console.log('Fehler bei Ajax-Link' + response)
  557.                         }
  558.                     });
  559.                 });
  561.             });
  563.             $('.dropdown-click').on('click', function () {
  564.                 $('.dropdown-menu', $(this)).toggleClass('show');
  565.             });
  568.             $.ajax({
  569.                 'url': '{{ path('user_start_navbar_seminare') }}',
  570.                 'method': 'GET',
  571.                 'success': function (response) {
  572.                     $('#user-navbar-link-seminare').html(response);
  573.                 },
  574.                 'error': function (response) {
  575.                     console.log('Fehler beim Seminar Laden', response);
  576.                 }
  577.             });
  580.             $(document).on('change', '.input-suchbegriff', function (event) {
  581.                 event.preventDefault();
  582.                 let jsonData = {};
  583.                 jsonData.schulungsart = [];
  584.                 jsonData.branche = [];
  585.                 jsonData.kategorie = [];
  586.                 jsonData.themengebiet = [];
  587.                 jsonData.zielgruppe = [];
  588.                 jsonData.anbieter = [];
  589.                 jsonData.suchbegriff = $(this).val();
  591.                 window.location.href = '/user/start/seminarfilter?filter=' + encodeURIComponent(JSON.stringify(jsonData));
  592.             });
  595.             $(document).on('click', '.nav-link-suchfilter-seminare', function (event) {
  596.                 event.preventDefault();
  597.                 let linkArt = $(this).attr('data-seminare-link-art')
  598.                 let linkid = $(this).attr('data-seminare-link-id')
  600.                 let jsonData = {};
  601.                 jsonData.schulungsart = [];
  602.                 jsonData.branche = [];
  603.                 jsonData.kategorie = [];
  604.                 jsonData.themengebiet = [];
  605.                 jsonData.zielgruppe = [];
  606.                 jsonData.anbieter = [];
  607.                 jsonData.suchbegriff = '';
  608.                 if ($('.input-suchbegriff').length > 0) {
  609.                     jsonData.suchbegriff = $('.input-suchbegriff').val();
  610.                 }
  611.                 if (linkArt === 'schulungsart') {
  612.                     jsonData.schulungsart.push(linkid);
  613.                 }
  614.                 if (linkArt === 'kategorie') {
  615.                     let linkid2 = $(this).attr('data-seminare-link-id2')
  616.                     jsonData.branche.push(linkid2);
  617.                     jsonData.kategorie.push(linkid);
  618.                 }
  619.                 if (linkArt === 'themengebiet') {
  620.                     jsonData.themengebiet.push(linkid);
  621.                 }
  622.                 if (linkArt === 'zielgruppe') {
  623.                     jsonData.zielgruppe.push(linkid);
  624.                 }
  625.                 if (linkArt === 'anbieter') {
  626.                     jsonData.anbieter.push(linkid);
  627.                 }
  629.                 window.location.href = '/user/start/seminarfilter?filter=' + encodeURIComponent(JSON.stringify(jsonData));
  630.             });
  632.             $(document).on('click', '.seminarlink-navigationsleiste', function (event) {
  633.                 event.preventDefault();
  635.                 let jsonData = {};
  636.                 jsonData.schulungsart = [];
  637.                 jsonData.branche = [];
  638.                 jsonData.kategorie = [];
  639.                 jsonData.themengebiet = [];
  640.                 jsonData.zielgruppe = [];
  641.                 jsonData.anbieter = [];
  642.                 jsonData.suchbegriff = '';
  643.                 window.location.href = '/user/start/seminarfilter?filter=' + encodeURIComponent(JSON.stringify(jsonData));
  644.             });
  646.             window.toastSpeichern = function (text, farbe, zeit, position = 'mid-center') {
  647.                 $.toast({
  648.                     text: text, // Text in der Benachrichtigung
  649.                     heading: '', // Optionale Überschrift
  650.                     icon: farbe, // Durch ändern des Icons wird die Hintergrundfarbe etc geregelt, info, error, warning, success
  651.                     showHideTransition: 'fade', // fade, slide oder plain
  652.                     allowToastClose: false, // Darf der Toast geschlossen werden? true - false
  653.                     hideAfter: zeit, // 1 Sekunde = 1000
  654.                     stack: 1, // Anzahl wie viele Toast übereinander gelegt werden können
  655.                     position: position, // bottom-left, bottom-right, bottom-center, top-left, top-right, top-center, mid-center
  656.                     loader: false,  // Balken anzeigen true - false
  657.                     loaderBg: '#9EC600',  // Farbe des Balken
  658.                     beforeShow: function () {
  659.                     }, // will be triggered before the toast is shown
  660.                     afterShown: function () {
  661.                     }, // will be triggered after the toat has been shown
  662.                     beforeHide: function () {
  663.                     }, // will be triggered before the toast gets hidden
  664.                     afterHidden: function () {
  665.                     }  // will be triggered after the toast has been hidden
  666.                 });
  667.             }
  669.             let userJaNein = false;
  670.             {% if is_granted('ROLE_MITGLIED') %}
  671.             userJaNein = true;
  672.             {% endif %}
  673.             /* if (userJaNein || Cookiebot.consent.marketing) {
  674.                  $.ajax({
  675.                      'url': '{{ path('campus_online_statistik') }}',
  676.                     'method': 'GET',
  677.                     'success': function (response) {
  678.                     },
  679.                     'error': function (response) {
  680.                     }
  681.                 });
  682.             }*/
  683.         });
  684.     </script>
  687.     {% if is_granted('ROLE_MITGLIED') %}
  689.         <script>
  690.             jQuery(function ($) {
  691.                 window.chatConnection = null;
  692.                 window.refreshUserNotification = null;
  693.                 window.websocketConnected = false;
  695.                 function connectWebocket() {
  696.                     window.chatConnection = new WebSocket('{{ app.request.server.get('WEBSOCKET_ROUTE') }}');
  698.                     window.chatConnection.onopen = function (e) {
  699.                         console.log("Connection established!");
  700.                         window.websocketConnected = true;
  701.                         /*let $chatSimplebar = $('.simplebar-content-wrapper', $('#chat-frame-wrapper'));
  702.                         $chatSimplebar[0].scrollTop = $chatSimplebar[0].scrollHeight;*/
  703.                     };
  705.                     window.chatConnection.onmessage = function (e) {
  706.                         let messageData = JSON.parse(e.data);
  707.                         let now = new Date();
  708.                         let showMessage;
  710.                         if (messageData.type === 'single') {
  711.                             showMessage = parseInt($('#chat-frame-wrapper').attr('data-chat-userid')) === parseInt(messageData.sender);
  712.                         } else {
  713.                             showMessage = parseInt($('#chat-frame-wrapper').attr('data-chat-userid')) === parseInt(messageData.empfaenger);
  714.                         }
  716.                         if (showMessage) {
  717.                             const chatField = document.querySelector('#chatcontent');
  718.                             const newElement = document.createElement("li");
  720.                             /* let bildHTML = '';
  721.                              if(messageData['bild'].length > 0) {
  722.                                  if(messageData['projektgruppe'] !== -1) {
  723.                                      bildHTML = `<img src="/user/firma/gruppenchat/upload_datei/ansehen/${messageData['bild']}" class="img-fluid chat-image mt-2 mb-2" onload="window.scrollChatDown()">`;
  724.                                  } else {
  725.                                      bildHTML = `<img src="/user/firma/chat/upload_datei/ansehen/${messageData['chatId']}" class="img-fluid chat-image mt-2 mb-2" onload="window.scrollChatDown()">`;
  726.                                  }
  727.                              }
  729.                              let strNachricht = `<li class="clearfix chat-li" data-chat-id="${messageData.chatId}">
  730.                                              <div class="chat-avatar">
  731.                                                  <img src="${messageData.senderProfilbild}" class="rounded-circle" alt="Profilbild">
  732.                                                  <i>${addZero(now.getHours())}:${addZero(now.getMinutes())}</i>
  733.                                              </div>
  734.                                              <div class="conversation-text">
  735.                                                  <div class="ctext-wrap">
  736.                                                      <i>${messageData.senderName}</i>
  737.                                                      ${bildHTML}
  738.                                                      <p>${messageData.message}</p>
  739.                                                  </div>
  740.                                              </div>
  741.                                          </li>`;*/
  742.                             $.ajax({
  743.                                 'url': '{{ path('user_firma_chat_nachricht_lesen') }}',
  744.                                 'method': 'post',
  745.                                 'data': {
  746.                                     'chatId': messageData['chatId']
  747.                                 },
  748.                                 'success': function (response) {
  749.                                     let strNachricht = response;
  751.                                     setTimeout(() => {
  752.                                         let lastChatID = $('.chat-li').last().attr('data-chat-id') ?? 0;
  753.                                         if (parseInt(lastChatID) !== messageData['chatId']) {
  754.                                             newElement.innerHTML = strNachricht;
  755.                                             chatField.appendChild(newElement);
  756.                                             let $chatSimplebar = $('.simplebar-content-wrapper', $('#chat-frame-wrapper'));
  757.                                             $chatSimplebar[0].scrollTop = $chatSimplebar[0].scrollHeight;
  758.                                         }
  760.                                         if ($('#user-chat-geöffnet').length != 0) {
  761.                                             $.ajax({
  762.                                                 'url': '/notification/chat/loeschen',
  763.                                                 'method': 'post',
  764.                                                 'data': {
  765.                                                     ['sender']: messageData.sender,
  766.                                                     ['empfaenger']: messageData.empfaenger,
  767.                                                     ['gruppenID']: messageData.gruppenID,
  768.                                                 },
  769.                                                 'success': function (response) {
  770.                                                     console.log('Chat Notification gelöscht' + response)
  771.                                                 },
  772.                                                 'error': function (response) {
  773.                                                     console.log('Fehler beim Chat Notification löschen' + response)
  774.                                                 }
  775.                                             });
  776.                                         } else {
  777.                                             window.refreshUserNotification();
  778.                                         }
  779.                                     }, messageData['bild'].length > 0 > 0 ? 3000 : 0);
  780.                                 },
  781.                                 'error': function (response) {
  782.                                     console.log('Fehler beim Chat Nachricht lesen' + response)
  783.                                 }
  784.                             });
  785.                         } else {
  786.                             window.refreshUserNotification();
  787.                         }
  788.                     };
  790.                     window.chatConnection.onclose = function (e) {
  791.                         console.log('Socket is closed. Reconnect will be attempted in 5 second.', e.reason);
  792.                         window.websocketConnected = false;
  793.                         setTimeout(function () {
  794.                             connectWebocket();
  795.                         }, 5000);
  796.                     };
  797.                 }
  799.                 let letzteUrl = '';
  800.                 window.refreshUserNotification = function () {
  801.                     let neueUrl = window.location.href;
  802.                     let urlSenden = '';
  803.                     if (neueUrl !== letzteUrl) {
  804.                         urlSenden = neueUrl
  805.                         letzteUrl = neueUrl
  806.                     }
  807.                     $.ajax({
  808.                         'url': '{{ path('user_start_navbar_warenkorb') }}',
  809.                         'method': 'GET',
  810.                         'success': function (response) {
  811.                             $('#user-navigation-warenkorb').html(response);
  812.                         },
  813.                         'error': function (response) {
  814.                             console.log('Fehler beim Warenkorb Laden', response);
  815.                         }
  816.                     });
  817.                     $.ajax({
  818.                         'url': '{{ path('notification_message_user') }}',
  819.                         'method': 'post',
  820.                         'data': {
  821.                             'url': urlSenden,
  822.                         },
  823.                         'success': function (response) {
  824.                             $('#user-navigation-notification').html(response);
  825.                         },
  826.                         'error': function (response) {
  827.                             console.log('Fehler beim Message Laden', response);
  828.                         }
  829.                     });
  831.                 }
  834.                 $(document).on('click', '.user-mobile-navi a', function (event) {
  835.                     if ($(window).width() < 992 && !$(this).hasClass('accordion-button')) {
  836.                         $(this).closest('.user-mobile-navi').removeClass('show');
  837.                     }
  838.                 });
  840.                 try {
  841.                     connectWebocket();
  842.                 } catch (e) {
  843.                     console.error(e);
  844.                 }
  845.                 setInterval(refreshUserNotification, 60000);
  846.                 window.refreshUserNotification();
  848.                 function addZero(i) {
  849.                     if (i < 10) {
  850.                         i = "0" + i
  851.                     }
  852.                     return i;
  853.                 }
  856.                 $(document).on('click', '.link-warenkorb-loeschen', function (event) {
  857.                     event.preventDefault();
  859.                     let href = $(this).attr('href');
  861.                     $.ajax({
  862.                         'url': href,
  863.                         'method': 'get',
  864.                         'success': function (response) {
  865.                             window.refreshUserNotification();
  866.                         },
  867.                         'error': function (response) {
  868.                             console.log('Fehler bei Ajax-Link' + response)
  869.                         }
  870.                     });
  871.                 });
  873.                 window.scrollChatDown = function () {
  874.                     let $chatSimplebar = $('.simplebar-content-wrapper', $('#chat-frame-wrapper'));
  875.                     $chatSimplebar[0].scrollTop = $chatSimplebar[0].scrollHeight;
  876.                 }
  879.                 {% if app.user.firmenProfil != null and app.request.server.get('WEB_UMGEBUNG') != 'WEB' %}
  880.                 $.ajax({
  881.                     'url': '{{ path('user_start_navbar_intranet_verbindungen') }}',
  882.                     'method': 'get',
  883.                     'success': function (response) {
  884.                         $('#admin-celseo-intranet-zugang').html(response);
  885.                     },
  886.                     'error': function (response) {
  887.                         console.log('Fehler bei Ajax-Link' + response)
  888.                     }
  889.                 });
  891.                 $(document).on('click', '.btn-celseo-intranet-login', function (event) {
  892.                     event.preventDefault();
  893.                     let href = $(this).attr('href');
  894.                     $.ajax({
  895.                         'url': href,
  896.                         'method': 'post',
  897.                         'success': function (response) {
  898.                             if (!response['error']) {
  899.                                 window.location.href = response['link'];
  900.                             } else {
  901.                                 window.toastSpeichern('Error', 'error', 4000);
  902.                             }
  903.                         },
  904.                         'error': function (response) {
  905.                             console.log('Fehler bei Ajax-Link' + response)
  906.                         }
  907.                     });
  908.                 });
  909.                 {% endif %}
  912.             });
  913.         </script>
  916.     {% endif %}
  919.     </body>
  920.     </html>
  923. {% endapply %}