-
Notifications
You must be signed in to change notification settings - Fork 0
/
navbar.html
49 lines (45 loc) · 2.6 KB
/
navbar.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<nav class="navbar navbar-light navbar-fixed-top"
ng-class="{ 'home': !cache.get('projectView'), 'projects': cache.get('projectView') }">
<div class="navbar-header">
<button type="button" class="btn btn-icon-sm navbar-toggle" ng-click="toggleNav($event)" ng-include="'img/icons/burger.svg'">
<span class="sr-only">Toggle navigation</span>
<span class="btn-label">Close</span>
</button>
<img class="navbar-brand" src="img/header/SOON.svg">
</div>
<div class="collapse navbar-collapse" ng-if="!cache.get('projectView')">
<ul class="nav navbar-nav" du-spy-context>
<li ng-repeat="section in sections" du-scrollspy="{{ section.id }}">
<a ng-href="#{{ section.id }}" data-nav-style="{{ section.navStyle }}" data-event="{{ section.id }}" ng-click="navClick($event)" du-smooth-scroll ng-if="section.id !== 'project'">
<i class="{{ section.icon }}" ng-if="section.icon"></i>
<span class="text">{{ section.title }}</span>
</a>
<a ng-href="#{{ section.id }}" data-nav-style="{{ section.navStyle }}" data-event="{{ section.id }}" ng-click="navClick($event)" ng-if="section.id === 'project'">
<i class="{{ section.icon }}" ng-if="section.icon"></i>
<span class="text">{{ section.title }}</span>
</a>
</li>
</ul>
</div>
<!-- Project navigation -->
<div class="collapse navbar-collapse" ng-if="cache.get('projectView')">
<ul class="nav navbar-nav">
<li><a href="#/" ng-click="navClick()"><span class="text">Home</span></a></li>
<li>
<a href="#hero" data-event="project" ng-click="navClick($event)" du-smooth-scroll>
<i class="icon-casestudies"></i>
<span class="text">All casestudies</span>
</a>
</li>
<li ng-class="{ 'disabled': !prevProject }">
<a ng-href="#/projects/{{ prevProject }}" ng-if="prevProject"><span class="text">Previous</span></a>
<a href ng-if="!prevProject"><span class="text">Previous</span></a>
</li>
<li class="active"><a href><span class="text">{{ currentProject }} / {{ projectCount }}</span></a></li>
<li ng-class="{ 'disabled': !nextProject }">
<a ng-href="#/projects/{{ nextProject }}" ng-if="nextProject"><span class="text">Next</span></a>
<a href ng-if="!nextProject"><span class="text">Next</span></a>
</li>
</ul>
</div>
</nav>