autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Based menu on Twitter Bootstrap Navbar

Browse Source
This commit is contained in:
Alexandre Bourlier
2018-03-18 15:18:29 +01:00
parent 7fc0f489f7
commit 53e26268b3
5 changed files with 38 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/html/menu.html
View File

@ -1,11 +1,18 @@
<div class="col-md-2 menu">
<div id="menu-title">HAPPY APP</div>
<ldp-router root="ldp-root" default-route="home">
<ldp-route name="members">Membres</ldp-route>
<ldp-route name="projects">Projets</ldp-route>
<ldp-route name="groups">Groupes</ldp-route>
<ldp-route name="calendar">Agenda</ldp-route>
<ldp-route name="drive">Drive</ldp-route>
<!-- <ldp-route name="home">Home</ldp-route> -->
</ldp-router>
</div>
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
<div id="menu-title" class="navbar-brand">HAPPY APP</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ldp-router class="navbar-nav mr-auto" root="ldp-root" default-route="home">
<ldp-route class="nav-item active" name="members">Membres</ldp-route>
<ldp-route class="nav-item" name="projects">Projets</ldp-route>
<ldp-route class="nav-item" name="groups">Groupes</ldp-route>
<ldp-route class="nav-item" name="calendar">Agenda</ldp-route>
<ldp-route class="nav-item" name="drive">Drive</ldp-route>
<!-- <ldp-route name="home">Home</ldp-route> -->
</ldp-router>
</div>
</nav>