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

Open in your IDE?
  1. <div id="single-project-smartphone"
  2.      class="page--mainwrap single-project p-0 slideJs single-project-smartphone single-project-first">
  3.     <div class="page--mainwrap-header single-project--header single-project--header">
  4.         <h3 class="page--mainwrap-header-heading">
  5.             {% if project is defined %}
  6.                 {{ project.name }}
  7.             {% endif %}
  8.         </h3>
  9.     </div>
  11.     <div class="page--mainwrap-arrow slideArrow">
  12.         <img src="{{ asset('build/icon/2tec2_arrow_bottom_black.svg') }}" alt="{{ 'caret down icon' | trans }}"/>
  13.     </div>
  14. </div>
  15. <div class="page--mainwrap single-project p-0 slideJs single-project-smartphone">
  16.     <div class="page--mainwrap-header single-project--header">
  17.         <h3 class="page--mainwrap-header-heading">
  18.             {% if project is defined %}
  19.                 {{ project.name }}
  20.             {% endif %}
  21.         </h3>
  22.     </div>
  23.     <div class="page--mainwrap-content scrollableDiv">
  24.         <div class="page--mainwrap-content-desc single-project--content-desc">
  25.             <h3 class="page--mainwrap-content-desc-title txt--label single-project--content-desc-title">{{ "Project ADN"|trans }}</h3>
  26.             <p class="m-0 page--mainwrap-content-desc-txt single-project--content-desc-txt">{{ project.description|raw }}</p>
  27.             {#            <div class="page--mainwrap-content-desc-button single-project--content-desc-button my-4">
  28.                 <a href="" class="cta-button btn page-btn add-project-to-download" data-project="{{ project.id }}">
  29.                     {{ include('layouts/buttons/2tec2_uploads.html.twig') }}
  30.                     {{ "Project sheet"|trans }}
  31.                 </a>
  32.             </div>#}
  33.             <div class="single-project--content-menus-item">
  34.                 <h3 class="single-project--content-menus-item-title mobileview--toggler toggler--subtitle txt--label">{{ "Project details"|trans }}
  35.                     <span class="mobileview--caretdown toggler--caretdown"><i class="fas fa-caret-down"></i></span></h3>
  36.                 <div class="single-project--content-menus-item-txt mobileview--toggled-content toggler--list collapse show">
  37.                     <ul>
  38.                         {% 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 %}
  40.                         {% if project.architect  %}
  41.                             <li>
  42.                                 {% if project.websiteArchitect  %}
  43.                                     {{ "Architect"|trans|raw }}: <a href=" {{ project.websiteArchitect }}" target="_blank">{{ project.architect|raw }}</a>
  44.                                 {% else %}
  45.                                     {{ "Architect"|trans|raw }}: {{ project.architect|raw }}
  46.                                 {% endif %}
  47.                             </li>
  48.                         {% endif %}
  50.                         {% if project.country  %}
  51.                             {% set alpha = project.country.alpha2 %}
  52.                             <li>{{ "Country"|trans|raw }}: {{ alpha|country_name|raw }}</li>
  53.                         {% endif %}
  54.                         {% if project.photography %}<li>{{ "Photography"|trans|raw }}: {{ project.photography|raw }}</li>{% endif %}
  55.                         {% if project.installation %}<li>{{ "Installation"|trans|raw }}: {{ project.installation|raw }}</li>{% endif %}
  56.                     </ul>
  57.                 </div>
  58.             </div>
  59.             <div class="single-project--content-menuanimatePageContentHeaders-item">
  60.                 <h3 class="single-project--content-menus-item-title mobileview--toggler toggler--subtitle txt--label">{{ "Flooring details"|trans }}
  61.                     <span class="mobileview--caretdown toggler--caretdown"><i class="fas fa-caret-down"></i></span></h3>
  62.                 <div class="single-project--content-menus-item-txt mobileview--toggled-content toggler--list collapse">
  63.                     <ul>
  64.                         <li>
  65.                             {{ project.products|length > 1 ? "Products"|trans|raw : "Product"|trans|raw }}:
  66.                             {% for product in project.products %}
  68.                                 <a href="{{ path('pages_product_details', { _locale:  currentLocale, 'collectionSlug': product.collection.slug, 'slug': product.slug, 'id': product.id }) }}">
  69.                                     {{ product.name }}
  70.                                 </a>
  71.                                 {{ loop.last ? '' : ',' }}
  73.                             {% endfor %}
  74.                         </li>
  76.                         {% if project.areaM > 1 %}
  77.                             {% set areaM = project.areaM %}
  78.                             {% set areaF = areaM * 10.764 %}
  79.                             <li>{{ "Surface"|trans }}: {{ areaM|format_number }} ㎡ - {{ areaF|format_number }} ft²</li>
  80.                         {% endif %}
  83.                         <li>{{ project.shapes|length > 1 ? "Shapes"|trans : "Shape"|trans }}:
  84.                             {% for shape in project.shapes %}
  85.                                 <a href="{{ path('pages_2tec2Play_index', { _locale:  currentLocale }) }}">
  86.                                     {{ shape.name|trans }}
  87.                                 </a>
  88.                                 {{ loop.last ? '' : '•' }}
  89.                             {% endfor %}
  90.                         </li>
  91.                     </ul>
  92.                 </div>
  93.             </div>
  94.         </div>
  95.         <div class="single-project--content-button page--mainwrap-content-button">
  96.             <a rel="canonical" rel="canonical" href="{{ path("pages_3d_simulation_index", { _locale: currentLocale }) }}" class="cta-button btn page-btn">
  97.                 {{ include('layouts/buttons/2tec2_3d_simulation.html.twig') }}
  98.                 {{ '3D Simulation'|trans }}
  99.             </a>
  100.         </div>
  101.     </div>
  102.     <div class="page--mainwrap-arrow slideArrow">
  103.         <img src="{{ asset('build/icon/2tec2_arrow_bottom_black.svg') }}" alt="{{ 'caret down icon' | trans }}"/>
  104.     </div>
  105. </div>
  106. <div class="page--mainwrap single-project p-0 slideJs single-project-smartphone single-project-last">
  107.     <div class="page--mainwrap-header single-project--header">
  108.         <h3 class="page--mainwrap-header-heading">
  109.             {% if project is defined %}
  110.                 {{ project.name }}
  111.             {% endif %}
  112.         </h3>
  113.     </div>
  114.     <div class="page--mainwrap-content single-project--content">
  115.         {% if project is defined %}
  116.             <div class="single-project--content-magnets ">
  117.                 <div class="single-project--content-magnets-container scrollableDiv scrollableX">
  118.                     <div class="scrollableX-content">
  119.                         {% for key, img in project.attachmentsFile['urls'] %}
  120.                             <a data-lightbox="project" class="single-project--content-magnets-container-img" href="{{ img['jpg']['full'] }}">
  121.                                 <picture>
  122.                                     <source srcset="{{ img['webp']['thumb_180x180'] }}" type="image/webp">
  123.                                     <source srcset="{{ img['jpg']['thumb_180x180'] }}" type="image/jpeg">
  124.                                     <img data-lightbox="project" src="{{ img['jpg']['thumb_180x180'] }}" alt="{{ project.name }} photo">
  125.                                 </picture>
  126.                             </a>
  127.                         {% endfor %}
  128.                     </div>
  129.                 </div>
  130.             </div>
  131.         {% endif %}
  132.         <div class="page--mainwrap-content-button single-project--content-button d-flex justify-content-center">
  133.             <div class="d-flex justify-content-between col-12 p-0 mb-3">
  134.                 <a rel="canonical" href="{{ path("pages_3d_simulation_index", { _locale: currentLocale }) }}" class="cta-button btn page-btn">
  135.                     {{ include('layouts/buttons/2tec2_3d_simulation.html.twig') }}
  136.                     {{ "3D Simulation" | trans }}
  137.                 </a>
  138.             </div>
  139.             <div class="d-flex justify-content-center col-12 p-0 add-project-to-cart" data-project="{{ project.id }}">
  140.                 <a href="" class="add-project-to-download cta-button btn page-btn" data-project="{{ project.id }}">
  141.                     {{ include('layouts/buttons/2tec2_uploads.html.twig') }}
  142.                     {{ 'Images'|trans }}
  143.                 </a>
  144.             </div>
  145.         </div>
  146.     </div>
  147.     <div class="page--mainwrap-arrow slideArrow">
  148.         <img src="{{ asset('build/icon/2tec2_arrow_bottom_black.svg') }}" alt="{{ 'caret down icon' | trans }}">
  149.     </div>
  150. </div>