258 lines
9.6 KiB
HTML
258 lines
9.6 KiB
HTML
<!--
|
|
~ Copyright (c) 2013 Hewlett-Packard Development Company, L.P.
|
|
~
|
|
~ Licensed under the Apache License, Version 2.0 (the "License"); you may
|
|
~ not use this file except in compliance with the License. You may obtain
|
|
~ a copy of the License at
|
|
~
|
|
~ http://www.apache.org/licenses/LICENSE-2.0
|
|
~
|
|
~ Unless required by applicable law or agreed to in writing, software
|
|
~ distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
~ WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
|
~ License for the specific language governing permissions and limitations
|
|
~ under the License.
|
|
-->
|
|
|
|
<nav class="navbar navbar-default navbar-fixed-top"
|
|
role="navigation">
|
|
<div class="container-fluid visible-xs"
|
|
ng-include
|
|
src="'/inline/header_mobile.html'">
|
|
</div>
|
|
<div class="container-fluid hidden-xs"
|
|
ng-include
|
|
src="'/inline/header_regular.html'">
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- The menu for regular sized screens -->
|
|
<script type="text/ng-template" id="/inline/header_regular.html">
|
|
<div ng-controller="HeaderController">
|
|
|
|
<div class="navbar-header">
|
|
<a class="navbar-brand" href="#!/">
|
|
<i class="icon icon_storyboard fa-lg"></i>
|
|
StoryBoard
|
|
</a>
|
|
</div>
|
|
|
|
<ul class="nav navbar-nav">
|
|
<li> </li>
|
|
<li class="dropdown" dropdown ng-show="isLoggedIn">
|
|
<button type="button"
|
|
class="btn btn-primary navbar-btn dropdown-toggle"
|
|
dropdown-toggle>
|
|
<i class="fa fa-plus-circle"></i>
|
|
Create New...
|
|
<i class="fa fa-caret-down"></i>
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li>
|
|
<a href ng-click="newStory()">
|
|
Story
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href ng-click="newWorklist()">
|
|
Worklist
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href ng-click="newBoard()">
|
|
Board
|
|
</a>
|
|
</li>
|
|
<li ng-show="currentUser.is_superuser">
|
|
<a href ng-click="newProject()">
|
|
Project
|
|
</a>
|
|
</li>
|
|
<li ng-show="currentUser.is_superuser">
|
|
<a href ng-click="newProjectGroup()">
|
|
Project Group
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li ng-show="!isLoggedIn">
|
|
<button type="button"
|
|
class="btn btn-primary navbar-btn dropdown-toggle"
|
|
ng-click="showLoginRequiredModal()">
|
|
<i class="fa fa-plus-circle"></i>
|
|
Create New...
|
|
<i class="fa fa-caret-down"></i>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li ng-hide="isLoggedIn">
|
|
<a href="#!/auth/authorize">
|
|
<i class="fa fa-sign-in-alt"></i>
|
|
Login
|
|
</a>
|
|
</li>
|
|
<li class="dropdown" dropdown ng-show="isLoggedIn">
|
|
<a href="#" class="dropdown-toggle" dropdown-toggle>
|
|
<span ng-show="currentUser.$resolved">
|
|
{{currentUser.full_name}}
|
|
</span>
|
|
<em class="text-muted"
|
|
ng-hide="currentUser.$resolved">
|
|
Loading...
|
|
</em>
|
|
<i class="fa fa-caret-down"></i>
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li>
|
|
<a href="#!/profile/preferences">
|
|
<i class="fa fa-cog"></i>
|
|
Preferences
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#!/profile/tokens">
|
|
<i class="fa fa-key"></i>
|
|
Authentication Tokens
|
|
</a>
|
|
</li>
|
|
<li class="divider"></li>
|
|
<li>
|
|
<a href="#!/auth/deauthorize">
|
|
<i class="fa fa-sign-out-alt"></i>
|
|
Logout
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
<form class="navbar-form navbar-right" role="search">
|
|
<div class="form-group has-feedback">
|
|
<input type="text"
|
|
class="form-control"
|
|
placeholder="Jump to..."
|
|
autocomplete="off"
|
|
ng-model="searchString"
|
|
typeahead-wait-ms="200"
|
|
typeahead-append-to-body="true"
|
|
typeahead-editable="false"
|
|
typeahead="criteria as criteria.title for criteria in quickSearch($viewValue)"
|
|
typeahead-loading="headerCriteriaLoading"
|
|
typeahead-on-select="search($model)"
|
|
typeahead-template-url="app/search/template/typeahead_criteria_item.html"
|
|
/>
|
|
<span class="form-control-feedback text-muted">
|
|
<i class="fa fa-spin fa-sync"
|
|
ng-show="headerCriteriaLoading"></i>
|
|
</span>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</script>
|
|
|
|
|
|
<!-- The menu for xs sized screens -->
|
|
<script type="text/ng-template" id="/inline/header_mobile.html">
|
|
<div ng-controller="HeaderController">
|
|
<div class="navbar-header">
|
|
<button type="button"
|
|
class="btn btn-sm btn-primary navbar-btn pull-right"
|
|
ng-click="showMobileMenu = !showMobileMenu"
|
|
ng-show="isLoggedIn">
|
|
<i class="fa fa-cog"></i>
|
|
</button>
|
|
<a href="#!/auth/authorize"
|
|
class="btn btn-sm btn-primary navbar-btn pull-right"
|
|
ng-hide="isLoggedIn">
|
|
<i class="fa fa-sign-in-alt"></i>
|
|
</a>
|
|
<button type="button"
|
|
ng-click="showMobileNewMenu = !showMobileNewMenu"
|
|
class="btn btn-sm btn-primary navbar-btn"
|
|
ng-show="isLoggedIn">
|
|
<i class="fa fa-plus-circle"></i>
|
|
Create New...
|
|
</button>
|
|
<button type="button"
|
|
class="btn btn-primary navbar-btn dropdown-toggle"
|
|
ng-click="showLoginRequiredModal()"
|
|
ng-show="!isLoggedIn">
|
|
<i class="fa fa-plus-circle"></i>
|
|
Create New...
|
|
<i class="fa fa-caret-down"></i>
|
|
</button>
|
|
<a class="navbar-brand" href="#!/">StoryBoard</a>
|
|
</div>
|
|
|
|
<div collapse="!showMobileNewMenu" id="mobile-new-menu">
|
|
<ul class="nav navbar-nav">
|
|
<li>
|
|
<a href ng-click="newStory()">
|
|
Story
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href ng-click="newWorklist()">
|
|
Worklist
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href ng-click="newBoard()">
|
|
Board
|
|
</a>
|
|
</li>
|
|
<li ng-show="currentUser.is_superuser">
|
|
<a href="#!/project/new"
|
|
ng-click="showMobileNewMenu = false">
|
|
Project
|
|
</a>
|
|
</li>
|
|
<li ng-show="currentUser.is_superuser">
|
|
<a href ng-click="newProjectGroup()">
|
|
Project Group
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div collapse="!showMobileMenu" id="mobile-dropdown-menu">
|
|
<ul class="nav navbar-nav">
|
|
<li active-path="^\/profile\/preferences*">
|
|
<a href="#!/profile/preferences"
|
|
ng-click="showMobileMenu = false">
|
|
<i class="fa fa-user"></i>
|
|
<span ng-show="currentUser.$resolved">
|
|
{{currentUser.full_name}}
|
|
</span>
|
|
<em class="text-muted"
|
|
ng-hide="currentUser.$resolved">
|
|
Loading...
|
|
</em>
|
|
</a>
|
|
</li>
|
|
<li class="divider"></li>
|
|
<li>
|
|
<a href="#!/profile/preferences">
|
|
<i class="fa fa-cog"></i>
|
|
Preferences
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#!/profile/tokens">
|
|
<i class="fa fa-key"></i>
|
|
Authentication Tokens
|
|
</a>
|
|
</li>
|
|
<li class="divider"></li>
|
|
<li><a href="#!/auth/deauthorize"
|
|
ng-click="showMobileMenu = false">
|
|
<i class="fa fa-sign-out-alt"></i>
|
|
Logout
|
|
</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</script>
|