rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-01-18 07:52:23 +01:00
Code Issues Releases Activity

[bug] #2

Browse Source 
fixes the lack of user's menu on small devices (can't logout, etc)
This commit is contained in:
Sylvain 2015-10-28 11:55:45 +01:00
parent 15dac71137
commit b267def130
2 changed files with 58 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/assets/stylesheets/app.components.scss
View File

@ -147,6 +147,12 @@
top: 18px; right: 18px;
padding: 3px 6px 1px 6px;
}
.menu-badge {
position: absolute;
top: 0; right: 0;
padding: 2px 4px 1px 3px;
border: 2px solid white;
}
}
.fa { color: black; font-size: rem-calc(24); }
}

58
app/assets/templates/shared/leftnav.html.erb
View File

@ -6,11 +6,57 @@
<!-- nav -->
<nav class="nav-primary hidden-xs">
<ul class="nav nav-main m-t-xs" data-ride="collapse" >
<li class="hidden-sm hidden-md hidden-lg" ng-if="!isAuthenticated()"><a href="#" class="auto" ng-click="signup($event)"><i class="fa fa-rocket"></i> <span>S'inscrire</span></a></li>
<li class="hidden-sm hidden-md hidden-lg" ng-if="!isAuthenticated()">
<a href="#" class="auto" ng-click="login($event)"><i class="fa fa-sign-in"></i> <span>Se connecter</span></a>
</li>
<!-- Disconnected user menu for small devices -->
<li class="hidden-sm hidden-md hidden-lg" ng-if-start="!isAuthenticated()">
<a href="#" class="auto" ng-click="signup($event)">
<i class="fa fa-rocket"></i> <span>S'inscrire</span>
</a>
</li>
<li class="hidden-sm hidden-md hidden-lg" ng-if-end>
<a href="#" class="auto" ng-click="login($event)">
<i class="fa fa-sign-in"></i> <span>Se connecter</span>
</a>
</li>
<!-- Connected user menu for small devices -->
<li class="notification-open hidden-sm hidden-md hidden-lg" ng-if-start="isAuthenticated()">
<a href="#" ui-sref="app.logged.notifications">
<i>
<i class="fa fa-bell fa-2x black"></i> <span class="menu-badge badge" ng-class="{'bg-red': notifications.length > 0}">{{notifications.length}}</span>
</i>
<span>Notifications</span>
</a>
</li>
<li class="hidden-sm hidden-md hidden-lg">
<a href="#" ng-click="logout($event)">
<i class="fa fa-power-off"></i> <span>Se déconnecter</span>
</a>
</li>
<li class="hidden-sm hidden-md hidden-lg" >
<a href="#" ui-sref="app.logged.dashboard.profile">
<i class="fa fa-user"></i> <span>Mon profil</span>
</a>
</li>
<li class="hidden-sm hidden-md hidden-lg">
<a href="#" ui-sref="app.logged.dashboard.projects">
<i class="fa fa-puzzle-piece"></i> <span>Mes projets</span>
</a>
</li>
<li class="hidden-sm hidden-md hidden-lg">
<a href="#" ui-sref="app.logged.dashboard.trainings">
<i class="fa fa-graduation-cap"></i> <span>Mes formations</span>
</a>
</li>
<li class="hidden-sm hidden-md hidden-lg">
<a href="#" ui-sref="app.logged.dashboard.events">
<i class="fa fa-calendar-o"></i> <span>Mes stages et ateliers</span>
</a>
</li>
<li class="hidden-sm hidden-md hidden-lg" ng-if-end>
<a href="#" ui-sref="app.logged.dashboard.invoices">
<i class="fa fa-file-pdf-o"></i> <span>Mes factures</span>
</a>
</li>
<!-- Common menu entries -->
<li class="" ng-repeat="navLink in navLinks" >
<a ng-click="toggleNavSize($event)" ui-sref="{{navLink.state}}" ui-sref-active="active" class="auto" data-toggle="class:nav-off-screen" data-target="#nav">
<i class="fa fa-{{navLink.linkIcon}} fa-lg"></i>
@ -19,7 +65,7 @@
</li>
</ul>
<!-- Admin -->
<!-- Admin entries -->
<div class="line-s bg-red-dark dk " ng-if="isAuthorized('admin')"></div>
<div class="text-xs font-bold text-bordeau hidden-nav-xs padder m-t-lg m-b-sm" ng-if="isAuthorized('admin')">Admin</div>
<ul class="nav" ng-if="isAuthorized('admin')">