templates/contacts/contacts.html.twig line 1

Open in your IDE?
  1. {% extends '@Web/layout.html.twig' %}
  3. {% block title %}
  4.     {{ meta.title | raw }}
  5. {% endblock %}
  7. {% block meta %}
  8.     <meta name="keywords" content="{{ meta.keywords | raw }}" />
  9.     <meta name="description" content="{{ meta.description | raw }}" />
  10. {% endblock %}
  12. {% block stylesheets %}
  13.     {{ parent() }}
  14.     <link rel="stylesheet" href="{{ asset('_css/pages.min.css') }}" />
  15. {% endblock %}
  17. {% block javascripts %}
  18.     {{ parent() }}
  19.     <script type="text/javascript" src="//media.twiliocdn.com/sdk/js/client/releases/1.10.0/twilio.min.js"></script>
  20.     <script src="{{ asset('_js/contact.js') }}"></script>
  21. {% endblock %}
  23. {% block content %}
  24.     {% set isRTWidget = useRTWidget() %}
  26.     <div class="pages page-contacts">
  27.         <h1>{{ 'page_contacts.header' | trans }}</h1>
  28.     </div>
  30.     <div class="page-contacts js-page-contacts container-fluid clearfix">
  31.         <div class="contacts-cell row clearfix">{# убрал row #}
  32.             {% set noChoose = '' %}
  33.             {% set currentCountryId = '0' %}
  34.             {% if availableLanguages | length == 1 %}
  35.                 {% set noChoose = 'no-active' %}
  36.             {% endif %}
  38.             <div class="col-xs-12 col-sm-5 col-md-4 lang-list">
  39.                 <h5>{{ 'header_country' | trans }}</h5>
  41.                 {# сформировать списки стран #}
  42.                 {% set basicCountries = [] %}
  43.                 {% set secondaryCountries = [] %}
  44.                 {% set currCountryLocale = '' %}
  46.                 {% for key, country in countryList %}
  47.                     {#{% if key == 'fi' or key == 'fr' or key == 'de' or key == 'it' or key == 'nl' or key == 'gb' or key == 'us' %}#}
  48.                         {#{% set basicCountries = basicCountries | merge([{'key': key, 'country': country}]) %}#}
  49.                     {#{% endif %}#}
  51.                     {% if locale == key | lower %}
  52.                         {% set currCountryLocale = country['locale'] %}
  53.                     {% endif %}
  54.                 {% endfor %}
  56.                 <div class="simple-list-drop-container country-block-contact js-country-block-contact">
  57.                     <div class="list-drop-active" role="show-list-drop">
  58.                         <input type="text" class="active-status" />
  59.                     </div>
  61.                     <ul class="simple-list-drop">
  62.                         {% for newcountry in basicCountries if newcountry.key != 'en' %}
  63.                             {% set key = newcountry.key %}
  64.                             {% set country = newcountry.country %}
  65.                             {% set activeClass = '' %}
  66.                             {% if countryCode == key | lower %}
  67.                                 {% set activeClass = ' active js-default-option' %}
  68.                                 {% set currentCountryId = newcountry['country']['id'] %}
  69.                             {% endif %}
  70.                             <li class="simple-list-item{{ activeClass }}"
  71.                                 data-prior-lang="{{ country['locales'] is defined ? country['locales'] : 'en' }}"
  72.                                 data-simpledrop-value="{{ key }}"
  73.                                 data-simpledrop-text="{{ country['name'] }}"
  74.                             >
  75.                                 <span class="thumb flag flag-{{ key }}"></span>
  76.                                 {{ country['name'] }}
  77.                             </li>
  78.                         {% endfor %}
  80.                         <li class="divider"></li>
  82.                         {% for key, country in countryList %}
  83.                             {% set activeClass = '' %}
  84.                             {% if countryCode == key | lower %}
  85.                                  {% set activeClass = 'active ' %}
  86.                                 {% set currentCountryId =  country['id'] %}
  87.                             {% endif %}
  89.                             <li class="{{ activeClass }}simple-list-item"
  90.                                 data-prior-lang="{{ country['locales'] is defined ? country['locales'] : 'en' }}"
  91.                                 data-simpledrop-value="{{ key }}"
  92.                                 data-simpledrop-text="{{ country['name'] }}"
  93.                             >
  94.                                 <span class="thumb flag flag-{{ key }}"></span>
  95.                                 {{ country['name'] }}
  96.                             </li>
  97.                         {% endfor %}
  98.                     </ul>
  99.                 </div>
  101.                 <h5>{{ 'contacts.change_lang' | trans }}</h5>
  102.                 <div class="change-lang-wrapper">
  103.                     <ul class="change-lang-cont js-change-lang-cont list-unstyled">
  104.                         {% for langCountry in availableLanguages %}
  105.                             {% for key, lang in localeNames %}
  106.                                 {% if key == langCountry %}
  107.                                     {% set activeClass = '' %}
  108.                                     {% if langCountry == locale %}
  109.                                         {% set activeClass = ' active' %}
  110.                                     {% endif %}
  111.                                     <li{% if noChoose or activeClass %} class="{{ noChoose }}{{ activeClass }}"{% endif %}
  112.                                         data-val="{{ langCountry }}"
  113.                                     >{{ lang }}</li>
  114.                                 {% endif %}
  115.                             {% endfor %}
  116.                         {% endfor %}
  117.                     </ul>
  118.                 </div>
  119.             </div>
  121.             <div class="col-xs-12 col-sm-7 col-md-8">
  122.                 <div class="row">
  123.                     <div class="contacts-blocks-main-wrapper">
  124.                         <div class="contacts-blocks-inner-wrapper">
  126.                             <div class="contact-page-block-wrapper big-block-wrapper">
  127.                                 <div class="contact-block-background hidden"></div>
  128.                                 <div class="contact-page-block">
  129.                                     <div class="wrap-icon big-icon chat-wrap-icon">
  130.                                         {% if isRTWidget %}
  131.                                             <a id="chat-widget-contacts" class="big-icon-link chat-link">
  132.                                         {% else %}
  133.                                             <a id="chat-widget-contacts" target="_blank" href="{{ path('app_chatb_chatbpage') }}" class="big-icon-link chat-link">
  134.                                         {% endif %}
  135.                                             {% include '@Web/SVGIconsCode/contact-chat.html.twig' %}
  136.                                             <span>{{ 'contacts.chat' | trans }}</span>
  137.                                             <span class="chat-cons-status"
  138.                                                   data-text-online="{{ 'online' | trans }}"
  139.                                                   data-text-offline="{{ 'offline' | trans }}"
  140.                                             ></span>
  141.                                         </a>
  142.                                     </div>
  143.                                 </div>
  144.                             </div>{#
  145.                             #}<div class="contact-page-block-wrapper big-block-wrapper">
  146.                                 <div class="contact-block-background hidden"></div>
  147.                                 <div class="contact-page-block">
  148.                                     <div class="wrap-icon big-icon">
  149.                                         {% set isDev = '' %}
  150.                                         {% if te.request.get('dev') %}
  151.                                             {% set isDev = 'true' %}
  152.                                         {% endif %}
  153.                                         <a href="#" class="big-icon-link free-call-link js-free-call-link" data-is-dev="{{ isDev }}">
  154.                                             <div class="call-icon-wrapper">
  155.                                                 {% include '@Web/SVGIconsCode/contact-free-call.html.twig' %}
  156.                                                 <span class="status-circle"
  157.                                                       data-text-online="on"
  158.                                                       data-text-offline="off"
  159.                                                 ></span>
  160.                                             </div>
  161.                                             <span>{{ 'contacts.free_call' | trans }}</span>
  162.                                         </a>
  163.                                     </div>
  164.                                 </div>
  165.                             </div>{#
  166.                             #}<div class="contact-page-block-wrapper medium-block-wrapper">
  167.                                 <div class="contact-block-background"></div>
  168.                                 <div class="contact-page-block">
  169.                                     <div class="wrap-icon">
  170.                                         <a href="tel:{{ phone }}" id="mobilePhoneNumber" class="big-icon-link mobile-phone-number">
  171.                                             {% include '@Web/SVGIconsCode/contact-mobile.html.twig' %}
  172.                                             <span>{{ phone }}</span>
  173.                                         </a>
  174.                                     </div>
  175.                                 </div>
  176.                             </div>{#
  177.                             #}<div class="contact-page-block-wrapper medium-block-wrapper">
  178.                                 <div class="contact-block-background"></div>
  179.                                 <div class="contact-page-block">
  180.                                     <div class="wrap-icon">
  181.                                         {% set mailTo = 'mailto:' ~ email %}
  182.                                         {# нужно, чтобы адрес эл. почты не выходил за пределы экрана на маленьких экранах #}
  183.                                         {% set font_small = '' %}
  184.                                         {# для Голландии уменьшить размер шрифта эл. адреса #}
  185.                                         {% set isNl = '' %}
  186.                                         {% set userLocale = userLocale() %}
  187.                                         {% if userLocale == 'nl' or userLocale == 'fi' or userLocale == 'de' or userLocale == 'fr' %}
  188.                                             {% set font_small = ' font-small' %}
  189.                                             {% if userLocale == 'nl' %}
  190.                                                 {% set isNl = ' nl' %}
  191.                                             {% endif %}
  192.                                         {% endif %}
  193.                                         <a class="big-icon-link email-link{{ font_small }}{{ isNl }}" href="{{ mailTo }}">
  194.                                             {% include '@Web/SVGIconsCode/contact-email.html.twig' %}
  195.                                             <span>{{ email }}</span>
  196.                                         </a>
  197.                                     </div>
  198.                                     {% set local = userLocale() %}
  199.                                 </div>
  200.                             </div>{#
  201.                             #}<div class="contact-page-block-wrapper medium-block-wrapper">
  202.                                 <div class="contact-page-block">
  203.                                     <div class="wrap-icon social-link js-social-media-block">
  204.                                         <a target="_blank" href="https://www.pinterest.com/tileexpert/pins/" class="pinterest-link">
  205.                                             {% include '@Web/SVGIconsCode/contact-social-pinterest.html.twig' %}
  206.                                         </a>
  207.                                         {% if userLocale == 'ru' %}
  208.                                             <a target="_blank" href="https://www.instagram.com/tileexpertrussia" class="instagram-link">
  209.                                                 {% include '@Web/SVGIconsCode/contact-social-instagram.html.twig' %}
  210.                                             </a>
  211.                                         {% else %}
  212.                                             <a target="_blank" href="https://instagram.com/tile.expert/" class="instagram-link">
  213.                                                 {% include '@Web/SVGIconsCode/contact-social-instagram.html.twig' %}
  214.                                             </a>
  215.                                         {% endif %}
  217.                                         <div class="clearfix"></div>
  218.                                         <a target="_blank" href="https://twitter.com/TILE_EXPERT" class="twitter-link">
  219.                                             {% include '@Web/SVGIconsCode/contact-social-twitter.html.twig' %}
  220.                                         </a>
  221.                                         {% if userLocale == 'ru' %}
  222.                                             <a target="_blank" href="https://www.facebook.com/tileexpertrussia" class="facebook-link">
  223.                                                 {% include '@Web/SVGIconsCode/contact-social-facebook.html.twig' %}
  224.                                             </a>
  225.                                         {% else %}
  226.                                             <a target="_blank" href="https://www.facebook.com/tile.expert" class="facebook-link">
  227.                                                 {% include '@Web/SVGIconsCode/contact-social-facebook.html.twig' %}
  228.                                             </a>
  229.                                         {% endif %}
  230.                                     </div>
  231.                                 </div>
  232.                             </div>
  234.                         </div>
  235.                     </div>
  236.                 </div>
  237.                 <div class="row">
  238.                     <div class="schedule">
  239.                         {% if holidaysString | length > 0 and holidaysString != '-' %}
  240.                             <div class="holidays">
  241.                                 <span class="s-left">{{ 'contacts_holidays' | trans }}</span>&nbsp;<span class="s-right">{{ holidaysString }}</span>
  242.                             </div>
  243.                         {% endif %}
  245.                         {% if halfHolidaysString | length > 0 and halfHolidaysString != '-' %}
  246.                             <div class="holidays">
  247.                                 <span class="s-left">{{ 'contacts_half_holidays' | trans }}</span>&nbsp;<span class="s-right">{{ halfHolidaysString }}</span>
  248.                             </div>
  249.                         {% endif %}
  251.                         <div class="workdays">
  252.                             <span class="s-left">{{ 'contacts_workingdays' | trans }}</span>
  253.                             {% if isUnionWorkDaysAndWeekend %}
  254.                                 <span class="s-right"> {{ 'weekday.1' | trans }} - {{ 'weekday.0' | trans }}: {{ unionTime }} ({{ capital }})</span>
  255.                             {% else %}
  256.                                 <span class="s-right"> {{ 'weekday.1' | trans }} - {{ 'weekday.5' | trans }}: {{ workDaysTime }}{% if weekendIsOnline %}; {{ 'weekday.6' | trans }} - {{ 'weekday.0' | trans }}: {{ weekendDaysTime }}{% endif %} ({{ capital }})</span>
  257.                             {% endif %}
  258.                         </div>
  259. {#                        <br>#}
  260. {#                        {% if 'it' == getCurLocale() %}#}
  261. {#                            <div>#}
  262. {#                                    <span>#}
  263. {#                                        {{ 'it_cons_vacation' | trans }}#}
  264. {#                                    </span>#}
  265. {#                            </div>#}
  266. {#                        {% endif %}#}
  267.                     </div>
  268.                 </div>
  269.             </div>
  270.         </div>
  272.         {% include 'contacts/online_call_block.html.twig' %}
  273.     </div>
  274. {% endblock %}