Portal Spring Boot Development
[portal.git] / ecomp-portal-FE-common / client / app / views / header / header.tpl.html
index 30d616e..ed240b9 100644 (file)
@@ -1,21 +1,39 @@
 <!--
-  ================================================================================
-  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 class="header-position">
     <header class="b2b-header-tabs" b2b-header-responsive>
@@ -74,8 +92,8 @@
                                                                <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}}&nbsp;</h3>
+                                                                               <h3 >{{firstName}} {{lastName}}&nbsp;</h3>
                                                                            <span>&nbsp;</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
-                                                                               <li><div class="reg-userEmail-label"><span class="reg-userEmail-label-spn reg-common-label-spn-txt" >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>&nbsp;</li>
                                                                                <li><div class="reg-userRole-label"><span class="reg-userRole-label-spn reg-common-label-spn-txt">
-                                                               User Id<span class="visuallyhidden">:</span></span></div></li>
+                                                               {{'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>&nbsp;</li>
                                                                                <li><div class="reg-userLastLogin-label"><span class="reg-userLastLogin-label-spn reg-common-label-spn-txt">
-                                                               Last login<span class="visuallyhidden">:</span></span></div></li>
+                                                               {{'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>&nbsp;</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 display-userAppRoles-label-txt" ng-show="displayUserAppRoles">
                                                        <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>
                                                                        <div class="notification-header">
                                                                                <div class="notification-common-position">
-                                                                                       <p class="notification-heading">Notifications</p>
+                                                                               <p class="notification-heading">{{'Notifications'| T}}</p>
                                                                                </div>
                                                                                <div class="notification-common-space"></div>
                                                                        </div>
                                                                                                <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>