yvachot/chatless
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

dropdown change_password and logout

Browse source
This commit is contained in:
vankhaiphan 2021-06-01 16:57:26 +02:00
parent 9e1ce83b81
commit ee8ac3a18f
1 changed files with 14 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

60
frontend/src/app/navbar/navbar.component.html
View file

@ -1,47 +1,15 @@
<!--Navbar-->
<mdb-navbar SideClass="navbar navbar-expand-lg navbar-dark bg-primary" [containerInside]="false">
<nav class="navbar navbar-expand-lg navbar-light bg-primary">
<a class="navbar-brand" href="#">Chat Polytech</a>
<!-- Navbar brand -->
<mdb-navbar-brand><a class="navbar-brand" href="#">Chat Polytech</a></mdb-navbar-brand>
<!-- Collapsible content -->
<links>
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link waves-light" mdbWavesEffect>Home<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link">
<div class="btn-group" mdbDropdown>
<mdb-icon fas icon="user" mdbDropdownToggle></mdb-icon>
<div class="dropdown-menu dropdown-menu-right dropdown-primary">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
<div class="divider dropdown-divider"></div>
<a class="dropdown-item" href="#">Separated link</a>
</div>
</div>
</a>
</li>
</ul>
<!-- Links -->
<ul class="navbar-nav ml-auto">
<!-- Dropdown -->
<li class="nav-item dropdown" dropdown>
<a dropdownToggle mdbWavesEffect type="button" class="nav-link dropdown-toggle waves-light">
<mdb-icon fas icon="user"></mdb-icon> Profile<span class="caret"></span></a>
<div *dropdownMenu class="dropdown-menu dropdown-menu-right dropdown dropdown-primary" role="menu">
<a class="dropdown-item waves-light" mdbWavesEffect href="#">Change password</a>
<a class="dropdown-item waves-light" mdbWavesEffect href="#">Log out</a>
</div>
</li>
</ul>
<!-- Links -->
</links>
<!-- Collapsible content -->
</mdb-navbar>
<!--/.Navbar-->
<ul class="navbar-nav ml-auto">
<!-- Dropdown -->
<li class="nav-item dropdown" dropdown>
<a role="button" data-toggle="dropdown" type="button" class="nav-link dropdown-toggle ">Profile</a>
<div class="dropdown-menu dropdown-menu-right dropdown dropdown-primary" role="menu">
<a class="dropdown-item waves-light" href="#">Change password</a>
<!-- <div class="divider dropdown-divider"></div>-->
<a class="dropdown-item waves-light" href="#">Log out</a>
</div>
</li>
</ul>
</nav>