templates/module_filter.html.twig line 1

Open in your IDE?
  1. {% block javascript %}
  2.     <script src="{{ asset('bundles/atlas/js/filterModule.js') }}"></script>
  3.     <script>
  4.         $(function() {
  5.             runFilterModule('{{ path('heatProtection') }}');
  6.             {% if construction_link is defined and construction_link != '' %}
  7.             $('#breadcrumb').append(' {{ bc_sep()|raw }} <a href="{{ path('heatProtection') }}/{{ construction_link }}" name="breadcrumbLink">{{ construction_name  }}</a>');
  8.             {% endif %}
  9.             {% if type_link is defined and type_link != '' %}
  10.             $('#breadcrumb').append(' {{ bc_sep()|raw }} <a href="{{ path('heatProtection') }}/{{ type_link }}" name="breadcrumbLink">{{ type_name  }}</a>');
  11.             {% endif %}
  12.             {% if element is defined and element['element'].getName() is not empty %}
  13.             $('#breadcrumb').append(' {{ bc_sep()|raw }} <a href="{{ path('heatProtection') }}/{{ element_link }}"'
  14.                     + ' name="breadcrumbLink" id="element">{{ element['element'].getName() }}</a>');
  15.             {% endif %}
  16.             {% if type_names is defined %}
  17.             $('#breadcrumb').append(' {{ bc_sep()|raw }} <a href="{{ path('heatProtection') }}/{{ origin_search|join('/') }}" name="breadcrumbLink" id="search">{{ type_names|join(' | ') }}</a>');
  18.             {% endif %}
  19.         });
  20.     </script>
  21. {% endblock %}
  23. {% block filter %}
  24.   <div id="filter_selection">
  25.     <div>
  26.       <input name="select_by" type="radio" id="select_form" data-filtermodule-show='#filter_form'>
  27.       <label for="select_form">
  28.         <img src="{{ asset('bundles/atlas/images/icn_filter_constructions.png') }}" alt="Auswahl über Konstruktionen" border="0"/>
  29.         Konstruktionen
  30.       </label>
  31.       <input name="select_by" type="radio" checked="checked" id="select_wo_ge" data-filtermodule-show='#filter_wo_ge'>
  32.       <label for="select_wo_ge" class="sm-hide">
  33.         <img src="{{ asset('bundles/atlas/images/icn_filter_wo_ge.png') }}" alt="Auswahl über Wohngebäude" border="0"/>
  34.         Wohngebäude
  35.       </label>
  36.     </div>
  37.   </div>
  38.   <div class="filtermodule-tab" id="filter_form" style="display:none;">
  39.     <div class="wrapper-header">
  40.       <h2 class="filter">Konstruktionen</h2>
  41.       <a class="filter_close" href="#" data-to-close=".wrapper-form">
  42.         <img src="{{ asset('bundles/atlas/images/icn_filter_close.png') }}" alt="Filter ausblenden" width="19"
  43.              height="19"
  44.              border="0"/>
  45.         <img src="{{ asset('bundles/atlas/images/icn_filter_open.png') }}" alt="Filter einblenden" width="19"
  46.              height="19"
  47.              border="0" style="display:none"/>
  48.       </a>
  50.       <div class="clear"></div>
  51.     </div>
  52.     <div class="wrapper-bottom">
  53.       <div class="wrapper-form">
  54.         <form action="{{ path('heatProtection') }}" id="filter_module_form" method="GET">
  55.           <fieldset>
  57.             <select id="construction_search" name="construction_search">
  58.               {% for construction in constructions %}
  59.                 <option value="{{ construction.getId() }}" selected>{{ construction.getName() }}</option>
  60.               {% endfor %}
  61.             </select>
  63.             <label for="wb">Wärmebrücken-Anschluss</label>
  64.             {% for cid, types in typesConstruction %}
  65.               <div class="custom-select">
  66.                 <select id="wb_{{ cid }}" name="wbId">
  67.                   <option value="0">Wärmebrücken-Anschluss auswählen</option>
  68.                   {% for type in types %}
  69.                     <option value="{{ type.getId() }}"
  70.                             {% if wbId is defined and wbId == type.getId() %}selected{% endif %}>{{ type.getName() }}</option>
  71.                   {% endfor %}
  72.                 </select>
  73.               </div>
  74.             {% endfor %}
  75.             <label>Suche</label>
  76.             <input type="text"
  77.                    value=""
  78.                    placeholder="Ihre Suchbegriffe" name="searchTerm" id="searchTerm"/>
  79.             <input class="submit-border" type="submit" value="Filter anwenden"/>
  81.             <div class="clear"></div>
  82.           </fieldset>
  83.         </form>
  84.       </div>
  85.     </div>
  86.   </div>
  87.   <div class="filtermodule-tab sm-hide" id="filter_wo_ge" style="display:none;">
  88.     <div class="wrapper-header">
  89.       <h2 class="filter">Wohngebäude</h2>
  90.       <a class="filter_close" href="#" data-to-close="#wrapper-woge, #filter_wb">
  91.         <img src="{{ asset('bundles/atlas/images/icn_filter_close.png') }}" alt="Filter ausblenden" width="19"
  92.              height="19"
  93.              border="0"/>
  94.         <img src="{{ asset('bundles/atlas/images/icn_filter_open.png') }}" alt="Filter einblenden" width="19"
  95.              height="19"
  96.              border="0" style="display:none"/>
  97.       </a>
  98.       <div class="clear"></div>
  99.     </div>
  100.     <div class="wrapper-bottom">
  101.       <div id="wrapper-woge">
  102.         <object type="image/svg+xml" data="{{ asset('bundles/atlas/images/svg/wohngebaeude_front.svg') }}"
  103.                 id="woge_front_svg" width="580px" height="570px">
  104.           <p>Leider unterstützt Ihr Browser keine SVG-Grafiken. Bitte Installieren Sie eine aktuelle Version.</p>
  105.         </object>
  106.         <object type="image/svg+xml" data="{{ asset('bundles/atlas/images/svg/wohngebaeude_rueckansicht.svg') }}"
  107.                 id="woge_back_svg" width="500px" height="370px"
  108.                 style="display:none;">
  109.           <p>Leider unterstützt Ihr Browser keine SVG-Grafiken. Bitte Installieren Sie eine aktuelle Version.</p>
  110.         </object>
  111.       </div>
  112.     </div>
  113.   </div>
  114.   <div class="filtermodule-tab sm-hide" id="filter_wi_ge" style="display:none;">
  115.     <div class="wrapper-header">
  116.       <h2 class="filter">Wirtschaftsgebäude</h2>
  117.       <a class="filter_close" href="#" data-to-close="#wrapper-wigeb, #filter_wb">
  118.         <img src="{{ asset('bundles/atlas/images/icn_filter_close.png') }}" alt="Filter ausblenden" width="19"
  119.              height="19"
  120.              border="0"/>
  121.         <img src="{{ asset('bundles/atlas/images/icn_filter_open.png') }}" alt="Filter einblenden" width="19"
  122.              height="19"
  123.              border="0" style="display:none"/>
  124.       </a>
  125.       <div class="clear"></div>
  126.     </div>
  127.     <div id="wrapper-wigeb">
  128.       <a href="#" class="toggle_view"><img src="{{ asset('bundles/atlas/images/icn_flip_left.png') }}"
  129.                                            alt="Ansicht drehen" border="0"/></a>
  130.       <object type="image/svg+xml" data="{{ asset('bundles/atlas/images/svg/wirtschaftsgebaeude_front.svg') }}"
  131.               id="wige_front_svg" width="500px" height="370px">
  132.         <!-- fallback image here -->
  133.       </object>
  134.       <object type="image/svg+xml" data="{{ asset('bundles/atlas/images/svg/wirtschaftsgebaeude_rueckansicht.svg') }}"
  135.               id="wige_back_svg" width="500px" height="370px"
  136.               style="display:none;">
  137.         <!-- fallback image here -->
  138.       </object>
  139.       <a href="#" class="toggle_view"><img src="{{ asset('bundles/atlas/images/icn_flip_right.png') }}"
  140.                                            alt="Ansicht drehen" border="0"/></a>
  141.     </div>
  142.   </div>
  143.   <div class="clear"></div>
  145. {% endblock %}