templates/constructionsDetail.html.twig line 1

Open in your IDE?
  1. {# index.html.twig #}
  2. {% extends 'base.html.twig' %}
  4. {% block title %}Detailseite - Planungsatlas Hochbau - {{ construction_name  }} - {{ type_name  }} - {{ element['element'].getName() }}{% endblock %}
  6. {% block javascript %}
  7.   <script src="{{ asset('bundles/atlas/js/constructionsDetail.js') }}"></script>
  8.   <script>runConstructionDetail({{ thermalDataJson|raw }});</script>
  9. {% endblock %}
  11. {% block content %}
  13.   {% block module_filter %}
  14.     {% include 'module_filter.html.twig' %}
  15.   {% endblock %}
  17.   {% if element|default %}
  18.   <h2>{{ element['construction_name'] }}</h2>
  19.   <p id="type_element">
  20.      <span class="type_name">{{ element['type_name'] }}</span><br>
  21.     {{ element['element'].getName() }}
  22.   </p>
  23.   <div id="element_code" style="display:none;">{{ element['element'].getCode() }}</div>
  24.   <div class="lightbox construct"
  25.        style="background-image: url({{ asset('/bundles/atlas/constructiondocuments/'~element['element'].getCode()~'/'~element['element'].getCode()~'-Konstruktion.png') }});">
  26.     <a href="{{ asset('/bundles/atlas/constructiondocuments/'~element['element'].getCode()~'/'~element['element'].getCode()~'-Konstruktion.png') }}"
  27.        class="lightbox-button fancybox">
  28.       <span class="icon"></span>
  29.       <img
  30.           src="{{ asset('/bundles/atlas/images/empty_thumb.png') }}"
  31.           width="283" height="283">
  32.     </a>
  33.   </div>
  34.   <div class="lightbox"  style="background-image: url({{ asset('/bundles/atlas/constructiondocuments/'~element['element'].getCode()~'/'~element['element'].getCode()~'-Iso-Bild.png') }});">
  35.     <a href="{{ asset('/bundles/atlas/constructiondocuments/'~element['element'].getCode()~'/'~element['element'].getCode()~'-Iso-Bild.png') }}"
  36.        class="lightbox-button fancybox">
  37.       <span class="icon"></span>
  38.       <img
  39.           src="{{ asset('/bundles/atlas/images/empty_thumb.png') }}"
  40.           width="283" height="283">
  41.     </a>
  42.   </div>
  43.   <div>&nbsp;</div>
  44.   <table id="tpc-value-table" border="0" class="contenttable" width="100%"
  45.          data-element-code="{{ element['element'].getCode() }}"
  46.          data-tpc-key-prefix="{{ element['element'].getTpcKeyPrefix() }}">
  47.     {% for t in element['thermals'] %}
  48.       <tr>
  49.         <td>
  50.           {% set pos = t.getPosition() %}
  51.           {% if pos|length == 2 %}
  52.             <span class="obj-num long">
  53.           {% else %}
  54.             <span class="obj-num">
  55.           {% endif %}
  56.             {{ t.getPosition() }}
  57.           </span>
  58.         </td>
  59.         <td>{{ t.getName() }}</td>
  60.         <td>
  61.           {{ t.getVariable() | raw }}
  62.         </td>
  63.         <td class="nowrap" >
  64.           <select class="tpc-value-selector" data-code="{{ t.getCode() }}">
  65.             {% for v in t.getThermalValues() %}
  66.               <option value="{{ v.getCode() }}">{{ v.getValue() }}</option>
  67.             {% endfor %}
  68.           </select>
  69.           {{ t.getUnit() }}
  70.         </td>
  71.       </tr>
  72.     {% endfor %}
  73.     {% endif %}
  74.   </table>
  75.   <p id="caption_thermal">
  76.     Thermische Werte des Konstruktionsanschlusses
  77.   </p>
  78.   <p class="subline">
  79.     (Zwischenwerte können linear interpoliert werden)
  80.   </p>
  81.   <table border="0" class="contenttable" width="100%">
  82.     <input type="hidden" id="tpc-key" name="tpc-key" value="">
  83.     {% if regulationComponents['u1'] is defined %}
  84.       <tr>
  85.         <td>Wärmedurchgangskoeffizient Regelbauteil {{  regulationComponents['u1'].getName() }}</td>
  86.         <td>U</td>
  87.         <td><span id="tpc-u1" class="strong-text">$wert-aus-thermal-xml-u1</span> W/(m²K)</td>
  88.       </tr>
  89.     {% endif %}
  91.     {% if regulationComponents['u2'] is defined %}
  92.       <tr>
  93.         <td>Wärmedurchgangskoeffizient Regelbauteil {{  regulationComponents['u2'].getName() }}</td>
  94.         <td>U</td>
  95.         <td><span id="tpc-u2" class="strong-text">$wert-aus-thermal-xml-u2</span> W/(m²K)</td>
  96.       </tr>
  97.     {% endif %}
  99.     {% if regulationComponents['u3'] is defined %}
  100.       <tr>
  101.         <td>Wärmedurchgangskoeffizient Regelbauteil {{  regulationComponents['u3'].getName() }}</td>
  102.         <td>U</td>
  103.         <td><span id="tpc-u3" class="strong-text">$wert-aus-thermal-xml-u3</span> W/(m²K)</td>
  104.       </tr>
  105.     {% endif %}
  107.     {% if 'y' in availableTpcKeys %}
  108.       <tr>
  109.         <td>Längenbezogener Wärmedurchgangskoeffizient</td>
  110.         <td>&#968;</td>
  111.         <td><span id="tpc-y" class="strong-text">$wert-aus-thermal-xml-y</span> W/(mK)</td>
  112.       </tr>
  113.     {% endif %}
  114.     {% if 'c' in availableTpcKeys %}
  115.       <tr>
  116.         <td>Punktbezogener Wärmedurchgangskoeffizient</td>
  117.         <td>&chi;</td>
  118.         <td><span id="tpc-c" class="strong-text">$wert-aus-thermal-xml-c</span> W/K</td>
  119.       </tr>
  120.     {% endif %}
  121.     {% if 'q' in availableTpcKeys %}
  122.       <tr>
  123.         <td>Minimale Oberflächentemperatur im beheizten Raum</td>
  124.         <td>θ<sub>min</sub></td>
  125.         <td><span id="tpc-q" class="strong-text" onchange="alert('change');">$wert-aus-thermal-xml-q</span> °C</td>
  126.       </tr>
  127.     {% endif %}
  128.     <tr id="tpc-q-warning" style="display:none;">
  129.       <td colspan="3" style="color:#96BF2F; font-weight: bold; padding:5px 10px 5px 10px;">Achtung: Die Konstruktion erfüllt nicht die Mindestanforderungen an den Wärmeschutz von Wärmebrücken gemäß DIN 4108 Teil 2!</td>
  130.     </tr>
  131.   </table>
  132.   <div class="obj-tools">
  133.     <input type="hidden" id="ajaxCalladdElementToCart"
  134.            value="{{ path('atlas_ajax', {'action' : 'addElementToCart' }) }}">
  135.     <button id="add-element-to-cart-button" class="btn_add_obj" data-element-id="{{ element['element'].getId() }}"
  136.             data-tpc-key-code="" data-psi-value="">Zu meinen Details hinzufügen
  137.     </button>
  138.     <a href="{{ path('atlasDownload', {'fileType' : 'constructionPdf', 'fileId' : element['element'].getCode() }) }}"/>
  139.       <input type="hidden" id="constructionsDetailPdfDownloadLink"
  140.              value="{{ path('constructionsDetailPdfDownload', {'productId' : element['element'].getId(), 'tpcKeyCode': 'TPCKEYCODE' }) }}">
  141.       <a id="constructions-detail-pdf-download-button" href="">
  142.         <button class="btn_save">Speichern (PDF)</button>
  143.       </a>
  144.   </div>
  146.   <div class="clear"><!-- --></div>
  148.   {% if element['element'].getNotes()|length > 0 %}
  149.     <p id="caption_notes">
  150.       Konstruktionshinweise<br/>
  151.       {% for note in element['element'].getNotes() %}
  152.       {{ note.getValue() }}</br>
  153.     {% endfor %}
  154.     </p>
  155.   {% endif %}
  157.   <script>
  158.     $(document).ready(function () {
  159.       $(".wrapper-form, #wrapper-woge, #wrapper-wigeb").css("display", "none");
  160.       $("a.filter_close").find('img').toggle();
  161.       $("#downloads, #cart").css("display", "block");
  162.     });
  164.   </script>
  165. {% endblock %}
  166.   {% block object_nav %}
  167.     <div class="object-nav">
  168.       {% if previous != 0 %}
  169.         <a href="{{ path('heatProtection') }}/{{ previous_link }}"
  170.            name="constructionDetailsLink">
  171.           <div class="prev_obj"></div>
  172.           <span>vorheriges Modell</span>
  173.         </a>
  174.       {% else %}
  175.         <a href="" onClick="return false;">
  176.           <div class="prev_obj grayscale"></div>
  177.           <span>vorheriges Modell</span>
  178.         </a>
  179.       {% endif %}
  180.       {% if next != 0 %}
  181.         <a href="{{ path('heatProtection') }}/{{ next_link }}"
  182.            name="constructionDetailsLink" class="next_obj">
  183.           <span>nächstes Modell</span>
  184.           <div class="next_obj"></div>
  185.         </a>
  186.       {% else %}
  187.         <a href="" onClick="return false;" class="next_obj">
  188.           <span>nächstes Modell</span>
  189.           <div class="next_obj grayscale"></div>
  190.         </a>
  191.       {% endif %}
  192.     </div>
  193.   {% endblock %}
  194.   {% block teaser_login %}{% endblock %}
  196.   {% block teaser_download %}
  197.     {% include 'teaser_download.html.twig' %}
  198.   {% endblock %}
  200.   {% block teaser_cart %}
  201.     {% include 'teaser_cart.html.twig' %}
  202.   {% endblock %}