templates/location/show.html.twig line 1

Open in your IDE?
  1. {% extends 'content_base.html.twig' %}
  3. {% block title %}{{'location.showlocation'|trans}} {{ location.name }}{% endblock %}
  5. {% block stylesheets %}
  6.     {{ parent() }}
  7.     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
  8.           integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
  9.           crossorigin=""/>
  10.     <link rel="stylesheet" href="{{ asset('css/map.css') }}">
  11. {% endblock %}
  13. {% block content_body %}
  14.     {% set refTypes = {
  15.         test : 'test',
  16.     } %}
  17.     <div id="show-location" class="container">
  18.         <div class="row">
  19.             <div class="col-sm-6 table-responsive">
  20.                 <table class="table table-striped table-hover">
  21.                     <tr>
  22.                         <td class="col-2">
  23.                             {% if is_granted('ROLE_EDIT_ENTITY') %}
  24.                                 <a href="{{ path('location_edit', {id: location.id}) }}" class="btn btn-primary">
  25.                                     Edit <span class="fa fa-pencil-square"></span>
  26.                                 </a>
  27.                             {% endif %}
  28.                         </td>
  29.                         <td class="col-8"></td>
  30.                         <td class="col-2"></td>
  31.                     </tr>
  32.                     <tr>
  33.                         <td>
  34.                             <img class="show-article-icon" src="{{  location.image|imagine_filter('squared_thumbnail_medium')  }}">
  35.                         </td>
  36.                         <td colspan="2">
  37.                             <h1>
  38.                                 {{ location.name }}
  39.                             </h1>
  40.                             {% if location.todayKnownAs is defined and location.todayKnownAs is not null %}
  41.                                 <br>{{ 'location.todaysname'|trans}}: {{ location.todayKnownAs }}
  42.                             {% endif %}
  45.                         </td>
  46.                     </tr>
  47.                     <tr>
  48.                         <td>
  49.                             {{ ('location.'~location.type)|trans }}
  50.                         </td>
  51.                         <td colspan="2">
  52.                             Lat: {{  location.lat }} <br>
  53.                             Lon: {{location.lon }}
  54.                         </td>
  55.                     </tr>
  56.                     <tr>
  57.                         <td colspan="3">
  58.                             {{location.description | raw}}
  59.                         </td>
  60.                     </tr>
  61.                     {% set refIndex = 0 %}
  62.                     {% for key, value in refTypes %}
  63.                         <div id="{{ refIndex }}">
  64.                             {% for locationreference in location.referenceList(key) %}
  65.                                 <tr>
  66.                                     <td colspan="2">
  67.                                         <i class="pr-3 fa fa-external-link"></i>
  68.                                         <div class="comment-container d-inline-block pl-3 align-top">
  69.                                             <a href="{{ locationreference.reference.generateBibleServerUrl }}",
  70.                                                onclick="window.open('{{ locationreference.reference.generateBibleServerUrl }}',
  71.                                                        'newwindow',
  72.                                                        'width=400,height=250');
  73.                                                        return false;"
  74.                                             > {{ locationreference.reference }}
  75.                                             </a>
  76.                                         </div>
  77.                                     </td>
  78.                                     <td>
  79.                                         {{ value }}
  80.                                     </td>
  81.                                 </tr>
  82.                             {% else %}
  84.                             {% endfor %}
  85.                         </div>
  86.                         {% set refIndex = refIndex +1 %}
  87.                     {% endfor %}
  88.                 </table>
  89.             </div>
  90.             <div class="col-sm-6">
  91.                 <div id="mapid"></div>
  92.             </div>
  93.         </div>
  96.     </div>
  98. {% endblock %}
  100. {% block javascripts %}
  101.     <div id="code-location">
  102.         {{ parent() }}
  103.         <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"
  104.                 integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
  105.                 crossorigin=""></script>
  107.         <script type="text/javascript">
  109.             var map = L.map('mapid').setView([{{location.lat}}, {{location.lon}}], 8);
  110.             mapLink =
  111.                 '<a href="http://openstreetmap.org">OpenStreetMap</a>';
  112.             L.tileLayer(
  113.                 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  114.                     attribution: '&copy; ' + mapLink + ' Contributors',
  115.                     maxZoom: 18,
  116.                 }).addTo(map);
  119.             var marker = new L.marker([{{location.lat}}, {{location.lon}}])
  120.                     .addTo(map);
  122.         </script>
  123.     </div>
  124. {% endblock %}