templates/components/toolbar.html.twig line 1

Open in your IDE?
  1. <!-- Topbar -->
  2. <nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
  4.     <!-- Sidebar Toggle (Topbar) -->
  5.     <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
  6.         <i class="fa fa-bars"></i>
  7.     </button>
  9.     <!-- Topbar Search -->
  10.     {# <form
  11.         class="d-none d-sm-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search">
  12.         <div class="input-group">
  13.             <input type="text" class="form-control bg-light border-0 small" placeholder="Поиск"
  14.                 aria-label="Search" aria-describedby="basic-addon2">
  15.             <div class="input-group-append">
  16.                 <button class="btn btn-primary" type="button">
  17.                     <i class="fas fa-search fa-sm"></i>
  18.                 </button>
  19.             </div>
  20.         </div>
  21.     </form> #}
  23.     <!-- Topbar Navbar -->
  24.     <ul class="navbar-nav ml-auto">
  26.         <!-- Nav Item - Search Dropdown (Visible Only XS) -->
  27.         <li class="nav-item dropdown no-arrow d-sm-none">
  28.             <a class="nav-link dropdown-toggle" href="#" id="searchDropdown" role="button"
  29.                 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  30.                 <i class="fas fa-search fa-fw"></i>
  31.             </a>
  32.             <!-- Dropdown - Messages -->
  33.             <div class="dropdown-menu dropdown-menu-right p-3 shadow animated--grow-in"
  34.                 aria-labelledby="searchDropdown">
  35.                 <form class="form-inline mr-auto w-100 navbar-search">
  36.                     <div class="input-group">
  37.                         <input type="text" class="form-control bg-light border-0 small"
  38.                             placeholder="Search for..." aria-label="Search"
  39.                             aria-describedby="basic-addon2">
  40.                         <div class="input-group-append">
  41.                             <button class="btn btn-primary" type="button">
  42.                                 <i class="fas fa-search fa-sm"></i>
  43.                             </button>
  44.                         </div>
  45.                     </div>
  46.                 </form>
  47.             </div>
  48.         </li>
  50.         <!-- Nav Item - Alerts -->
  51.         {# <li class="nav-item dropdown no-arrow mx-1">
  52.             <a class="nav-link dropdown-toggle" href="#" id="alertsDropdown" role="button"
  53.                 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  54.                 <i class="fas fa-bell fa-fw"></i>
  55.                 <!-- Counter - Alerts -->
  56.                 <span class="badge badge-danger badge-counter">3+</span>
  57.             </a>
  58.             <!-- Dropdown - Alerts -->
  59.             <div class="dropdown-list dropdown-menu dropdown-menu-right shadow animated--grow-in"
  60.                 aria-labelledby="alertsDropdown">
  61.                 <h6 class="dropdown-header">
  62.                     Alerts Center
  63.                 </h6>
  64.                 <a class="dropdown-item d-flex align-items-center" href="#">
  65.                     <div class="mr-3">
  66.                         <div class="icon-circle bg-primary">
  67.                             <i class="fas fa-file-alt text-white"></i>
  68.                         </div>
  69.                     </div>
  70.                     <div>
  71.                         <div class="small text-gray-500">December 12, 2019</div>
  72.                         <span class="font-weight-bold">A new monthly report is ready to download!</span>
  73.                     </div>
  74.                 </a>
  75.                 <a class="dropdown-item d-flex align-items-center" href="#">
  76.                     <div class="mr-3">
  77.                         <div class="icon-circle bg-success">
  78.                             <i class="fas fa-donate text-white"></i>
  79.                         </div>
  80.                     </div>
  81.                     <div>
  82.                         <div class="small text-gray-500">December 7, 2019</div>
  83.                         $290.29 has been deposited into your account!
  84.                     </div>
  85.                 </a>
  86.                 <a class="dropdown-item d-flex align-items-center" href="#">
  87.                     <div class="mr-3">
  88.                         <div class="icon-circle bg-warning">
  89.                             <i class="fas fa-exclamation-triangle text-white"></i>
  90.                         </div>
  91.                     </div>
  92.                     <div>
  93.                         <div class="small text-gray-500">December 2, 2019</div>
  94.                         Spending Alert: We've noticed unusually high spending for your account.
  95.                     </div>
  96.                 </a>
  97.                 <a class="dropdown-item text-center small text-gray-500" href="#">Show All Alerts</a>
  98.             </div>
  99.         </li> #}
  101.         <!-- Nav Item - Messages -->
  102.         {# <li class="nav-item dropdown no-arrow mx-1">
  103.             <a class="nav-link dropdown-toggle" href="#" id="messagesDropdown" role="button"
  104.                 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  105.                 <i class="fas fa-envelope fa-fw"></i>
  106.                 <!-- Counter - Messages -->
  107.                 <span class="badge badge-danger badge-counter">7</span>
  108.             </a>
  109.             <!-- Dropdown - Messages -->
  110.             <div class="dropdown-list dropdown-menu dropdown-menu-right shadow animated--grow-in"
  111.                 aria-labelledby="messagesDropdown">
  112.                 <h6 class="dropdown-header">
  113.                     Message Center
  114.                 </h6>
  115.                 <a class="dropdown-item d-flex align-items-center" href="#">
  116.                     <div class="dropdown-list-image mr-3">
  117.                         <img class="rounded-circle" src="img/undraw_profile_1.svg"
  118.                             alt="...">
  119.                         <div class="status-indicator bg-success"></div>
  120.                     </div>
  121.                     <div class="font-weight-bold">
  122.                         <div class="text-truncate">Hi there! I am wondering if you can help me with a
  123.                             problem I've been having.</div>
  124.                         <div class="small text-gray-500">Emily Fowler · 58m</div>
  125.                     </div>
  126.                 </a>
  127.                 <a class="dropdown-item d-flex align-items-center" href="#">
  128.                     <div class="dropdown-list-image mr-3">
  129.                         <img class="rounded-circle" src="img/undraw_profile_2.svg"
  130.                             alt="...">
  131.                         <div class="status-indicator"></div>
  132.                     </div>
  133.                     <div>
  134.                         <div class="text-truncate">I have the photos that you ordered last month, how
  135.                             would you like them sent to you?</div>
  136.                         <div class="small text-gray-500">Jae Chun · 1d</div>
  137.                     </div>
  138.                 </a>
  139.                 <a class="dropdown-item d-flex align-items-center" href="#">
  140.                     <div class="dropdown-list-image mr-3">
  141.                         <img class="rounded-circle" src="img/undraw_profile_3.svg"
  142.                             alt="...">
  143.                         <div class="status-indicator bg-warning"></div>
  144.                     </div>
  145.                     <div>
  146.                         <div class="text-truncate">Last month's report looks great, I am very happy with
  147.                             the progress so far, keep up the good work!</div>
  148.                         <div class="small text-gray-500">Morgan Alvarez · 2d</div>
  149.                     </div>
  150.                 </a>
  151.                 <a class="dropdown-item d-flex align-items-center" href="#">
  152.                     <div class="dropdown-list-image mr-3">
  153.                         <img class="rounded-circle" src="https://source.unsplash.com/Mv9hjnEUHR4/60x60"
  154.                             alt="...">
  155.                         <div class="status-indicator bg-success"></div>
  156.                     </div>
  157.                     <div>
  158.                         <div class="text-truncate">Am I a good boy? The reason I ask is because someone
  159.                             told me that people say this to all dogs, even if they aren't good...</div>
  160.                         <div class="small text-gray-500">Chicken the Dog · 2w</div>
  161.                     </div>
  162.                 </a>
  163.                 <a class="dropdown-item text-center small text-gray-500" href="#">Read More Messages</a>
  164.             </div>
  165.         </li> #}
  167.         {# <div class="topbar-divider d-none d-sm-block"></div> #}
  169.         <!-- Nav Item - User Information -->
  170.         <li class="nav-item dropdown no-arrow">
  171.             <a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button"
  172.                 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  173.                 <span class="mr-2 d-none d-lg-inline text-gray-600 small">{{ getUserName() }}</span>
  174.                 <img class="img-profile rounded-circle"
  175.                     src="/img/undraw_profile.svg">
  176.             </a>
  177.             <!-- Dropdown - User Information -->
  178.             <div class="dropdown-menu dropdown-menu-right shadow animated--grow-in"
  179.                 aria-labelledby="userDropdown">
  180.                 <a class="dropdown-item" href="{{ path('user_profile') }}">
  181.                     <i class="fas fa-user fa-sm fa-fw mr-2 text-gray-400"></i>
  182.                     Профиль
  183.                 </a>
  184.                 {% if getUser() and getUser().settings.canViewCampaigns() %}
  185.                     <a class="dropdown-item" href="{{ path('telegram_client__auth') }}">
  186.                         <i class="fab fa-telegram-plane fa-sm fa-fw mr-2 text-gray-400"></i>
  187.                         Telegram
  188.                     </a>
  189.                 {% endif %}
  190.                {#  <a class="dropdown-item" href="#">
  191.                     <i class="fas fa-cogs fa-sm fa-fw mr-2 text-gray-400"></i>
  192.                     Настройки
  193.                 </a>
  194.                 <a class="dropdown-item" href="#">
  195.                     <i class="fas fa-list fa-sm fa-fw mr-2 text-gray-400"></i>
  196.                     История активности
  197.                 </a> #}
  198.                 {# <div class="dropdown-divider"></div> #}
  199.                 <a class="dropdown-item" href="{{ path('logout') }}" data-toggle="modal" data-target="#logoutModal">
  200.                     <i class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"></i>
  201.                     Выйти
  202.                 </a>
  203.             </div>
  204.         </li>
  206.     </ul>
  208. </nav>
  209. <!-- End of Topbar -->