nosu
/
taskana
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

TSK-764 Beautify login screen.

This commit is contained in:
Martin Rojas Miguel Angel 2018-12-20 15:15:38 +01:00 committed by Holger Hagen
parent b4ec24e705
commit dd5010168e
5 changed files with 111 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
rest/taskana-rest-spring-example/src/main/java/pro/taskana/rest/security/WebSecurityConfig.java
View File

@ -36,7 +36,13 @@ public class WebSecurityConfig extends WebSecurityConfigurerAdapter {
@Override @Override
protected void configure(HttpSecurity http) throws Exception { protected void configure(HttpSecurity http) throws Exception {
http.csrf().disable() http.authorizeRequests()
.antMatchers(
"/css/**",
"/img/**")
.permitAll()
.and()
.csrf().disable()
.httpBasic() .httpBasic()
.and() .and()
.authenticationProvider(jaasAuthProvider()) .authenticationProvider(jaasAuthProvider())
@ -99,8 +105,12 @@ public class WebSecurityConfig extends WebSecurityConfigurerAdapter {
.formLogin().loginPage("/login").failureUrl("/login?error") .formLogin().loginPage("/login").failureUrl("/login?error")
.permitAll() .permitAll()
.and() .and()
.logout().logoutRequestMatcher(new AntPathRequestMatcher("/logout")) .logout()
.logoutSuccessUrl("/login").deleteCookies("JSESSIONID") .invalidateHttpSession(true)
.invalidateHttpSession(true); .clearAuthentication(true)
.logoutRequestMatcher(new AntPathRequestMatcher("/logout"))
.logoutSuccessUrl("/login?logout")
.deleteCookies("JSESSIONID")
.permitAll();
} }
} }

7
rest/taskana-rest-spring-example/src/main/resources/static/css/bootstrap/4.1.3/bootstrap.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

34
rest/taskana-rest-spring-example/src/main/resources/static/css/main.css Normal file
View File

@ -0,0 +1,34 @@
body,html{
height:100%;
}
h1 {
margin-top: 20px;
color: #5fbca1;
}
body:before {
display: block;
width: 100%;
height: 3px;
background-image: linear-gradient(to right, #36bcee 30%, #5fbca1 50%);
content: ' ';
}
.logo{
margin-top: 20px;
width: 100px;
height: 100px;
}
div > form {
margin-top: 150px;
}
@media screen and (max-width: 768px) {
div > form {
margin-top: 75px;
}
}

BIN
rest/taskana-rest-spring-example/src/main/resources/static/img/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 145 KiB

76
rest/taskana-rest-spring-example/src/main/resources/templates/login.html
View File

@ -1,27 +1,63 @@
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"> <html xmlns:th="http://www.thymeleaf.org">
<head> <head>
<title>Custom Login Page</title> <title>Taskana login</title>
<link rel="stylesheet" type="text/css" th:href="@{/css/bootstrap/4.1.3/bootstrap.min.css}"/>
<link rel="stylesheet" type="text/css" th:href="@{/css/main.css}"/>
</head> </head>
<body> <body>
<div>
<form name="f" th:action="@{/login}" method="post"> <div class="container">
<fieldset> <h1 class="row justify-content-center">Welcome to Taskana</h1>
<legend>Please Login</legend> <div class="row justify-content-center">
<div th:if="${param.error}" class="alert alert-error"> <div>
Invalid username and password. <img th:src="@{/img/logo.png}" class="logo" alt="memorynotfound logo"/>
</div> </div>
<div th:if="${param.logout}" class="alert alert-success"> </div>
You have been logged out. <div class="row justify-content-center align-items-center">
</div> <div class="col-xs-12 col-md-6">
<label for="username">Username</label> <form th:action="@{/login}" method="post">
<input type="text" id="username" name="username"/> <div th:if="${param.error}">
<label for="password">Password</label> <div class="alert alert-danger">
<input type="password" id="password" name="password"/> Invalid username or password.
<div class="form-actions"> </div>
<button type="submit" class="btn">Log in</button> </div>
</div> <div th:if="${param.logout}">
</fieldset> <div class="alert alert-info">
</form> You have been logged out.
</div>
</div>
<div class="form-group">
<label for="username">Username</label>:
<input type="text"
id="username"
name="username"
class="form-control"
autofocus="autofocus"
placeholder="Username">
</div>
<div class="form-group">
<label for="password">Password</label>:
<input type="password"
id="password"
name="password"
class="form-control"
placeholder="Password">
</div>
<div class="form-group">
<div class="row justify-content-center">
<div class="col-sm-6 col-sm-offset-3">
<input type="submit"
name="login-submit"
id="login-submit"
class="form-control btn btn-info"
value="Log In">
</div>
</div>
</div>
</form>
</div>
</div>
</div> </div>
</body> </body>
</html> </html>