templates/base.html.twig line 1

  1. <!DOCTYPE html>
  2. <html lang="de" class="light">
  3. <!-- BEGIN: Head -->
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.     <meta name="description" content="MSU Wassportal">
  8.     <meta name="keywords" content="">
  9.     <meta name="author" content="msu-solutions GmbH">
  10.     <title>
  11.         {% if app.session.get('texte') %}
  12.             {{ app.session.get('texte')["portalname"]|raw }}
  13.         {% else %}
  14.             Wasserportal
  15.         {% endif %}
  16.             {% block title %}
  17.             {% endblock %}
  18.     </title>
  20.     {% set appIcon = "/dist/images/logo.svg" %}
  22.     {% if app.session.get('favicon') %}
  23.         {% set appIcon = "/customerdata/"~ app.session.get('favicon') %}
  24.     {% endif %}
  26.     <!-- BEGIN: Favicon & App Icon-->
  27.     <link href="{{ asset( appIcon) }}" rel="shortcut icon">
  28.     <link rel="icon" type="image/png" href="{{ asset( appIcon) }}">
  30.     <!-- BEGIN: CSS Assets-->
  31.     <link rel="stylesheet" href="{{ asset('dist/css/app.css')}}" />
  32.     <link rel="stylesheet" href="{{ asset('css/custom.css')}}" />
  33.     <link rel="stylesheet" href="{{ asset('css/customer.css')}}" />
  34.     <link rel="stylesheet" type="text/css" href="{{ asset('/dist/plugins/DataTables/datatables.css')}}"/>
  35.     <script async defer src="{{ asset('js/altcha/altcha.min.js') }}" type="module"></script>
  36.     <!-- END: CSS Assets-->
  38.     {% block stylesheets %}
  39.         {{ encore_entry_link_tags('app') }}
  40.     {% endblock %}
  42.     {% block javascripts %}
  43.         {{ encore_entry_script_tags('app') }}
  44.     {% endblock %}
  46.     <!--<script src="https://cloud.ccm19.de/app.js?apiKey=26ba405af2c9574525ef8b006188e7b27b7e1043c7f5b068&amp;domain=649f0b7c743ab2b7df016ab2&amp;lang=de_DE" referrerpolicy="origin"></script>-->
  47.     <script src="{{ asset('/js/jquery-3.6.0.min.js')}}"></script>
  48.     <script src="{{ asset('/js/barrierefreiheit.js')}}"></script>
  50. </head>
  52. {% if (is_granted('ROLE_USER') or is_granted('ROLE_ADMIN')) and app.request.get('edit') == ""  %}
  54.     <body class="py-5 md:py-0 no-js">
  57.     <div class="loadingscreen hidden">
  58.         <i data-loading-icon="ball-triangle" class="w-8 h-8 text-white"></i>
  59.     </div>
  61.     <noscript>
  62.         <div class="-intro-y alert alert-danger text-left no-js-info" role="alert">
  63.             <p class="font-bold">Hinweis</p>
  64.             <p>JavaScript ist in Ihrem Browser deaktiviert. Um alle Funktionen dieser Webseite nutzen zu können, aktivieren Sie bitte JavaScript in Ihren Browsereinstellungen.</p>
  65.         </div>
  66.     </noscript>
  69.     {% for message in app.flashes('neu') %}
  71.         <div class="toastify on toastify-right toastify-top" style="transform: translate(0px); top: 15px;">
  72.             <div id="success-notification-content" class="toastify-content flex">
  73.                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
  74.                      stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
  75.                      icon-name="check-circle" class="lucide lucide-check-circle text-success"
  76.                      data-lucide="check-circle">
  77.                     <path d="m²2 11.08V12a10 10 0 11-5.93-9.14"></path>
  78.                     <polyline points="22 4 12 14.01 9 11.01"></polyline>
  79.                 </svg>
  80.                 <div class="ml-4 mr-4">
  81.                     <div class="font-medium">Info</div>
  82.                     <div class="text-slate-500 mt-1">{{ message }}</div>
  83.                 </div>
  84.             </div>
  85.             <span class="toast-close">✖</span></div>
  87.     {% endfor %}
  90.     {% for message in app.flashes('error') %}
  92.         <div class="toastify on  toastify-right toastify-top" style="transform: translate(0px); top: 15px;">
  93.             <div id="success-notification-content-2" class="toastify-content flex">
  94.                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
  95.                      stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
  96.                      icon-name="check-circle" class="lucide lucide-check-circle text-danger"
  97.                      data-lucide="x">
  98.                     <path d="m²2 11.08V12a10 10 0 11-5.93-9.14"></path>
  99.                     <polyline points="22 4 12 14.01 9 11.01"></polyline>
  100.                 </svg>
  101.                 <div class="ml-4 mr-4">
  102.                     <div class="font-medium">Info</div>
  103.                     <div class="text-slate-500 mt-1">{{ message }}</div>
  104.                 </div>
  105.             </div>
  106.             <span class="toast-close">✖</span></div>
  108.     {% endfor %}
  109.     {% include 'global/notifications.html.twig' %}
  111.     {% include 'menu/menu.html.twig' %}
  112. {% else %}
  114.     <body class="login no-js">
  116.     <div class="loadingscreen hidden">
  117.         <i data-loading-icon="ball-triangle" class="w-8 h-8 text-white"></i>
  118.     </div>
  120.     <noscript>
  121.         <div class="-intro-y alert alert-danger text-left no-js-info" role="alert">
  122.             <p class="font-bold">Hinweis</p>
  123.             <p>JavaScript ist in Ihrem Browser deaktiviert. Um alle Funktionen dieser Webseite nutzen zu können, aktivieren Sie bitte JavaScript in Ihren Browsereinstellungen.</p>
  124.         </div>
  125.     </noscript>
  127.     {% for message in app.flashes('neu') %}
  129.         <div class="toastify on toastify-right toastify-top" style="transform: translate(0px); top: 15px;">
  130.             <div id="success-notification-content" class="toastify-content flex">
  131.                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
  132.                      stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
  133.                      icon-name="check-circle" class="lucide lucide-check-circle text-success"
  134.                      data-lucide="check-circle">
  135.                     <path d="m²2 11.08V12a10 10 0 11-5.93-9.14"></path>
  136.                     <polyline points="22 4 12 14.01 9 11.01"></polyline>
  137.                 </svg>
  138.                 <div class="ml-4 mr-4">
  139.                     <div class="font-medium">Info</div>
  140.                     <div class="text-slate-500 mt-1">{{ message }}</div>
  141.                 </div>
  142.             </div>
  143.             <span class="toast-close">✖</span></div>
  145.     {% endfor %}
  147.     {% for message in app.flashes('error') %}
  149.         <div class="toastify on  toastify-right toastify-top" style="transform: translate(0px); top: 15px;">
  150.             <div id="success-notification-content-2" class="toastify-content flex">
  151.                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
  152.                      stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
  153.                      icon-name="check-circle" class="lucide lucide-check-circle text-danger"
  154.                      data-lucide="x">
  155.                     <path d="m²2 11.08V12a10 10 0 11-5.93-9.14"></path>
  156.                     <polyline points="22 4 12 14.01 9 11.01"></polyline>
  157.                 </svg>
  158.                 <div class="ml-4 mr-4">
  159.                     <div class="font-medium">Info</div>
  160.                     <div class="text-slate-500 mt-1">{{ message }}</div>
  161.                 </div>
  162.             </div>
  163.             <span class="toast-close">✖</span></div>
  165.     {% endfor %}
  166.     {% include 'global/notifications.html.twig' %}
  168. {% endif %}
  170.     {% block body %}{% endblock %}
  172.     {% if is_granted('ROLE_USER') or is_granted('ROLE_ADMIN') %}
  173.         </div>
  174.     {% endif %}
  175.     {% include 'cookie/cookie.html.twig' %}
  177.     {% include 'global/modal.html.twig' %}
  178.     {% include 'global/barrierefreiheit.html.twig' %}
  179.     {% include 'global/edittext.html.twig' %}
  181.     <script src="{{ asset('/dist/js/app.js')}}"></script>
  182.     <script src="{{ asset('/js/jquery-3.6.0.min.js')}}"></script>
  183.     <!-- END: JS Assets-->
  185.     <script type="text/javascript" src="{{ asset('/dist/plugins/DataTables/datatables.js')}}"></script>
  186.     <script type="text/javascript" src="{{ asset('/dist/plugins/DataTables/dataTables.fixedHeader.min.js')}}"></script>
  188.     {% block scripts %}
  189.     {% endblock %}
  191.     <script src="{{ asset('/js/chart.js')}}"></script>
  192.     <script src="{{ asset('/js/custom.js')}}"></script>
  193.     <script src="{{ asset('/js/utilities.js')}}"></script>
  195.     {# <script src="https://cloud.ccm19.de/app.js?apiKey=26ba405af2c9574525ef8b006188e7b27b7e1043c7f5b068&amp;domain=649f0b7c743ab2b7df016ab2&amp;lang=de_DE" referrerpolicy="origin"></script> #}
  196. </body>
  198. </html>