Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

BB2-2666 Update new permissions screen for research study apps #1134

Merged
merged 3 commits into from
Sep 26, 2023
Merged

BB2-2666 Update new permissions screen for research study apps #1134

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
e86e271
BB2-2666 Update new permissions screen for research study apps
ajshred Sep 15, 2023
d0f0fab
Remove weird characters from ids
ajshred Sep 15, 2023
c38ad88
Merge branch 'master' into ajones/BB2-2666-update-new-permissions-scr…
ajshred Sep 22, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
31 changes: 17 additions & 14 deletions templates/design_system/new_authorize_v2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -110,7 +110,7 @@ <h1 class="ds-text-heading--2xl ds-u-margin-bottom--3">Connect your Medicare cla
<p class="ds-u-margin-top--4 ds-u-margin-bottom--0" style="display: flex; align-items: center">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" style="flex-shrink: 0;" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Icons/Learn</title>
<g id="🚧-Medicare.gov-permissions-screen" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Medicare.gov-permissions-screen" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Permissions-Screen---mobile---13mo-Copy" transform="translate(-41.000000, -664.000000)" fill="#404040" fill-rule="nonzero">
<g id="PP-and-TC" transform="translate(41.000000, 650.000000)">
<g id="Q&amp;A" transform="translate(0.000000, 14.000000)">
Expand All @@ -125,26 +125,29 @@ <h1 class="ds-text-heading--2xl ds-u-margin-bottom--3">Connect your Medicare cla
</g>
</svg><span class="ds-u-margin-left--3 ds-text-body--md">Learn more about how {{ application.name }} uses your data in their <a href="{{ application.policy_uri }}">Privacy Policy</a> and <a href="{{ application.tos_uri }}">Terms and Conditions</a>.</span>
</p>
<p class="ds-u-margin-top--5 ds-u-margin-bottom--0" style="display: flex; align-items: center;">
<svg width="23.9999544px" height="16px" alignment-baseline="baseline" viewBox="0 0 23.9999544 16" version="1.1" style="flex-shrink: 0;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Icons/Show password</title>
<g id="🚧-Medicare.gov-permissions-screen" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="no-demographic-option---mobile--13mo" transform="translate(-40.000023, -575.750000)" fill="#404040" fill-rule="nonzero">
<g id="access-duration" transform="translate(40.000000, 564.000000)">
<g id="Icons/Show-password" transform="translate(0.000000, 11.750000)">
<g id="eye-regular" transform="translate(0.000000, -0.000000)">
<path d="M12,3.33331195 C11.5583864,3.34023577 11.1200413,3.41039344 10.6983333,3.54166667 C10.8934003,3.88471525 10.9972621,4.2720454 11,4.66666667 C11,5.95533108 9.95533108,7 8.66666667,7 C8.2720454,6.99726213 7.88471525,6.89340027 7.54166667,6.69833333 C6.98660604,8.62336005 7.72561929,10.6875925 9.37631973,11.8229374 C11.0270202,12.9582824 13.2190201,12.9099888 14.8181159,11.7030452 C16.4172116,10.4961015 17.0645946,8.40132438 16.4252903,6.50261161 C15.785986,4.60389884 14.0034429,3.32728764 12,3.33331195 L12,3.33331195 Z M23.855,7.39166667 C21.5954167,2.98291667 17.1220833,0 12,0 C6.87791667,0 2.40333333,2.985 0.145,7.39208333 C-0.0483029532,7.77445825 -0.0483029532,8.22595841 0.145,8.60833333 C2.40458333,13.0170833 6.87791667,16 12,16 C17.1220833,16 21.5966667,13.015 23.855,8.60791667 C24.048303,8.22554175 24.048303,7.77404159 23.855,7.39166667 Z M12,14 C7.88958333,14 4.12125,11.7083333 2.08625,8 C4.12125,4.29166667 7.88916667,2 12,2 C16.1108333,2 19.87875,4.29166667 21.91375,8 C19.8791667,11.7083333 16.1108333,14 12,14 Z" id="Shape"></path>

{% if application.data_access_type != 'RESEARCH_STUDY' %}
<p class="ds-u-margin-top--5 ds-u-margin-bottom--0" style="display: flex; align-items: center;">
<svg width="23.9999544px" height="16px" alignment-baseline="baseline" viewBox="0 0 23.9999544 16" version="1.1" style="flex-shrink: 0;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Icons/Show password</title>
<g id="Medicare.gov-permissions-screen" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="no-demographic-option---mobile--13mo" transform="translate(-40.000023, -575.750000)" fill="#404040" fill-rule="nonzero">
<g id="access-duration" transform="translate(40.000000, 564.000000)">
<g id="Icons/Show-password" transform="translate(0.000000, 11.750000)">
<g id="eye-regular" transform="translate(0.000000, -0.000000)">
<path d="M12,3.33331195 C11.5583864,3.34023577 11.1200413,3.41039344 10.6983333,3.54166667 C10.8934003,3.88471525 10.9972621,4.2720454 11,4.66666667 C11,5.95533108 9.95533108,7 8.66666667,7 C8.2720454,6.99726213 7.88471525,6.89340027 7.54166667,6.69833333 C6.98660604,8.62336005 7.72561929,10.6875925 9.37631973,11.8229374 C11.0270202,12.9582824 13.2190201,12.9099888 14.8181159,11.7030452 C16.4172116,10.4961015 17.0645946,8.40132438 16.4252903,6.50261161 C15.785986,4.60389884 14.0034429,3.32728764 12,3.33331195 L12,3.33331195 Z M23.855,7.39166667 C21.5954167,2.98291667 17.1220833,0 12,0 C6.87791667,0 2.40333333,2.985 0.145,7.39208333 C-0.0483029532,7.77445825 -0.0483029532,8.22595841 0.145,8.60833333 C2.40458333,13.0170833 6.87791667,16 12,16 C17.1220833,16 21.5966667,13.015 23.855,8.60791667 C24.048303,8.22554175 24.048303,7.77404159 23.855,7.39166667 Z M12,14 C7.88958333,14 4.12125,11.7083333 2.08625,8 C4.12125,4.29166667 7.88916667,2 12,2 C16.1108333,2 19.87875,4.29166667 21.91375,8 C19.8791667,11.7083333 16.1108333,14 12,14 Z" id="Shape"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg><span class="ds-u-margin-left--3 ds-text-body--md">{{ application.name }} will have access to your data {{ permission_end_date }}.</span>
</p>
</svg><span class="ds-u-margin-left--3 ds-text-body--md">{{ application.name }} will have access to your data {{ permission_end_date }}.</span>
</p>
{% endif %}
<p class="ds-u-margin-top--5 ds-u-margin-bottom--0" style="display: flex; align-items: center">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" style="flex-shrink: 0;" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Icons/Help</title>
<g id="🚧-Medicare.gov-permissions-screen" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Medicare.gov-permissions-screen" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Permissions-Screen---mobile---13mo-Copy" transform="translate(-42.000000, -840.000000)" fill="#404040" fill-rule="nonzero">
<g id="stop-sharing" transform="translate(42.000000, 826.000000)">
<g id="question-circle-solid" transform="translate(0.000000, 14.000000)">
Expand Down