Customized the error-pages by adding a template
[demos/testing] / src / main / resources / templates / error / error.html
1 <!doctype html>
2 <html xmlns:th="http://www.thymeleaf.org" lang="en">
3   <head>
4     <meta charset="utf-8">
5     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6     <title>Shows Remote-Content</title>
7     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
8   </head>
9   <body>
10     <nav class="navbar navbar-dark bg-primary navbar-expand navbar-dark flex-column">
11       <h2 class="navbar-brand">Demo: Unit-Test or Integration-Test &mdash; A Practical Guide</h2>
12     </nav>
13     <main class="container mt-5">
14       <div class="card">
15         <div class="card-header" id="content"><h1 th:text="|${status}: ${error}">XXX: ERROR</h1></div>
16         <div class="card-body">
17           <table class="card-text table">
18             <tbody>
19               <tr class="border-top-0">
20                 <th scope="row">Status</th>
21                 <td th:text="${status}">ERROR.STATUS</td>
22               </tr>
23               <tr>
24                 <th scope="row">Error</th>
25                 <td th:text="${error}">ERROR.ERROR</td>
26               </tr>
27               <tr th:if="!${#strings.isEmpty(message)}">
28                 <th scope="row">Message</th>
29                 <td th:text="${message}">ERROR.MESSAGE</td>
30               </tr>
31               <tr th:if="!${#strings.isEmpty(requestId)}">
32                 <th class="text-nowrap" scope="row">Request-ID</th>
33                 <td th:text="${requestId}">ERROR.REQUEST_ID</td>
34               </tr>
35               <tr>
36                 <th scope="row">Timstamp</th>
37                 <td th:text="${timestamp}">ERROR.TIMESTAMP</td>
38               </tr>
39               <tr th:if="!${#strings.isEmpty(path)}">
40                 <th scope="row">Path</th>
41                 <td th:text="${path}">ERROR.PATH</td>
42               </tr>
43               <!--/**-->
44               <tr th:if="!${#strings.isEmpty(trace)}">
45                 <th scope="row">Trace</th>
46                 <td>
47                   <div class="overflow-hidden">
48                     <pre class="overflow-hidden" th:text="${trace}">ERROR.TRACE</pre>
49                   </div>
50                 </td>
51               </tr>
52               <!--**/-->
53             </tbody>
54           </table>
55           <a href="#" th:href="@{/}" class="btn btn-primary">Back to HOME</a>
56         </div>
57       </div>
58     </main>
59   </body>
60 </html>