From 882df8d31910e410a19b68e7686188bfae55307c Mon Sep 17 00:00:00 2001 From: Brian Talbot Date: Mon, 16 Sep 2013 12:20:16 -0400 Subject: [PATCH] Verification: adds in browser support links, icon-based button help tips, and technical support help info --- lms/static/sass/views/_verification.scss | 18 +++++++++++++++++- .../verify_student/_verification_support.html | 11 +++++++++-- .../verify_student/photo_verification.html | 6 ++++-- .../verify_student/show_requirements.html | 14 ++++++++++++-- 4 files changed, 42 insertions(+), 7 deletions(-) diff --git a/lms/static/sass/views/_verification.scss b/lms/static/sass/views/_verification.scss index a78d723b01..aba4353a39 100644 --- a/lms/static/sass/views/_verification.scss +++ b/lms/static/sass/views/_verification.scss @@ -372,6 +372,10 @@ .copy { @extend .copy-detail; } + + strong { + color: $m-gray-d4; + } } // ==================== @@ -695,6 +699,10 @@ @extend .copy-detail; } + .example { + color: $m-gray-l2; + } + // help - general list .list-help { margin-top: ($baseline/2); @@ -1636,6 +1644,11 @@ // VIEW: review photos &.step-review { + + .help-item-technical { + display: none; + } + .modal.edit-name .submit input { color: #fff; } @@ -1655,7 +1668,6 @@ border: none; } } - } .nav-wizard { @@ -1733,6 +1745,10 @@ // VIEW: confirmation/receipt &.step-confirmation { + .help-item-technical { + display: none; + } + // progress nav .progress .progress-step { diff --git a/lms/templates/verify_student/_verification_support.html b/lms/templates/verify_student/_verification_support.html index e2f598674f..541ca791d6 100644 --- a/lms/templates/verify_student/_verification_support.html +++ b/lms/templates/verify_student/_verification_support.html @@ -3,19 +3,26 @@
diff --git a/lms/templates/verify_student/photo_verification.html b/lms/templates/verify_student/photo_verification.html index b64a3c3dd3..eb04e04507 100644 --- a/lms/templates/verify_student/photo_verification.html +++ b/lms/templates/verify_student/photo_verification.html @@ -155,7 +155,8 @@
  • ${_("Make sure your face is well-lit")}
  • ${_("Be sure your entire face is inside the frame")}
  • ${_("Can we match the photo you took with the one on your ID?")}
    • -
  • ${_("Click the checkmark once you are happy with the photo")}
    • +
  • ${_("Once in position, use the camera button")} () ${_("to capture your picture")}
    • +
  • ${_("Use the checkmark button")} () ${_("once you are happy with the photo")}
    • @@ -244,7 +245,8 @@
  • ${_("Ensure that you can see your photo and read your name")}
  • ${_("Try to keep your fingers at the edge to avoid covering important information")}
  • ${_("Acceptable IDs include drivers licenses, passports, or other goverment-issued IDs that include your name and photo")}
    • -
  • ${_("Click the checkmark once you are happy with the photo")}
    • +
  • ${_("Once in position, use the camera button")} () ${_("to capture your ID")}
    • +
  • ${_("Use the checkmark button")} () ${_("once you are happy with the photo")}
    • diff --git a/lms/templates/verify_student/show_requirements.html b/lms/templates/verify_student/show_requirements.html index a3510d7f9e..432a13fc62 100644 --- a/lms/templates/verify_student/show_requirements.html +++ b/lms/templates/verify_student/show_requirements.html @@ -104,7 +104,7 @@

    ${_("A photo identification document")} - ${_("a drivers license, passport, or other goverment-issued ID with your name and picture on it")} + ${_("a drivers license, passport, or other goverment or school-issued ID with your name and picture on it")}

    @@ -117,8 +117,18 @@

    + <% + browser_links = { + "ff_a_start": ''.format(url="https://www.mozilla.org/en-US/firefox/new/", rel="external"), + "chrome_a_start": ''.format(url="https://www.google.com/intl/en/chrome/browser/", rel="external"), + "safari_a_start": ''.format(url="http://www.apple.com/safari/", rel="external"), + "ie_a_start": ''.format(url="http://windows.microsoft.com/en-us/internet-explorer/download-ie", rel="external"), + "a_end": '' + } + %> ${_("A webcam and a modern browser")} - ${_("Firefox, Chrome, Safari, IE9+")} + ${_("{ff_a_start}Firefox{a_end}, {chrome_a_start}Chrome{a_end}, {safari_a_start}Safari{a_end}, {ie_a_start}IE9+{a_end}").format(**browser_links)} - ${_("Please make sure your browser is updated to the most recent version possible")} +