Deliver centralized role management feature

[portal.git] / ecomp-portal-BE-os / src / main / webapp / WEB-INF / jsp / login.jsp

diff --git a/ecomp-portal-BE-os/src/main/webapp/WEB-INF/jsp/login.jsp b/ecomp-portal-BE-os/src/main/webapp/WEB-INF/jsp/login.jsp
index 7ca8531..a8265c7 100644 (file)
--- a/ecomp-portal-BE-os/src/main/webapp/WEB-INF/jsp/login.jsp
+++ b/ecomp-portal-BE-os/src/main/webapp/WEB-INF/jsp/login.jsp
@@ -37,17 +37,31 @@
                <meta http-equiv="X-UA-Compatible" content="IE=edge">
                <meta name="viewport" content="width=device-width, initial-scale=1"> 
        <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
-        <link rel="stylesheet" type="text/css" href="static/fusion/css/jquery-ui.css">
                <script src="static/js/jquery-1.10.2.js" type="text/javascript"></script>
                <script src= "static/ebz/angular_js/angular.js"></script> 
                <script src= "static/ebz/angular_js/angular-sanitize.js"></script>
-               <script src= "static/ebz/angular_js/app.js"></script>
                <script src= "static/ebz/angular_js/gestures.js"></script>
                <style>
                        .terms {
                                font-family: Verdana,Arial,Helvetica, sans-serif;
                                font-size: 9px;
                        }
+                       .login-tbl {
+                               border: 0px;
+                       }
+                       .login-txt {
+                           font-family: Arial;
+                           font-size: 14px;
+                           text-decoration: none;
+                       }
+                       .login-input-text {
+                               width: 140px;
+                               height:25px;
+                               border-radius:7px;
+                               padding-left:5px;                       
+                           font-family: Arial;
+                               font-size: 14px;
+                       }
                        .login-btn {
                            cursor: pointer;
                            background: #d97b34;
@@ -73,25 +87,36 @@
     %>
        <div ng-controller="externalLoginController">
                <div class="centered style="-webkit-transform: translateZ(0);background:white, z-index:0;">
-                       <div align="center" id="errorInfo" style="display:none;float:left;font-size:12px;margin-left:5px"><span style="color:red">Invaild username or password, Please try again</span></div>
+                       <div align="center" id="errorInfo" style="display:none; float:left; font-family: Arial; font-size:12px; margin-left:5px">
+                               <span style="color:red">Invalid username or password. Please try again.</span>
+                       </div>
                        <br/>
-                       <div align="center" style="margin-left:auto;margin-right:auto;width:40%;padding:6px;opacity:0.7;background-color:white">
-                       <img src="static/fusion/images/ecomp-login.jpg" height="250"/>
+                       <div align="center" style="margin-left:auto;margin-right:auto;width:40%;padding:6px;background-color:white">
+                       <img src="static/fusion/images/onap-portal-logo.png" height="250"/>
                                <br>
-                               <label>
-                                       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label class="form-field__label">Login ID:</label>
-                               </label>
-                               <input  type="text" class="fn-ebz-text" ng-model="loginId" style="width: 140px;height:25px;border-radius:7px;font-size:18px;padding-left:5px;"
-                                       maxlength="30" />
-                               <br/>
-                               <br/>
-                               <label >&nbsp;Password:</label>
-                               <input type="password" class="span3" ng-model="password" style="width: 140px;height:25px;border-radius:7px;font-size:18px;padding-left:5px;"
-                                       maxlength="30" onkeydown="if (event.keyCode == 13) document.getElementById('loginBtn').click()"/> 
-                               <br />
-                               <br />
-                               &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                               <a class="login-btn" id="loginBtn" ng-click="loginExternal();">LOGIN</a>
+                               <div style="opacity: 0.7;">
+                                       <table class="login-tbl">
+                                               <tr>
+                                                       <td>    
+                                                               <label class="login-txt">Login ID:</label>
+                                                       </td>
+                                                       <td>
+                                                               <input type="text" class="login-input-text" ng-model="loginId" maxlength="30" />
+                                                       </td>
+                                               </tr>
+                                               <tr>
+                                                       <td>
+                                                               <label class="login-txt">Password:</label>
+                                                       </td>
+                                                       <td>
+                                                               <input type="password" class="login-input-text" ng-model="password" maxlength="30" 
+                                                                       onkeydown="if (event.keyCode == 13) document.getElementById('loginBtn').click()"/>
+                                                       </td>
+                                               </tr>
+                                       </table> 
+                                       <br />
+                                       <a class="login-btn" id="loginBtn" ng-click="loginExternal();">LOGIN</a>
+                               </div>
                                <br>
                        </div>
                </div>
@@ -99,6 +124,7 @@
     </div>
     </body>
 <script>
+var app=angular.module("abs", []);
 app.controller("externalLoginController", function ($scope) { 
        // Table Data