diff --git a/oidc-controller/api/routers/oidc.py b/oidc-controller/api/routers/oidc.py index 7c7d044d..b57afd4c 100644 --- a/oidc-controller/api/routers/oidc.py +++ b/oidc-controller/api/routers/oidc.py @@ -129,6 +129,10 @@ async def get_authorize(request: Request, db: Database = Depends(get_db)): image_contents = base64.b64encode(buff.getvalue()).decode("utf-8") callback_url = f"""{controller_host}{AuthorizeCallbackUri}?pid={auth_session.id}""" + # BC Wallet deep link + response_b64 = base64.b64encode(response.json().encode("utf-8")).decode("utf-8") + wallet_deep_link = f"bcwallet://aries_proof-request?oob={response_b64}" + # This is the payload to send to the template data = { "image_contents": image_contents, @@ -139,6 +143,7 @@ async def get_authorize(request: Request, db: Database = Depends(get_db)): "pid": auth_session.id, "controller_host": controller_host, "challenge_poll_uri": ChallengePollUri, + "wallet_deep_link": wallet_deep_link, } # Prepare the template diff --git a/oidc-controller/api/templates/verified_credentials.html b/oidc-controller/api/templates/verified_credentials.html index 0553e5a9..1b8c4756 100644 --- a/oidc-controller/api/templates/verified_credentials.html +++ b/oidc-controller/api/templates/verified_credentials.html @@ -16,6 +16,7 @@ .container { text-align: center; border-radius: 0.5rem; + border:none; box-shadow: 2px 2px 3px 3px #dedede; } .content { @@ -41,10 +42,19 @@ width: 18rem; margin-left: 3rem; } + .header-share { + display: grid; + grid-template-columns: 5rem 1fr; + width: 22rem; + margin-top: 1.5rem; + margin-bottom: 1.75rem; + } .qr-code-desc { text-align: left; } .qr-code { + display: flex; + justify-content: center; position: relative; margin: 2rem 0 2rem -0.5rem; } @@ -79,7 +89,7 @@ background-color: white; height: 100%; width: 19rem; - margin-left: 2.8rem; + /* margin-left: 2.8rem; */ align-items: center; justify-content: center; z-index: 1; @@ -188,91 +198,177 @@ .text-link label { display: block; } + + /* BC Gov style buttons */ + .BC-Gov-PrimaryButton, + .BC-Gov-SecondaryButton { + text-align: center; + text-decoration: none; + display: block; + font-size: 18px; + font-weight: 700; + letter-spacing: 1px; + cursor: pointer; + } + .BC-Gov-PrimaryButton:hover, + .BC-Gov-SecondaryButton:hover { + text-decoration: underline; + opacity: 0.80; + } + .BC-Gov-PrimaryButton:focus, + .BC-Gov-SecondaryButton:focus{ + outline: 4px solid #3B99FC; + outline-offset: 1px; + } + .BC-Gov-PrimaryButton { + background-color: #003366; + border: none; + border-radius: 4px; + color: white; + padding: 12px 32px; + margin-bottom: 1.5rem; + } + .BC-Gov-PrimaryButton:active { + opacity: 1; + } + .BC-Gov-SecondaryButton { + background: none; + border-radius: 4px; + border: 2px solid #003366; + padding: 10px 30px; + color: #003366; + margin-bottom: 1.5rem; + } + .BC-Gov-SecondaryButton:hover { + background-color: #003366; + color: #FFFFFF; + } + .BC-Gov-SecondaryButton:active { + opacity: 1; + } + + /* Mobile device */ + .mobile-device{ + display: none; + }
{{add_asset("BCID_H_rgb_rev.svg")}}
-

Scan with a Digital Wallet

+ +
+

Scan with a Digital Wallet

+ + + BC Wallet + + + + BC Wallet on other device + -
-
{{add_asset("hand-qrcode.svg")}}
-
- Scanning this QR code will send you a request to share your - information +
+
{{add_asset("hand-qrcode.svg")}}
+
+ A request to share your information will be sent to your + BC Wallet +
+
-
-
{{add_asset("circle-check.svg")}}
-
- Success! You will be redirected shortly. + +
+

Scan with a Digital Wallet

+ +
+
{{add_asset("hand-qrcode.svg")}}
+
+ Scanning this QR code will send you a request to share your + information +
-
-
-
{{add_asset("circle-x.svg")}}
-
- Proof not accepted. -
- Please try again. +
+
{{add_asset("circle-check.svg")}}
+
+ Success! You will be redirected shortly. +
-
-
-
{{add_asset("expired.svg")}}
-
- Proof has expired. -
- Refresh QR code. +
+
{{add_asset("circle-x.svg")}}
+
+ Proof not accepted. +
+ Please try again. +
-
-
-
{{add_asset("circle-x.svg")}}
-
- Proof declined -
- +
{{add_asset("expired.svg")}}
+
+ Proof has expired. +
+ Try again. -
-
- -
-
{{add_asset("hourglass.svg")}}
-
- Proof is pending. + >Refresh QR code. +
+
+ +
+
{{add_asset("circle-x.svg")}}
+
+ Proof declined +
+ Try again. +
-
-
- +
+
QR code scanned
- -
-
QR code scanned
+
{{add_asset("dashed-border.svg")}}
+ {{image_contents}}
-
{{add_asset("dashed-border.svg")}}
- {{image_contents}}
@@ -286,21 +382,55 @@

Scan with a Digital Wallet

>{{url_to_message}}
-
+

Don't have a digital wallet? -

- Download BC Wallet +

+

+ Download the BC Wallet app + +