Merge pull request #17870 from edx/tasawer/learner-3783/update-support-form-for-logged-out-usrs

add note on for logged out users on support form

lms/djangoapps/support/static/support/jsx/logged_out_user.jsx

@@ -3,7 +3,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-function LoggedOutUser({ platformName, loginQuery }) {
+function LoggedOutUser({ platformName, loginQuery, supportEmail }) {
   return (
     <div>
       <div className="row">
@@ -21,6 +21,9 @@ function LoggedOutUser({ platformName, loginQuery }) {
       <div className="row">
         <div className="col-sm-12">
           <a className="create-account" href={`/register${loginQuery}`}>{gettext(`Create an ${platformName} account`)}</a>
+          <p className="create-account-note">
+            {gettext(`If you are unable to access your account contact us via email using ${supportEmail}.`)}
+          </p>
         </div>
       </div>
     </div>
@@ -30,6 +33,7 @@ function LoggedOutUser({ platformName, loginQuery }) {
 LoggedOutUser.propTypes = {
   platformName: PropTypes.string.isRequired,
   loginQuery: PropTypes.string.isRequired,
+  supportEmail: PropTypes.string.isRequired,
 };
 
 export default LoggedOutUser;

lms/djangoapps/support/static/support/jsx/single_support_form.jsx

@@ -124,6 +124,7 @@ class RenderForm extends React.Component {
       userElement = (<LoggedOutUser
         platformName={this.props.context.platformName}
         loginQuery={this.props.context.loginQuery}
+        supportEmail={this.props.context.supportEmail}
       />);
     }
 

lms/djangoapps/support/views/contact_us.py

@@ -18,6 +18,7 @@ class ContactUsView(View):
     def get(self, request):
         context = {
             'platform_name': configuration_helpers.get_value('platform_name', settings.PLATFORM_NAME),
+            'support_email': configuration_helpers.get_value('CONTACT_EMAIL', settings.CONTACT_EMAIL),
             'custom_fields': settings.ZENDESK_CUSTOM_FIELDS
         }
 

lms/static/sass/views/_support.scss

@@ -300,6 +300,10 @@
     font-size: $support-form-base-font-size + 4;
   }
 
+  .create-account-note {
+    padding-top: $baseline - 5;
+  }
+
   input[type='text'] {
     font-size: $support-form-base-font-size - 2;
     font-family: $font-family-sans-serif;

lms/templates/support/contact_us.html

@@ -36,6 +36,7 @@ from openedx.core.djangolib.js_utils import js_escaped_string, dump_js_escaped_j
             'submitFormUrl': "${reverse('zendesk_proxy_v1') | n, js_escaped_string}",
             'customFields': ${custom_fields | n, dump_js_escaped_json},
             'tags': ${tags | n, dump_js_escaped_json},
+            'supportEmail': "${support_email | n, js_escaped_string}",
         }
 
         % if user.is_authenticated():