@uportal/app-framework
Version:
Application Framework for uPortal
84 lines (72 loc) • 4.14 kB
HTML
<!--
Licensed to Apereo under one or more contributor license
agreements. See the NOTICE file distributed with this work
for additional information regarding copyright ownership.
Apereo licenses this file to you 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 the following location:
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.
-->
<!-- PRIORITY NOTIFICATIONS -->
<notifications-bell slot="myuw-notifications" mode="priority" class="priority-gt-xs" ng-if="!guestMode" hide-xs>
</notifications-bell>
<myuw-app-bar role="toolbar" theme-name="{{ portal.theme.title }}" app-name="{{ appBarTitle }}" app-url="{{ MISC_URLS.rootURL }}"
ng-class="{ 'has-priority-notifications' : hasPriorityNotifications }">
<!-- MAIN MENU TOGGLE -->
<md-button slot="myuw-navigation" class="menu-toggle" ng-controller="MenuToggleController as vm"
ng-click="vm.showMainMenu()" ng-class="{ 'menu-margin' : vm.isMenuConfigured }" ng-show="vm.isMenuConfigured"
ng-cloak>
<md-icon>menu</md-icon>
<md-tooltip md-direction="bottom" md-delay="500" md-autohide class="top-bar-tooltip">Menu</md-tooltip>
<notifications-bell mode="mobile-bell" ng-if="!guestMode" hide-gt-xs></notifications-bell>
</md-button>
<myuw-search slot="myuw-search" input-label="Search for apps by keyword..." button-label="Submit search" icon="search" ng-controller="PortalSearchController"></myuw-search>
<notifications-bell slot="myuw-notifications" mode="bell" class="header__bell" ng-if="!guestMode" hide-xs>
</notifications-bell>
<myuw-help myuw-help-title="Help with MyUW" slot="myuw-help" show-button>
<md-tooltip aria-label="Open help dialog" class="top-bar-tooltip" md-direction="bottom" md-delay="500">Help
</md-tooltip>
<div slot="myuw-help-content">
<ul class="list-of-links">
<li>
<a href="https://kb.wisc.edu/6454" rel="noopener noreferrer" target="_blank">Live chat</a>
</li>
<li>
<a href="/portal/p/feedback">Submit a help request</a>
</li>
<li>
<a href="/portal/p/feedback">Feedback</a>
</li>
<li>
<a href="https://kb.wisconsin.edu/myuwsystem/" target="_blank" rel="noopener noreferrer">MyUW System
KnowledgeBase</a>
</li>
<li>
<a href="https://kb.wisc.edu/myuw/" target="_blank" rel="noopener noreferrer">MyUW Madison KnowledgeBase</a>
</li>
</ul>
</div>
</myuw-help>
<myuw-profile class="header__profile" ng-controller="SessionCheckController as sessionCtrl" slot="myuw-profile"
login-url="{{ MISC_URLS.myuwHome }}" logout-url="{{ MISC_URLS.logoutURL }}">
<a ng-if="sessionCtrl.profileUrl != ''" ng-href="{{ sessionCtrl.profileUrl }}"
ng-click="pushGAEvent('Top Bar', 'Click Link', 'Profile');" aria-label="See your profile information"
slot="nav-item">Profile</a>
<a ng-if="APP_FLAGS.showUserSettingsPage"
ng-attr-md-autofocus="{{ sessionCtrl.usernameMenuFocus == 'user-settings' ? '' : undefined }}"
href="user-settings" slot="nav-item" aria-label="Change user settings">Settings</a>
<a ng-if="$storage.showSettings"
ng-attr-md-autofocus="{{ sessionCtrl.usernameMenuFocus == 'beta-settings' ? '' : undefined }}" href="settings"
slot="nav-item" aria-label="Change beta settings">Beta settings</a>
<md-tooltip ng-hide="sessionCtrl.guestMode" aria-label="Open options menu" class="top-bar-tooltip"
style="margin-top: 24px !important;" md-direction="bottom" md-delay="500">
Options</md-tooltip>
</myuw-profile>
</myuw-app-bar>