Feat: Eligibility Start senior modal (#1530)

cal-itp · Jul 13, 2023 · b1070cf · b1070cf
2 parents 85af6ac + 6c1d011
commit b1070cf
Show file tree

Hide file tree

Showing 4 changed files with 109 additions and 11 deletions.
diff --git a/...eligibility/templates/eligibility/includes/media_item__idcardcheck__start__login_gov.html b/...eligibility/templates/eligibility/includes/media_item__idcardcheck__start__login_gov.html
@@ -8,13 +8,22 @@
 
 {% block body %}
     <div class="media-body--details">
-        <p>{% translate "eligibility.pages.start.login_gov.start_item.details" %}</p>
+        <p>
+            {% translate "eligibility.pages.start.login_gov.start_item.details" %}
+            <!-- Button to trigger modal -->
+            <button type="button" class="modal-trigger--link" data-bs-toggle="modal" data-bs-target="#identity-verification-help">
+                {% translate "eligibility.pages.start.senior.help.link_text" %}
+            </button>
+        </p>
         <div class="media-body--items">
+            <p>{% translate "eligibility.pages.start.senior.start_item.secondary_details" %}</p>
             <ul>
                 <li>{% translate "eligibility.pages.start.login_gov.required_items[0]" %}</li>
                 <li>{% translate "eligibility.pages.start.login_gov.required_items[1]" %}</li>
                 <li>{% translate "eligibility.pages.start.login_gov.required_items[2]" %}</li>
             </ul>
         </div>
     </div>
+
+    {% include "eligibility/includes/modal--senior-start-help.html" with id="identity-verification-help" %}
 {% endblock body %}
diff --git a/benefits/eligibility/templates/eligibility/includes/modal--senior-start-help.html b/benefits/eligibility/templates/eligibility/includes/modal--senior-start-help.html
@@ -0,0 +1,15 @@
+{% extends "core/includes/modal.html" %}
+{% load i18n %}
+{% load static %}
+
+{% block modal-content %}
+    <h2 class="px-lg-3">
+        {% translate "eligibility.pages.start.senior.help.headline" %}
+        <img class="icon" width="197" height="26" src="{% static "img/login-gov-logo.svg" %}" alt="{% translate "core.logos.login_gov" context "image alt text" %}" />
+    </h2>
+    <p class="pt-1 pt-lg-3 px-lg-3">{% translate "eligibility.pages.start.senior.help.p[0]" %}</p>
+    <p class="pt-1 pt-lg-3 px-lg-3">{% translate "eligibility.pages.start.senior.help.p[1]" %}</p>
+    <p class="py-4 py-lg-3 px-lg-3">{% translate "eligibility.pages.start.senior.help.p[2]" %}</p>
+    <p class="py-4 py-lg-3 px-lg-3">{% translate "eligibility.pages.start.senior.help.p[3]" %}</p>
+    <p class="py-4 py-lg-3 px-lg-3">{% translate "eligibility.pages.start.senior.help.p[4]" %}</p>
+{% endblock modal-content %}
diff --git a/benefits/locale/en/LC_MESSAGES/django.po b/benefits/locale/en/LC_MESSAGES/django.po
@@ -6,7 +6,7 @@
 msgid ""
 msgstr ""
 "Report-Msgid-Bugs-To: https://github.com/cal-itp/benefits/issues \n"
-"POT-Creation-Date: 2023-07-13 19:33+0000\n"
+"POT-Creation-Date: 2023-07-13 21:38+0000\n"
 "Language: English\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -383,10 +383,14 @@ msgstr "A Login.gov account with identity verification"
 
 msgid "eligibility.pages.start.login_gov.start_item.details"
 msgstr ""
-"Login.gov is a safe way to sign in to government services. Benefits uses "
-"Login.gov to verify your age. If you do not have an account already, you "
-"will be able to create one. You will also need to verify your identity, "
-"which will require these items:"
+"You will be able to create an account using your email address if you do not "
+"already have one. We use your Login.gov account to verify your identity."
+
+msgid "eligibility.pages.start.senior.help.link_text"
+msgstr "Learn more about identity verification"
+
+msgid "eligibility.pages.start.senior.start_item.secondary_details"
+msgstr "For this process you will need:"
 
 msgid "eligibility.pages.start.login_gov.required_items[0]"
 msgstr "Your state-issued ID card"
@@ -463,6 +467,38 @@ msgstr ""
 "gov/help/' target=\"_blank\" rel=\"noopener noreferrer\">Login.gov Help "
 "Center</a>"
 
+msgid "eligibility.pages.start.senior.help.headline"
+msgstr "Verify your identity with "
+
+msgid "eligibility.pages.start.senior.help.p[0]"
+msgstr ""
+"We use Login.gov to verify your identity to make sure you are eligible for "
+"the transit benefit you selected. "
+
+msgid "eligibility.pages.start.senior.help.p[1]"
+msgstr ""
+"You will need a state-issued ID to verify your identity with Login.gov, "
+"which can be either a driver’s license or non-driver’s license state-issued "
+"ID card."
+
+msgid "eligibility.pages.start.senior.help.p[2]"
+msgstr ""
+"You will need to upload a photograph of your state-issued ID and share your "
+"address, phone number and other personal information which is then verified "
+"against authoritative sources."
+
+msgid "eligibility.pages.start.senior.help.p[3]"
+msgstr ""
+"Login.gov will also need to verify your identity by calling or texting your "
+"phone. If Login.gov can't verify your phone number, you can verify by mail "
+"instead."
+
+msgid "eligibility.pages.start.senior.help.p[4]"
+msgstr ""
+"Please visit the Login.gov help center for <a href='https://login.gov/help/' "
+"target=\"_blank\" rel=\"noopener noreferrer\">more information on identity "
+"verification.</a>"
+
 msgid "eligibility.pages.index.mst_courtesy_card.label"
 msgstr "MST Courtesy Card"
 

diff --git a/benefits/locale/es/LC_MESSAGES/django.po b/benefits/locale/es/LC_MESSAGES/django.po
@@ -6,7 +6,7 @@
 msgid ""
 msgstr ""
 "Report-Msgid-Bugs-To: https://github.com/cal-itp/benefits/issues \n"
-"POT-Creation-Date: 2023-07-13 19:33+0000\n"
+"POT-Creation-Date: 2023-07-13 21:38+0000\n"
 "Language: Español\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -393,10 +393,16 @@ msgstr "Una cuenta de Login.gov con verificación de identidad"
 
 msgid "eligibility.pages.start.login_gov.start_item.details"
 msgstr ""
-"Login.gov es una forma segura de iniciar sesión en servicios "
-"gubernamentales. Benefits utiliza Login.gov para verificar su edad. Si aún "
-"no tiene una cuenta, podrá crear una. También deberá verificar su identidad, "
-"lo que requerirá estos artículos:"
+"TODO: You will be able to create an account using your email address if you "
+"do not already have one. We use your Login.gov account to verify your "
+"identity."
+
+msgid "eligibility.pages.start.senior.help.link_text"
+msgstr "TODO: Learn more about identity verification"
+
+msgid "eligibility.pages.start.senior.start_item.secondary_details"
+msgstr ""
+"TODO: For this process you will need:"
 
 msgid "eligibility.pages.start.login_gov.required_items[0]"
 msgstr "Su tarjeta de identificación emitida por el estado"
@@ -473,6 +479,38 @@ msgstr ""
 "login.gov/help/' target=\"_blank\" rel=\"noopener noreferrer\">Login.gov "
 "Help Center</a>"
 
+msgid "eligibility.pages.start.senior.help.headline"
+msgstr "TODO: Verify your identity with "
+
+msgid "eligibility.pages.start.senior.help.p[0]"
+msgstr ""
+"TODO: We use Login.gov to verify your identity to make sure you are eligible "
+"for the transit benefit you selected. "
+
+msgid "eligibility.pages.start.senior.help.p[1]"
+msgstr ""
+"TODO: You will need a state-issued ID to verify your identity with Login."
+"gov, which can be either a driver’s license or non-driver’s license state-"
+"issued ID card."
+
+msgid "eligibility.pages.start.senior.help.p[2]"
+msgstr ""
+"TODO: You will need to upload a photograph of your state-issued ID and share "
+"your address, phone number and other personal information which is then "
+"verified against authoritative sources."
+
+msgid "eligibility.pages.start.senior.help.p[3]"
+msgstr ""
+"TODO: Login.gov will also need to verify your identity by calling or texting "
+"your phone. If Login.gov can't verify your phone number, you can verify by "
+"mail instead."
+
+msgid "eligibility.pages.start.senior.help.p[4]"
+msgstr ""
+"TODO: Please visit the Login.gov help center for <a href='https://login.gov/"
+"help/' target=\"_blank\" rel=\"noopener noreferrer\">more information on "
+"identity verification.</a>"
+
 msgid "eligibility.pages.index.mst_courtesy_card.label"
 msgstr "TODO: MST Courtesy Card"