<!--
- ================================================================================
- ECOMP Portal
- ================================================================================
- Copyright (C) 2017 AT&T Intellectual Property
- ================================================================================
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
+ ============LICENSE_START==========================================
+ ONAP Portal
+ ===================================================================
+ Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
+ ===================================================================
+
+ Unless otherwise specified, all software contained herein is licensed
+ under the Apache License, Version 2.0 (the "License");
+ you may not use this software except in compliance with the License.
You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
+
+ 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.
- ================================================================================
+
+ Unless otherwise specified, all documentation contained herein is licensed
+ under the Creative Commons License, Attribution 4.0 Intl. (the "License");
+ you may not use this documentation except in compliance with the License.
+ You may obtain a copy of the License at
+
+ https://creativecommons.org/licenses/by/4.0/
+
+ Unless required by applicable law or agreed to in writing, documentation
+ 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.
+
+ ============LICENSE_END============================================
+
+
-->
-<div style="position:fixed;width: 100%;top: 0px;left: 0;background-color: #222;z-index:9999">
+<div class="header-position">
<header class="b2b-header-tabs" b2b-header-responsive>
<ul class="header__items" role="navigation">
<!-- Menu Icon and name -->
<p id="p-no-favs-icon" class="no-fav-icon">
<span class="icon-star" ></span>
</p>
- <p id="p-no-favs" class="largeText">No Favorites</p>
- <p id="p-no-favs-desc" class="normal">Add your favorite items for quick access.</p>
+ <p id="p-no-favs" class="largeText">{{'No Favorites'|T}}</p>
+ <p id="p-no-favs-desc" class="normal">{{'Add your favorite items for quick access'|T}}.</p>
</div>
</li>
</ul>
</li>
<!-- Right side of the Menu - User Icon and Notification flag -->
<div class="login-section">
+ <!-- Language Select -->
+ <select ng-controller="HeaderCtrl" ng-model="cur_lang" ng-change="switching(cur_lang)" style="float:right">
+ <option value="{{x.languageAlias}}" ng-repeat="x in langList">{{x.languageName}}</option>
+ </select>
<!-- User Icon -->
<li class="header__item profile" aria-haspopup="true">
<b2b-flyout>
<div class="reg-userName-table">
<div id="reg-userName-table-row">
<div id="reg-userName-table-cell">
- <h3 >
- {{firstName}} {{lastName}} </h3>
+ <h3 >{{firstName}} {{lastName}} </h3>
<span> </span>
</div>
</div>
</div>
</li>
- <li><div class="reg-userEmail-label"><span class="reg-userEmail-label-spn" style=font-weight:bold>Email<span class="visuallyhidden">:
+ <li><div class="reg-userEmail-label"><span class="reg-userEmail-label-spn reg-common-label-spn-txt" >{{'Email'|T}}<span class="visuallyhidden">:
</span></span></div></li>
<li><div class="reg-userEmail-value"><span class="reg-userEmail-value-spn">
{{loginSnippetEmail}}</span></div></li>
<li> </li>
- <li><div class="reg-userRole-label"><span class="reg-userRole-label-spn" style=font-weight:bold>
- User Id<span class="visuallyhidden">:</span></span></div></li>
+ <li><div class="reg-userRole-label"><span class="reg-userRole-label-spn reg-common-label-spn-txt">
+ {{'User Id'|T}}<span class="visuallyhidden">:</span></span></div></li>
<li><div class="reg-userRole-value"><span class="reg-userRole-value-spn">
{{loginSnippetUserid}}<span class="visuallyhidden"></span></span></div></li>
<li> </li>
- <li><div class="reg-userLastLogin-label"><span class="reg-userLastLogin-label-spn" style=font-weight:bold>
- Last login<span class="visuallyhidden">:</span></span></div></li>
+ <li><div class="reg-userLastLogin-label"><span class="reg-userLastLogin-label-spn reg-common-label-spn-txt">
+ {{'Last login'|T}}<span class="visuallyhidden">:</span></span></div></li>
<li><div class="reg-userLastLogin-value"><span class="reg-userLastLogin-value-spn">
- {{lastLogin}}<span class="visuallyhidden"></span></span></div></li>
+ {{ lastLogin | date : 'medium' }}<span class="visuallyhidden"></span></span></div></li>
<li> </li>
<li>
<div class="display-userAppRoles-label">
- <a href="javascript:void(0);" ng-click="getUserApplicationRoles()" class="icon-primary-accordion-plus" ng-class="{true: 'icon-primary-accordion-plus', false: 'icon-primary-accordion-minus'}[ !displayUserAppRoles]" >Applications and Roles</a>
+ <a href="javascript:void(0);" ng-click="getUserApplicationRoles()" class="icon-primary-accordion-plus" ng-class="{true: 'icon-primary-accordion-plus', false: 'icon-primary-accordion-minus'}[ !displayUserAppRoles]" ><span class="business-card-app-role">{{'Applications and Roles'|T}}</span></a>
</div>
<br>
- <div class="display-userAppRoles-label" ng-show="displayUserAppRoles" style="height:200px; overflow-y:auto;">
+ <div class="display-userAppRoles-label display-userAppRoles-label-txt" ng-show="displayUserAppRoles">
<div ng-repeat="ua in userapproles track by $index">
<div class="reg-userApp-value">
- <span class="reg-userApp-value-spn" style=font-weight:bold>{{ua.App}}<span class="visuallyhidden">:</span></span>
+ <span class="reg-userApp-value-spn reg-common-label-spn-txt">{{ua.App}}<span class="visuallyhidden">:</span></span>
</div>
<div ng-repeat="role in ua.Roles track by $index" class="reg-userAppRoles-value" >
- <span class="reg-userAppRoles-value-spn">{{role}}</span>
+ <span ng-if="role.indexOf('global_')!=-1" id="required" style="color: Red;" visible="false"> *</span>
+ <span class="reg-userAppRoles-value-spn">{{role}}</span>
</div>
<br>
</div>
<div ng-include class="profile-detail-extension" src="'app/views/header/header-extension.tpl.html'"></div>
<div id="reg-logout-div" class="logout-btn-div">
<button href="javascript:void(0)" id="allLogout" ng-click="allAppsLogout()" class="btn btn-alt btn-small">
- Log out
+ {{'Log out'|T}}
</button>
</div>
</div>
<div class="ng-scope">
<div id="notification" class="notificationBox ">
<div align ="right">
- <a id="notification-history-link" ui-sref="root.notificationHistory" style="font-size: 14px"> View All Recent Notifications </a>
+ <a id="notification-history-link" ui-sref="root.notificationHistory" class="notification-history-link-txt"> View All Recent Notifications </a>
</div>
<div class="notification-header">
- <div style="float:left;">
- <p class="notification-heading">Notifications</p>
+ <div class="notification-common-position">
+ <p class="notification-heading">{{'Notifications'| T}}</p>
</div>
- <div style="clear:both;"></div>
+ <div class="notification-common-space"></div>
</div>
<div ng-show="notifications.length==0">
<div class="notification-main">
- <div style="height:113px;">
+ <div class="notification-main-ht">
<div align="center" class="icon-information notification-info-icon"></div>
</div>
<div>
- <p class="notification-text">No New Notifications.</p>
+ <p class="notification-text">{{'No New Notifications'| T}}.</p>
</div>
</div>
<span class="important" ng-show="item.priority==2"/>
<span class="normal" ng-show="item.priority==1"/>
</div>
- <div class="details" ng-click="showDetailedJsonMessage(item)">
- <span class="title" ng-bind="item.source"></span> <span
- class="title" ng-bind="item.title"></span> <span
- class="message-body" ng-if="item.source==='EP'"
+
<div class="details" ng-click="showDetailedJsonMessage(item)">
+ <span class="title" ng-bind="item.msgSource"></span> <span
+ class="title" ng-bind="item.msgHeader"></span> <span
+ class="message-body" ng-if="item.msgSource==='EP'"
ng-bind="item.message"></span> <span class="message-body"
- ng-if="item.source!=='EP'"
+ ng-if="item.msgSource!=='EP'"
ng-bind="item.message| elipsis: 27"> </span>
<!-- <span class="date" ng-bind="item.time" ></span> -->
<mydate>{{item.time | date:'MM/dd/yyyy hh:mm:ss a Z'}}</mydate>
</div>
<div class="notification-footer">
<div class="notification-links">
- <div style="clear:both;"></div>
- </div>
- </div>
- </div>
- </b2b-flyout-content>
- </b2b-flyout>
- </li>
-
- <!-- Recommendation Bulb -->
-
- <li class="header__item recommendation" aria-haspopup="true" class="recommendation-li">
- <b2b-flyout>
- <div b2b-flyout-toggler class="recommendation-div">
- <div class="recommendations-count" ng-hide="recommendationCount.count==0" ng-bind="recommendationCount.count"></div>
-<div class="icon-misc-bulbL megamenu-recommendation-overrides" id="recommendation-bulb" tabindex="0" b2b-accessibility-click="13,32" aria-label="recommendation" aria-haspopup="true" aria-expanded="{{flyoutOpened}}" style="font-size: 22px;"role="button"></div> </div>
- <b2b-flyout-content horizontal-placement="center" vertical-placement="below">
- <div class="recommendation-content" ng-controller="recommendationCtrl" >
- <div class="ng-scope">
- <div id="recommendation" class="notificationBox ">
- <!-- <div align ="right">
- <a ui-sref="root.recommendationsHistory" style="font-size: 14px"> View All Recent Notifications </a>
- </div> -->
- <div class="notification-header">
- <div style="float:left;">
- <p class="notification-heading">Recommendations</p>
- </div>
- <div style="clear:both;"></div>
- </div>
- <div ng-show="recommendations.length==0">
- <div class="notification-main">
- <div style="height:113px;">
- <div align="center" class="icon-information notification-info-icon"></div>
- </div>
- <div>
- <p class="notification-text">No New Recommendations</p>
- </div>
-
- </div>
- </div>
- <div class="notification-main" ng-show="recommendations.length>0">
- <ul class="notifications-list">
- <li class="item" data-id="5" ng-repeat="item in recommendations">
- <div class="icon">
- <span class="normal" ng-show="item.recommendation"/>
- </div>
- <div class="details">
-
- <span class="message-body" ng-bind="item.recommendation"></span>
-
-
- </div>
- <button type="button" ng-click="deleteRecommendation($index)" class="button-default button-dismiss js-dismiss">x</button>
- </li>
- </ul>
- </div>
- <div class="notification-footer">
- <div class="notification-links">
- <div style="clear:both;"></div>
+ <div class="notification-common-space"></div>
</div>
</div>
</div>
</b2b-flyout-content>
</b2b-flyout>
</li>
+
+ <li class="header__item recommendation" aria-haspopup="true"
+ class="recommendation-li">
+ <div ng-include class="recommendation-detail-extension" src="'app/views/headerRecommendation/headerRecommendations.tpl.html'"></div>
+ </li>
</div>
</ul>
</header>
Code Review / portal.git / blobdiff