Adding GUI login/logout capability using form-based login.
Adding REST API login capability using basic authentication.
HTTP to HTTPS redirect is suppressed for now.
Change-Id: I1a98bdc5576c515e1aa5a1b8d66402af0c0bf8c8
diff --git a/web/gui/src/main/webapp/WEB-INF/web.xml b/web/gui/src/main/webapp/WEB-INF/web.xml
index f03925b..dda59f5 100644
--- a/web/gui/src/main/webapp/WEB-INF/web.xml
+++ b/web/gui/src/main/webapp/WEB-INF/web.xml
@@ -14,7 +14,8 @@
~ See the License for the specific language governing permissions and
~ limitations under the License.
-->
-<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee"
+<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+ xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
id="ONOS" version="2.5">
@@ -25,38 +26,44 @@
</welcome-file-list>
<!--
+ -->
<security-constraint>
- <display-name>authenticated</display-name>
<web-resource-collection>
- <web-resource-name>All files</web-resource-name>
- <description/>
- <url-pattern>/*</url-pattern>
+ <web-resource-name>Secured</web-resource-name>
+ <url-pattern>/index.html</url-pattern>
</web-resource-collection>
<auth-constraint>
- <description/>
<role-name>admin</role-name>
</auth-constraint>
+ <!--
+ <user-data-constraint>
+ <transport-guarantee>CONFIDENTIAL</transport-guarantee>
+ </user-data-constraint>
+ -->
</security-constraint>
- <login-config>
- <auth-method>BASIC</auth-method>
- <realm-name>karaf</realm-name>
- </login-config>
-
<security-role>
- <description/>
<role-name>admin</role-name>
</security-role>
- -->
- <!--
- -->
+ <login-config>
+ <auth-method>FORM</auth-method>
+ <realm-name>karaf</realm-name>
+ <form-login-config>
+ <form-login-page>/login.html</form-login-page>
+ <form-error-page>/error.html</form-error-page>
+ </form-login-config>
+ </login-config>
+
<servlet>
<servlet-name>Index Page</servlet-name>
- <servlet-class>com.sun.jersey.spi.container.servlet.ServletContainer</servlet-class>
+ <servlet-class>com.sun.jersey.spi.container.servlet.ServletContainer
+ </servlet-class>
<init-param>
- <param-name>com.sun.jersey.config.property.resourceConfigClass</param-name>
- <param-value>com.sun.jersey.api.core.ClassNamesResourceConfig</param-value>
+ <param-name>com.sun.jersey.config.property.resourceConfigClass
+ </param-name>
+ <param-value>com.sun.jersey.api.core.ClassNamesResourceConfig
+ </param-value>
</init-param>
<init-param>
<param-name>com.sun.jersey.config.property.classnames</param-name>
@@ -68,19 +75,22 @@
<servlet-mapping>
<servlet-name>Index Page</servlet-name>
<url-pattern>/index.html</url-pattern>
- <url-pattern>/main.html</url-pattern>
</servlet-mapping>
<servlet>
<servlet-name>Main Module</servlet-name>
- <servlet-class>com.sun.jersey.spi.container.servlet.ServletContainer</servlet-class>
+ <servlet-class>com.sun.jersey.spi.container.servlet.ServletContainer
+ </servlet-class>
<init-param>
- <param-name>com.sun.jersey.config.property.resourceConfigClass</param-name>
- <param-value>com.sun.jersey.api.core.ClassNamesResourceConfig</param-value>
+ <param-name>com.sun.jersey.config.property.resourceConfigClass
+ </param-name>
+ <param-value>com.sun.jersey.api.core.ClassNamesResourceConfig
+ </param-value>
</init-param>
<init-param>
<param-name>com.sun.jersey.config.property.classnames</param-name>
- <param-value>org.onosproject.ui.impl.MainModuleResource</param-value>
+ <param-value>org.onosproject.ui.impl.MainModuleResource
+ </param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
@@ -92,10 +102,13 @@
<servlet>
<servlet-name>Nav Module</servlet-name>
- <servlet-class>com.sun.jersey.spi.container.servlet.ServletContainer</servlet-class>
+ <servlet-class>com.sun.jersey.spi.container.servlet.ServletContainer
+ </servlet-class>
<init-param>
- <param-name>com.sun.jersey.config.property.resourceConfigClass</param-name>
- <param-value>com.sun.jersey.api.core.ClassNamesResourceConfig</param-value>
+ <param-name>com.sun.jersey.config.property.resourceConfigClass
+ </param-name>
+ <param-value>com.sun.jersey.api.core.ClassNamesResourceConfig
+ </param-value>
</init-param>
<init-param>
<param-name>com.sun.jersey.config.property.classnames</param-name>
@@ -111,10 +124,13 @@
<servlet>
<servlet-name>View Module</servlet-name>
- <servlet-class>com.sun.jersey.spi.container.servlet.ServletContainer</servlet-class>
+ <servlet-class>com.sun.jersey.spi.container.servlet.ServletContainer
+ </servlet-class>
<init-param>
- <param-name>com.sun.jersey.config.property.resourceConfigClass</param-name>
- <param-value>com.sun.jersey.api.core.ClassNamesResourceConfig</param-value>
+ <param-name>com.sun.jersey.config.property.resourceConfigClass
+ </param-name>
+ <param-value>com.sun.jersey.api.core.ClassNamesResourceConfig
+ </param-value>
</init-param>
<init-param>
<param-name>com.sun.jersey.config.property.classnames</param-name>
@@ -130,14 +146,18 @@
<servlet>
<servlet-name>JAX-RS Service</servlet-name>
- <servlet-class>com.sun.jersey.spi.container.servlet.ServletContainer</servlet-class>
+ <servlet-class>com.sun.jersey.spi.container.servlet.ServletContainer
+ </servlet-class>
<init-param>
- <param-name>com.sun.jersey.config.property.resourceConfigClass</param-name>
- <param-value>com.sun.jersey.api.core.ClassNamesResourceConfig</param-value>
+ <param-name>com.sun.jersey.config.property.resourceConfigClass
+ </param-name>
+ <param-value>com.sun.jersey.api.core.ClassNamesResourceConfig
+ </param-value>
</init-param>
<init-param>
<param-name>com.sun.jersey.config.property.classnames</param-name>
<param-value>
+ org.onosproject.ui.impl.LogoutResource,
org.onosproject.ui.impl.TopologyResource,
org.onosproject.ui.impl.ApplicationResource
</param-value>
@@ -152,7 +172,8 @@
<servlet>
<servlet-name>Web Socket Service</servlet-name>
- <servlet-class>org.onosproject.ui.impl.UiWebSocketServlet</servlet-class>
+ <servlet-class>org.onosproject.ui.impl.UiWebSocketServlet
+ </servlet-class>
<load-on-startup>2</load-on-startup>
</servlet>
diff --git a/web/gui/src/main/webapp/app/fw/mast/mast.css b/web/gui/src/main/webapp/app/fw/mast/mast.css
index a9f3440..2e86e86 100644
--- a/web/gui/src/main/webapp/app/fw/mast/mast.css
+++ b/web/gui/src/main/webapp/app/fw/mast/mast.css
@@ -81,4 +81,22 @@
padding-right: 16px;
float: right;
/*border: 1px solid red;*/
-}
\ No newline at end of file
+}
+
+#mast-right a {
+ font-size: 12pt;
+ font-style: normal;
+ font-weight: bold;
+ text-decoration: none;
+}
+
+.light #mast-right a {
+ color: #369;
+}
+.dark #mast-right a {
+ color: #eee;
+}
+
+#mast-right a:hover {
+ color: #CE5650;
+}
diff --git a/web/gui/src/main/webapp/app/fw/mast/mast.html b/web/gui/src/main/webapp/app/fw/mast/mast.html
index a5ddbc6..5bb488a 100644
--- a/web/gui/src/main/webapp/app/fw/mast/mast.html
+++ b/web/gui/src/main/webapp/app/fw/mast/mast.html
@@ -3,4 +3,4 @@
ng-click="mastCtrl.toggleNav()"></div>
<img class="logo" src="data/img/onos-logo.png">
<span class="title">Open Network Operating System</span>
-<div id="mast-right"></div>
+<div id="mast-right"><a href="rs/logout">logout</a></div>
diff --git a/web/gui/src/main/webapp/data/img/onos-logo-fliprotate.png b/web/gui/src/main/webapp/data/img/onos-logo-fliprotate.png
new file mode 100644
index 0000000..7368017
--- /dev/null
+++ b/web/gui/src/main/webapp/data/img/onos-logo-fliprotate.png
Binary files differ
diff --git a/web/gui/src/main/webapp/data/img/onos-logo.lg.png b/web/gui/src/main/webapp/data/img/onos-logo.lg.png
new file mode 100644
index 0000000..afbd438
--- /dev/null
+++ b/web/gui/src/main/webapp/data/img/onos-logo.lg.png
Binary files differ
diff --git a/web/gui/src/main/webapp/error.html b/web/gui/src/main/webapp/error.html
new file mode 100644
index 0000000..564e284
--- /dev/null
+++ b/web/gui/src/main/webapp/error.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="UTF-8">
+ <title>ONOS Login</title>
+
+ <style type="text/css">
+ img {
+ margin: 24px;
+ }
+ td {
+ font: normal 16px Helvetica, Arial, sans-serif !important;
+ text-align: left;
+ padding: 4px;
+ }
+ input {
+ font: normal 16px Helvetica, Arial, sans-serif !important;
+ padding: 3px;
+ }
+
+ input[type="submit"] {
+ margin-top: 20px;
+ margin-left: auto;
+ margin-right: auto;
+ display: block;
+ padding: 4px 16px;
+ background-color: #CE5650;
+ color: #fff;
+ /*width: 100%; /!* width of image *!/*/
+ height: 32px;
+ border-radius: 3px;
+ border: 0;
+ -moz-outline-radius: 6px;
+ }
+
+ input[type="submit"]:hover {
+ border-radius: 3px;
+ border: 1px;
+ border-color: #fff;
+ border-style: solid;
+ box-shadow: 0px 0px 10px #3399ff;
+ outline-style: solid;
+ outline-width: 3px;
+ outline-color: #3399ff;
+ }
+
+ #error {
+ margin: 16px auto;
+ color: #CE5650;
+ text-align: center;
+
+ }
+ </style>
+</head>
+<body>
+<div align="center">
+ <img src="data/img/onos-logo.lg.png"/>
+
+ <form method="post" action="j_security_check">
+ <table>
+ <tr>
+ <td>User:</td>
+ <td><input id="username" name="j_username" type="text" autofocus/></td>
+ </tr>
+ <tr>
+ <td>Password:</td>
+ <td><input id="password" name="j_password" type="password"/></td>
+ </tr>
+ <tr>
+ <td colspan="2"><input id="submit" type="submit" value="Login"/></td>
+ </tr>
+ <tr>
+ <td colspan="2"><div id="error">Incorrect login credentials!</div></td>
+ </tr>
+ </table>
+ </form>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/web/gui/src/main/webapp/login.html b/web/gui/src/main/webapp/login.html
new file mode 100644
index 0000000..d05260f
--- /dev/null
+++ b/web/gui/src/main/webapp/login.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="UTF-8">
+ <title>ONOS Login</title>
+
+ <style type="text/css">
+ img {
+ margin: 24px;
+ }
+ td {
+ font: normal 16px Helvetica, Arial, sans-serif !important;
+ text-align: left;
+ padding: 4px;
+ }
+ input {
+ font: normal 16px Helvetica, Arial, sans-serif !important;
+ padding: 3px;
+ }
+
+ input[type="submit"] {
+ margin-top: 20px;
+ margin-left: auto;
+ margin-right: auto;
+ display: block;
+ padding: 4px 16px;
+ background-color: #CE5650;
+ color: #fff;
+ /*width: 100%; /!* width of image *!/*/
+ height: 32px;
+ border-radius: 3px;
+ border: 0;
+ -moz-outline-radius: 6px;
+ }
+
+ input[type="submit"]:hover {
+ border-radius: 3px;
+ border: 1px;
+ border-color: #fff;
+ border-style: solid;
+ box-shadow: 0px 0px 10px #3399ff;
+ outline-style: solid;
+ outline-width: 3px;
+ outline-color: #3399ff;
+ }
+ </style>
+</head>
+<body>
+<div align="center">
+ <img src="data/img/onos-logo.lg.png"/>
+
+ <form method="post" action="j_security_check">
+ <table>
+ <tr>
+ <td>User:</td>
+ <td><input id="username" name="j_username" type="text" autofocus/></td>
+ </tr>
+ <tr>
+ <td>Password:</td>
+ <td><input id="password" name="j_password" type="password"/></td>
+ </tr>
+ <tr>
+ <td colspan="2"><input id="submit" type="submit" value="Login"/></td>
+ </tr>
+ </table>
+ </form>
+</div>
+</body>
+</html>
\ No newline at end of file
