templates/pages/project/section/single-project.html.twig line 1

Open in your IDE?
  1. <div id="single-project-desktop" class="page--mainwrap p-0 slideJs single-project single-project-desktop">
  2.     <div class="page--mainwrap-header">
  3.         <h1 class="page--mainwrap-header-heading">{{ "About"|trans }} {{ project.name }}</h1>
  4.         <hr>
  5.         {% include 'layouts/block/breadcrumbs.html.twig' %}
  6.     </div>
  7.     <div class="page--mainwrap-content">
  8.         <div class="page--mainwrap-content-desc single-project--content-desc mb-4">
  9.             <h2 class="single-project--content-desc-title txt--label">{{ project.name|raw }}</h2>
  10.             <div class="single-project--content-desc-txt">
  11.                 {{ project.description|raw }}
  12.             </div>
  13.         </div>
  14.         <div class="single-project--content-menus d-flex">
  15.             <div class="single-project--content-menus-item col-6 p-0">
  16.                 <h3 class="single-project--content-menus-item-title txt--label">{{ "Project details"|trans }} </h3>
  17.                 <div class="single-project--content-menus-item-txt">
  18.                     <ul>
  19.                         {% if project.kindProject  %}<li>{{ "Sector"|trans|raw }}:<a href="{{ path('pages_projects_filter_by_kind_project', { _locale:  currentLocale, kindProjectSlug: project.kindProject.slug }) }}"> {{ project.kindProject|raw }}</a></li>{% endif %}
  21.                         {% if project.architect  %}
  22.                             <li>
  23.                                 {% if project.websiteArchitect  %}
  24.                                     {{ "Architect"|trans|raw }}: <a href=" {{ project.websiteArchitect }}" target="_blank">{{ project.architect|raw }}</a>
  25.                                 {% else %}
  26.                                     {{ "Architect"|trans|raw }}: {{ project.architect|raw }}
  27.                                 {% endif %}
  28.                             </li>
  29.                         {% endif %}
  31.                         {% if project.country  %}
  32.                             {% set alpha = project.country.alpha2 %}
  33.                             <li>{{ "Country"|trans|raw }}: {{ alpha|country_name|raw }}</li>
  34.                         {% endif %}
  35.                         {% if project.photography %}<li>{{ "Photography"|trans|raw }}: {{ project.photography|raw }}</li>{% endif %}
  36.                         {% if project.installation %}<li>{{ "Installation"|trans|raw }}: {{ project.installation|raw }}</li>{% endif %}
  37.                     </ul>
  38.                 </div>
  39.             </div>
  40.             <div class="single-project--content-menus-item col-6 p-0">
  41.                 <h3 class="single-project--content-menus-item-title txt--label">{{ "Flooring details"|trans|raw }}</h3>
  42.                 <div class="single-project--content-menus-item-txt">
  43.                     <ul>
  44.                         <li>
  45.                             {{ project.products|length > 1 ? "Products"|trans|raw : "Product"|trans|raw }}:
  46.                             {% for product in project.products %}
  47.                                 {% if product.name == 'BB_Kaleido' %}
  48.                                     {{ product.name }}
  49.                                 {% else %}
  50.                                     <a href="{{ path('pages_product_details', { _locale:  currentLocale, 'collectionSlug': product.collection.slug, 'slug': product.slug, 'id': product.id }) }}">
  51.                                         {{ product.name }}
  52.                                     </a>
  53.                                     {{ loop.last ? '' : '•' }}
  54.                                 {% endif %}
  55.                             {% endfor %}
  56.                         </li>
  58.                         {% if project.areaM > 1 %}
  59.                             {% set areaM = project.areaM %}
  60.                             {% set areaF = areaM * 10.764 %}
  61.                             <li>{{ "Surface"|trans }}: {{ areaM|format_number }} ㎡ - {{ areaF|format_number }} ft²</li>
  62.                         {% endif %}
  64.                         <li>{{ project.shapes|length > 1 ? "Shapes"|trans : "Shape"|trans }}:
  65.                             {% for shape in project.shapes %}
  66.                                 <a href="{{ path('pages_2tec2Play_index', { _locale:  currentLocale }) }}">
  67.                                     {{ shape.name|trans }}
  68.                                 </a>
  69.                                 {{ loop.last ? '' : '•' }}
  70.                             {% endfor %}
  71.                         </li>
  72.                     </ul>
  73.                 </div>
  74.             </div>
  75.         </div>
  76.         {% if project is defined %}
  77.             <div class="single-project--content-magnets">
  78.                 <div class="single-project--content-magnets-container scrollableDiv scrollableX">
  79.                     <div class="scrollableX-content">
  80.                     {% for key, img in project.attachmentsFile['urls'] %}
  81.                         <div class="single-project--content-magnets-container-img modalImgList" imgfullsize="{{ img['jpg']['full'] }}" imgfullsizealt="{{ project.name }} example of utilisation">
  82.                             <picture>
  83.                                 <source srcset="{{ img['webp']['thumb_250x250'] }}" type="image/webp">
  84.                                 <source srcset="{{ img['jpg']['thumb_250x250'] }}" type="image/jpeg">
  85.                                 <img src="{{ img['jpg']['thumb_250x250'] }}" alt="{{ project.name }} photo">
  86.                             </picture>
  87.                         </div>
  88.                     {% endfor %}
  89.                     </div>
  90.                 </div>
  91.             </div>
  92.         {% endif %}
  93.         <div class="page--mainwrap-content-button single-collection--content-button d-flex justify-content-around">
  94.             {#<div class="page--mainwrap-content-button single-project--content-button d-flex justify-content-between">#}
  95.             <a rel="canonical" href="{{ path("pages_3d_simulation_index", { _locale: currentLocale }) }}" class="cta-button btn page-btn">
  96.                 {{ include('layouts/buttons/2tec2_3d_simulation.html.twig') }}
  97.                 {{ "3D Simulation" | trans }}
  98.             </a>
  100.             <a href="" class="add-project-to-download cta-button btn page-btn" data-project="{{ project.id }}">
  101.                 {{ include('layouts/buttons/2tec2_uploads.html.twig') }}
  102.                 {{ 'Images'|trans }}
  103.             </a>
  104.         </div>
  105.     </div>
  106.     <div class="page--mainwrap-arrow slideArrow">
  107.         <img src="{{ asset('build/icon/2tec2_arrow_bottom_black.svg') }}" alt="{{ 'caret down icon' | trans }}">
  108.     </div>
  109. </div>
  110. <div class="page--subwrap p-0 carouselLgDiv single-project-desktop">
  111.     <div class="page--subwrap-carousel-lg carouselLg carouselDiv">
  112.     </div>
  113. </div>