src/WebBundle/Resources/views/Common/change-location.html.twig line 1

Open in your IDE?
  1. <div class="change-location js-change-location"
  2.      data-autodetect-lang={{ userLocaleWas }}
  3.      data-bg="{{ showLocale ? 1 : 0 }}"
  4.      {% if showLocale is defined and showLocale == 1 %} data-init-choice-stat="{{ path('app_change_locale_allowed_stat') }}"{% endif %}
  5. >
  6.     {# список стран, для которых перевод на другие языки запрещен - указан в массиве! #}
  7.     {% set disableLangByCountry = userCountryWas in ['ru'] ? true : false %}
  9.     {# блок редактирования данных местоположения #}
  10.     <div class="edit-location">
  11.         <div class="te-logo">
  12.             <img src="/img/TE.svg" alt="tile expert" />
  13.             <span>{{ 'left_menu_slogan' | trans({}, null, userLocaleWas) }}</span>
  14.         </div>
  15.         <div class="edit-form">
  16.             <form action="" method="post">
  18.                 {# country #}
  19.                 {% include '@Web/Common/change-country.html.twig' with { 'countryList': countryList, 'locale': userLocaleWas } %}
  21.                 {# language #}
  22.                 <div class="field lang">
  23.                     <label
  24.                         for="lang"
  25.                         data-trans-ru="{{ 'header_language' | trans({}, null, 'ru') }}"
  26.                         data-trans-en="{{ 'header_language' | trans({}, null, 'en') }}"
  27.                         data-trans-it="{{ 'header_language' | trans({}, null, 'it') }}"
  28.                         data-trans-es="{{ 'header_language' | trans({}, null, 'es') }}"
  29.                         data-trans-fr="{{ 'header_language' | trans({}, null, 'fr') }}"
  30.                         data-trans-de="{{ 'header_language' | trans({}, null, 'de') }}"
  31.                         data-trans-pl="{{ 'header_language' | trans({}, null, 'pl') }}"
  32.                         data-trans-nl="{{ 'header_language' | trans({}, null, 'nl') }}"
  33.                         data-trans-fi="{{ 'header_language' | trans({}, null, 'fi') }}"
  34.                         data-trans-sv="{{ 'header_language' | trans({}, null, 'sv') }}"
  35.                         data-trans-da="{{ 'header_language' | trans({}, null, 'da') }}"
  36.                         data-trans-no="{{ 'header_language' | trans({}, null, 'no') }}"
  37.                         data-trans-pt="{{ 'header_language' | trans({}, null, 'pt') }}"
  38.                         data-trans-zh="{{ 'header_language' | trans({}, null, 'zh') }}"
  39.                         class="label js-change-phrase data-trans"
  40.                     >
  41.                         {{ 'header_language' | trans({}, null, userLocaleWas) }}
  42.                     </label>
  43.                     <div class="simple-list-drop-container language-block" data-sel-lang="{{ userLocaleWas }}">
  44.                         <div class="list-drop-active{{ disableLangByCountry ? ' disabled' : '' }}"
  45.                              role="show-list-drop"
  46.                         >
  47.                             <input id="lang" type="text"
  48.                                    class="active-status"{{ disableLangByCountry ? ' disabled="disabled"' : '' }} />
  49.                         </div>
  50.                         <ul class="simple-list-drop js-simple-list-drop" id="">
  51.                             {# определяем страну с несколькими основными языками, у которой главный
  52.                             язык английский (Канада и Португалия) #}
  53.                             {% set isEnMainLang = false %}
  54.                             {% if userCountryWas == 'ca' or userCountryWas == 'pt' %}
  55.                                 {% set isEnMainLang = true %}
  56.                             {% endif %}
  58.                             {% for item in selectLocales %}
  60.                                 {# английский язык показывать первым в списке основных, если он главный язык страны #}
  61.                                 {% if isEnMainLang and loop.first %}
  62.                                     {% set item = selectLocales['en'] %}
  63.                                     <li class="simple-list-item js-prior-lang-item prior-lang-item{% if userLocaleWas == item.code %} active{% endif %}"
  64.                                         data-lang="{{ item.code }}"
  65.                                         data-simpledrop-value="{{ item.uri }}"
  66.                                         data-simpledrop-text="{{ item.name }}"
  67.                                     >
  68.                                         {{ item.name }}
  69.                                     </li>
  70.                                 {% endif %}
  72.                                 {# тут показываем скриптом только приоритетные языки (без англ) для каждой
  73.                                    страны, и английский для всех стран #}
  74.                                 {% if item.code != 'en' %}
  75.                                     <li class="simple-list-item js-prior-lang-item prior-lang-item{% if userLocaleWas == item.code %} active{% endif %}"
  76.                                         data-lang="{{ item.code }}"
  77.                                         data-simpledrop-value="{{ item.uri }}"
  78.                                         data-simpledrop-text="{{ item.name }}"
  79.                                     >
  80.                                         {{ item.name }}
  81.                                     </li>
  82.                                 {% endif %}
  84.                                 {# английский язык показывать последним в списке основных, если он НЕ главный язык страны #}
  85.                                 {% if loop.last and not isEnMainLang %}
  86.                                     {% set item = selectLocales['en'] %}
  87.                                     <li class="simple-list-item js-prior-lang-item prior-lang-item{% if userLocaleWas == item.code %} active{% endif %}"
  88.                                         data-lang="{{ item.code }}"
  89.                                         data-simpledrop-value="{{ item.uri }}"
  90.                                         data-simpledrop-text="{{ item.name }}"
  91.                                     >
  92.                                         {{ item.name }}
  93.                                     </li>
  94.                                 {% endif %}
  96.                             {% endfor %}
  97.                             <li class="divider"></li>
  98.                             {% for item in selectLocales %}
  99.                                 <li class="simple-list-item js-second-item second-lang-item"
  100.                                     data-lang="{{ item.code }}"
  101.                                     data-simpledrop-value="{{ item.uri }}"
  102.                                     data-simpledrop-text="{{ item.name }}"
  103.                                 >
  104.                                     {{ item.name }}
  105.                                 </li>
  106.                             {% endfor %}
  107.                             <li class="" role="show-all-items">{{ 'left_menu_all' | trans({}, null, userLocaleWas) }}</li>
  108.                         </ul>
  109.                     </div>
  110.                 </div>
  112.                 {# currency and measure #}
  113.                 <div class="field currency-measure">
  114.                     <div class="currency">
  115.                         <label 
  116.                             for="currency"
  117.                             data-trans-ru="{{ 'header_currency' | trans({}, null, 'ru') }}"
  118.                             data-trans-en="{{ 'header_currency' | trans({}, null, 'en') }}"
  119.                             data-trans-it="{{ 'header_currency' | trans({}, null, 'it') }}"
  120.                             data-trans-es="{{ 'header_currency' | trans({}, null, 'es') }}"
  121.                             data-trans-fr="{{ 'header_currency' | trans({}, null, 'fr') }}"
  122.                             data-trans-de="{{ 'header_currency' | trans({}, null, 'de') }}"
  123.                             data-trans-pl="{{ 'header_currency' | trans({}, null, 'pl') }}"
  124.                             data-trans-nl="{{ 'header_currency' | trans({}, null, 'nl') }}"
  125.                             data-trans-fi="{{ 'header_currency' | trans({}, null, 'fi') }}"
  126.                             data-trans-sv="{{ 'header_currency' | trans({}, null, 'sv') }}"
  127.                             data-trans-da="{{ 'header_currency' | trans({}, null, 'da') }}"
  128.                             data-trans-no="{{ 'header_currency' | trans({}, null, 'no') }}"
  129.                             data-trans-pt="{{ 'header_currency' | trans({}, null, 'pt') }}"
  130.                             data-trans-zh="{{ 'header_currency' | trans({}, null, 'zh') }}"
  131.                             class="label js-change-phrase data-trans"
  132.                         >
  133.                             {{ 'header_currency'  | trans({}, null, userLocaleWas) }}
  134.                         </label>
  135.                         <div class="simple-list-drop-container currency-block">
  136.                             {% set disableClass = '' %}
  137.                             {% if currencyList | length == 1 %}
  138.                                 {% set disableClass = 'disabled' %}
  139.                             {% endif %}
  140.                             <div class="list-drop-active {{ disableClass }}" role="show-list-drop">
  141.                                 <input id="currency" type="text" class="active-status"/>
  142.                             </div>
  143.                             <ul class="simple-list-drop " id="">
  144.                                 {% for currency in currencyList %}
  145.                                     {% set activeClass = '' %}
  146.                                     {% if userCurrencyWas == currency %}
  147.                                         {% set activeClass = 'active' %}
  148.                                     {% endif %}
  149.                                     <li class="simple-list-item {{ activeClass }} js-default-option"
  150.                                         data-simpledrop-value="{{ currency }}"
  151.                                         data-simpledrop-text="{{ currency }}"
  152.                                     >
  153.                                         {{ currency }}
  154.                                     </li>
  155.                                 {% endfor %}
  156.                             </ul>
  157.                         </div>
  158.                     </div>
  159.                     <div class="js-measure-box measure"
  160.                          id="measure-box"
  161.                          style="display: {{ userCountryWas == 'us' or userCountryWas == 'ca' ? 'block' : 'none' }};"
  162.                     >
  163.                         <label
  164.                             for="measure"
  165.                             data-trans-ru="{{ 'header_measure' | trans({}, null, 'ru') }}"
  166.                             data-trans-en="{{ 'header_measure' | trans({}, null, 'en') }}"
  167.                             data-trans-it="{{ 'header_measure' | trans({}, null, 'it') }}"
  168.                             data-trans-es="{{ 'header_measure' | trans({}, null, 'es') }}"
  169.                             data-trans-fr="{{ 'header_measure' | trans({}, null, 'fr') }}"
  170.                             data-trans-de="{{ 'header_measure' | trans({}, null, 'de') }}"
  171.                             data-trans-pl="{{ 'header_measure' | trans({}, null, 'pl') }}"
  172.                             data-trans-nl="{{ 'header_measure' | trans({}, null, 'nl') }}"
  173.                             data-trans-fi="{{ 'header_measure' | trans({}, null, 'fi') }}"
  174.                             data-trans-sv="{{ 'header_measure' | trans({}, null, 'sv') }}"
  175.                             data-trans-da="{{ 'header_measure' | trans({}, null, 'da') }}"
  176.                             data-trans-no="{{ 'header_measure' | trans({}, null, 'no') }}"
  177.                             data-trans-pt="{{ 'header_measure' | trans({}, null, 'pt') }}"
  178.                             data-trans-zh="{{ 'header_measure' | trans({}, null, 'zh') }}"
  179.                             class="label js-change-phrase data-trans"
  180.                         >
  181.                             {{ 'header_measure' | trans({}, null, userLocaleWas) }}
  182.                         </label>
  183.                         <div class="simple-list-drop-container measure-block">
  184.                             <div class="list-drop-active" role="show-list-drop">
  185.                                 <input id="measure" type="text" class="active-status" />
  186.                             </div>
  187.                             <ul class="simple-list-drop" id="">
  188.                                 {% for measure in measureList %}
  189.                                     {% set activeClass = '' %}
  190.                                     {% if userMeasureWas == measure %}
  191.                                         {% set activeClass = ' active' %}
  192.                                     {% endif %}
  193.                                     <li class="simple-list-item js-default-option{{ activeClass }}"
  194.                                         data-simpledrop-text="{{ measure }}"
  195.                                         data-simpledrop-value="{{ measure }}"
  196.                                         {# data-simpledrop-text-ru="{{ import.getRuMeasure(measure) }}" #}
  197.                                         {# data-simpledrop-value-ru="{{ import.getRuMeasure(measure) }}" #}
  198.                                     >
  199.                                     </li>
  200.                                 {% endfor %}
  201.                             </ul>
  202.                         </div>
  203.                     </div>
  204.                 </div>
  206.                 {# TODO когда будет доступен АПИ по сохранению индекса страны и будет добавлена глобальная
  207.                    переменная по виду отображения цен НДС или без, то раскомментировать то, что ниже #}
  208.                 {# {% if showLocale %} #}
  209.                 {% if false %}
  210.                     <div class="field js-vat-box"
  211.                          id="vat-box"{# style="display: {{ userCountryWas == 'us' or userCountryWas == 'ca' ? 'block' : 'none' }};" #}
  212.                     >
  213.                         <label for="vat" class="label">{{ 'vatPrice.appear' | trans({}, null, userLocaleWas) }}</label>
  214.                         <br />
  215.                         <div class="simple-list-drop-container vat-block">
  216.                             <div class="list-drop-active" role="show-list-drop">
  217.                                 <input id="vat" type="text" class="active-status" />
  218.                             </div>
  219.                             <ul class="simple-list-drop" id="">
  220.                                 <li class="simple-list-item{# { activeClass } #} active"
  221.                                     data-simpledrop-value="1"
  222.                                     data-simpledrop-text="{{ 'vatIncludedPrice' | trans({}, null, userLocaleWas) }}"
  223.                                 >
  224.                                     {{ 'vatIncludedPrice' | trans({}, null, userLocaleWas) }}
  225.                                 </li>
  226.                                 <li class="simple-list-item"
  227.                                     data-simpledrop-value="0"
  228.                                     data-simpledrop-text="{{ 'vatExcludedPrice' | trans({}, null, userLocaleWas) }}"
  229.                                 >
  230.                                     {{ 'vatExcludedPrice' | trans({}, null, userLocaleWas) }}
  231.                                 </li>
  232.                             </ul>
  233.                         </div>
  234.                     </div>
  236.                     <div class="delivery-phrase">
  237.                         {{ 'firstVisit.vatLongPhrase' | trans({}, null, userLocaleWas) }}
  238.                     </div>
  240.                     <div class="index-block">
  241.                         <input type="text" class="index-input" placeholder="Search for..." />
  242.                         <span class="wrap-send-btn">
  243.                             {# класс edit добавляется при вводе индекса в поле инпут #}
  244.                             <button class="send-btn " type="button">{{ 'save' | trans({}, null, userLocaleWas) }}</button>
  245.                         </span>
  246.                     </div>
  247.                 {% endif %}
  249.             </form>
  250.         </div>
  252.         <div id="cookie_alert" class="navbar-fixed-bottom row-fluid hidden">
  253.             <div class="trans-ru{% if userLocaleWas != 'ru' %} hidden{% endif %}">{{ 'cookie_msg' | trans({'%link%': path('app_page', { url: 'policy-personal-data-process' }), '%link2%': path('app_page', { url: 'cookie-policy' })}, null, 'ru') | raw }}</div>
  254.             <div class="trans-en{% if userLocaleWas != 'en' %} hidden{% endif %}">{{ 'cookie_msg' | trans({'%link%': path('app_page', { url: 'policy-personal-data-process' }), '%link2%': path('app_page', { url: 'cookie-policy' })}, null, 'en') | raw }}</div>
  255.             <div class="trans-it{% if userLocaleWas != 'it' %} hidden{% endif %}">{{ 'cookie_msg' | trans({'%link%': path('app_page', { url: 'policy-personal-data-process' }), '%link2%': path('app_page', { url: 'cookie-policy' })}, null, 'it') | raw }}</div>
  256.             <div class="trans-es{% if userLocaleWas != 'es' %} hidden{% endif %}">{{ 'cookie_msg' | trans({'%link%': path('app_page', { url: 'policy-personal-data-process' }), '%link2%': path('app_page', { url: 'cookie-policy' })}, null, 'es') | raw }}</div>
  257.             <div class="trans-fr{% if userLocaleWas != 'fr' %} hidden{% endif %}">{{ 'cookie_msg' | trans({'%link%': path('app_page', { url: 'policy-personal-data-process' }), '%link2%': path('app_page', { url: 'cookie-policy' })}, null, 'fr') | raw }}</div>
  258.             <div class="trans-de{% if userLocaleWas != 'de' %} hidden{% endif %}">{{ 'cookie_msg' | trans({'%link%': path('app_page', { url: 'policy-personal-data-process' }), '%link2%': path('app_page', { url: 'cookie-policy' })}, null, 'de') | raw }}</div>
  259.             <div class="trans-pl{% if userLocaleWas != 'pl' %} hidden{% endif %}">{{ 'cookie_msg' | trans({'%link%': path('app_page', { url: 'policy-personal-data-process' }), '%link2%': path('app_page', { url: 'cookie-policy' })}, null, 'pl') | raw }}</div>
  260.             <div class="trans-nl{% if userLocaleWas != 'nl' %} hidden{% endif %}">{{ 'cookie_msg' | trans({'%link%': path('app_page', { url: 'policy-personal-data-process' }), '%link2%': path('app_page', { url: 'cookie-policy' })}, null, 'nl') | raw }}</div>
  261.             <div class="trans-fi{% if userLocaleWas != 'fi' %} hidden{% endif %}">{{ 'cookie_msg' | trans({'%link%': path('app_page', { url: 'policy-personal-data-process' }), '%link2%': path('app_page', { url: 'cookie-policy' })}, null, 'fi') | raw }}</div>
  262.             <div class="trans-sv{% if userLocaleWas != 'sv' %} hidden{% endif %}">{{ 'cookie_msg' | trans({'%link%': path('app_page', { url: 'policy-personal-data-process' }), '%link2%': path('app_page', { url: 'cookie-policy' })}, null, 'sv') | raw }}</div>
  263.             <div class="trans-da{% if userLocaleWas != 'da' %} hidden{% endif %}">{{ 'cookie_msg' | trans({'%link%': path('app_page', { url: 'policy-personal-data-process' }), '%link2%': path('app_page', { url: 'cookie-policy' })}, null, 'da') | raw }}</div>
  264.             <div class="trans-no{% if userLocaleWas != 'no' %} hidden{% endif %}">{{ 'cookie_msg' | trans({'%link%': path('app_page', { url: 'policy-personal-data-process' }), '%link2%': path('app_page', { url: 'cookie-policy' })}, null, 'no') | raw }}</div>
  265.             <div class="trans-pt{% if userLocaleWas != 'pt' %} hidden{% endif %}">{{ 'cookie_msg' | trans({'%link%': path('app_page', { url: 'policy-personal-data-process' }), '%link2%': path('app_page', { url: 'cookie-policy' })}, null, 'pt') | raw }}</div>
  266.         </div>
  268.         <div class="button-panel">
  269.             {# TODO когда будет доступен АПИ по сохранению индекса страны и будет добавлена глобальная 
  270.                переменная по виду отображения цен НДС или без, то раскомментировать то, что ниже #}
  271.             {# {% if showLocale %} #}
  272.             {% if false %}
  273.                 <button
  274.                     id="save-localization"
  275.                     class="js-save-localization save{{ showLocale ? ' first-visit' : '' }}"
  276.                     data-url="{{ path('app_localization') }}"
  277.                 >
  278.                     {{ 'ok.postEditLater' | trans({}, null, userLocaleWas) }}
  279.                 </button>
  280.             {% else %}
  281.                 <button
  282.                     id="save-localization"
  283.                     data-trans-ru="{{ 'confirm' | trans({}, null, 'ru') }}"
  284.                     data-trans-en="{{ 'confirm' | trans({}, null, 'en') }}"
  285.                     data-trans-it="{{ 'confirm' | trans({}, null, 'it') }}"
  286.                     data-trans-es="{{ 'confirm' | trans({}, null, 'es') }}"
  287.                     data-trans-fr="{{ 'confirm' | trans({}, null, 'fr') }}"
  288.                     data-trans-de="{{ 'confirm' | trans({}, null, 'de') }}"
  289.                     data-trans-pl="{{ 'confirm' | trans({}, null, 'pl') }}"
  290.                     data-trans-nl="{{ 'confirm' | trans({}, null, 'nl') }}"
  291.                     data-trans-fi="{{ 'confirm' | trans({}, null, 'fi') }}"
  292.                     data-trans-sv="{{ 'confirm' | trans({}, null, 'sv') }}"
  293.                     data-trans-da="{{ 'confirm' | trans({}, null, 'da') }}"
  294.                     data-trans-no="{{ 'confirm' | trans({}, null, 'no') }}"
  295.                     data-trans-pt="{{ 'confirm' | trans({}, null, 'pt') }}"
  296.                     class="js-save-localization save js-change-phrase data-trans"
  297.                     data-url="{{ path('app_localization') }}"
  298.                 >
  299.                     {{ 'confirm' | trans({}, null, userLocaleWas) }}
  300.                 </button>
  301.             {% endif %}
  302.         </div>
  303.     </div>
  304. </div>