121 lines
7.0 KiB
Twig
121 lines
7.0 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-'~application~'.png')}}" alt="logo application"/></a>
|
|
<a class="navbar-brand brand-logo-mini" href="/"><img src="{{ asset('img/logo-'~application~'-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" type="button" data-toggle="minimize">
|
|
<i>
|
|
{{ ux_icon('bi:list', {height: '20px', width: '20px'}) }}
|
|
</i>
|
|
</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 w-auto m-auto">#}
|
|
{# <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 style="width:22px; height:22px">{{ ux_icon('ix:project-arrow-diagonal-top-right', {height: '22px', width: '22px'}) }}</i>#}
|
|
{# </span>#}
|
|
{# </div>#}
|
|
{# <select id="change-project" class="form-control">#}
|
|
{# <option>Projet 1</option>#}
|
|
{# <option>Projet 2</option>#}
|
|
{# </select>#}
|
|
{# </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"
|
|
data-controller="notification"
|
|
data-notification-user-id-value="{{ app.user.id }}"
|
|
data-notification-mercure-url-value="{{ app.request.server.get('MERCURE_PUBLIC_URL') ?: 'http://mercure.solutions-easy.moi/.well-known/mercure' }}">
|
|
<a id="notificationDropdown"
|
|
class="nav-link count-indicator dropdown-toggle m-auto"
|
|
href="#"
|
|
data-bs-toggle="dropdown"
|
|
aria-expanded="false"
|
|
data-action="click->notification#markDropdownAsRead">
|
|
<i class="mx-0">{{ ux_icon('bi:bell', {height: '20px', width: '20px'}) }}</i>
|
|
<span class="count-notification" data-notification-target="badge" style="display: none;"></span>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list"
|
|
aria-labelledby="notificationDropdown"
|
|
style="max-height: 400px; overflow-y: auto; min-width: 350px;">
|
|
<div class="d-flex justify-content-between align-items-center px-3 py-2 border-bottom">
|
|
<p class="mb-0 font-weight-normal dropdown-header">Notifications</p>
|
|
<button class="btn btn-sm btn-link text-primary p-0"
|
|
data-action="click->notification#markAllAsRead"
|
|
style="font-size: 0.875rem;">
|
|
Tout marquer comme lu
|
|
</button>
|
|
</div>
|
|
<div data-notification-target="list">
|
|
<div class="text-center py-4 text-muted">
|
|
<i class="mx-0 mb-2">{{ ux_icon('bi:bell-slash', {height: '30px', width: '30px'}) }}</i>
|
|
<p class="mb-0">Aucune notification</p>
|
|
</div>
|
|
</div>
|
|
</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 %}
|
|
{# {% if app.user.pictureUrl is defined %}#}
|
|
{# <img src="{{ aws_url ~ app.user.pictureUrl }}" alt="User profile pic"#}
|
|
{# class="rounded-circle" style="width:40px; height:40px;">#}
|
|
{# {% else %}#}
|
|
<p class="text-light m-auto">{{ app.user.email|first|capitalize }}</p>
|
|
{# {% endif %}#}
|
|
{% 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="{{ path('user_show', {'id': app.user.id}) }}">
|
|
<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://client.solutions-easy.moi"> Client </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="{{ path('sso_logout') }}">
|
|
<i class="me-2">{{ ux_icon('material-symbols:logout', {height: '20px', width: '20px'}) }}</i>
|
|
Deconnexion
|
|
</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="offcanvas">
|
|
<i>
|
|
{{ ux_icon('bi:list', {height: '20px', width: '20px'}) }}
|
|
</i>
|
|
</button>
|
|
</div>
|
|
</nav>
|