templates/base.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. {#<html lang="en">#}
  3. <html lang="{{ app.request.locale }}">
  4.     <head>
  5.         <title>{% block title %}Welcome to the History Explorer{% endblock %}</title>
  6.         <meta charset="utf-8">
  7.         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8.         {% block stylesheets %}
  9. {#            <link rel="preconnect" href="https://fonts.gstatic.com">#}
  10. {#            <link#}
  11. {#                    href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"#}
  12. {#                    rel="stylesheet"#}
  13. {#            />#}
  14.             <link rel="preconnect" href="https://fonts.googleapis.com">
  15.             <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  16.             <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
  17.             <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap" rel="stylesheet">
  18.             <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
  19.             <link rel="stylesheet" href="{{ asset('css/font-awesome.css') }}">
  20.             <link rel="stylesheet" href="{{ asset('css/styles.css') }}">
  21.             <link rel="stylesheet" href="{{ asset('css/styles-media.css') }}">
  22.             <link rel="stylesheet" href="{{ asset('css/algolia-autocomplete.css') }}" >
  23.         {% endblock %}
  24.     </head>
  25. {#    <body style="{{ get_style_background('images/backgrounds/', 'background-', 8) }}">#}
  26.     <body style="{% block body_style %} {{ get_style_background( asset('images/backgrounds/'), 'background-', 8) }} {% endblock %}">
  27.         {% if is_granted('ROLE_PREVIOUS_ADMIN') %}
  28.             <div class="alert alert-warning" style="margin-bottom: 0;">
  29.                 You are currently switched to this user.
  30.                 <a href="{{ path('app_homepage', {'_switch_user': '_exit'}) }}">Exit Impersonation</a>
  31.             </div>
  32.         {% endif %}
  33.         <nav class="navbar navbar-expand-lg navbar-dark navbar-bg {{ app.session.flashbag.peek('success')|length > 0 ? '' : 'mb-2' }}" id="navbar">
  34.             <div class="container-fluid">
  35.                 <a class="navbar-brand space-brand" href="{{ path('app_homepage') }}">History Explorer</a>
  36.                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
  37.                     <span class="navbar-toggler-icon"></span>
  38.                 </button>
  39.                 <div class="collapse navbar-collapse" id="navbarNavDropdown">
  40.                     <ul class="navbar-nav mr-auto">
  41.                         <li class="nav-item">
  42.                             <a class="nav-link active" aria-current="page" href="{{ path('app_homepage') }}">
  43.                                 <i class="fa fa-home"></i>&nbsp;{{ 'base.home' |trans }}
  44.                             </a>
  45.                         </li>
  46.                         <li class="nav-item">
  47.                             <a class="nav-link" href="{{ path('pedigree') }}">
  48.                                 <i class="fa fa-share-alt"></i>&nbsp;{{ 'base.pedigree' |trans }}
  49.                             </a>
  50.                         </li>
  51.                         <li class="nav-item">
  52.                             <a class="nav-link" href="{{ path('timeline') }}">
  53.                                 <i class="fa fa-clock-o"></i>&nbsp;{{ 'base.timeline' |trans }}
  54.                             </a>
  55.                         </li>
  56.                         <li class="nav-item">
  57.                             <a class="nav-link" href="{{ path('timemap') }}">
  58.                                 <i class="fa fa-map-o"></i>&nbsp;{{ 'base.timemap' |trans }}
  59.                             </a>
  60.                         </li>
  61.                         <!--li class="nav-item dropdown">
  62.                             <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  63.                                 Events
  64.                             </a>
  65.                             <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
  66.                                 <li><hr class="dropdown-divider"></li>
  67.                             </ul>
  68.                         </li-->
  69.                         <li class="nav-item dropdown">
  70.                             <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  71.                                 {{ 'base.lists' |trans }}
  72.                             </a>
  73.                             <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
  74.                                 <li>
  75.                                     <a class="dropdown-item" href="{{ path('event_list') }}">
  76.                                         <i class="fa fa-calendar"></i> {{ 'base.events' |trans }}
  77.                                     </a>
  78.                                 </li>
  79.                                 <li>
  80.                                     <a class="dropdown-item" href="{{ path('locations') }}">
  81.                                         <i class="fa fa-location-arrow"></i>&nbsp;{{ 'base.locations' |trans }}
  82.                                     </a>
  83.                                 </li>
  84.                                 <li>
  85.                                     <a class="dropdown-item" href="{{ path('persons_list') }}">
  86.                                         <i class="fa fa-user"></i> {{ 'base.persons' |trans }}
  87.                                     </a>
  88.                                 </li>
  89.                                 <li>
  90.                                     <a class="dropdown-item" href="{{ path('travelpaths') }}">
  91.                                         <i class="fa fa-arrows-h"></i> {{ 'base.paths' |trans }}
  92.                                     </a>
  93.                                 </li>
  94.                                 <li>
  95.                                     <a class="dropdown-item" href="{{ path('geoobjects') }}">
  96.                                         <i class="fa fa-globe"></i> {{ 'base.geoobjects' |trans }}
  97.                                     </a>
  98.                                 </li>
  99.                                 <li><hr class="dropdown-divider"></li>
  100.                                 <li>
  101.                                     <a class="dropdown-item" href="{{ path('reference_list') }}">
  102.                                         <i class="fa fa-book"></i> {{ 'base.passagelist' |trans }}
  103.                                     </a>
  104.                                 </li>
  105.                                 <li>
  106.                                     <a class="dropdown-item" href="{{ path('checklist') }}">
  107.                                         <i class="fa fa-check-circle-o"></i> {{ 'base.checklist' |trans }}
  108.                                     </a>
  109.                                 </li>
  110.                             </ul>
  111.                         </li>
  112.                         {% set versions = {lut : 'Luther (LUT)',
  113.                             elb:'Elberfelder (ELB)',
  114.                             hfa:'Hoffnung für Alle (HfA)'
  115.                         } %}
  116.                         <li id="version-select" class="nav-item dropdown picker-dropdown">
  117.                             <a class="nav-link dropdown-toggle" href="#" id="dropdown-version" role="button"
  118.                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  119.                                 {%  if app.session.get('version') is not defined or app.session.get('version') is null %}
  120.                                     {{ versions['lut']}}
  121.                                 {% else %}
  122.                                     {{ versions[app.session.get('version')] }}
  123.                                 {% endif %}
  124.                             </a>
  125.                             <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdown-language">
  126.                                 {% for key, value in versions %}
  127.                                     <a class="dropdown-item" value="{{ key }}" href="#">{{ value }}</a>
  128.                                 {% endfor %}
  129.                             </div>
  130.                         </li>
  131.                     </ul>
  132.                     <!-- SEARCH FORM -->
  133.                     <form class="mb-2">
  134.                         <div class="form-search-item">
  135.                             <input type="text" id="search-nav" data-general-autocomplete-url="{{ path('utility_general_search') }}" required>
  136.                             <label for="search-nav">{{ 'base.search' |trans }}...</label>
  137.                         </div>
  138.                         <div class="form-search-item">
  139.                             <button type="submit" class="btn btn-sm btn-link"><i class="fa fa-search"></i></button>
  140.                         </div>
  141.                     </form>
  142.                     <ul class="navbar-nav ml-auto">
  143.                         {% if is_granted('ROLE_USER') %}
  144.                             <li class="nav-item dropdown">
  145.                                 <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  146.                                     <img class="nav-profile-img" src="/images/person.svg">
  147.                                 </a>
  148.                                 <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
  149.                                     <a class="dropdown-item" href="{{ path('app_account') }}">
  150.                                         <i class="fa fa-user-circle"></i> {{ 'base.profile' |trans }}
  151.                                     </a>
  152.                                     {% if is_granted('ROLE_ADMIN') %}
  153.                                         <hr class="dropdown-divider">
  154.                                         <a class="dropdown-item" href="{{ path('admin_users_list') }}">
  155.                                             <i class="fa fa-users"></i> {{ 'base.users' |trans }}
  156.                                         </a>
  157.                                     {% endif %}
  158.                                     {% if is_granted('ROLE_ACCEPT_CHANGES') %}
  159.                                         <a class="dropdown-item" href="{{ path('admin_changes_list') }}">
  160.                                             <i class="fa fa-pencil"></i>  {{ 'base.changes' |trans }}
  161.                                         </a>
  162.                                     {% endif %}
  163.                                     {% if is_granted('ROLE_EDIT_ENTITY') %}
  164.                                     {% endif %}
  165.                                     <hr class="dropdown-divider">
  166.                                     <a class="dropdown-item" href="{{ path('app_logout') }}">
  167.                                         <i class="fa fa-sign-out" aria-hidden="true"></i> {{ 'base.logout' |trans }}
  168.                                     </a>
  169.                                 </div>
  170.                             </li>
  171.                         {% else %}
  172.                             <li class="nav-item">
  173.                                 <a style="color: #fff;" class="nav-link" href="{{ path('app_login') }}">{{ 'base.login' |trans }}</a>
  174.                             </li>
  175.                             <li class="nav-item">
  176.                                 <a style="color: #fff;" class="nav-link" href="{{ path('app_register') }}">{{ 'base.register' |trans }}</a>
  177.                             </li>
  178.                         {% endif %}
  179.                         <li class="nav-item dropdown picker-dropdown">
  180.                             <a class="nav-link dropdown-toggle" href="#" id="dropdown-language" role="button"
  181.                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  182.                                 {{'index.language'|trans}}
  183.                             </a>
  184.                             <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdown-language">
  185.                                 <a class="dropdown-item" href="{{ path('app_homepage', {_locale: 'en'}) }}">🇬🇧</a>
  186.                                 <a class="dropdown-item" href="{{ path('app_homepage', {_locale: 'de'}) }}">🇩🇪</a>
  187.                             </div>
  188.                         </li>
  189.                       {#   <li class="nav-item">
  190.                             <select id="version-selection" class="nav-item dropdown picker-dropdown" aria-label="Default select example" onchange="getVersion(this)">
  191.                                 {% for version, key in versions %}
  192.                                     {% set selected = '' %}
  193.                                     {% if (version  ==  app.session.get('version') ) %}
  194.                                         {% set selected = 'selected' %}
  195.                                     {% endif %}
  196.                                     <option value="{{ version }}" {{ selected }}> {{ key }}</option>
  197.                                 {% endfor %}
  198.                             </select>
  199.                         </li>#}
  200.                     </ul>
  201.                 </div>
  202.             </div>
  203.         </nav>
  204.         {% for message in app.flashes('success') %}
  205.             <div class="alert alert-success">
  206.                 {{ message }}
  207.             </div>
  208.         {% endfor %}
  209.         {% for message in app.flashes('error') %}
  210.             <div class="alert alert-danger">
  211.                 {{ message }}
  212.             </div>
  213.         {% endfor %}
  214.         {% block body %}
  215.         {% endblock %}
  216.         <footer class="footer">
  217.             <div class="container text-center">
  218.                 <span class="text-muted">Made with <i class="fa fa-heart" style="color: red;"></i> by <a href="http://martinbrake.de">Martin Brake</a></span>
  219.             </div>
  220.         </footer>
  221.         {% block javascripts %}
  222.             <script src="{{ asset('js/jquery-3.2.1.min.js') }}" ></script>
  223. {#            <script src="{{ asset('js/jquery-ui.min.js') }}" ></script>#}
  224. {#            <script src="{{ asset('js/jquery.ui.touch-punch.js') }}"></script>#}
  225.             <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
  226.             <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
  227.             <script src="https://cdn.jsdelivr.net/autocomplete.js/0/autocomplete.jquery.min.js"></script>
  228.             <script>
  229.                 $('.dropdown-toggle').dropdown();
  230.             /*    $('.custom-file-input').on('change', function (event) {
  231.                     var inputFile = event.currentTarget;
  232.                     console.log(inputFile);
  233.                     $(inputFile).parent()
  234.                         .find('.custom-file-label')
  235.                         .html(inputFile.files[0].name);
  236.                     $(inputFile).parent().parent()
  237.                         .find('.show-article-img')
  238.                         .attr('src', inputFile.files[0].name);
  239.                 });*/
  240.             </script>
  241.             <script src="{{ asset('js/app.js') }}"></script>
  242.         {% endblock %}
  243.     </body>
  244. </html>