Skip to content
This repository was archived by the owner on Jan 9, 2026. It is now read-only.

Commit d486681

Browse files
awolfdenAdam Wolfman
awolfden
and
Adam Wolfman
authored
Update UI/UX for Java example apps (#49)
* Update UI/UX for MFA app * Update UI/UX for Magic Link app * Update UI/UX for Admin Portal app * Update UI/UX for Webhooks app * Update stying for Directory Sync app * Fix navbar inconsistency --------- Co-authored-by: Adam Wolfman <adamwolfman@Adams-MBP-3.domain>
1 parent b380b0b commit d486681

30 files changed

Lines changed: 1468 additions & 975 deletions

File tree

‎java-admin-portal-example/src/main/jte/home.jte‎

Lines changed: 62 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -2,41 +2,69 @@
22
<link rel="stylesheet" href="main.css" />
33
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter" />
44
</head>
5-
<body class="container_login">
6-
<div class="flex_column">
7-
<div class="flex heading_div">
8-
<img src="images/workos-logo-with-text.png" alt="workos logo" />
5+
<body class="height-100vh">
6+
<div class="logged_in_nav">
7+
<div class="flex">
8+
<div>
9+
<img
10+
src="images/workos-logo-with-text.png"
11+
alt="workos logo"
12+
/>
913
</div>
10-
11-
<h2>Java Admin Portal Example App</h2>
12-
<form method="POST" action="/provision-enterprise">
13-
<div class="flex_column">
14-
<div>
15-
<input
16-
type="text"
17-
placeholder="Enter Your Organization Name to Provision"
18-
id="org"
19-
name="org"
20-
class="text_input"
21-
required
22-
/>
23-
</div>
24-
<div>
25-
<input
26-
type="text"
27-
placeholder="Enter a Space Separated List of Domains Used By the Org"
28-
id="domain"
29-
name="domain"
30-
class="text_input text_input_2"
31-
required
32-
/>
33-
</div>
34-
<div>
35-
<button type="submit" class="button">
36-
Create Organization and Log In
37-
</button>
14+
</div>
15+
<div class="flex">
16+
<a href="https://workos.com/docs" target="_blank"
17+
><button class="button nav-item">Documentation</button></a
18+
>
19+
<a href="https://workos.com/docs/reference" target="_blank"
20+
><button class="button nav-item">API Reference</button></a
21+
>
22+
<a href="https://workos.com/blog" target="_blank"
23+
><button class="button nav-item blog-nav-button">Blog</button></a
24+
>
25+
<a href="https://workos.com/" target="_blank"
26+
><button class="button button-outline">WorkOS</button></a
27+
>
28+
</div>
29+
</div>
30+
<div class="flex flex_column height-80vh">
31+
<div class="flex height-40vh">
32+
<div class="card width-335">
33+
<form method="POST" action="/provision-enterprise">
34+
<div class="flex_column">
35+
<div>
36+
<span>Admin Portal Example</span>
37+
</div>
38+
<hr style="width: 100%; margin-top: 15px; margin-bottom: 20px" />
39+
<div>
40+
<input
41+
type="text"
42+
placeholder="Enter name of Organization"
43+
id="org"
44+
name="org"
45+
class="text_input"
46+
required
47+
/>
48+
</div>
49+
<div>
50+
<input
51+
type="text"
52+
placeholder="Enter domains (space separated)"
53+
id="domain"
54+
name="domain"
55+
class="text_input text_input_2"
56+
required
57+
/>
58+
</div>
59+
<br />
60+
<div>
61+
<button type="submit" class="button">
62+
Create Organization and Log In
63+
</button>
64+
</div>
3865
</div>
39-
</div>
40-
</form>
66+
</form>
67+
</div>
4168
</div>
69+
</div>
4270
</body>

‎java-admin-portal-example/src/main/jte/provision.jte‎

Lines changed: 68 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -5,67 +5,80 @@
55
<div class="logged_in_nav">
66
<div class="flex">
77
<div>
8-
<img src="images/workos-logo-with-text.png" alt="workos logo">
8+
<img
9+
src="images/workos-logo-with-text.png"
10+
alt="workos logo"
11+
/>
912
</div>
1013
</div>
1114
<div>
12-
<a href="https://workos.com/docs" target="_blank"><button class='button nav-item'>Documentation</button></a>
13-
<a href="https://workos.com/docs/reference" target="_blank"><button class='button nav-item'>API
14-
Reference</button></a>
15-
<a href="https://workos.com/blog" target="_blank"><button
16-
class='button nav-item blog-nav-button'>Blog</button></a>
17-
<a href="https://workos.com/" target="_blank"><button class='button button-outline'>WorkOS</button></a>
15+
<a href="https://workos.com/docs" target="_blank"
16+
><button class="button nav-item">Documentation</button></a
17+
>
18+
<a href="https://workos.com/docs/reference" target="_blank"
19+
><button class="button nav-item">API Reference</button></a
20+
>
21+
<a href="https://workos.com/blog" target="_blank"
22+
><button class="button nav-item blog-nav-button">Blog</button></a
23+
>
24+
<a href="https://workos.com/" target="_blank"
25+
><button class="button button-outline">WorkOS</button></a
26+
>
1827
</div>
1928
</div>
20-
<div class='flex'>
21-
<div class="logged_in_div_left">
22-
<div class="title-text">
23-
<h1>Your app,</h1>
24-
<h2 class="home-hero-gradient">Enterprise Ready</h2>
25-
</div>
26-
<div class="title-subtext">
27-
<p>Start selling to enterprise customers with just a few lines of code.</p>
28-
<p>Implement features like single sign-on in minutes instead of months.</p>
29-
</div>
30-
<div class="flex success-buttons">
31-
<a href="https://workos.com/signup" target="_blank"><button class='button'>Get Started</button></a>
32-
<a href="mailto:sales@workos.com?subject=WorkOS Sales Inquiry" target="_blank"><button
33-
class='button button-outline sales-button'>Contact
34-
Sales</button></a>
35-
</div>
36-
</div>
37-
<div class="logged_in_div_right">
38-
<div class="flex_column">
39-
<h2>Which Admin Portal would you like to launch?</h2>
40-
<div class="flex">
41-
<div>
42-
<a href="/admin-portal/generateLink?intent=sso"
43-
><button class="button dsync_button">Launch SSO</button></a
44-
>
45-
</div>
46-
<div>
47-
<a href="/admin-portal/generateLink?intent=dsync"
48-
><button class="button dsync_button">
49-
Launch Directory Sync
50-
</button>
51-
</a>
52-
</div>
53-
<div>
54-
<a href="/admin-portal/generateLink?intent=audit_logs"
55-
><button class="button dsync_button">
56-
Launch Audit Logs
57-
</button>
58-
</a>
59-
</div>
60-
<div>
61-
<a href="/admin-portal/generateLink?intent=log_streams"
62-
><button class="button dsync_button">
63-
Launch Log Streams
64-
</button>
65-
</a>
66-
</div>
67-
</div>
29+
<div class="flex">
30+
<div class="logged_in_div_right">
31+
<div class="flex_column">
32+
<h2>Which Admin Portal would you like to launch?</h2>
33+
<div class="flex">
34+
<table class="width-65vw">
35+
<tr>
36+
<th>Intent</th>
37+
<th>Create New Session</th>
38+
</tr>
39+
<tr>
40+
<td class="ta-left">SSO</td>
41+
<td>
42+
<a
43+
class="button button-outline"
44+
href="/admin-portal/generateLink?intent=sso"
45+
><img class="org-icon" src="/images/icon-settings.svg" alt="link to workos.com"></a
46+
>
47+
</td>
48+
</tr>
49+
<tr>
50+
<td class="ta-left">Directory Sync</td>
51+
<td>
52+
<a
53+
class="button button-outline"
54+
href="/admin-portal/generateLink?intent=dsync"
55+
><img class="org-icon" src="/images/icon-settings.svg" alt="link to workos.com"></a
56+
>
57+
</td>
58+
</tr>
59+
<tr>
60+
<td class="ta-left">Audit Logs</td>
61+
<td>
62+
<a
63+
class="button button-outline"
64+
href="/admin-portal/generateLink?intent=audit_logs"
65+
><img class="org-icon" src="/images/icon-settings.svg" alt="link to workos.com"></a
66+
>
67+
</td>
68+
</tr>
69+
<tr>
70+
<td class="ta-left">Log Streams</td>
71+
<td>
72+
<a
73+
class="button button-outline"
74+
href="/admin-portal/generateLink?intent=log_streams"
75+
><img class="org-icon" src="/images/icon-settings.svg" alt="link to workos.com"></a
76+
>
77+
</td>
78+
</tr>
79+
</table>
6880
</div>
6981
</div>
7082
</div>
83+
</div>
7184
</body>

‎java-admin-portal-example/src/resources/images/icon-settings.svg‎

Lines changed: 1 addition & 0 deletions
Loading

0 commit comments

Comments
 (0)