Skip to content

Commit b0fd862

Browse files
alukachalukach
committed
Add note about mock app
1 parent 8f07eb7 commit b0fd862

File tree

1 file changed

+116
-92
lines changed

1 file changed

+116
-92
lines changed

‎examples/mock_oidc_server/templates/login.html‎

Lines changed: 116 additions & 92 deletions
Original file line numberDiff line numberDiff line change
@@ -1,99 +1,123 @@
11
<!DOCTYPE html>
22
<html>
3-
<head>
3+
<head>
44
<title>Mock OIDC Login</title>
55
<style>
6-
body {
7-
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
8-
display: flex;
9-
justify-content: center;
10-
align-items: center;
11-
height: 100vh;
12-
margin: 0;
13-
background-color: #f5f5f5;
14-
}
15-
.login-container {
16-
background: white;
17-
padding: 2rem;
18-
border-radius: 8px;
19-
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
20-
text-align: center;
21-
max-width: 400px;
22-
width: 100%;
23-
}
24-
h1 {
25-
color: #333;
26-
margin-bottom: 1.5rem;
27-
}
28-
.info {
29-
color: #666;
30-
margin-bottom: 1rem;
31-
}
32-
.scopes {
33-
background: #f8f9fa;
34-
border-radius: 4px;
35-
padding: 1rem;
36-
margin-bottom: 2rem;
37-
text-align: left;
38-
}
39-
.scopes h2 {
40-
color: #495057;
41-
font-size: 1rem;
42-
margin: 0 0 0.5rem 0;
43-
}
44-
.scope-list {
45-
list-style: none;
46-
margin: 0;
47-
padding: 0;
48-
}
49-
.scope-list li {
50-
color: #666;
51-
padding: 0.25rem 0;
52-
font-size: 0.9rem;
53-
font-family: monospace;
54-
}
55-
.scope-list li::before {
56-
content: "✓";
57-
color: #28a745;
58-
margin-right: 0.5rem;
59-
}
60-
form {
61-
display: flex;
62-
justify-content: center;
63-
}
64-
button {
65-
background-color: #007bff;
66-
color: white;
67-
border: none;
68-
padding: 0.75rem 2rem;
69-
border-radius: 4px;
70-
cursor: pointer;
71-
font-size: 1rem;
72-
transition: background-color 0.2s;
73-
}
74-
button:hover {
75-
background-color: #0056b3;
76-
}
6+
body {
7+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
8+
"Helvetica Neue", Arial, sans-serif;
9+
display: flex;
10+
justify-content: center;
11+
align-items: center;
12+
height: 100vh;
13+
margin: 0;
14+
background-color: #f5f5f5;
15+
}
16+
.login-container {
17+
background: white;
18+
padding: 2rem;
19+
border-radius: 8px;
20+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
21+
text-align: center;
22+
max-width: 400px;
23+
width: 100%;
24+
}
25+
h1 {
26+
color: #333;
27+
margin-bottom: 1.5rem;
28+
}
29+
.info {
30+
color: #666;
31+
margin-bottom: 1rem;
32+
}
33+
.mock-notice {
34+
background: #ffe;
35+
border: 1px solid #ffeeba;
36+
color: #856404;
37+
padding: 1rem;
38+
border-radius: 4px;
39+
margin-bottom: 1.5rem;
40+
font-size: 0.9rem;
41+
text-align: left;
42+
font-style: italic;
43+
}
44+
.mock-notice strong {
45+
display: block;
46+
margin-bottom: 0.5rem;
47+
}
48+
.scopes {
49+
background: #f8f9fa;
50+
border-radius: 4px;
51+
padding: 1rem;
52+
margin-bottom: 2rem;
53+
text-align: left;
54+
}
55+
.scopes h2 {
56+
color: #495057;
57+
font-size: 1rem;
58+
margin: 0 0 0.5rem 0;
59+
}
60+
.scope-list {
61+
list-style: none;
62+
margin: 0;
63+
padding: 0;
64+
}
65+
.scope-list li {
66+
color: #666;
67+
padding: 0.25rem 0;
68+
font-size: 0.9rem;
69+
font-family: monospace;
70+
}
71+
.scope-list li::before {
72+
content: "✓";
73+
color: #28a745;
74+
margin-right: 0.5rem;
75+
}
76+
form {
77+
display: flex;
78+
justify-content: center;
79+
}
80+
button {
81+
background-color: #007bff;
82+
color: white;
83+
border: none;
84+
padding: 0.75rem 2rem;
85+
border-radius: 4px;
86+
cursor: pointer;
87+
font-size: 1rem;
88+
transition: background-color 0.2s;
89+
text-transform: uppercase;
90+
font-weight: bold;
91+
}
92+
button:hover {
93+
background-color: #0056b3;
94+
}
7795
</style>
78-
</head>
79-
<body>
96+
</head>
97+
<body>
8098
<div class="login-container">
81-
<h1>Mock OIDC Login</h1>
82-
<p class="info">
83-
Application <strong>{{ client_id }}</strong> is requesting access to your account.
84-
</p>
85-
<div class="scopes">
86-
<h2>Requested Permissions:</h2>
87-
<ul class="scope-list">
88-
{% for scope in scopes %}
89-
<li>{{ scope }}</li>
90-
{% endfor %}
91-
</ul>
92-
</div>
93-
<form method="POST" action="/login">
94-
<input type="hidden" name="request_id" value="{{ request_id }}">
95-
<button type="submit">Continue with Login</button>
96-
</form>
99+
<h1>Fake Login</h1>
100+
<div class="mock-notice">
101+
<strong>⚠️ This is a mock authentication server.</strong>
102+
This is a development/testing server that will automatically generate a
103+
token for a mock user (<code>user123</code>) when you click continue.
104+
</div>
105+
<p class="info">
106+
Application <strong>{{ client_id }}</strong> is requesting access to
107+
your account.
108+
</p>
109+
<div class="scopes">
110+
<h2>Requested Permissions:</h2>
111+
<ul class="scope-list">
112+
{% for scope in scopes %}
113+
<li>{{ scope }}</li>
114+
{% endfor %}
115+
</ul>
116+
</div>
117+
<form method="POST" action="/login">
118+
<input type="hidden" name="request_id" value="{{ request_id }}" />
119+
<button type="submit">Login</button>
120+
</form>
97121
</div>
98-
</body>
99-
</html>
122+
</body>
123+
</html>

0 commit comments

Comments
 (0)