Joe Grandja
3 years ago
16 changed files with 183 additions and 174 deletions
@ -0,0 +1,32 @@
@@ -0,0 +1,32 @@
|
||||
html, |
||||
body { |
||||
height: 100%; |
||||
} |
||||
|
||||
body { |
||||
display: flex; |
||||
align-items: start; |
||||
padding-top: 100px; |
||||
background-color: #f5f5f5; |
||||
} |
||||
|
||||
.form-signin { |
||||
max-width: 330px; |
||||
padding: 15px; |
||||
} |
||||
|
||||
.form-signin .form-floating:focus-within { |
||||
z-index: 2; |
||||
} |
||||
|
||||
.form-signin input[type="username"] { |
||||
margin-bottom: -1px; |
||||
border-bottom-right-radius: 0; |
||||
border-bottom-left-radius: 0; |
||||
} |
||||
|
||||
.form-signin input[type="password"] { |
||||
margin-bottom: 10px; |
||||
border-top-left-radius: 0; |
||||
border-top-right-radius: 0; |
||||
} |
||||
@ -1,13 +0,0 @@
@@ -1,13 +0,0 @@
|
||||
html, body, .container, .jumbotron { |
||||
height: 100%; |
||||
} |
||||
.jumbotron { |
||||
margin-bottom: 0; |
||||
} |
||||
.gap { |
||||
margin-top: 70px; |
||||
} |
||||
.code { |
||||
font-size: 2em; |
||||
letter-spacing: 2rem; |
||||
} |
||||
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 7.1 KiB |
|
After Width: | Height: | Size: 27 KiB |
@ -1,20 +0,0 @@
@@ -1,20 +0,0 @@
|
||||
<!DOCTYPE html> |
||||
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="https://www.thymeleaf.org"> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
||||
<title>Spring Security Example</title> |
||||
<link rel="stylesheet" href="/webjars/bootstrap/css/bootstrap.css" th:href="@{/webjars/bootstrap/css/bootstrap.css}" /> |
||||
<link rel="stylesheet" href="/assets/css/style.css" th:href="@{/assets/css/style.css}" /> |
||||
</head> |
||||
<body> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-md-8"> |
||||
<h2>Access Denied</h2> |
||||
<p>You have denied access.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
@ -1,33 +0,0 @@
@@ -1,33 +0,0 @@
|
||||
<!DOCTYPE html> |
||||
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="https://www.thymeleaf.org"> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
||||
<title>Device Grant Example</title> |
||||
<link rel="stylesheet" href="/webjars/bootstrap/css/bootstrap.css" th:href="@{/webjars/bootstrap/css/bootstrap.css}" /> |
||||
<link rel="stylesheet" href="/assets/css/style.css" th:href="@{/assets/css/style.css}" /> |
||||
</head> |
||||
<body> |
||||
<div class="jumbotron"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-md-8"> |
||||
<form th:action="@{/oauth2/device_verification}" method="post"> |
||||
<h2>Device Activation</h2> |
||||
<p>Enter the activation code to authorize the device.</p> |
||||
<p class="gap">Activation Code</p> |
||||
<div class="form-group"> |
||||
<label class="sr-only" for="user_code">Activation Code</label> |
||||
<input type="text" class="form-control" id="user_code" name="user_code" placeholder="Activation Code" autofocus> |
||||
</div> |
||||
<button type="submit" class="btn btn-default">Submit</button> |
||||
</form> |
||||
</div> |
||||
<div class="col-md-4"> |
||||
<img src="https://cdn.pixabay.com/photo/2017/07/03/15/20/technology-2468063_1280.png" class="img-responsive" alt="Devices"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
@ -1,25 +0,0 @@
@@ -1,25 +0,0 @@
|
||||
<!DOCTYPE html> |
||||
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="https://www.thymeleaf.org"> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
||||
<title>Device Grant Example</title> |
||||
<link rel="stylesheet" href="/webjars/bootstrap/css/bootstrap.css" th:href="@{/webjars/bootstrap/css/bootstrap.css}" /> |
||||
<link rel="stylesheet" href="/assets/css/style.css" th:href="@{/assets/css/style.css}" /> |
||||
</head> |
||||
<body> |
||||
<div class="jumbotron"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-md-8"> |
||||
<h2>Success!</h2> |
||||
<p>You have successfully activated your device. Please return to your device to continue.</p> |
||||
</div> |
||||
<div class="col-md-4"> |
||||
<img src="https://cdn.pixabay.com/photo/2017/07/03/15/20/technology-2468063_1280.png" class="img-responsive" alt="Devices"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,33 @@
@@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html> |
||||
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="https://www.thymeleaf.org"> |
||||
<head> |
||||
<meta charset="utf-8" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||
<title>Spring Authorization Server sample</title> |
||||
<link rel="stylesheet" href="/webjars/bootstrap/css/bootstrap.css" th:href="@{/webjars/bootstrap/css/bootstrap.css}" /> |
||||
</head> |
||||
<body> |
||||
<div class="container"> |
||||
<div class="row py-5"> |
||||
<div class="col-md-5"> |
||||
<h2>Device Activation</h2> |
||||
<p>Enter the activation code to authorize the device.</p> |
||||
<div class="mt-5"> |
||||
<form th:action="@{/oauth2/device_verification}" method="post"> |
||||
<div class="mb-3"> |
||||
<label for="user_code" class="form-label">Activation Code</label> |
||||
<input type="text" id="user_code" name="user_code" class="form-control" required autofocus> |
||||
</div> |
||||
<div class="mb-3"> |
||||
<button type="submit" class="btn btn-primary">Submit</button> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
<div class="col-md-7"> |
||||
<img src="/assets/img/devices.png" th:src="@{/assets/img/devices.png}" class="img-responsive" alt="Devices"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,25 @@
@@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html> |
||||
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="https://www.thymeleaf.org"> |
||||
<head> |
||||
<meta charset="utf-8" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||
<title>Spring Authorization Server sample</title> |
||||
<link rel="stylesheet" href="/webjars/bootstrap/css/bootstrap.css" th:href="@{/webjars/bootstrap/css/bootstrap.css}" /> |
||||
</head> |
||||
<body> |
||||
<div class="container"> |
||||
<div class="row py-5"> |
||||
<div class="col-md-5"> |
||||
<h2 class="text-success">Success!</h2> |
||||
<p> |
||||
You have successfully activated your device.<br/> |
||||
Please return to your device to continue. |
||||
</p> |
||||
</div> |
||||
<div class="col-md-7"> |
||||
<img src="/assets/img/devices.png" th:src="@{/assets/img/devices.png}" class="img-responsive" alt="Devices"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
@ -1,20 +1,19 @@
@@ -1,20 +1,19 @@
|
||||
<!DOCTYPE html> |
||||
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="https://www.thymeleaf.org"> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
||||
<title>Spring Security Example</title> |
||||
<link rel="stylesheet" href="/webjars/bootstrap/css/bootstrap.css" th:href="@{/webjars/bootstrap/css/bootstrap.css}" /> |
||||
<link rel="stylesheet" href="/assets/css/style.css" th:href="@{/assets/css/style.css}" /> |
||||
</head> |
||||
<body> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-md-8"> |
||||
<h2>Error</h2> |
||||
<p th:text="${message}"></p> |
||||
</div> |
||||
</div> |
||||
<head> |
||||
<meta charset="utf-8" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||
<title>Spring Authorization Server sample</title> |
||||
<link rel="stylesheet" href="/webjars/bootstrap/css/bootstrap.css" th:href="@{/webjars/bootstrap/css/bootstrap.css}" /> |
||||
</head> |
||||
<body> |
||||
<div class="container"> |
||||
<div class="row py-5"> |
||||
<div class="col-md-6"> |
||||
<h2 class="text-danger" th:text="${errorTitle}"></h2> |
||||
<p th:text="${errorMessage}"></p> |
||||
</div> |
||||
</body> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
|
||||
@ -1,41 +1,42 @@
@@ -1,41 +1,42 @@
|
||||
<!DOCTYPE html> |
||||
<html lang="en" |
||||
xmlns="http://www.w3.org/1999/xhtml" xmlns:th="https://www.thymeleaf.org"> |
||||
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="https://www.thymeleaf.org"> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
||||
<title>Spring Security Example</title> |
||||
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous"> |
||||
<link href="https://getbootstrap.com/docs/4.0/examples/signin/signin.css" rel="stylesheet" crossorigin="anonymous"/> |
||||
<meta charset="utf-8" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||
<title>Spring Authorization Server sample</title> |
||||
<link rel="stylesheet" href="/webjars/bootstrap/css/bootstrap.css" th:href="@{/webjars/bootstrap/css/bootstrap.css}" /> |
||||
<link rel="stylesheet" href="/assets/css/signin.css" th:href="@{/assets/css/signin.css}" /> |
||||
</head> |
||||
<body> |
||||
<div class="container"> |
||||
<form class="form-signin" method="post" th:action="@{/login}"> |
||||
<form class="form-signin w-100 m-auto" method="post" th:action="@{/login}"> |
||||
<div th:if="${param.error}" class="alert alert-danger" role="alert"> |
||||
Invalid username or password. |
||||
</div> |
||||
<div th:if="${param.logout}" class="alert alert-success" role="alert"> |
||||
You have been logged out. |
||||
</div> |
||||
<h2 class="form-signin-heading">Sign In</h2> |
||||
<p> |
||||
<label for="username" class="sr-only">Username</label> |
||||
<input type="text" id="username" name="username" class="form-control" placeholder="Username" required autofocus> |
||||
</p> |
||||
<p> |
||||
<label for="password" class="sr-only">Password</label> |
||||
<input type="password" id="password" name="password" class="form-control" placeholder="Password" required> |
||||
</p> |
||||
<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button> |
||||
<a class="btn btn-light btn-block bg-white" href="/oauth2/authorization/google-idp" role="link" style="text-transform: none;"> |
||||
<img width="20" style="margin-right: 5px;" alt="Sign in with Google" src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/Google_%22G%22_Logo.svg/512px-Google_%22G%22_Logo.svg.png" /> |
||||
Sign in with Google |
||||
</a> |
||||
<a class="btn btn-light btn-block bg-white" href="/oauth2/authorization/github-idp" role="link" style="text-transform: none;"> |
||||
<img width="24" style="margin-right: 5px;" alt="Sign in with GitHub" src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" /> |
||||
Sign in with Github |
||||
</a> |
||||
<h1 class="h3 mb-3 fw-normal">Please sign in</h1> |
||||
<div class="form-floating"> |
||||
<input type="text" id="username" name="username" class="form-control" required autofocus> |
||||
<label for="username">Username</label> |
||||
</div> |
||||
<div class="form-floating"> |
||||
<input type="password" id="password" name="password" class="form-control" required> |
||||
<label for="password">Password</label> |
||||
</div> |
||||
<div> |
||||
<button class="w-100 btn btn-lg btn-primary btn-block" type="submit">Sign in</button> |
||||
<a class="w-100 btn btn-light btn-block bg-white" href="/oauth2/authorization/google-idp" role="link" style="margin-top: 10px"> |
||||
<img src="/assets/img/google.png" th:src="@{/assets/img/google.png}" width="20" style="margin-right: 5px;" alt="Sign in with Google"> |
||||
Sign in with Google |
||||
</a> |
||||
<a class="w-100 btn btn-light btn-block bg-white" href="/oauth2/authorization/github-idp" role="link" style="margin-top: 10px"> |
||||
<img src="/assets/img/github.png" th:src="@{/assets/img/github.png}" width="24" style="margin-right: 5px;" alt="Sign in with Github"> |
||||
Sign in with Github |
||||
</a> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
</html> |
||||
|
||||
Loading…
Reference in new issue