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

Open in your IDE?
  1. <div id="single-project-tablet" class="page--mainwrap p-0 slideJs single-project single-project-tablet">
  2.     <div class="page--mainwrap-header">
  3.         <h3 class="page--mainwrap-header-heading">{{ "Project details"|trans|upper }}</h3>
  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">
  9.             <h3 class="single-project--content-desc-title txt--label">{{ project.name }}</h3>
  10.             <div class="single-project--content-desc-txt">
  11.                 {{ project.description|raw }}
  12.             </div>
  13.         </div>
  14.         <div class="single-project--content-menus">
  15.             <div class="single-project--content-menus-item">
  16.                 <h3 class="single-project--content-menus-item-title mobileview--toggler toggler--subtitle txt--label">{{ "Project details"|trans }}
  17.                     <span class="mobileview--caretdown toggler--caretdown"><i class="fas fa-caret-down"></i></span></h3>
  18.                 <div class="single-project--content-menus-item-txt mobileview--toggled-content toggler--list collapse show">
  19.                     <ul>
  20.                         {% 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 %}
  22.                         {% if project.architect  %}
  23.                             <li>
  24.                                 {% if project.websiteArchitect  %}
  25.                                     {{ "Architect"|trans|raw }}: <a href=" {{ project.websiteArchitect }}" target="_blank">{{ project.architect|raw }}</a>
  26.                                 {% else %}
  27.                                     {{ "Architect"|trans|raw }}: {{ project.architect|raw }}
  28.                                 {% endif %}
  29.                             </li>
  30.                         {% endif %}
  32.                         {% if project.country  %}
  33.                             {% set alpha = project.country.alpha2 %}
  34.                             <li>{{ "Country"|trans|raw }}: {{ alpha|country_name|raw }}</li>
  35.                         {% endif %}
  36.                         {% if project.photography %}<li>{{ "Photography"|trans|raw }}: {{ project.photography|raw }}</li>{% endif %}
  37.                         {% if project.installation %}<li>{{ "Installation"|trans|raw }}: {{ project.installation|raw }}</li>{% endif %}
  38.                     </ul>
  39.                 </div>
  40.             </div>
  41.             <div class="single-project--content-menus-item">
  42.                 <h3 class="single-project--content-menus-item-title mobileview--toggler toggler--subtitle txt--label">{{ "Flooring details"|trans }}
  43.                     <span class="mobileview--caretdown toggler--caretdown"><i class="fas fa-caret-down"></i></span></h3>
  44.                 <div class="single-project--content-menus-item-txt mobileview--toggled-content toggler--list collapse">
  45.                     <ul>
  46.                         <li>
  47.                             {{ project.products|length > 1 ? "Products"|trans|raw : "Product"|trans|raw }}:
  48.                             {% for product in project.products %}
  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 ? '' : ',' }}
  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 %}
  65.                         <li>{{ project.shapes|length > 1 ? "Shapes"|trans : "Shape"|trans }}:
  66.                             {% for shape in project.shapes %}
  67.                                 <a href="{{ path('pages_2tec2Play_index', { _locale:  currentLocale }) }}">
  68.                                     {{ shape.name|trans }}
  69.                                 </a>
  70.                                 {{ loop.last ? '' : '•' }}
  71.                             {% endfor %}
  72.                         </li>
  73.                     </ul>
  74.                 </div>
  75.             </div>
  77.             {% if project is defined %}
  78.                 <div class="single-project--content-menus-item">
  79.                     <h3 class="single-project--content-menus-item-title mobileview--toggler toggler--subtitle txt--label">{{ "Thumbnails"|trans }}
  80.                         <span class="mobileview--caretdown toggler--caretdown"><i class="fas fa-caret-down"></i></span></h3>
  81.                     <div class="single-project--content-magnets mobileview--toggled-content toggler--list collapse">
  82.                         <div class="single-project--content-magnets-container scrollableDiv scrollableX">
  83.                             <div class="scrollableX-content">
  84.                                 {% for key, img in project.attachmentsFile['urls'] %}
  85.                                     <div class="single-project--content-magnets-container-img">
  86.                                         <picture>
  87.                                             <source srcset="{{ img['webp']['thumb_180x180'] }}" type="image/webp">
  88.                                             <source srcset="{{ img['jpg']['thumb_180x180'] }}" type="image/jpeg">
  89.                                             <img src="{{ img['jpg']['thumb_180x180'] }}" alt="{{ project.name }} photo">
  90.                                         </picture>
  91.                                     </div>
  92.                                 {% endfor %}
  93.                             </div>
  94.                         </div>
  95.                     </div>
  96.                 </div>
  97.             {% endif %}
  98.         </div>
  99.         <div class="page--mainwrap-content-button single-project--content-button d-flex justify-content-center mt-2">
  100.             <div class="d-flex justify-content-between col-12 p-0">
  101.                 <a rel="canonical" href="{{ path("pages_3d_simulation_index", { _locale: currentLocale }) }}" class="cta-button btn page-btn">
  102.                     {{ include('layouts/buttons/2tec2_3d_simulation.html.twig') }}
  103.                     {{ "3D Simulation" | trans }}
  104.                 </a>
  105.             </div>
  106.             <div class="d-flex justify-content-center col-12 p-0">
  107.                 <a href="" class="add-project-to-download cta-button btn page-btn" data-project="{{ project.id }}">
  108.                     {{ include('layouts/buttons/2tec2_uploads.html.twig') }}
  109.                     {{ 'Images'|trans }}
  110.                 </a>
  111.             </div>
  112.         </div>
  113.     </div>
  114.     <div class="page--mainwrap-arrow slideArrow">
  115.         <img src="{{ asset('build/icon/2tec2_arrow_bottom_black.svg') }}" alt="{{ 'caret down icon' | trans }}">
  116.     </div>
  117. </div>
  118. <div class="page--subwrap p-0 carouselLgDiv single-project-tablet">
  119.     <div class="page--subwrap-carousel-lg carouselLg carouselDiv carouselLg-alts">
  120.     </div>
  121. </div>