|
1 | | -<html> |
| 1 | +<html xmlns:th="http://www.w3.org/1999/xhtml" lang="en"> |
2 | 2 | <head> |
3 | | - <meta charset="utf-8" /> |
| 3 | + <meta charset="utf-8"/> |
4 | 4 | <title>FusionAuth OpenID and PKCE example</title> |
5 | 5 | <link rel="stylesheet" type="text/css" th:href="@{/css/styles.css}"/> |
6 | 6 | </head> |
7 | 7 | <body> |
8 | | -<div id="page-container"> |
9 | | - <div id="page-header"> |
10 | | - <div id="logo-header"> |
11 | | - <img th:src="@{/images/example_bank_logo.svg}" /> |
12 | | - <div class="h-row"> |
13 | | - <p class="header-email" th:text="${profile.email}"></p> |
14 | | - <a class="button-lg" href="/logout">Logout</a> |
| 8 | + <div id="page-container"> |
| 9 | + <div id="page-header"> |
| 10 | + <div id="logo-header"> |
| 11 | + <img th:src="@{/images/example_bank_logo.svg}"/> |
| 12 | + <div class="h-row"> |
| 13 | + <p class="header-email" th:text="${profile.email}"></p> |
| 14 | + <a class="button-lg" href="/logout">Logout</a> |
| 15 | + </div> |
15 | 16 | </div> |
16 | | - </div> |
17 | 17 |
|
18 | | - <div id="menu-bar" class="menu-bar"> |
19 | | - <a class="menu-link" href="/make-change">Make Change</a> |
20 | | - <a class="menu-link inactive" href="/account">Account</a> |
| 18 | + <div id="menu-bar" class="menu-bar"> |
| 19 | + <a class="menu-link" href="/make-change">Make Change</a> |
| 20 | + <a class="menu-link inactive" href="/account">Account</a> |
| 21 | + </div> |
21 | 22 | </div> |
22 | | - </div> |
23 | 23 |
|
24 | | - <div style="flex: 1;"> |
25 | | - <div class="column-container"> |
26 | | - <div class="app-container change-container"> |
27 | | - <h3>We Make Change</h3> |
| 24 | + <div style="flex: 1;"> |
| 25 | + <div class="column-container"> |
| 26 | + <div class="app-container change-container"> |
| 27 | + <h3>We Make Change</h3> |
28 | 28 |
|
29 | | - <div th:if="${change.error != null}" class="error-message" th:text="${change.error}"></div> |
30 | | - <div th:unless="${change.error != null}" class="change-message" th:text="${change.message}"> |
31 | | - </div> |
32 | | - |
33 | | - <form method="post" action="#" th:action="@{/make-change}" th:object="${change}"> |
34 | | - <div class="h-row"> |
35 | | - <div class="change-label">Amount in USD: $</div> |
36 | | - <input class="change-input" name="amount" value="0.00" th:field="*{total}" /> |
37 | | - <input class="change-submit" type="submit" value="Make Change" /> |
| 29 | + <div th:if="${change.error != null}" class="error-message" th:text="${change.error}"></div> |
| 30 | + <div th:unless="${change.error != null}" class="change-message" th:text="${change.message}"> |
38 | 31 | </div> |
39 | | - </form> |
| 32 | + |
| 33 | + <form method="post" action="#" th:action="@{/make-change}" th:object="${change}"> |
| 34 | + <div class="h-row"> |
| 35 | + <div class="change-label">Amount in USD: $</div> |
| 36 | + <input class="change-input" name="amount" value="0.00" th:field="*{total}"/> |
| 37 | + <input class="change-submit" type="submit" value="Make Change"/> |
| 38 | + </div> |
| 39 | + </form> |
| 40 | + </div> |
40 | 41 | </div> |
41 | 42 | </div> |
42 | 43 | </div> |
|
0 commit comments