Skip to content

Instantly share code, notes, and snippets.

@bbraithwaite

bbraithwaite/header.client.view.html Secret

Created February 3, 2015 02:12
Download ZIP

Revisions

  1. bbraithwaite created this gist Feb 3, 2015.
    58 changes: 58 additions & 0 deletions header.client.view.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,58 @@
    <div class="container" data-ng-controller="HeaderController">
    <div class="navbar-header">
    <button class="navbar-toggle" type="button" data-ng-click="toggleCollapsibleMenu()">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    </button>
    <a href="/#!/" class="navbar-brand">NorthwindNode</a>
    </div>
    <nav class="collapse navbar-collapse" collapse="!isCollapsed" role="navigation">
    <ul class="nav navbar-nav" data-ng-if="menu.shouldRender(authentication.user);">
    <li data-ng-repeat="item in menu.items | orderBy: 'position'" data-ng-if="item.shouldRender(authentication.user);" ng-switch="item.menuItemType" ui-route="{{item.uiRoute}}" class="{{item.menuItemClass}}" ng-class="{active: ($uiRoute)}" dropdown="item.menuItemType === 'dropdown'">
    <a ng-switch-when="dropdown" class="dropdown-toggle" dropdown-toggle>
    <span data-ng-bind="item.title"></span>
    <b class="caret"></b>
    </a>
    <ul ng-switch-when="dropdown" class="dropdown-menu">
    <li data-ng-repeat="subitem in item.items | orderBy: 'position'" data-ng-if="subitem.shouldRender(authentication.user);" ui-route="{{subitem.uiRoute}}" ng-class="{active: $uiRoute}">
    <a href="/#!/{{subitem.link}}" data-ng-bind="subitem.title"></a>
    </li>
    </ul>
    <a ng-switch-default href="/#!/{{item.link}}" data-ng-bind="item.title"></a>
    </li>
    </ul>
    <ul class="nav navbar-nav navbar-right" data-ng-hide="authentication.user">
    <li ui-route="/signup" ng-class="{active: $uiRoute}">
    <a href="/#!/signup">Sign Up</a>
    </li>
    <li class="divider-vertical"></li>
    <li ui-route="/signin" ng-class="{active: $uiRoute}">
    <a href="/#!/signin">Sign In</a>
    </li>
    </ul>
    <ul class="nav navbar-nav navbar-right" data-ng-show="authentication.user">
    <li class="dropdown" dropdown>
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" dropdown-toggle>
    <span data-ng-bind="authentication.user.displayName"></span> <b class="caret"></b>
    </a>
    <ul class="dropdown-menu">
    <li>
    <a href="/#!/settings/profile">Edit Profile</a>
    </li>
    <li>
    <a href="/#!/settings/accounts">Manage Social Accounts</a>
    </li>
    <li data-ng-show="authentication.user.provider === 'local'">
    <a href="/#!/settings/password">Change Password</a>
    </li>
    <li class="divider"></li>
    <li>
    <a href="/auth/signout">Signout</a>
    </li>
    </ul>
    </li>
    </ul>
    </nav>
    </div>