templates/app/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Recherche{% endblock %}
  5. {% block body %}
  6.     <div class="row m-2">
  7.         <form id="filterForm" name="filterForm" method="POST" onsubmit="filterDrdr(0); return false;">
  8.             <div class="form-inline">
  9.                 <span>&nbsp;</span>
  10.                 <select data-widget="select2" name="filter[type]" id="filter_type" style="width: 400px;">
  11.                     <option value=""></option>
  12.                     {% for key, type in types %}    
  13.                         <option value={{ key }}>{{ type }}</option>
  14.                     {% endfor %}
  15.                 </select>
  16.                 <span>&nbsp;&nbsp;&nbsp;</span>
  17.                 <select data-widget="select2" name="filter_specialization[]" id="filter_specialization" style="width: 560px; height: 260px;" size="10" multiple expanded>
  18.                     <option value=""></option>
  19.                     {% for key, specialization in specializations %}    
  20.                         <option value={{ key }}>{{ specialization }}</option>
  21.                     {% endfor %}
  22.                 </select>
  23.                 <span>&nbsp;&nbsp;&nbsp;</span>
  24.                 <label>Facharzt</label>
  25.                 <input type="checkbox" name="filter[specialist]" id="filter_specialist">
  26.                 <span>&nbsp;&nbsp;&nbsp;</span>
  27.                 <select data-widget="select2" name="filter[gender]" id="filter_gender" style="width: 120px;">
  28.                     <option value=""></option>
  29.                     <option value="female">Frau</option>
  30.                     <option value="male">Mann</option>
  31.                 </select>
  32.                 <span>&nbsp;&nbsp;&nbsp;</span>
  33.                 <input type="text" name="filter[zipcity]" id="filter_zipcity" placeholder="PLZ / Ort">
  34.                 <span>&nbsp;&nbsp;&nbsp;</span>
  35.                 <select data-widget="select2" name="filter[radius]" id="filter_radius" style="width: 120px;">
  36.                     <option value=""></option>
  37.                     <option value="5">5 Km</option>
  38.                     <option value="10">10 Km</option>
  39.                     <option value="20">20 Km</option>
  40.                     <option value="50">50 Km</option>
  41.                     <option value="100">100 Km</option>                
  42.                 </select>
  43.                 <span>&nbsp;&nbsp;&nbsp;</span>
  44.                 <input class="btn btn-secondary" type="submit" name="filter" value="filter" />
  45.             </div>
  46.         </form>
  47.     </div>
  48.     <div class="row m-2">
  49.         <div class="col-sm-8" id="mapContainer">
  50.         </div>
  51.         <div class="col-sm-4 overflow-auto" style="height: 800px;" id="rdrdr">
  52.         </div>
  53.     </div>
  54.     <script type="text/javascript">
  55.         $(function() {
  56.             $("#filter_type").select2({
  57.                 placeholder: "Fachgebiet",
  58.                 allowClear: true
  59.             });
  60.             $("#filter_radius").select2({
  61.                 placeholder: "Umkreis",
  62.                 allowClear: true
  63.             });
  64.             $("#filter_specialization").select2({
  65.                 placeholder: "Spezialisierung",
  66.                 allowClear: true
  67.             });
  68.             $("#filter_gender").select2({
  69.                 placeholder: "Geschlecht",
  70.                 allowClear: true
  71.             });
  72.         });
  73.     </script>
  74. {% endblock %}