src/WebBundle/Resources/views/Common/_user-icon-menu.html.twig line 1

Open in your IDE?
  1. {#
  2. @элементам списка с выпадающими списками при ховере присвоить атрибут data-hover-item
  3. @блоку с отображением количества присвоить атрибут data-count="{{ количество }}"
  4. @блок, в который вставляем присланный аяксом список, должен иметь атрибут role="insert-list"
  5. @необходимость отправки запроса определяем по data-list-load="false" (если true, то не отправлять, так как список уже загружен)
  6. @data-item-phrase - атрибут, в котором хранится текущая фраза, обозначающая количество элементов (item или items)
  7. #}
  8. <ul class="list-inline list-user-menu js-list-user-menu pull-right" data-user-menu>
  9.     {# профиль пользователя #}
  10.     {# элемент виден на мобильных устройствах #}
  11.     <li class="setting-item user-menu-item-mobile user-menu-item">
  12.         {# кнопка с иконкой профиля с выпадающим списком collapseRegTop #}
  13.         {% if user.alias is defined %}
  14.             <a class="navbar-toggle-reg collapsed m-l-n"
  15.                role="button"
  16.                data-toggle="collapse"
  17.                href="#collapseRegTop"
  18.                aria-expanded="false"
  19.             >
  20.                 <i class="material-icons">&#xE851;</i>
  21.             </a>
  22.         {% else %}
  23.             <a href="{{ path('app_login') }}">
  24.                 <i class="material-icons">&#xE8A6;</i>
  25.             </a>
  26.         {% endif %}
  27.         {# выпадающее меню пользователя (ссылка на профиль и логаут), или ссылки на регистрацию/авторизацию (при
  28.            клике на иконку профиля href="#collapseRegTop") иконка видна, когда не помещается имя пользователя #}
  29.         {% include '@Web/Common/dropdown-user-menu.html.twig' %}
  30.     </li>
  32.     {# показать попап с чатом для пользователя, который впервые зашел на сайт #}
  33.     {% set isRTWidget = useRTWidget() %}
  34.     {% set unreadCount = 0 %}
  35.     {% if not isRTWidget %}
  36.         {% set unreadCount = getUnreadCount() %}
  37.     {% endif %}
  38.     <!-- [debug] Initial unread count: {{ unreadCount }} -->
  39.     {% if true %} {# Оставляем возможность вкл/выкл для конкретный локалей #}
  40.         <li class="user-menu-item order-discus js-first-visit-discuss"
  41.             data-url="send/client/msg"
  42.             data-id-client="client_id"
  43.             data-close-url="{{ path('app_cookie_close_hello_message') }}"
  44.             data-hover-item
  45.         >
  46.             <a class="order-discus help-tooltip js-chat-button-link"
  47.                 id="chat-widget-btn"
  48.                 {% if not isRTWidget %}
  49.                     target="_blank"
  50.                     href="{{ path('app_chatb_chatbpage') }}"
  51.                 {% endif %}
  52.             >
  53.                 {% include '@Web/SVGIconsCode/chat.html.twig' with { 'unreadAll': unreadCount } %}
  54.             </a>
  55.             <div class="order-discus-block popup-block"
  56.                 data-no-new-messages-tooltip-text="{{ 'contacts.live_chat' | trans }}"
  57.                 data-new-messages-tooltip-text="{{ 'chat_unread_messages' | trans }}"
  58.             >
  59.                 {% if not isRTWidget and unreadCount > 0 %}
  60.                     {{ 'chat_unread_messages' | trans }}{% if unreadCount > 99 %}: {{ unreadCount }}{% endif %}
  61.                 {% else %}
  62.                     {{ 'contacts.live_chat' | trans }}
  63.                 {% endif %}
  64.             </div>
  65.         </li>
  66.     {% endif %}
  68.     {# просмотренные пользователем страницы #}
  69.     <li class="watch-menu user-menu-item hidden-xs" data-hover-item>
  70.         <meta name="urlSetHistory" content="{{ path('app_visit_save') }}" property="" />
  71.         <a class="watch help-tooltip{% if visitedAll > 0 %} active{% endif %}"
  72.             href="{{ path('visit') }}">
  73.             <i class="watch-added-to-project">
  74.                 {% include '@Web/SVGIconsCode/history_active.html.twig' %}
  75.             </i>
  76.             <i class="watch-not-added-to-project">
  77.                 {% include '@Web/SVGIconsCode/history_default.html.twig' %}
  78.             </i>
  79.             <span class="user-history-pages-count val" data-count="{{ visitedAll }}">{{ visitedAll }}</span>
  80.         </a>
  81.         <div class="watch-block popup-block popup-block-last-visits isEmptyList">
  82.             <div class='block-header'>
  83.                 <h5>
  84.                     <span class="title">{{ 'header_history' | trans }}</span>&nbsp;
  85.                     <a href="{{ path('visit') }}">
  86.                         (<span class="watch-count user-history-pages-count">{{ visitedAll }}</span>)
  87.                     </a>
  88.                 </h5>
  89.             </div>
  90.             <div class="block-watch-content"
  91.                  data-action="{{ path('app_visit_last') }}"
  92.                  role="insert-list"
  93.                  data-list-load="false"
  94.             >
  95.                 {#<div class="smallTimer"></div>#}
  96.             </div>
  97.         </div>
  98.     </li>
  100.     {# идеи пользователя #}
  101.     {# изменениe количества скрипт находит все [data-change-count], в зависимости
  102.        от [data-type-project], и изменяет количество в них #}
  103.     <li class="idea-menu user-menu-item" data-hover-item data-type-project="idea">
  104.         <a class="star idea-iorder help-tooltipnformer{% if ideas > 0 %} active{% endif %}"
  105.            {# onclick="yaCounter51021749.reachGoal('Мои идеи'); return true;"#}
  106.            href="{{ path('app_ideas') }}"
  107.         >
  108.             <i class="idea-added-to-project" id="logic_ideasInProjectIcon">
  109.                 {% include '@Web/SVGIconsCode/idea-added-top.html.twig' %}
  110.             </i>
  111.             <i class="idea-not-added-to-project" id="logic_noIdeasInProjectIcon">
  112.                 {% include '@Web/SVGIconsCode/idea-no-added-top.html.twig' %}
  113.             </i>
  114.             <span class="val ideas_count" id="logic_orderIdeasCount" data-change-count="{{ ideas }}">{{ ideas }}</span>
  116.             {# сообщение с иконкой и фразой, что элемент добавлен в проект #}
  117.             <div data-idea-add-block>
  118.                 <div class="icon-idea">
  119.                     <div class="sprite-idea-added"></div>
  120.                 </div>
  121.                 <div class="txt-idea js-txt" data-add="{{ 'header_Interior_added_to' | trans }}"
  122.                      data-del="{{ 'header_storage_ideas_del' | trans }}"
  123.                      data-move="{{ 'header_storage_ideas_move' | trans }}"
  124.                 ></div>
  125.                 <div class="arrow-add"></div>
  126.                 <div class="arrow-add-bg"></div>
  127.             </div>
  128.         </a>
  129.         <div class="{% if not app.user %}hidden{% endif %}">
  130.             {% if not app.user %}
  131.                 {% include '@Web/Common/_no-login-alert.html.twig' 
  132.                     with { 
  133.                         'class': 'no-login-block js-no-login-idea',
  134.                         'withAttentionHeader': false,
  135.                         'projectType': 'idea'
  136.                     } 
  137.                 %}
  138.             {% endif %}
  139.         </div>
  140.         <div class="idea-block hidden-xs popup-block isEmptyList">
  141.             <div class='block-header'>
  142.                 <h5>
  143.                     <span class="title">{{ 'idea_header_list' | trans }}</span>&nbsp;
  144.                     <span>(&nbsp;</span>
  145.                     <a class="count-ideas" href="#" data-change-count={{ ideas }} data-count="{{ ideas }}"> {{ ideas }} </a>
  146.                     <span> {{ ideas | caseString(['collection_interior', 'collection_interiors','collection_interiors']) | trans }} </span>
  147.                     <span>&nbsp;)</span>
  148.                 </h5>
  149.                 {# кнопка для добавления проекта идей #}
  150.                 {% include '@Web/Common/_addBtn.html.twig'
  151.                     with {
  152.                         'actionPath': path('app_idea_create', { name: '' }),
  153.                         'inputPlaceholder': 'idea_new_project' | trans,
  154.                     }
  155.                 %}
  156.             </div>
  158.             <div class="block-idea-content block-content"
  159.                  data-action="{{ path('app_ideas_last') }}"
  160.                  role="insert-list"
  161.                  data-list-load="false"
  162.             >
  163.                 {#<div class="smallTimer"></div>#}
  164.             </div>
  165.         </div>
  166.     </li>
  168.     {# заказы пользователя #}
  169.     {# изменение количества скрипт находит все [data-change-count], в зависимости
  170.        от [data-type-project], и изменяет количество в них #}
  171.     <li class="order-menu js-order-menu user-menu-item js-hovered-item" data-hover-item data-type-project="order">
  172.         {# специальный url для получения свойств артикула #}
  173.         <meta name="urlArticleInfo" content="{{ path('app_article_settings', {'id': 0}) }}" property="" />
  175.         {# >>> на случай приостановления приема заказов использовать закомментированный пример (напр. были остановки в UK https://te.remote.team/#/discus/06F82981-2F73-621D-A326-95E85F091B1A/ #}
  176.         {# {% if userCountry() == 'gb' %}
  177.             <a class="order help-tooltip" href="#" data-uk-stop>
  178.                 <i class="order-not-added-to-project">
  179.                     {% include '@Web/SVGIconsCode/cart_stop.html.twig' %}
  180.                 </i>
  181.             </a>
  182.             <div class="order-block popup-block temporary-stop" style="max-width: 200px; padding: 15px;">
  183.                 {{ 'msg.uk' | trans }}.
  184.                 <a href="{{ path('app_home') }}/blog/order-placement-with-delivery-to-the-uk-suspended" target="_blank">{{ 'article_item_more_info' | trans }}<a>
  185.             </div>
  186.         {% else %} #}
  187.         {% if userCountry() == 'ru' %}
  188.             {# https://te.remote.team/#/discus/7ED1B0D8-F44C-B99A-F47F-4E892406CC10/ #}
  189.             <a class="order help-tooltip" href="#" data-ru-stop>
  190.                 <i class="order-not-added-to-project">
  191.                     {% include '@Web/SVGIconsCode/cart_stop.html.twig' %}
  192.                 </i>
  193.             </a>
  194.             <div class="order-block popup-block temporary-stop" style="max-width: 200px; padding: 15px;">
  195.                 Поставки в Россию временно не осуществляются.
  196.             </div>
  197.         {% else %}
  199.             <a class="order{% if orderArticlesAll > 0 %} active{% endif %} help-tooltip"
  200.                 {#onclick="yaCounter51021749.reachGoal('Корзина'); return true;"#}
  201.                 href="{{ path('app_orders') }}"
  202.             >
  203.                 <i class="order-added-to-project" id="logic_ordersInProjectIcon">
  204.                     {% include '@Web/SVGIconsCode/cart_active.html.twig' %}
  205.                 </i>
  206.                 <i class="order-not-added-to-project" id="logic_noOrdersInProjectIcon">
  207.                     {% include '@Web/SVGIconsCode/cart_default.html.twig' %}
  208.                 </i>
  209.                 <span
  210.                     class="val"
  211.                     id="logic_orderArticlesCount"
  212.                     data-change-count={{ orderArticlesAll }}
  213.                 >
  214.                     {{ orderArticlesAll }}
  215.                 </span>
  217.                 {# сообщение с иконкой и фразой, что элемент добавлен в проект #}
  218.                 <div data-order-add-block>
  219.                     <div class="icon-order">
  220.                         <div class="sprite-order-added"></div>
  221.                     </div>
  222.                     <div class="txt-order js-txt"
  223.                          data-add="{{ 'header_order_add' | trans }}"
  224.                          data-del="{{ 'header_order_del' | trans }}"
  225.                     ></div>
  226.                     <div class="arrow-add"></div>
  227.                     <div class="arrow-add-bg"></div>
  228.                 </div>
  229.             </a>
  230.             {% set lang = userLocale() %}
  231.             <div class="order-block hidden-xs popup-block isEmptyList">
  232.                 <div class='block-header'>
  233.                     <h5>
  234.                         <span class='title'>{{ 'header_orders' | trans }}</span>&nbsp;
  235.                         <span>(&nbsp;</span>
  236.                         <a class="articles-count"
  237.                             href="{{ path('app_orders') }}"
  238.                             data-change-count={{ orderArticlesAll }}> {{ orderArticlesAll }} </a>
  239.                         <span id="aNameTrns"
  240.                                 data-item-phrase="{{ orderArticlesAll | declension(['order.article.count', 'order.article.counts','order.article.counts_d'], lang) | trans }}"
  241.                                 data-trans-count="{{ 'order.article.count' | trans }}"
  242.                                 data-trans-counts="{{ 'order.article.counts' | trans }}"
  243.                                 data-trans-counts-d="{{ 'order.article.counts_d' | trans }}"
  244.                         >
  245.                             {{ orderArticlesAll | declension(['order.article.count', 'order.article.counts','order.article.counts_d'], lang) | trans }}</span>
  246.                         <span>&nbsp;)</span>
  247.                         <span class="count-orders hidden" data-count="{{ ordersCount }}">{{ ordersCount }}</span>
  248.                     </h5>
  249.                     {# кнопка для добавления заказа #}
  250.                     {% include '@Web/Common/_addBtn.html.twig'
  251.                         with {
  252.                             'actionPath': path('app_buy_order_create'),
  253.                             'inputPlaceholder': 'buyOrder.name3' | trans,
  254.                         }
  255.                     %}
  256.                 </div>
  257.                 <div class="block-order-content block-content"
  258.                     data-action="{{ path('app_last_buy_orders') }}"
  259.                     role="insert-list"
  260.                     data-list-load="false"
  261.                 >
  262.                     {#<div class="smallTimer"></div>#}
  263.                 </div>
  265.             </div>
  266.         {% endif %} {# <<< на случай приприостановления приема заказов #}
  267.     
  268.         {# Попап в топ меню для корзины - предупреждение о необходимости
  269.           войти или зарегистрироваться для сохранения отобранного.
  270.         Скриптом блок будет клонираться в подсказку при добавлении артикула #}
  271.         {% if not app.user %}
  272.             <div
  273.                 id="order_no_login_alert"
  274.                 class="popup-block no-login-popup"
  275.             >
  276.                 {% include '@Web/Common/_no-login-alert.html.twig'
  277.                     with {
  278.                         'class': 'no-login-block js-no-login-order',
  279.                         'withAttentionHeader': true,
  280.                         'projectType': 'order'
  281.                     }
  282.                 %}
  283.             </div>
  284.         {% endif %}
  285.     </li>
  286. </ul>