{% set isMember = is_granted('ROLE_MEMBER') %}{% set isWebmasterArea = 'app_webmaster_' in app.request.attributes.get('_route') %}{% set isMessengerApp = 'app_messenger_messenger_' in app.request.attributes.get('_route') %}{% set isOperatorApp = is_granted('ROLE_OPERATOR') and app.request.attributes.get('_route') == 'app_messenger_operator_reactapp' %}{% set isMassmailerApp = app.request.attributes.get('_route') in ['app_messenger_massmailer_detail', 'app_messenger_massmailer_allaccessdetail'] %}<!DOCTYPE html><html lang="de"> <head> <title>{% block title %}Frivol.com{{ isWebmasterArea ? '- Webmaster' : '' }} - {% block title_suffix %}{% endblock %}{% endblock %}</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1.0, user-scalable=0"> <meta http-equiv="x-ua-compatible" content="ie=edge" /> <meta name="copyright" content="Copyright © {{ 'now'|date('Y') }} Frivol.com" /> <meta name="content-language" content="de" /> <meta name="robots" content="index, follow" /> <meta name="google-site-verification" content="9Ip7seZrghiufzfLkF-Rb13SnrxSmqKAZbBbRwg9gCo" /> <meta name="abstract" content="Frivol.com" /> <meta name="title" content="Frivol.com" /> <meta name="description" content="Frivol.com" /> <meta name="audience" content="all" /> <meta name="revisit-after" content="10 days" /> <link rel="preload" href="{{ asset("build/fonts/fa-solid-900.woff2") }}" as="font" crossorigin/> <link rel="preload" href="{{ asset('build/app.css') }}" as="style"/> {% block stylesheets %} <link rel="canonical" href="" /> <link rel="apple-touch-icon" sizes="120x120" href="{{ asset('apple-touch-icon.png') }}"> <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('favicon-32x32.png') }}"> <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('favicon-16x16.png') }}"> <link rel="mask-icon" href="{{ asset('safari-pinned-tab.svg') }}" color="#5bbad5"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="theme-color" content="#ffffff"> <link rel="manifest" href="{{ asset('favicon.webmanifest') }}"> <link rel="manifest" href="{{ asset('build/manifest.json') }}"> <link rel="stylesheet" href="{{ asset('build/app.css') }}"/> {% endblock %} {% include '_widgets/google-tag-manager.html.twig' %} {% block head_scripts %}{% endblock %} </head> <body> <app> <header class="container-fluid mb-1 navbar bg-primary flex-column p-0 fixed-top"> {% set search %} {% include '_widgets/header-search.html.twig' %} {% endset %} <div class="row align-items-center flex-nowrap p-2 col-12"> <div class="col-6 col-sm-4 col-md-2 px-0"> <button class="hamburger hamburger--spin float-left mt-3 mx-2 d-md-none" type="button"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> {% if not isWebmasterArea %} <a class="navbar-brand logo text-hide float-left mr-0 ml-md-1" href="{{ path('app_home_index') }}"> Frivol.com </a> {% else %} <a class="navbar-brand logo text-hide float-left mr-0 ml-md-1" href="{{ path('app_webmaster_dashboard_index') }}"> Frivol.com Webmaster </a> {% endif %} </div> <div class="d-none d-sm-block col-sm-4 text-white px-0 pl-md-3"> {% if not isWebmasterArea %} {{ search }} {% endif %} </div> {% if app.user %} <div class="col-6 col-sm-4 col-md-6 px-0 text-white text-right header-member-logged-in"> {% if not isWebmasterArea %} <div id="header-app"></div> {% else %} {% include '_widgets/header-dropdown-menu-webmaster.html.twig' %} {% endif %} </div> {% else %} <div class="col-6 col-md-5 d-none d-md-flex text-white text-right p-0"> {{ render(controller('App\\Controller\\SecurityController::widget')) }} </div> <div class="col-6 col-sm-3 col-md-1 pr-1 pr-md-3"> <div class="btn-group btn-group-sm float-right"> <a href="{{ path('login') }}" class="btn btn-action border-0 text-nowrap d-md-none text-white mr-1"> <span class="icon d-none d-md-inline"> <i class="fas fa-sign-in-alt"></i> </span> <span class="d-inline">Login</span> </a> <a href="{{ path('app_security_registration') }}" class="btn btn-action border-0 text-nowrap text-white"> <span class="icon d-none d-md-inline"> <i class="fas fa-user-plus"></i> </span> <span class="d-inline d-xl-none">Registrieren</span> <span class="d-none d-xl-inline">Kostenlos registrieren</span> </a> </div> </div> {% endif %} </div> <div class="row align-items-center flex-nowrap py-2 col-12 d-none d-md-none"> {{ search }} </div> <nav class="navbar row bg-grey-10 p-0 flex-nowrap col-12" id="navbarMain"> {% if isWebmasterArea %} {% include '_structure/menu-navbar-webmaster.html.twig' %} {% else %} {% include '_structure/menu-navbar.html.twig' %} {% endif %} </nav> </header> <content> <section class="container-fluid"> <div class="row align-items-top py-2"> <div class="{{ mainColumnClass|default('col-12 col-md-9') }}"> <div id="messages-banner"></div> <section class="xhr-container"> {% block body %} {% endblock %} </section> {% block chat %} {% if app.user %} {% if not isWebmasterArea and not isOperatorApp and not isMessengerApp %} <section id="react-messenger-chat" class="d-none d-md-block"></section> {% endif %} {% endif %} {% endblock %} </div> {% block right %} <aside id="sidebar-banner" class="col-3 d-none d-md-block bg-secondary p-1"> {% include '_structure/aside.html.twig' %} {% include '_widgets/aside-bonus.html.twig' %} </aside> {% endblock %} </div> </section> </content> {% block footer %} <footer class="container-fluid bg-secondary pt-3"> <div class="row"> <div class="{{ mainColumnClass|default('col-12 col-md-9') }}"> {% include '_structure/footer-links.html.twig' %} </div> </div> <div class="row no-gutters"> <div class="col-12 col-md-9" id="js-footer-webmaster-reference"> </div> </div> </footer> {% endblock %} </app> <div aria-live="polite" aria-atomic="true"> <div id="toast-messages" class="position-absolute"> </div> </div> {% if app.user %} <div class=""> {% include '_structure/bonus-mobile-modal.html.twig' %} </div> {% endif %} {% block javascripts %} <script type="text/javascript"> {% if app.user %} let frivolWebsocketUrl = "{{ websocketUrl() }}"; {% endif %} </script> {% if not isWebmasterArea %} {{ encore_entry_script_tags('websocket') }} {{ encore_entry_script_tags('app') }} {% endif %} {% if isOperatorApp %} {{ encore_entry_script_tags('react-operator-app') }} {% elseif isMassmailerApp %} {{ encore_entry_script_tags('react-massmailer-app') }} {% elseif isWebmasterArea %} {{ encore_entry_script_tags('webmaster-area') }} {% elseif isMessengerApp %} {{ encore_entry_script_tags('react-messenger-app') }} {% else %} {{ encore_entry_script_tags('react-apps') }} {% endif %} {% if not isWebmasterArea %} <script type="text/javascript" src="{{ asset('js/typeahead.bundle.min.js') }}"></script> <script type="text/javascript"> var results = new Bloodhound({ initialize: true, datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'), queryTokenizer: Bloodhound.tokenizers.whitespace, prefetch: { url: '/sgst/prefetch', }, remote: { url: '/sgst?term=%QUERY', wildcard: '%QUERY' } }); let outputSection = null; $('.typeahead').typeahead({ hint: true, highlight: true, minLength: 1, classNames: { menu: 'dropdown-menu suggest-dropdown-menu', selectable: 'dropdown-item suggest-dropdown-item' } }, { name: 'gs_term', limit: 30, source: results, async: true, templates: { notFound: 'Keine Treffer', pending: 'Lädt...', suggestion: Handlebars.compile( '<div>'+ '\{\{\# if total\}\}<a href="\{\{totalHref\}\}" class="d-flex flex-row"><span class="badge badge-secondary pull-left">\{\{total\}\} \{\{totalType\}\}</span></a>\{\{/if\}\}'+ '<a href="\{\{href\}\}" class="d-flex flex-row">'+ '\{\{\# gt age 17 \}\}<span class="\{\{\# if onl\}\} \{\{onl\}\}\{\{\/if\}\}"></span><img src="\{\{img\}\}" class="dropdown-item-avatar rounded-circle" alt="avatar"/>'+ '\{\{else\}\}<img class="dropdown-item-preview" src="\{\{img\}\}" alt="preview"/>'+ '\{\{/gt\}\}' + '<span class="dropdown-item-text">\{\{value\}\}\{\{\# gt age 17 \}\}, \{\{age\}\}\{\{/gt\}\}</span>'+ '</a>'+ '</div>', { strict: true } ) } }); </script> {% endif %} {% endblock %} </body></html>