Skip to content

Instantly share code, notes, and snippets.

@scottlepp
Created August 29, 2016 18:34
Show Gist options
  • Save scottlepp/6c8f2ecea9f6ff148c4ce7dd93704533 to your computer and use it in GitHub Desktop.
Save scottlepp/6c8f2ecea9f6ff148c4ce7dd93704533 to your computer and use it in GitHub Desktop.
<div class="header-controller" ng-controller="HeaderCtrl as vm">
<div class="inner">
<h1 title="{{vm.buildRev}}"><a href="#/home{{vm.disp}}"><img class="logo" src="{{vm.logo}}" alt=""></a></h1>
<ng-include src="'src/search/search-input.html'"></ng-include>
<div id="hamburger" class="tablet_only" ng-show="vm.showNav"><a href="javascript:;" ng-class="vm.mobileToggleClass" ng-click="vm.toggleMobileNav()"><span class="sr-only">toggle mobile nav</span></a></div>
<ul role="navigation" ng-show="vm.showNav" ng-class="vm.navClass">
<li>
<a class="underline" href="mailto:info@voyagersearch.com?Subject=ODP Suggestion" target="_top">
<span class="fa fa-inbox" style="margin-right: 5px"></span><span class="txt"> Suggestions</span>
</a>
</li>
<li><a href="javascript:;" ng-click="vm.showSavedSearch()" class="underline"><span class="icon-heart_filled"></span><span class="txt">Saved</span></a></li>
<li class="hover_flyout" ng-if="vm.canCart">
<a href="javascript:;" ng-click="vm.gotoPage('queue')" class="underline"><span class="{{vm.uiText.add.icon}}"></span> <span class="txt">{{vm.uiText.add.text}}</span> <span class="highlight queue_count" ng-bind="vm.queueTotal | number"></span></a><a href="javascript:;" class="icon-arrow flyout_trigger"></a>
<div class="flyout queue_flyout">
<div class="flyout_arrow"></div>
<div class="flyout_inner">
<ul>
<li><a href="javascript:;" ng-click="vm.gotoPage('queue')">New task</a></li>
<li><a href="javascript:;" ng-click="vm.gotoPage('history')">Task history</a></li>
<li><a href="javascript:;" ng-click="vm.clearQueue()">Clear All</a></li>
</ul>
</div>
</div>
</li>
<li class="hover_flyout" ng-hide="vm.isAnonymous">
<a href="javascript:;" class="icon-arrow underline flyout_trigger"><span class="icon-header_account"></span><span class="txt" ng-bind="vm.user.name"></span></a>
<div class="flyout user_flyout">
<div class="flyout_arrow"></div>
<div class="flyout_inner">
<ul>
<li ng-if="vm.canManage"><a href="{{vm.manageLink}}">Manage Voyager</a></li>
<li ng-if="!vm.canManage"><a href="{{vm.myVoyagerLink}}">My Voyager</a></li>
<li ng-if="vm.showLogout"><a href="javascript:;" ng-click="vm.logout()">Logout</a></li>
<li ng-if="vm.showClassicLink"><a href="javascript:;" ng-click="vm.goToClassic()">View Classic</a></li>
<li><a href="http://voyagersearch.zendesk.com/hc" target="_blank">Help and Support</a></li>
</ul>
</div>
</div>
</li>
<li ng-show="vm.isAnonymous"><a href="javascript:;" ng-click="vm.login()" class="underline icon-header_account"><span class="txt">Login</span></a></li>
<li ng-show="vm.isAnonymous"><a href="http://voyagersearch.zendesk.com/hc" target="_blank"><i class="fa fa-question-circle" aria-label="Help and Support"></i></a></li>
</ul>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment