templates/fossildb_single.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% block title %}{{ 'Fossielendatabase'|trans }} - {{item.genus}} {{item.species}}{% endblock %}
  3. {% block css %}
  4. <link id="bsdp-css" href="https://unpkg.com/bootstrap-datepicker@1.9.0/dist/css/bootstrap-datepicker3.min.css" rel="stylesheet">
  5. <link href="https://cdn.jsdelivr.net/npm/@yaireo/tagify@3.7.3/dist/tagify.css" rel="stylesheet">
  6. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.css" />
  7. {% endblock %}
  8. {% block body %}
  9.         <p>&nbsp;</p>
  10.         <div class="row flex-md-row h-md-250 position-relative">
  11.           <div class="col-md-9 position-static">
  12.             <!-- Begin Page Content -->
  13.             {% include 'fossildb_item.html.twig' with {'item': item} %}
  14.             <!-- END Page Content -->
  15.           </div>
  16.           {% embed 'sidebar.html.twig' %}
  17.             {% block elements %}
  18.             <h3>{{ 'Feedback'|trans }}</h3>
  19.             <div class="w-100 text-center">
  20.               {{ 'Mist er iets op bij dit fossiel? Of klopt er iets niet? Meld het ons.'|trans }}
  21.               <p class="card-text"><a href="{{ path('fossildb_review_add',{ 'id' : item.id }) }}"><button type="button" class="btn btn-paleontica">{{ 'Geef feedback'|trans }}</button></a></p>
  22.             </div>
  23.             <p></p>
  24.             {% endblock %}
  25.           {% endembed %}
  26.         </div>
  27. {% endblock %}
  28. {% block javascript %}
  29.     <script src="https://cdn.jsdelivr.net/autocomplete.js/0/autocomplete.jquery.min.js"></script>
  30.     <script src="https://unpkg.com/bootstrap-datepicker@1.9.0/dist/js/bootstrap-datepicker.min.js"></script>
  31.     <script>
  32.         jQuery(document).ready(function() {
  33.           $('.js-datepicker').datepicker({
  34.             calendarWeeks: true,
  35.             autoclose: true,
  36.             clearBtn: true,
  37.             todayHighlight: true,
  38.             format: "dd-mm-yyyy",
  39.           });
  41.         $('.js-autocomplete').each(function() {
  42.             var autocompleteUrl = $(this).data('autocomplete-url');
  43.             $(this).autocomplete({hint: false}, [
  44.                 {
  45.                     source: function(query, cb) {
  46.                         $.ajax({
  47.                             url: autocompleteUrl+'?query='+query,
  48.                         }).then(function(data) {
  49.                             cb(data.pages);
  50.                         });
  51.                     },
  52.                     displayKey: 'id',
  53.                     name: 'page',
  54.                     debounce: 500 // only request every 1/2 second
  55.                 }
  56.             ])
  57.         });
  58.       });
  59.     </script>
  60.     <script src="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.min.js"></script>
  61.     <script>
  62.     $(document).on('click', '[data-toggle="lightbox"]', function(event) {
  63.         event.preventDefault();
  64.         $(this).ekkoLightbox({
  65.             wrapping: true,
  66.         });
  67.     });
  68.     </script>
  69. {% endblock %}