Skip to content

Commit

Permalink
Update UI/UX for Java example apps (#49)
Browse files Browse the repository at this point in the history 
* 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>
  • Loading branch information
@awolfden
awolfden and Adam Wolfman authored May 23, 2023
1 parent b380b0b commit d486681
Show file tree
Hide file tree
Showing 30 changed files with 1,468 additions and 975 deletions.
96 changes: 62 additions & 34 deletions java-admin-portal-example/src/main/jte/home.jte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,41 +2,69 @@
<link rel="stylesheet" href="main.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter" />
</head>
<body class="container_login">
<div class="flex_column">
<div class="flex heading_div">
<img src="images/workos-logo-with-text.png" alt="workos logo" />
<body class="height-100vh">
<div class="logged_in_nav">
<div class="flex">
<div>
<img
src="images/workos-logo-with-text.png"
alt="workos logo"
/>
</div>

<h2>Java Admin Portal Example App</h2>
<form method="POST" action="/provision-enterprise">
<div class="flex_column">
<div>
<input
type="text"
placeholder="Enter Your Organization Name to Provision"
id="org"
name="org"
class="text_input"
required
/>
</div>
<div>
<input
type="text"
placeholder="Enter a Space Separated List of Domains Used By the Org"
id="domain"
name="domain"
class="text_input text_input_2"
required
/>
</div>
<div>
<button type="submit" class="button">
Create Organization and Log In
</button>
</div>
<div class="flex">
<a href="https://workos.com/docs" target="_blank"
><button class="button nav-item">Documentation</button></a
>
<a href="https://workos.com/docs/reference" target="_blank"
><button class="button nav-item">API Reference</button></a
>
<a href="https://workos.com/blog" target="_blank"
><button class="button nav-item blog-nav-button">Blog</button></a
>
<a href="https://workos.com/" target="_blank"
><button class="button button-outline">WorkOS</button></a
>
</div>
</div>
<div class="flex flex_column height-80vh">
<div class="flex height-40vh">
<div class="card width-335">
<form method="POST" action="/provision-enterprise">
<div class="flex_column">
<div>
<span>Admin Portal Example</span>
</div>
<hr style="width: 100%; margin-top: 15px; margin-bottom: 20px" />
<div>
<input
type="text"
placeholder="Enter name of Organization"
id="org"
name="org"
class="text_input"
required
/>
</div>
<div>
<input
type="text"
placeholder="Enter domains (space separated)"
id="domain"
name="domain"
class="text_input text_input_2"
required
/>
</div>
<br />
<div>
<button type="submit" class="button">
Create Organization and Log In
</button>
</div>
</div>
</div>
</form>
</form>
</div>
</div>
</div>
</body>
123 changes: 68 additions & 55 deletions java-admin-portal-example/src/main/jte/provision.jte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,67 +5,80 @@
<div class="logged_in_nav">
<div class="flex">
<div>
<img src="images/workos-logo-with-text.png" alt="workos logo">
<img
src="images/workos-logo-with-text.png"
alt="workos logo"
/>
</div>
</div>
<div>
<a href="https://workos.com/docs" target="_blank"><button class='button nav-item'>Documentation</button></a>
<a href="https://workos.com/docs/reference" target="_blank"><button class='button nav-item'>API
Reference</button></a>
<a href="https://workos.com/blog" target="_blank"><button
class='button nav-item blog-nav-button'>Blog</button></a>
<a href="https://workos.com/" target="_blank"><button class='button button-outline'>WorkOS</button></a>
<a href="https://workos.com/docs" target="_blank"
><button class="button nav-item">Documentation</button></a
>
<a href="https://workos.com/docs/reference" target="_blank"
><button class="button nav-item">API Reference</button></a
>
<a href="https://workos.com/blog" target="_blank"
><button class="button nav-item blog-nav-button">Blog</button></a
>
<a href="https://workos.com/" target="_blank"
><button class="button button-outline">WorkOS</button></a
>
</div>
</div>
<div class='flex'>
<div class="logged_in_div_left">
<div class="title-text">
<h1>Your app,</h1>
<h2 class="home-hero-gradient">Enterprise Ready</h2>
</div>
<div class="title-subtext">
<p>Start selling to enterprise customers with just a few lines of code.</p>
<p>Implement features like single sign-on in minutes instead of months.</p>
</div>
<div class="flex success-buttons">
<a href="https://workos.com/signup" target="_blank"><button class='button'>Get Started</button></a>
<a href="mailto:sales@workos.com?subject=WorkOS Sales Inquiry" target="_blank"><button
class='button button-outline sales-button'>Contact
Sales</button></a>
</div>
</div>
<div class="logged_in_div_right">
<div class="flex_column">
<h2>Which Admin Portal would you like to launch?</h2>
<div class="flex">
<div>
<a href="/admin-portal/generateLink?intent=sso"
><button class="button dsync_button">Launch SSO</button></a
>
</div>
<div>
<a href="/admin-portal/generateLink?intent=dsync"
><button class="button dsync_button">
Launch Directory Sync
</button>
</a>
</div>
<div>
<a href="/admin-portal/generateLink?intent=audit_logs"
><button class="button dsync_button">
Launch Audit Logs
</button>
</a>
</div>
<div>
<a href="/admin-portal/generateLink?intent=log_streams"
><button class="button dsync_button">
Launch Log Streams
</button>
</a>
</div>
</div>
<div class="flex">
<div class="logged_in_div_right">
<div class="flex_column">
<h2>Which Admin Portal would you like to launch?</h2>
<div class="flex">
<table class="width-65vw">
<tr>
<th>Intent</th>
<th>Create New Session</th>
</tr>
<tr>
<td class="ta-left">SSO</td>
<td>
<a
class="button button-outline"
href="/admin-portal/generateLink?intent=sso"
><img class="org-icon" src="/images/icon-settings.svg" alt="link to workos.com"></a
>
</td>
</tr>
<tr>
<td class="ta-left">Directory Sync</td>
<td>
<a
class="button button-outline"
href="/admin-portal/generateLink?intent=dsync"
><img class="org-icon" src="/images/icon-settings.svg" alt="link to workos.com"></a
>
</td>
</tr>
<tr>
<td class="ta-left">Audit Logs</td>
<td>
<a
class="button button-outline"
href="/admin-portal/generateLink?intent=audit_logs"
><img class="org-icon" src="/images/icon-settings.svg" alt="link to workos.com"></a
>
</td>
</tr>
<tr>
<td class="ta-left">Log Streams</td>
<td>
<a
class="button button-outline"
href="/admin-portal/generateLink?intent=log_streams"
><img class="org-icon" src="/images/icon-settings.svg" alt="link to workos.com"></a
>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</body>
1 change: 1 addition & 0 deletions java-admin-portal-example/src/resources/images/icon-settings.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit d486681

Please sign in to comment.