Rob Winch
12 years ago
24 changed files with 336 additions and 2 deletions
@ -0,0 +1,41 @@
@@ -0,0 +1,41 @@
|
||||
/* |
||||
* Copyright 2002-2013 the original author or authors. |
||||
* |
||||
* 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. |
||||
*/ |
||||
package org.springframework.security.samples.mvc.config; |
||||
|
||||
import org.springframework.context.annotation.Bean; |
||||
import org.springframework.context.annotation.Configuration; |
||||
import org.springframework.core.Ordered; |
||||
import org.thymeleaf.spring3.SpringTemplateEngine; |
||||
import org.thymeleaf.spring3.view.ThymeleafViewResolver; |
||||
|
||||
/** |
||||
* Disable tiles so that we can provide our custom view without being decorated. |
||||
* |
||||
* @author Rob Winch |
||||
* |
||||
*/ |
||||
@Configuration |
||||
public class CustomMvcConfig { |
||||
|
||||
@Bean |
||||
public ThymeleafViewResolver thymeleafViewResolver(SpringTemplateEngine templateEngine) { |
||||
ThymeleafViewResolver viewResolver = new ThymeleafViewResolver(); |
||||
viewResolver.setOrder(Ordered.HIGHEST_PRECEDENCE - 10); |
||||
viewResolver.setTemplateEngine(templateEngine); |
||||
return viewResolver; |
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1,158 @@
@@ -0,0 +1,158 @@
|
||||
<html xmlns:th="http://www.thymeleaf.org"> |
||||
<head> |
||||
<title>SecureMail</title> |
||||
<link rel="icon" type="image/x-icon" th:href="@{/resources/img/favicon.ico}"/> |
||||
<link th:href="@{/resources/css/bootstrap.css}" rel="stylesheet"></link> |
||||
<style type="text/css"> |
||||
/* Sticky footer styles |
||||
-------------------------------------------------- */ |
||||
|
||||
html, |
||||
body { |
||||
height: 100%; |
||||
/* The html and body elements cannot have any padding or margin. */ |
||||
} |
||||
|
||||
/* Wrapper for page content to push down footer */ |
||||
#wrap { |
||||
min-height: 100%; |
||||
height: auto !important; |
||||
height: 100%; |
||||
/* Negative indent footer by it's height */ |
||||
margin: 0 auto -60px; |
||||
} |
||||
|
||||
/* Set the fixed height of the footer here */ |
||||
#push, |
||||
#footer { |
||||
height: 60px; |
||||
} |
||||
#footer { |
||||
background-color: #f5f5f5; |
||||
} |
||||
|
||||
/* Lastly, apply responsive CSS fixes as necessary */ |
||||
@media (max-width: 767px) { |
||||
#footer { |
||||
margin-left: -20px; |
||||
margin-right: -20px; |
||||
padding-left: 20px; |
||||
padding-right: 20px; |
||||
} |
||||
} |
||||
|
||||
|
||||
|
||||
/* Custom page CSS |
||||
-------------------------------------------------- */ |
||||
/* Not required for template or sticky footer method. */ |
||||
|
||||
.container { |
||||
width: auto; |
||||
max-width: 680px; |
||||
} |
||||
.container .credit { |
||||
margin: 20px 0; |
||||
text-align: center; |
||||
} |
||||
a { |
||||
color: green; |
||||
} |
||||
.navbar-form { |
||||
margin-left: 1em; |
||||
} |
||||
</style> |
||||
<link th:href="@{/resources/css/bootstrap-responsive.css}" rel="stylesheet"></link> |
||||
|
||||
<!-- HTML5 shim, for IE6-8 support of HTML5 elements --> |
||||
<!--[if lt IE 9]> |
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> |
||||
<![endif]--> |
||||
<meta name="_csrf" th:content="${_csrf.token}"/> |
||||
<meta name="_csrf_header" th:content="${_csrf.headerName}"/> |
||||
</head> |
||||
|
||||
|
||||
<body> |
||||
<div id="wrap"> |
||||
<div class="navbar navbar-inverse navbar-static-top"> |
||||
<div class="navbar-inner"> |
||||
<div class="container"> |
||||
<a class="brand" th:href="@{/}"><img th:src="@{/resources/img/logo.png}" alt="Spring Security Sample"/></a> |
||||
<div class="nav-collapse collapse"> |
||||
<div th:if="${#httpServletRequest.remoteUser != null}"> |
||||
<form class="navbar-form pull-right" th:action="@{/logout}" method="post"> |
||||
<input type="submit" value="Log out" /> |
||||
</form> |
||||
<p class="navbar-text pull-right" th:text="${#httpServletRequest.remoteUser}"> |
||||
sample_user |
||||
</p> |
||||
</div> |
||||
<ul class="nav"> |
||||
<li><a data-bind="click: $root.goToInbox" th:href="@{/}">Inbox</a></li> |
||||
<li><a data-bind="click: $root.goToCompose" th:href="@{/(form)}">Compose</a></li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!-- Begin page content --> |
||||
<div class="container"> |
||||
<div data-bind="with: inbox"> |
||||
<h1>Inbox</h1> |
||||
<table class="table"> |
||||
<thead> |
||||
<tr> |
||||
<th>Created</th> |
||||
<th>Summary</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody data-bind="foreach: $root.messages"> |
||||
<tr data-bind="click: $root.goToMessage"> |
||||
<td data-bind="text: created"></td> |
||||
<td><a data-bind="text: summary, attr: { href: id}"></a></td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
|
||||
<div class="container" data-bind="with: chosenMessageData"> |
||||
<h1>Message : <span data-bind="text: summary"></span></h1> |
||||
<dl> |
||||
<dt>Created</dt> |
||||
<dd data-bind="text: created"></dd> |
||||
<dt>Message</dt> |
||||
<dd data-bind="html: text"></dd> |
||||
</dl> |
||||
</div> |
||||
|
||||
<div class="container" data-bind="with: compose"> |
||||
<h1>Messages : Create</h1> |
||||
<div class="alert alert-error" data-bind="foreach: $root.errors, visible: $root.errors().length"> |
||||
<p data-bind="text: $data"></p> |
||||
</div> |
||||
<form action="./" method="post"> |
||||
<label for="summary">Summary</label> |
||||
<input type="text" id="summary" data-bind="value: summary" name="summary" class="input-xxlarge" /> |
||||
<label for="text">Message</label> |
||||
<textarea name="text" id="text" data-bind="value: text" class="input-xxlarge"><!-- --></textarea> |
||||
<div class="form-actions"> |
||||
<input type="button" data-bind="click: $root.save" value="Create" /> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
|
||||
<div id="push"><!-- --></div> |
||||
</div> |
||||
<div id="footer"> |
||||
<div class="container"> |
||||
<p class="muted credit">Visit the <a href="#">Spring Security</a> site for more <a href="#">samples</a>.</p> |
||||
</div> |
||||
</div> |
||||
|
||||
<script type="text/javascript" th:src="@{/resources/js/jquery-1.8.3.js}"><!-- --></script> |
||||
<script type="text/javascript" th:src="@{/resources/js/knockout-2.3.0.js}"><!-- --></script> |
||||
<script type="text/javascript" th:src="@{/resources/js/message.js}"><!-- --></script> |
||||
</body> |
||||
</html> |
||||
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 5.1 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 237 B |
|
After Width: | Height: | Size: 740 B |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 4.6 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
@ -0,0 +1,46 @@
@@ -0,0 +1,46 @@
|
||||
<html xmlns:th="http://www.thymeleaf.org" xmlns:tiles="http://www.thymeleaf.org"> |
||||
<head> |
||||
<title tiles:fragment="title">Messages : Login</title> |
||||
<!-- /Simple OpenID Selector --> |
||||
<link rel="stylesheet" th:href="@{/resources/css/openid.css}" /> |
||||
</head> |
||||
<body> |
||||
<div tiles:fragment="content"> |
||||
<form name="f" th:action="@{/login/openid}" method="post" id="openid_form"> |
||||
<input type="hidden" name="action" value="verify" /> |
||||
<fieldset> |
||||
<legend>Sign-in or Create New Account</legend> |
||||
<div th:if="${param.error}" class="alert alert-error"> |
||||
Invalid username and password. |
||||
</div> |
||||
<div th:if="${param.logout}" class="alert alert-success"> |
||||
You have been logged out. |
||||
</div> |
||||
<div id="openid_choice"> |
||||
<p>Please click your account provider:</p> |
||||
<div id="openid_btns"></div> |
||||
|
||||
</div> |
||||
|
||||
<div id="openid_input_area"> |
||||
<input id="openid_identifier" name="openid_identifier" type="text" value="http://" /> |
||||
<input id="openid_submit" type="submit" value="Sign-In"/> |
||||
</div> |
||||
<noscript> |
||||
<p>OpenID is a service that allows you to log-on to many different websites using a single identity. |
||||
Find out <a href="http://openid.net/what/">more about OpenID</a> and <a href="http://openid.net/get/">how to get an OpenID enabled account</a>.</p> |
||||
</noscript> |
||||
</fieldset> |
||||
</form> |
||||
|
||||
<script type="text/javascript" th:src="@{/resources/js/jquery-1.2.6.min.js}"><!-- --></script> |
||||
<script type="text/javascript" th:src="@{/resources/js/openid-jquery.js}"><!-- --></script> |
||||
<script type="text/javascript"> |
||||
$(document).ready(function() { |
||||
openid.init('openid_identifier'); |
||||
// openid.setDemoMode(true); Stops form submission for client javascript-only test purposes |
||||
}); |
||||
</script> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,34 @@
@@ -0,0 +1,34 @@
|
||||
<html xmlns:th="http://www.thymeleaf.org" xmlns:tiles="http://www.thymeleaf.org"> |
||||
<head> |
||||
<title tiles:fragment="title">Messages : Login</title> |
||||
<!-- /Simple OpenID Selector --> |
||||
<link rel="stylesheet" th:href="@{/resources/css/openid.css}" /> |
||||
</head> |
||||
<body> |
||||
<div tiles:fragment="content"> |
||||
<h1>User Attributes</h1> |
||||
<table class="table table-border"> |
||||
<thead> |
||||
<tr> |
||||
<th>Attribute Name</th> |
||||
<th>Attribute Value</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr> |
||||
<td>ID</td> |
||||
<td th:text="${authentication.identityUrl}">https://example.com/user/id</td> |
||||
</tr> |
||||
<tr th:each="attribute : ${authentication.attributes}"> |
||||
<td th:text="${attribute.name}">Attribute Name</td> |
||||
<td> |
||||
<dl th:each="value : ${attribute.values}"> |
||||
<dd th:text="${value}">Attribute Value</dd> |
||||
</dl> |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,27 @@
@@ -0,0 +1,27 @@
|
||||
<html xmlns:th="http://www.thymeleaf.org" xmlns:tiles="http://www.thymeleaf.org"> |
||||
<head> |
||||
<title tiles:fragment="title">Messages : Create</title> |
||||
</head> |
||||
<body> |
||||
<div tiles:fragment="content"> |
||||
<form name="f" th:action="@{/j_security_check}" method="post"> |
||||
<fieldset> |
||||
<legend>Please Login</legend> |
||||
<div th:if="${param.error}" class="alert alert-error"> |
||||
Invalid username and password. |
||||
</div> |
||||
<div th:if="${param.logout}" class="alert alert-success"> |
||||
You have been logged out. |
||||
</div> |
||||
<label for="j_username">Username</label> |
||||
<input type="text" id="j_username" name="j_username"/> |
||||
<label for="j_password">Password</label> |
||||
<input type="password" id="j_password" name="j_password"/> |
||||
<div class="form-actions"> |
||||
<button type="submit" class="btn">Log in</button> |
||||
</div> |
||||
</fieldset> |
||||
</form> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,29 @@
@@ -0,0 +1,29 @@
|
||||
<html xmlns:th="http://www.thymeleaf.org" xmlns:tiles="http://www.thymeleaf.org"> |
||||
<head> |
||||
<title tiles:fragment="title">Messages : Create</title> |
||||
</head> |
||||
<body> |
||||
<div tiles:fragment="content"> |
||||
<form name="f" th:action="@{/login}" method="post"> |
||||
<fieldset> |
||||
<legend>Please Login</legend> |
||||
<div th:if="${param.error}" class="alert alert-error"> |
||||
Invalid username and password. |
||||
</div> |
||||
<div th:if="${param.logout}" class="alert alert-success"> |
||||
You have been logged out. |
||||
</div> |
||||
<label for="username">Username</label> |
||||
<input type="text" id="username" name="username"/> |
||||
<label for="password">Password</label> |
||||
<input type="password" id="password" name="password"/> |
||||
<label for="remember-me">Remember Me?</label> |
||||
<input type="checkbox" id="remember-me" name="remember-me"/> |
||||
<div class="form-actions"> |
||||
<button type="submit" class="btn">Log in</button> |
||||
</div> |
||||
</fieldset> |
||||
</form> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
Loading…
Reference in new issue