[PORTAL-16 PORTAL-18] Widget ms; staging
[portal.git] / ecomp-portal-BE-common / src / main / webapp / WEB-INF / jsp / login_external.jsp
index fe5eef0..94c2f55 100644 (file)
-<%--\r
-  ================================================================================\r
-  ECOMP Portal\r
-  ================================================================================\r
-  Copyright (C) 2017 AT&T Intellectual Property\r
-  ================================================================================\r
-  Licensed under the Apache License, Version 2.0 (the "License");\r
-  you may not use this file except in compliance with the License.\r
-  You may obtain a copy of the License at\r
-  \r
-       http://www.apache.org/licenses/LICENSE-2.0\r
-  \r
-  Unless required by applicable law or agreed to in writing, software\r
-  distributed under the License is distributed on an "AS IS" BASIS,\r
-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
-  See the License for the specific language governing permissions and\r
-  limitations under the License.\r
-  ================================================================================\r
-  --%>\r
-<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>\r
-<%@ taglib prefix="c"      uri="http://java.sun.com/jsp/jstl/core" %>\r
-<%@ taglib prefix="fmt"    uri="http://java.sun.com/jsp/jstl/fmt" %>\r
-<%@ page import="org.openecomp.portalsdk.core.util.SystemProperties" %>\r
-<c:set var="title" value="Login" />\r
-<c:set var="isMobileEnabled"\r
-       value="<%=(SystemProperties.getProperty(SystemProperties.MOBILE_ENABLE)!= null && SystemProperties.getProperty(SystemProperties.MOBILE_ENABLE).trim().equals(\"true\"))%>" />\r
-\r
-<!DOCTYPE html>\r
-<html ng-app="abs">\r
-       <head>\r
-           <title>\r
-             Login\r
-        </title>\r
-               <meta charset="utf-8">\r
-               <meta http-equiv="X-UA-Compatible" content="IE=edge">\r
-               <meta name="viewport" content="width=device-width, initial-scale=1"> \r
-       <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->\r
-               <link rel="stylesheet" type="text/css" href="static/ebz/fn-ebz.css" >\r
-        <link rel="stylesheet" type="text/css" href="static/fusion/css/jquery-ui.css">\r
-               <script src="static/js/jquery-1.10.2.js" type="text/javascript"></script>\r
-               <script src= "static/ebz/angular_js/angular.js"></script> \r
-               <script src= "static/ebz/angular_js/angular-sanitize.js"></script>\r
-               <script src= "static/ebz/angular_js/att_abs_tpls.js"></script>\r
-               <script src= "static/ebz/angular_js/app.js"></script>\r
-               <script src= "static/ebz/angular_js/gestures.js"></script>\r
-               <script src="static/js/modalService.js"></script>\r
-               <style>\r
-                       .terms {\r
-                               font-family: Verdana,Arial,Helvetica, sans-serif;\r
-                               font-size: 9px;\r
-                       }\r
-               </style>\r
-       </head>\r
-       <body style="padding-top: 15px;">\r
-       <div ng-controller="externalLoginController">\r
-               <!-- Remove Video -----                         \r
-           <div style="position: fixed; left: -25%; top: -25%; height: 150%; width: 150%; z-index:-1;">\r
-                  <video src="http://www.business.att.com/content/mixedmedia/network-on-demand.mp4" autoplay="true" defaultmuted="true" muted="true" height="100%" width="100%"></video>\r
-           </div>\r
-           -->\r
-        <div style="position: fixed; left:15px; top:15px;z-index:-1;">\r
-               <img src="static/fusion/images/logo_att_header.jpg" alt="AT&T" />\r
-        </div>\r
-               <div class="centered style="-webkit-transform: translateZ(0);background:white, z-index:0;">\r
-                       <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>\r
-                       <br/>\r
-                       <div align="center" style="margin-left:auto;margin-right:auto;width:40%;padding:6px;background-color:white">\r
-                               <img src="static/fusion/images/ecomp-login.jpg"/><span style="    color: #c97d25;   font-size: 56px; position: relative;     text-shadow: 3px 0 #8F9477, 0 2px #d7e7dc, 4px 0 #72b7b2, 0 0px black; top:-144px;  left: -26px;  font-weight: bold;  font-style: italic; font-family:sans-serif">Portal</span>\r
-                               <h2> ECOMP Portal </h2>\r
-                               <label>\r
-                                       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label class="form-field__label">Login ID:</label>\r
-                               </label>\r
-                               <input  type="text" class="fn-ebz-text" ng-model="loginId" style="width: 140px;height:25px;border-radius:7px;font-size:18px;padding-left:5px;"\r
-                                       maxlength="30" />\r
-                               <br/>\r
-                               <br/>\r
-                               <label >&nbsp;Password:</label>\r
-                               <input type="password" class="span3" ng-model="password" style="width: 140px;height:25px;border-radius:7px;font-size:18px;padding-left:5px;"\r
-                                       maxlength="30" onkeydown="if (event.keyCode == 13) document.getElementById('loginBtn').click()"/> \r
-                               <br />\r
-                               <br />\r
-                               &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r
-                               <input id="loginBtn" type="image" ng-click="loginExternal();" src="static/fusion/images/login_button.gif" alt="Login" />\r
-                               <br>\r
-                       </div>\r
-               </div>\r
-               <br/><br/><br/><br/><br/><br/><br/>\r
-               <div id="footer">\r
-                       <div style="margin-left:auto;margin-right:auto;text-align: center;">\r
-                               <p><font class="terms">\r
-                                       <b>Warning:</b> This system is restricted to AT&T authorized users for business purposes. Unauthorized access is a violation of the law. This service may be monitored for administrative and security reasons. By proceeding, you consent to this monitoring.\r
-                               </font></p>\r
-                       </div>  \r
-                       <div class="terms" align="left">\r
-                               <a target="_top" href="http://www.att.com/terms/">Terms and Conditions</a> | <a target="_top" href="http://www.att.com/privacy/">Privacy Policy</a>.<br><span>&#169; 2016 AT&amp;T.  All rights reserved.</span>\r
-                   </div>\r
-               </div>\r
-    </div>\r
-    </body>\r
-<script>\r
-app.controller("externalLoginController", function ($scope) { \r
-       // Table Data\r
-       \r
-       $scope.viewPerPage = 200;\r
-       $scope.currentPage = 2;\r
-       $scope.totalPage;\r
-       $scope.searchCategory = "";\r
-       $scope.searchString = "";\r
-       $scope.loginId="";\r
-       $scope.password="";\r
-       $scope.loginError=true;\r
-       $scope.viewPerPage = 200;\r
-       $scope.currentPage = 2;\r
-       $scope.totalPage;\r
-       $scope.searchCategory = "";\r
-       $scope.searchString = "";\r
-       $scope.loginId="";\r
-       $scope.password="";\r
-       \r
-       \r
-       $scope.loginExternal = function() {\r
-\r
-               $.ajax({\r
-                   url: "login_external/login?"+"loginId="+$scope.loginId+"&password="+$scope.password,\r
-                type : "POST",\r
-                success:function (response){\r
-                  if(response=="success"){\r
-                    window.location.href = 'welcome.htm';\r
-                  }else{\r
-                       $("#errorInfo").show();\r
-                  }\r
-                },\r
-                error:function( jqXHR, status,error ){\r
-                       $("#errorInfo").show();\r
-                }\r
-                \r
-        });\r
-\r
-    };\r
-       \r
-       \r
-       /**\r
-       $scope.loginExternal = function() {\r
-\r
-        \r
-                 var redirectUrl = "login_external/login";\r
-          var form = $('<form action="' + redirectUrl + '" method="post">' +\r
-                  '<input type="hidden" name="loginId" value='+$scope.loginId+' />' +\r
-                  '<input type="hidden" name="password" value='+$scope.password+' />' +\r
-                  '</form>');\r
-                  \r
-                  $('body').append(form);\r
-                  $(form).submit();\r
-         \r
-\r
-    };\r
-    */\r
-       \r
-});\r
-</script>\r
-       \r
-</html>\r
+<%--
+  ================================================================================
+  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.
+  You may obtain a copy of the License at
+  
+       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.
+  ================================================================================
+  --%>
+<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
+<%@ taglib prefix="c"      uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="fmt"    uri="http://java.sun.com/jsp/jstl/fmt" %>
+<%@ page import="org.openecomp.portalsdk.core.util.SystemProperties" %>
+<c:set var="title" value="Login" />
+<c:set var="isMobileEnabled"
+       value="<%=(SystemProperties.getProperty(SystemProperties.MOBILE_ENABLE)!= null && SystemProperties.getProperty(SystemProperties.MOBILE_ENABLE).trim().equals(\"true\"))%>" />
+
+<!DOCTYPE html>
+<html ng-app="abs">
+       <head>
+           <title>
+             Login
+        </title>
+               <meta charset="utf-8">
+               <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/ebz/fn-ebz.css" >
+        <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/att_abs_tpls.js"></script>
+               <script src= "static/ebz/angular_js/app.js"></script>
+               <script src= "static/ebz/angular_js/gestures.js"></script>
+               <script src="static/js/modalService.js"></script>
+               <style>
+                       .terms {
+                               font-family: Verdana,Arial,Helvetica, sans-serif;
+                               font-size: 9px;
+                       }
+               </style>
+       </head>
+       <body style="padding-top: 15px;">
+       <div ng-controller="externalLoginController">
+               <!-- Remove Video -----                         
+           <div style="position: fixed; left: -25%; top: -25%; height: 150%; width: 150%; z-index:-1;">
+                  <video src="http://www.business.att.com/content/mixedmedia/network-on-demand.mp4" autoplay="true" defaultmuted="true" muted="true" height="100%" width="100%"></video>
+           </div>
+           -->
+        <div style="position: fixed; left:15px; top:15px;z-index:-1;">
+               <img src="static/fusion/images/logo_att_header.jpg" alt="AT&T" />
+        </div>
+               <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>
+                       <br/>
+                       <div align="center" style="margin-left:auto;margin-right:auto;width:40%;padding:6px;background-color:white">
+                               <img src="static/fusion/images/ecomp-login.jpg"/><span style="    color: #c97d25;   font-size: 56px; position: relative;     text-shadow: 3px 0 #8F9477, 0 2px #d7e7dc, 4px 0 #72b7b2, 0 0px black; top:-144px;  left: -26px;  font-weight: bold;  font-style: italic; font-family:sans-serif">Portal</span>
+                               <h2> ECOMP Portal </h2>
+                               <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;
+                               <input id="loginBtn" type="image" ng-click="loginExternal();" src="static/fusion/images/login_button.gif" alt="Login" />
+                               <br>
+                       </div>
+               </div>
+               <br/><br/><br/><br/><br/><br/><br/>
+               <div id="footer">
+                       <div style="margin-left:auto;margin-right:auto;text-align: center;">
+                               <p><font class="terms">
+                                       <b>Warning:</b> This system is restricted to AT&T authorized users for business purposes. Unauthorized access is a violation of the law. This service may be monitored for administrative and security reasons. By proceeding, you consent to this monitoring.
+                               </font></p>
+                       </div>  
+                       <div class="terms" align="left">
+                               <a target="_top" href="http://www.att.com/terms/">Terms and Conditions</a> | <a target="_top" href="http://www.att.com/privacy/">Privacy Policy</a>.<br><span>&#169; 2016 AT&amp;T.  All rights reserved.</span>
+                   </div>
+               </div>
+    </div>
+    </body>
+<script>
+app.controller("externalLoginController", function ($scope) { 
+       // Table Data
+       
+       $scope.viewPerPage = 200;
+       $scope.currentPage = 2;
+       $scope.totalPage;
+       $scope.searchCategory = "";
+       $scope.searchString = "";
+       $scope.loginId="";
+       $scope.password="";
+       $scope.loginError=true;
+       $scope.viewPerPage = 200;
+       $scope.currentPage = 2;
+       $scope.totalPage;
+       $scope.searchCategory = "";
+       $scope.searchString = "";
+       $scope.loginId="";
+       $scope.password="";
+       
+       
+       $scope.loginExternal = function() {
+
+               $.ajax({
+                   url: "login_external/login?"+"loginId="+$scope.loginId+"&password="+$scope.password,
+                type : "POST",
+                success:function (response){
+                  if(response=="success"){
+                    window.location.href = 'welcome.htm';
+                  }else{
+                       $("#errorInfo").show();
+                  }
+                },
+                error:function( jqXHR, status,error ){
+                       $("#errorInfo").show();
+                }
+                
+        });
+
+    };
+       
+       
+       /**
+       $scope.loginExternal = function() {
+
+        
+                 var redirectUrl = "login_external/login";
+          var form = $('<form action="' + redirectUrl + '" method="post">' +
+                  '<input type="hidden" name="loginId" value='+$scope.loginId+' />' +
+                  '<input type="hidden" name="password" value='+$scope.password+' />' +
+                  '</form>');
+                  
+                  $('body').append(form);
+                  $(form).submit();
+         
+
+    };
+    */
+       
+});
+</script>
+       
+</html>