Skip to content

Commit 800f540

Browse files
awolfdenAdam Wolfman
awolfden
and
Adam Wolfman
authored
Update all logos and MFA code entry UI (#22)
Co-authored-by: Adam Wolfman <[email protected]>
1 parent c638dea commit 800f540

File tree

21 files changed

+78
-93
lines changed

21 files changed

+78
-93
lines changed

‎.vscode/settings.json

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"python.formatting.provider": "black"
3+
}

‎python-flask-admin-portal-example/static/css/login.css

-6
Original file line numberDiff line numberDiff line change
@@ -242,12 +242,6 @@ div.text_box {
242242

243243
.logged_in_nav img {
244244
height: 50px;
245-
border-radius: 50%;
246-
border: 2px solid #2f2e2e;
247-
}
248-
249-
.logged_in_nav img:hover {
250-
border: 2px solid #555555;
251245
}
252246

253247
.nav-item {

‎python-flask-admin-portal-example/templates/org_logged_in.html

+1-4
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,7 @@
88
<div class="logged_in_nav">
99
<div class="flex">
1010
<div>
11-
<img src="../static/images/workos_logo_new.png" alt="workos logo">
12-
</div>
13-
<div class="flex">
14-
<p>WorkOS</p>
11+
<img src="../static/images/workos-logo-with-text.png" alt="workos logo">
1512
</div>
1613
</div>
1714
<div>

‎python-flask-directory-sync-example/static/home.css

-6
Original file line numberDiff line numberDiff line change
@@ -228,12 +228,6 @@ div.text_box {
228228

229229
.logged_in_nav img {
230230
height: 50px;
231-
border-radius: 50%;
232-
border: 2px solid #2f2e2e;
233-
}
234-
235-
.logged_in_nav img:hover {
236-
border: 2px solid #555555;
237231
}
238232

239233
.nav-item {

‎python-flask-directory-sync-example/templates/directory.html

+1-4
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,7 @@
88
<div class="logged_in_nav">
99
<div class="flex">
1010
<div>
11-
<img src="../static/images/workos_logo_new.png" alt="workos logo">
12-
</div>
13-
<div class="flex">
14-
<p>WorkOS</p>
11+
<img src="../static/images/workos-logo-with-text.png" alt="workos logo">
1512
</div>
1613
</div>
1714
<div>

‎python-flask-directory-sync-example/templates/groups.html

+1-4
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,7 @@
88
<div class="logged_in_nav">
99
<div class="flex">
1010
<div>
11-
<img src="../static/images/workos_logo_new.png" alt="workos logo">
12-
</div>
13-
<div class="flex">
14-
<p>WorkOS</p>
11+
<img src="../static/images/workos-logo-with-text.png" alt="workos logo">
1512
</div>
1613
</div>
1714
<div>

‎python-flask-directory-sync-example/templates/users.html

+1-4
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,7 @@
88
<div class="logged_in_nav">
99
<div class="flex">
1010
<div>
11-
<img src="../static/images/workos_logo_new.png" alt="workos logo">
12-
</div>
13-
<div class="flex">
14-
<p>WorkOS</p>
11+
<img src="../static/images/workos-logo-with-text.png" alt="workos logo">
1512
</div>
1613
</div>
1714
<div>

‎python-flask-directory-sync-example/templates/webhooks.html

+1-4
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,7 @@
88
<div class="logged_in_nav">
99
<div class="flex">
1010
<div>
11-
<img src="../static/images/workos_logo_new.png" alt="workos logo">
12-
</div>
13-
<div class="flex">
14-
<p>WorkOS</p>
11+
<img src="../static/images/workos-logo-with-text.png" alt="workos logo">
1512
</div>
1613
</div>
1714
<div>

‎python-flask-magic-link-example/static/login.css

-6
Original file line numberDiff line numberDiff line change
@@ -220,12 +220,6 @@ div.text_box {
220220

221221
.logged_in_nav img {
222222
height: 50px;
223-
border-radius: 50%;
224-
border: 2px solid #2f2e2e;
225-
}
226-
227-
.logged_in_nav img:hover {
228-
border: 2px solid #555555;
229223
}
230224

231225
.nav-item {

‎python-flask-magic-link-example/templates/serve_magic_link.html

+1-4
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,7 @@
88
<div class="logged_in_nav">
99
<div class="flex">
1010
<div>
11-
<img src="../static/images/workos_logo_new.png" alt="workos logo">
12-
</div>
13-
<div class="flex">
14-
<p>WorkOS</p>
11+
<img src="../static/images/workos-logo-with-text.png" alt="workos logo">
1512
</div>
1613
</div>
1714
<div>

‎python-flask-magic-link-example/templates/success.html

+1-4
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,7 @@
88
<div class="logged_in_nav">
99
<div class="flex">
1010
<div>
11-
<img src="../static/images/workos_logo_new.png" alt="workos logo">
12-
</div>
13-
<div class="flex">
14-
<p>WorkOS</p>
11+
<img src="../static/images/workos-logo-with-text.png" alt="workos logo">
1512
</div>
1613
</div>
1714
<div>

‎python-flask-mfa-example/app.py

+7-1
Original file line numberDiff line numberDiff line change
@@ -110,7 +110,13 @@ def challenge_factor():
110110

111111
@app.route("/verify_factor", methods=["POST"])
112112
def verify_factor():
113-
code = request.form["code"]
113+
def buildCode(code_values):
114+
code = ""
115+
for x in code_values.values():
116+
code += x
117+
return code
118+
119+
code = buildCode(request.form)
114120
challenge_id = session["challenge_id"]
115121
verify_factor = workos.client.mfa.verify_factor(
116122
authentication_challenge_id=challenge_id,

‎python-flask-mfa-example/static/login.css

+8-6
Original file line numberDiff line numberDiff line change
@@ -220,12 +220,6 @@ div.text_box {
220220

221221
.logged_in_nav img {
222222
height: 50px;
223-
border-radius: 50%;
224-
border: 2px solid #2f2e2e;
225-
}
226-
227-
.logged_in_nav img:hover {
228-
border: 2px solid #555555;
229223
}
230224

231225
.nav-item {
@@ -287,4 +281,12 @@ pre.prettyprint {
287281
.qr_code {
288282
width: 7vw;
289283
max-width: 100px;
284+
}
285+
286+
.code-input {
287+
width: 75px;
288+
height: 100px;
289+
margin: 0px 5px 30px 5px;
290+
font-size: 60px;
291+
color: darkslategray;
290292
}

‎python-flask-mfa-example/templates/challenge_factor.html

+41-12
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,7 @@
88
<div class="logged_in_nav">
99
<div class="flex">
1010
<div>
11-
<img src="../static/images/workos_logo_new.png" alt="workos logo">
12-
</div>
13-
<div class="flex">
14-
<p>WorkOS</p>
11+
<img src="../static/images/workos-logo-with-text.png" alt="workos logo">
1512
</div>
1613
</div>
1714
<div>
@@ -46,23 +43,55 @@ <h2 class="home-hero-gradient">Enterprise Ready</h2>
4643
<div>
4744
<form method="POST" action="{{ url_for('verify_factor') }}">
4845
<div class='flex_column'>
49-
<div>
50-
<input type="text" id="code" name="code" class="text_input"
51-
placeholder="Input Auth Code">
46+
<div class="flex form-wrap">
47+
<input type="text" id="code-1" name="code-1" maxlength="1"
48+
class="text_input code-input" placeholder="-">
49+
<input type="text" id="code-2" name="code-2" maxlength="1"
50+
class="text_input code-input" placeholder="-">
51+
<input type="text" id="code-3" name="code-3" maxlength="1"
52+
class="text_input code-input" placeholder="-">
53+
<input type="text" id="code-4" name="code-4" maxlength="1"
54+
class="text_input code-input" placeholder="-">
55+
<input type="text" id="code-5" name="code-5" maxlength="1"
56+
class="text_input code-input" placeholder="-">
57+
<input type="text" id="code-6" name="code-6" maxlength="1"
58+
class="text_input code-input" placeholder="-">
5259
</div>
53-
<div>
54-
<button type="submit" class="button">Verify Factor</button>
60+
<div class="flex space-evenly width_25vw">
61+
<div>
62+
<button type="submit" class="button button-sm">Verify Factor</button>
63+
</div>
64+
<div>
65+
<a href="/"><button type="button" class='button button-sm'>Go Back
66+
Home</button></a>
67+
</div>
5568
</div>
5669
</div>
5770
</form>
58-
5971
</div>
6072
</div>
61-
6273
</div>
63-
6474
</div>
6575
</div>
6676
</body>
77+
<script>
78+
var container = document.getElementsByClassName("form-wrap")[0];
79+
container.onkeyup = function (e) {
80+
var target = e.srcElement;
81+
var maxLength = parseInt(target.attributes["maxlength"].value, 10);
82+
var myLength = target.value.length;
83+
if (myLength >= maxLength) {
84+
var next = target;
85+
while (next = next.nextElementSibling) {
86+
if (next == null)
87+
break;
88+
if (next.tagName.toLowerCase() == "input") {
89+
next.focus();
90+
break;
91+
}
92+
}
93+
}
94+
}
95+
</script>
6796

6897
</html>

‎python-flask-mfa-example/templates/challenge_success.html

+1-4
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,7 @@
88
<div class="logged_in_nav">
99
<div class="flex">
1010
<div>
11-
<img src="../static/images/workos_logo_new.png" alt="workos logo">
12-
</div>
13-
<div class="flex">
14-
<p>WorkOS</p>
11+
<img src="../static/images/workos-logo-with-text.png" alt="workos logo">
1512
</div>
1613
</div>
1714
<div>

‎python-flask-mfa-example/templates/enroll_factor.html

+1-4
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,7 @@
88
<div class="logged_in_nav">
99
<div class="flex">
1010
<div>
11-
<img src="../static/images/workos_logo_new.png" alt="workos logo">
12-
</div>
13-
<div class="flex">
14-
<p>WorkOS</p>
11+
<img src="../static/images/workos-logo-with-text.png" alt="workos logo">
1512
</div>
1613
</div>
1714
<div>

‎python-flask-mfa-example/templates/factor_detail.html

+1-4
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,7 @@
88
<div class="logged_in_nav">
99
<div class="flex">
1010
<div>
11-
<img src="../static/images/workos_logo_new.png" alt="workos logo">
12-
</div>
13-
<div class="flex">
14-
<p>WorkOS</p>
11+
<img src="../static/images/workos-logo-with-text.png" alt="workos logo">
1512
</div>
1613
</div>
1714
<div>

‎python-flask-mfa-example/templates/list_factors.html

+1-4
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,7 @@
88
<div class="logged_in_nav">
99
<div class="flex">
1010
<div>
11-
<img src="../static/images/workos_logo_new.png" alt="workos logo">
12-
</div>
13-
<div class="flex">
14-
<p>WorkOS</p>
11+
<img src="../static/images/workos-logo-with-text.png" alt="workos logo">
1512
</div>
1613
</div>
1714
<div>

‎python-flask-sso-example/app.py

+7-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import json
22
import os
3-
3+
from urllib.parse import urlparse, parse_qs
44
from flask import Flask, session, redirect, render_template, request, url_for
55
import workos
66

@@ -18,7 +18,7 @@
1818

1919
# Enter Connection ID here
2020

21-
CUSTOMER_CONNECTION_ID = ""
21+
CUSTOMER_CONNECTION_ID = "conn_01G90XQ07953ZADRSFVF1YFSXP"
2222

2323

2424
def to_pretty_json(value):
@@ -54,6 +54,11 @@ def auth():
5454

5555
@app.route("/auth/callback")
5656
def auth_callback():
57+
58+
print(request.args.get("error"))
59+
print(request.args.get("error_description"))
60+
print(request.args.get("error_uri"))
61+
5762
code = request.args.get("code")
5863
profile = workos.client.sso.get_profile_and_token(code)
5964
p_profile = profile.to_dict()

‎python-flask-sso-example/static/login.css

-6
Original file line numberDiff line numberDiff line change
@@ -220,12 +220,6 @@ div.text_box {
220220

221221
.logged_in_nav img {
222222
height: 50px;
223-
border-radius: 50%;
224-
border: 2px solid #2f2e2e;
225-
}
226-
227-
.logged_in_nav img:hover {
228-
border: 2px solid #555555;
229223
}
230224

231225
.nav-item {

‎python-flask-sso-example/templates/login_successful.html

+1-4
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,7 @@
88
<div class="logged_in_nav">
99
<div class="flex">
1010
<div>
11-
<img src="../static/images/workos_logo_new.png" alt="workos logo">
12-
</div>
13-
<div class="flex">
14-
<p>You're logged in {{first_name}}, welcome!</p>
11+
<img src="../static/images/workos-logo-with-text.png" alt="workos logo">
1512
</div>
1613
</div>
1714
<div>

0 commit comments

Comments
 (0)