templates/header.html.twig line 1

1. <!-- ============================================================== -->
2. <!-- Topbar Header - style you can find in pages.scss -->
3. <!-- ============================================================== -->
4. <header class="topbar">
5.     <nav class="navbar top-navbar navbar-expand-md navbar-light">
6.         <!-- ============================================================== -->
7.         <!-- Logo -->
8.         <!-- ============================================================== -->
9.         <div class="navbar-header hidden-md-down">
10.             <a class="navbar-brand " href="{{ path('homepage') }}">
11.                 <!-- Logo icon --><b>
12.                     <!--You can put here icon as well // <i class="wi wi-sunset"></i> //-->
13.                     <!-- Light Logo icon -->
14.                     <img src="{{ asset('img/fcm_logo.png') }}" alt="homepage" class="light-logo" />
15.                 </b>
16.                 <!--End Logo icon -->
17.                 <!-- Logo text --><span>
18.                 <!-- Light Logo text -->    
19.                 <div class="light-logo">CUdE</div></span> </a>
20.         </div>
21.         <!-- ============================================================== -->
22.         <!-- End Logo -->
23.         <!-- ============================================================== -->
24.         <div class="navbar-collapse">
25.             <!-- ============================================================== -->
26.             <!-- Toggle And Nav Items -->
27.             <!-- ============================================================== -->
28.             <ul class="navbar-nav mr-auto mt-md-0">
29.                 <li class="nav-item"> <a class="nav-link nav-toggler hidden-md-up text-muted waves-effect waves-dark" href="javascript:void(0)"><i class="mdi mdi-menu"></i></a> </li>
30.                 <li class="nav-item"> <a class="nav-link sidebartoggler hidden-sm-down text-muted waves-effect waves-dark" href="javascript:void(0)"><i class="ti-menu"></i></a> </li>
31.                 <!-- ============================================================== -->
32.                 <!-- Search -->
33.                 <!-- ============================================================== -->
34.                 {#<li class="nav-item hidden-sm-down search-box">
35.                     <a class="nav-link hidden-sm-down text-muted waves-effect waves-dark" href="javascript:void(0)"><i class="ti-search"></i></a>
36.                     <form action="#" class="app-search" method="POST">
37.                         <input type="text" class="form-control" name="search" placeholder="Buscar ..."> 
38.                         <a class="srh-btn"><i class="ti-close"></i></a>
39.                     </form>
40.                 </li>#}
41.                 <!-- ============================================================== -->
42.                 <!-- End Search -->
43.                 <!-- ============================================================== -->
44.             </ul>
45.             <!-- ============================================================== -->
46.             <!-- End Toggle And Nav Items -->
47.             <!-- ============================================================== -->
48.             <!-- ============================================================== -->
49.             <!-- User Profile And Search -->
50.             <!-- ============================================================== -->
51.             <ul class="navbar-nav my-lg-0">
52.                 <li class="nav-item"> 
53.                     <img src="{{ asset('img/fcm_unlp.png') }}" alt="FCM" class="light-logo img-responsive" />
54.                 </li>
55.                 {% if is_granted("IS_AUTHENTICATED_FULLY") %}
56.                     <!-- ============================================================== -->
57.                     <!-- Profile -->
58.                     <!-- ============================================================== -->
59.                     <li class="nav-item dropdown">
60.                         <a class="nav-link dropdown-toggle text-muted waves-effect waves-dark" href="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="{{ asset('assets/images/users/avatar.jpg') }}" alt="user" class="profile-pic" /></a>
61.                         <div class="dropdown-menu dropdown-menu-right scale-up">
62.                             <ul class="dropdown-user">
63.                                 <li>
64.                                     <div class="dw-user-box">
65.                                         <div class="u-img"><img src="{{ asset('assets/images/users/avatar.jpg') }}" alt="user"></div>
66.                                         <div class="u-text">
67.                                             <h4 class="f-s-12">{{ app.user.username|default('') }}</h4>
68.                                             <!--<p class="text-muted">{{ app.user.username|default('') }}</p>-->
69.                                         </div>
70.                                     </div>
71.                                 </li>
72.                                 <li role="separator" class="divider"></li>
73.                                 <li><a href="{{ path('user_profile') }}"><i class="fas fa-user"></i> {% trans %}Mi Perfil{% endtrans %}</a></li>
74.                                 <li role="separator" class="divider"></li>
75.                                 <li><a href="#" data-toggle="modal" data-target="#modalAcercaDe"><i class="fas fa-info-circle"></i> {% trans %}Acerca de{% endtrans %}</a></li>
76.                                 <li role="separator" class="divider"></li>
77.                                 <li><a href="{{ path('app_logout') }}"><i class="fas fa-power-off"></i> {% trans %}Salir{% endtrans %}</a></li>
78.                             </ul>
79.                         </div>
80.                     </li>
81.                 {% endif %}
82.             </ul>
83.             <!-- ============================================================== -->
84.             <!-- End User Profile And Search -->
85.             <!-- ============================================================== -->
86.         </div>
87.     </nav>
88. </header>
89. <!-- ============================================================== -->
90. <!-- End Topbar Header -->
91. <!-- ============================================================== -->