From 45d2f704aca7076d510749985d1f7a5f111f73d5 Mon Sep 17 00:00:00 2001
From: shentao999 <shentao@chinamobile.com>
Date: Tue, 2 Apr 2019 09:56:55 +0800
Subject: Modify html label to support multi-language

Change-Id: I2f189dd935307488d8e63db624931ddbb1a18e95
Issue-ID: PORTAL-377
Signed-off-by: shentao999 <shentao@chinamobile.com>
---
 .../client/app/views/header/header.tpl.html        | 25 ++++++++++++----------
 1 file changed, 14 insertions(+), 11 deletions(-)

(limited to 'ecomp-portal-FE-common/client/app/views/header/header.tpl.html')

diff --git a/ecomp-portal-FE-common/client/app/views/header/header.tpl.html b/ecomp-portal-FE-common/client/app/views/header/header.tpl.html
index 83abf7de..ed240b9a 100644
--- a/ecomp-portal-FE-common/client/app/views/header/header.tpl.html
+++ b/ecomp-portal-FE-common/client/app/views/header/header.tpl.html
@@ -92,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>
@@ -155,6 +155,10 @@
             </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>
@@ -171,31 +175,30 @@
 					                        <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 | 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]" ><span class="business-card-app-role">Applications and Roles</span></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">
@@ -215,7 +218,7 @@
 					                <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>
@@ -240,7 +243,7 @@
 									</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>
@@ -250,7 +253,7 @@
 												<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>
-- 
cgit 1.2.3-korg