src/CorporateTrainingBundle/Resources/views/homepage/component/navigation/user-operation.html.twig line 1

Open in your IDE?
  1. {% set maxDisplayMessage = 99 %}
  2. {% if app.user.islogin|default %}
  3.   {% set user = data('HomeCurrentUserLearnData',{}) %}
  4.   {% do script(['app/js/default/header/index.js', 'app/js/header/index.js']) %}
  5.   <div class="header-right navbar-user {% if setting('esBar.enabled', 0) %}left{% endif %} hidden-xs">
  6.     <ul class="nav user-nav">
  7.       <li>
  8.        <form class="navbar-form navbar-right nav-search-bar-wrap hidden-xs hidden-sm" id="js-nav-search-bar-wrap" action="{{ editing ? 'javascript:;' : path('search') }}" method="get">
  9.          <div class="form-group" id="js-move-search">
  10.            <i class="ct-icon ct-icon-a-ser search-icon js-search-icon text-20" style="line-height: 22px;" id="js-search-icon"></i>
  11.            <input class="form-control input-search js-search" id="js-search" name="q" placeholder="{{ 'homepage.header.search'|trans }}">
  12.          </div>
  13.        </form>
  14.       </li>
  15.       <li class="js-qcode-hover hidden-xs hidden-sm qcode-hover {% if setting('mobile.enabled') == 0 %}hidden{% endif %}" id="js-qcode-hover" data-url="{{ path('mobile_qrcode_ajax') }}">
  16.         <a class="qcode-link" href="javascript:;"><i class="ct-icon ct-icon-app text-20"></i></a>
  17.         <div class="qcode-content">
  18.           <div class="js-inform-loading qcode-loading"></div>
  19.           <div class="qcode-text-wrap">
  20.             <div class="qcode-text mbs mtm">
  21.               <span class="va-mid">{{ 'homepage.header.app_tips'|trans }}</span><i class="es-icon es-icon-tishi va-mid mls color-warning" data-toggle="tooltip" data-placement="top" data-title="{{ 'homepage.header.app_tips_warn'|trans }}"></i>
  22.             </div>
  23.             <a class="link-gray" href="{{ editing ? 'javascript:;' : path('mobile') }}">{{ 'homepage.header.app_tips_link_text'|trans }}</a>
  24.           </div>
  25.         </div>
  26.       </li>
  28.       {% if setting('magic.enable_language_switch') %}
  29.         <li class='nav-hover hidden-xs'>
  30.           <a href='javascript:;' class='more-lan' data-lan="{{ app.request.locale }}">
  31.             <span class='show_lan js-show-lan'></span>
  32.           </a>
  33.           <ul class="dropdown-menu lan-menu" role="menu">
  34.             <li><a href="{{ editing ? 'javascript:;' : path('switch_language',{'language':'zh_CN', '_target_path':app.request.uri}) }}">中文</a></li>
  35.             <li><a href="{{ editing ? 'javascript:;' : path('switch_language',{'language':'en', '_target_path':app.request.uri}) }}">English</a></li>
  36.           </ul>
  37.         </li>
  38.       {% endif %}
  39.       <li class="visible-lg nav-hover">
  40.         {% set messageNum = app.user.newMessageNum + app.user.newNotificationNum %}
  41.         {% if setting('esBar.enabled', 0) and app.user.newMessageNum > 0 %}
  42.           <a class="user-nav-mes hasmessage">
  43.             <i class="ct-icon ct-icon-Bell text-20"></i>
  44.             <span class="num">{{ messageNum > maxDisplayMessage ? 'homepage.header.max_display_messages'|trans : messageNum }}</span>
  45.           </a>
  46.         {% elseif (not setting('esBar.enabled', 0)) and (app.user.newNotificationNum > 0 or app.user.newMessageNum > 0) %}
  47.           <a class="user-nav-mes hasmessage">
  48.             <i class="ct-icon ct-icon-Bell text-20"></i>
  49.             <span class="num">{{ messageNum > maxDisplayMessage ? 'homepage.header.max_display_messages'|trans : messageNum }}</span>
  50.           </a>
  51.         {% else %}
  52.           <a class="user-nav-mes"><i class="ct-icon ct-icon-Bell text-20"></i></a>
  53.         {% endif %}
  54.         <ul class="dropdown-menu dropdown-menu_message" role="menu">
  55.           {% if not setting('esBar.enabled', 0) %}
  56.             <li>
  57.               <a href="{{ editing ? 'javascript:;' : path('notification') }}">
  58.                 <i class="ct-icon ct-icon-tongzhi"></i>{{ 'homepage.header.notice'|trans }}
  59.                 {% if app.user.newNotificationNum > 0 %}
  60.                   <span class="pull-right num">
  61.                     {{ app.user.newNotificationNum > maxDisplayMessage ? 'homepage.header.max_display_messages'|trans : app.user.newNotificationNum }}
  62.                   </span>
  63.                 {% endif %}
  64.               </a>
  65.             </li>
  66.           {% endif %}
  67.           <li>
  68.             <a href="{{ editing ? 'javascript:;' : path('message') }}">
  69.               <i class="ct-icon ct-icon-sixin"></i>{{ 'homepage.header.message'|trans }}
  70.               {% if app.user.newMessageNum > 0 %}
  71.                 <span class="pull-right num">
  72.                     {{ app.user.newMessageNum > maxDisplayMessage ? 'homepage.header.max_display_messages'|trans : app.user.newMessageNum }}
  73.                 </span>
  74.               {% endif %}
  75.             </a>
  76.           </li>
  77.         </ul>
  78.       </li>
  79.       <li class="user-avatar-li nav-hover">
  80.         <a href="javascript:;" class="dropdown-toggle"><img class="c-hover-user__avatar" src="{{ filepath(user.largeAvatar|default(), 'avatar.png') }}"></i></a>
  81.         <ul class="dropdown-menu" role="menu">
  82.           {% set profile = data('UserProfile', {userId: app.user.id}) %}
  83.           <li role="presentation" class="dropdown-header">
  84.             {{ profile.truename|default(app.user.nickname) }}
  85.           </li>
  86.           <li>
  87.             <a href="{{ editing ? 'javascript:;' : path('user_show', {id:app.user.uuid}) }}">
  88.               <i class="es-icon es-icon-home"></i>{{ 'homepage.header.personal_menu'|trans }}
  89.             </a>
  90.           </li>
  91.           <li>
  92.             <a href="{{ editing ? 'javascript:;' : path('settings') }}">
  93.               <i class="es-icon es-icon-person"></i>{{ 'homepage.header.profile_center_menu'|trans }}
  94.             </a>
  95.           </li>
  96.           <li class="hidden-lg">
  97.             <a href="{{ editing ? 'javascript:;' : path('notification') }}">
  98.               <i class="ct-icon ct-icon-tongzhi"></i>{{ 'homepage.header.notice'|trans }}
  99.               {% if app.user.newNotificationNum > 0 %}
  100.                 <span class="pull-right num">
  101.                   {{ app.user.newNotificationNum > maxDisplayMessage ? 'homepage.header.max_display_messages'|trans : app.user.newNotificationNum }}
  102.                 </span>
  103.               {% endif %}
  104.             </a>
  105.           </li>
  106.           <li class="hidden-lg">
  107.             <a href="{{ editing ? 'javascript:;' : path('message') }}">
  108.               <i class="ct-icon ct-icon-sixin"></i>{{ 'homepage.header.message'|trans }}
  109.               {% if app.user.newMessageNum > 0 %}
  110.                 <span class="pull-right num">
  111.                   {{ app.user.newMessageNum > maxDisplayMessage ? 'homepage.header.max_display_messages'|trans : app.user.newMessageNum }}
  112.                 </span>
  113.               {% endif %}
  114.             </a>
  115.           </li>
  116.           {% if mobile|default(false) %}
  117.             <li class="mobile-switch js-switch-pc visible-xs">
  118.               <a href="javascript:;">
  119.                 <i class="es-icon es-icon-qiehuan"></i>{{ 'homepage.header.switch_pc'|trans }}
  120.               </a>
  121.             </li>
  122.           {% elseif setting('wap.enabled') == 1 %}
  123.             <li class="mobile-switch js-switch-mobile visible-xs">
  124.               <a href="javascript:;">
  125.                 <i class="es-icon es-icon-qiehuan"></i>{{ 'homepage.header.switch_mobile'|trans }}
  126.               </a>
  127.             </li>
  128.           {% endif %}
  129.           <li class="user-nav-li-logout">
  130.             <a href="{{ editing ? 'javascript:;' : path('logout') }}">
  131.               <i class="es-icon es-icon-power"></i>{{ 'homepage.header.logout'|trans }}
  132.             </a>
  133.           </li>
  134.         </ul>
  135.       </li>
  136.       {% if has_permission('admin') %}
  137.         <li class="text-link hidden-xs hidden-sm nav-hover workbench">
  138.           <a href='javascript:;' class="text-16 dropdown-toggle"><i class="ct-icon ct-icon-a-dash mr-8 text-20"></i><span>{{ 'homepage.header.basic_menu'|trans }}</span>{% if reviewPendingTotalNum|default(0) > 0 %}<span class="dot js-workbench-dot"></span>{% endif %}</a>
  139.           <ul class="dropdown-menu" role="menu">
  140.             <li>
  141.               <a href="{{ path('review_center') }}"><i class="ct-icon ct-icon-piyuezhongxin"></i>{{ 'homepage.header.review_center'|trans }}
  142.                 {% if reviewPendingTotalNum|default(0) > 0 %}
  143.                 <span class="num js-review-pending-num">
  144.                   {{ reviewPendingTotalNum > maxDisplayMessage ? 'homepage.header.max_display_messages'|trans : reviewPendingTotalNum }}
  145.                 </span>
  146.                 {% endif %}
  147.               </a>
  148.             </li>
  149.             <li>
  150.               <a href="{{ editing ? 'javascript:;' : path('admin') }}"><i class="ct-icon ct-icon-guanlihoutai"></i>{{ 'homepage.header.manage_backstage'|trans }}</a>
  151.             </li>
  152.           </ul>
  153.         </li>
  154.       {% else %}
  155.       <li class="workbench">
  156.         <a href="{{ path('review_center') }}" class="text-16"><i class="ct-icon ct-icon-piyuezhongxin mr-8 text-20"></i>{{ 'homepage.header.review_center'|trans }}
  157.           {% if reviewPendingTotalNum|default(0) > 0 %}
  158.           <span class="work-num js-review-pending-num">
  159.             {{ reviewPendingTotalNum > maxDisplayMessage ? 'homepage.header.max_display_messages'|trans : reviewPendingTotalNum }}
  160.           </span>
  161.           {% endif %}
  162.         </a>
  163.       </li>          
  164.       {% endif %}
  165.       {# <li>
  166.       <a class="btn-primary btn-text-centre"
  167.          href="{{ editing ? 'javascript:;' : path('study_center_work_record') }}">{{ 'homepage.user_info.link_learn_center'|trans }}</a>
  168.       </li> #}
  169.     </ul>
  170.     <a class="btn-primary btn-text-centre" href="{{ editing ? 'javascript:;' : path('study_center_work_record') }}">{{ 'homepage.user_info.link_learn_center'|trans }}</a>
  171.   </div>
  172. {% else %}
  173.   {% if setting('magic.enable_language_switch') %}
  174.     {% do script(['app/js/header/index.js']) %}
  175.     <div class="header-right navbar-user {% if setting('esBar.enabled', 0) %}left{% endif %} hidden-xs">
  176.       <ul class="nav user-nav">
  177.         <li class='nav-hover hidden-xs'>
  178.           <a href="javascript:;" class="more-lan" data-lan="{{ app.request.locale }}">
  179.             <span class='show_lan js-show-lan'></span>
  180.             <i class='es-icon es-icon-keyboardarrowdown'></i>
  181.           </a>
  182.           <ul class="dropdown-menu lan-menu" role="menu">
  183.             <li><a href="{{ path('switch_language', {'language':'zh_CN', '_target_path':app.request.uri}) }}">中文</a>
  184.             </li>
  185.             <li><a href="{{ path('switch_language', {'language':'en', '_target_path':app.request.uri}) }}">English</a>
  186.             </li>
  187.           </ul>
  188.         </li>
  189.       </ul>
  190.     </div>
  191.   {% endif %}
  192. {% endif %}
  193. <style>
  194. .header-right {
  195.   position: initial;
  196.   flex: none;
  197. }
  199. .header-right .nav.user-nav {
  200.   float: none;
  201.   display: flex;
  202.   align-items: center;
  203. }
  205. .header-right .nav.user-nav > li > a {
  206.   float: none;
  207.   padding: 0 !important;
  208.   margin-right: 24px;
  209.   height: 72px;
  210. }
  212. .header-right .nav.user-nav .navbar-form {
  213.   margin: 0 0 8px 0;
  214. }
  216. .header-right .nav.user-nav .qcode-hover {
  217.   width: initial;
  218. }
  220. .header-right .nav.user-nav .qcode-hover .qcode-link {
  221.   margin: 0 24px 0 16px;
  222. }
  224. .header-right .nav.user-nav .show_lan {
  225.   line-height: initial;
  226.   font-size: 16px;
  227. }
  229. .header-right .nav.user-nav > li .dropdown-menu > li .num {
  230.   margin-top: 2px;
  231. }
  233. .header-right .nav.user-nav .dropdown-menu.dropdown-menu_message {
  234.   min-width: 180px;
  235. }
  237. .header-right .nav.user-nav .user-nav-mes {
  238.   width: 40px;
  239.   margin-right: 4px;
  240. }
  242. .header-right .nav.user-nav .user-nav-mes .num {
  243.   right: 10px;
  244.   width: auto;
  245. }
  247. .header-right .nav.user-nav .workbench {
  248.   padding: 8px;
  249. }
  251. .header-right .nav.user-nav .workbench .dot {
  252.   width: 5px;
  253.   height: 5px;
  254.   position: absolute;
  255.   top: 24px;
  256.   right: -4px;
  257.   background-color: #ed3e3e;
  258.   border-radius: 50%;
  259. }
  261. .header-right .nav.user-nav .workbench .dropdown-menu {
  262.   min-width: 160px;
  263. }
  265. .header-right .nav.user-nav .workbench .dropdown-menu .num {
  266.   position: absolute;
  267.   top: 12px;
  268.   right: 10px;
  269.   width: auto;
  270. }
  272. .header-right .nav.user-nav .workbench .work-num {
  273.   position: absolute;
  274.   display: flex;
  275.   flex-direction: row;
  276.   justify-content: center;
  277.   align-items: center;
  278.   min-width: 20px;
  279.   height: 18px;
  280.   padding: 2px 6px;
  281.   border-radius: 8px;
  282.   color: #fff;
  283.   background-color: #e34d59;
  284.   top: 20px;
  285.   right: -20px;
  286.   font-size: 12px;
  287. }
  289. .header-right .nav.user-nav .more-lan .show_lan .ct-icon {
  290.   font-size: 20px !important;
  291. }
  292. </style>