84 lines
4.8 KiB
Twig
84 lines
4.8 KiB
Twig
<nav class="navbar col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
|
|
<div class="text-center navbar-brand-wrapper d-flex align-items-center justify-content-start">
|
|
<a class="navbar-brand brand-logo" href="#"><img class="me-2" src="{{ asset('img/logo.png')}}" alt="logo application"/></a>
|
|
<a class="navbar-brand brand-logo-mini" href="#"><img src="{{ asset('img/logo-mini.png')}}" alt="logo apllication"/></a>
|
|
</div>
|
|
<div class="navbar-menu-wrapper d-flex align-items-center justify-content-end">
|
|
<button class="navbar-toggler navbar-toggler align-self-center">
|
|
<span>
|
|
{{ ux_icon('bi:list', {height: '20px', width: '20px'}) }}
|
|
</span>
|
|
</button>
|
|
<ul class="navbar-nav ms-lg-3">
|
|
<li class="nav-item nav-search d-none d-lg-block">
|
|
<div class="input-group">
|
|
<div id="navbar-search-icon" class="input-group-prepend hover-cursor">
|
|
<span id="search">
|
|
<i>{{ ux_icon('bi:search', {height: '20px', width: '20px'}) }}</i>
|
|
</span>
|
|
</div>
|
|
<input id="navbar-search-input" class="form-control" type="text" placeholder="Search now" aria-label="search" aria-describedby="search">
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<ul class="navbar-nav navbar-nav-right">
|
|
<li class="nav-item d-flex">
|
|
<img id="logo_orga" class="m-auto" src="{{asset('logo_org/logo-sudalys.png')}}" alt="logo organisation">
|
|
</li>
|
|
<li class="nav-item dropdown nav-notif">
|
|
<a id="notificationDropdown" class="nav-link count-indicator dropdown-toggle m-auto" href="#" data-bs-toggle="dropdown" aria-expanded="false">
|
|
<i class="mx-0">{{ ux_icon('bi:bell', {height: '20px', width: '20px'}) }}</i>
|
|
<span class="count"></span>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list" aria-labelledby="notificationDropdown">
|
|
<p class="mb-0 font-weight-normal float-left dropdown-header">Notifications</p>
|
|
<a class="dropdown-item preview-item" href="#" data-bs-toggle="dropdown">
|
|
<div class="preview-thumbnail">
|
|
<div class="preview-icon bg-primary">
|
|
<i class="mx-0 mb-1">{{ ux_icon('bi:info-circle', {height: '20px', width: '20px'}) }}</i>
|
|
</div>
|
|
</div>
|
|
<div class="preview-item-content">
|
|
<h6 class="preview-subject font-weight-normal">Information</h6>
|
|
<p class="font-weight-light small-text mb-0 text-muted">A l'instant</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown nav-profile">
|
|
<a id="profileDropdown" class="nav-link count-indicator dropdown-toggle m-auto" href="#" data-bs-toggle="dropdown">
|
|
<div id="profil" class="rounded-circle bg-secondary d-flex">
|
|
{% if app.user %}
|
|
<p class="text-light m-auto">{{ app.user.email|first|capitalize }}</p>
|
|
{% endif %}
|
|
</div>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right navbar-dropdown px-2" aria-labelledby="profileDropdown" data-bs-popper="static">
|
|
<a class="dropdown-item border-bottom" style="padding-left: 8px;" href="#">
|
|
<i class="me-2">{{ ux_icon('bi:gear', {height: '20px', width: '20px'}) }}</i>
|
|
Profil
|
|
</a>
|
|
<div style="padding:8px 0;" class="row border-bottom">
|
|
<div class="col-2 m-auto">
|
|
<i >{{ ux_icon('bi:menu-up', {height: '20px', width: '20px'}) }}</i>
|
|
</div>
|
|
<div class="col-9">
|
|
<a href="http://api.solutions-easy.moi"> tyet </a>
|
|
{# <select class="form-control">
|
|
<option>Exploit</options>
|
|
<option>Monithor</options>
|
|
<option>Check</options>
|
|
<option>Access</options>
|
|
</select> #}
|
|
</div>
|
|
</div>
|
|
<a class="dropdown-item" style="padding-left: 8px;" href="#">
|
|
<i class="me-2">{{ ux_icon('material-symbols:logout', {height: '20px', width: '20px'}) }}</i>
|
|
Deconnexion
|
|
</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|