How to hide Register link from MFE

mboisson · October 24, 2024, 5:55pm

I am using tutor 18.1.3. I am desperately trying to hide the “Register” link from this page:
https://apps.edx.edu-dev.calculquebec.cloud/authn/login
and I can’t figure out instructions for it to actually work.

After sifting through many posts regarding the same topic, I figured out this seemed the most up to date, but it does not work.

I have defined brand-openedx/paragon/_overrides.scss at 0.1 · calculquebec/brand-openedx · GitHub

Configuration parameters are here:

github.com

calculquebec/edx/blob/main/hieradata-dev/hiera.yaml

tutor::env_patches:
  - ["common-env-features", "'ENABLE_THIRD_PARTY_AUTH': true"]
  - ["common-env-features", "'ENABLE_COMBINED_LOGIN_REGISTRATION': true"]
  - ["openedx-lms-common-settings", "AUTHENTICATION_BACKENDS += ['social_core.backends.open_id_connect.OpenIdConnectAuth']"]
  - ["openedx-auth", "'SOCIAL_AUTH_OIDC_OIDC_ENDPOINT': 'https://cilogon.org/'"]
  - ["openedx-auth", "'SOCIAL_AUTH_OIDC_KEY': 'cilogon:/client_id/4b76e902d5e4d192d630bcfc3823e88f'"]
  - ["openedx-auth", "'SOCIAL_AUTH_OIDC_SECRET': '%{lookup('oidc_secret')}'"]
  - ["openedx-auth", "'SOCIAL_AUTH_OAUTH_SECRETS': { 'oidc': '%{lookup('oidc_secret')}'}"]
  - ["common-env-features", "'ALLOW_PUBLIC_ACCOUNT_CREATION': true"]
  - ["mfe-lms-production-settings", "MFE_CONFIG['ALLOW_PUBLIC_ACCOUNT_CREATION'] = True"]
  - ["common-env-features", "'ENABLE_REQUIRE_THIRD_PARTY_AUTH': true"]
  - ["common-env-features", "'SHOW_REGISTRATION_LINKS': False"]

restic::repositories:
  backup_edx_repo:
    enable_backup: true
    id: "e3ce310620c4437286e29893ddac1537"
    key: "%{alias('s3_key')}"
    password: "%{alias('restic_password')}"
    host: "object-arbutus.cloud.computecanada.ca"

This file has been truncated. show original

github.com

calculquebec/puppet-tutor/blob/main/manifests/init.pp

define tutor::plugin (
  String $tutor_user = 'tutor',
  String $tutor_plugins_dir = "/${tutor_user}/.local/share/tutor-plugins",
  String $content = '',
  String $image = '',
  Boolean $build_image_on_change = false,
) {

  if $content != '' {
    file { "${tutor_plugins_dir}/${title}.py":
      ensure  => 'present',
      owner   => $tutor_user,
      group   => $tutor_user,
      require => File[$tutor_plugins_dir],
      content => $content,
      notify  => ($image == '' ? {
                     true => Exec["tutor_plugins_enable_${title}"],
                     false => Exec["tutor_plugins_enable_${title}", "tutor_images_build_${image}"],
                 }),
    }

This file has been truncated. show original

and added a plugin to install it, and it just is not work. Why is it so complicated ? I have spent over a day trying to hide a single HTML item!

Juan-Carlos · October 24, 2024, 6:17pm

Hello mboisson maybe with this help you can solve the solution:

mboisson · October 24, 2024, 6:35pm

so I need to fork the whole MFE repository just to hide a link ?!

mboisson · October 24, 2024, 7:22pm

I don’t understand, according to

github.com

calculquebec/frontend-app-authn/blob/master/src/logistration/Logistration.jsx#L126


      
            </>
          )
          : (
            <div>
              {institutionLogin
                ? (
                  <Tabs defaultActiveKey="" id="controlled-tab" onSelect={handleInstitutionLogin}>
                    <Tab title={tabTitle} eventKey={selectedPage === LOGIN_PAGE ? LOGIN_PAGE : REGISTER_PAGE} />
                  </Tabs>
                )
                : (!isValidTpaHint() && !hideRegistrationLink && (
                  <Tabs defaultActiveKey={selectedPage} id="controlled-tab" onSelect={(tabKey) => handleOnSelect(tabKey, selectedPage)}>
                    <Tab title={formatMessage(messages['logistration.register'])} eventKey={REGISTER_PAGE} />
                    <Tab title={formatMessage(messages['logistration.sign.in'])} eventKey={LOGIN_PAGE} />
                  </Tabs>
                ))}
              { key && (
                <Navigate to={updatePathWithQueryParams(key)} replace />
              )}
              <div id="main-content" className="main-content">
                {!institutionLogin && !isValidTpaHint() && hideRegistrationLink && (

and

github.com

calculquebec/frontend-app-authn/blob/master/src/logistration/Logistration.jsx#L43


      
          const { selectedPage, tpaProviders } = props;
          const tpaHint = getTpaHint();
          const {
            providers, secondaryProviders,
          } = tpaProviders;
          const { formatMessage } = useIntl();
          const [institutionLogin, setInstitutionLogin] = useState(false);
          const [key, setKey] = useState('');
          const navigate = useNavigate();
          const disablePublicAccountCreation = getConfig().ALLOW_PUBLIC_ACCOUNT_CREATION === false;
          const hideRegistrationLink = getConfig().SHOW_REGISTRATION_LINKS === false;
          
          useEffect(() => {
            const authService = getAuthService();
            if (authService) {
              authService.getCsrfTokenService().getCsrfToken(getConfig().LMS_BASE_URL);
            }
          });
          
          useEffect(() => {
            if (disablePublicAccountCreation) {

it should check SHOW_REGISTRATION_LINKS, and not show the links given that I define SHOW_REGISTRATION_LINKS to false here

github.com

calculquebec/edx/blob/main/hieradata-dev/hiera.yaml#L12


      
            - ["common-env-features", "'ENABLE_THIRD_PARTY_AUTH': true"]
            - ["common-env-features", "'ENABLE_COMBINED_LOGIN_REGISTRATION': true"]
            - ["openedx-lms-common-settings", "AUTHENTICATION_BACKENDS += ['social_core.backends.open_id_connect.OpenIdConnectAuth']"]
            - ["openedx-auth", "'SOCIAL_AUTH_OIDC_OIDC_ENDPOINT': 'https://cilogon.org/'"]
            - ["openedx-auth", "'SOCIAL_AUTH_OIDC_KEY': 'cilogon:/client_id/4b76e902d5e4d192d630bcfc3823e88f'"]
            - ["openedx-auth", "'SOCIAL_AUTH_OIDC_SECRET': '%{lookup('oidc_secret')}'"]
            - ["openedx-auth", "'SOCIAL_AUTH_OAUTH_SECRETS': { 'oidc': '%{lookup('oidc_secret')}'}"]
            - ["common-env-features", "'ALLOW_PUBLIC_ACCOUNT_CREATION': true"]
            - ["mfe-lms-production-settings", "MFE_CONFIG['ALLOW_PUBLIC_ACCOUNT_CREATION'] = True"]
            - ["common-env-features", "'ENABLE_REQUIRE_THIRD_PARTY_AUTH': true"]
            - ["common-env-features", "'SHOW_REGISTRATION_LINKS': false"]
          
          restic::repositories:
            backup_edx_repo:
              enable_backup: true
              id: "e3ce310620c4437286e29893ddac1537"
              key: "%{alias('s3_key')}"
              password: "%{alias('restic_password')}"
              host: "object-arbutus.cloud.computecanada.ca"
              bucket: "cq-backup-edx%{lookup('suffix')}"
              backup_path: "/tutor/.local/share/tutor/env/backup/"

Why is it not working ? Do I need to set it through something else, like mfs-lms-production-settings and MFE_CONFIG['SHOW_REGISTRATION_LINKS'] ?

mboisson · October 24, 2024, 7:30pm

Ok, the solution is a plugin that does:

hooks.Filters.ENV_PATCHES.add_item(("mfe-lms-production-settings", "MFE_CONFIG['SHOW_REGISTRATION_LINKS'] = False"))

this is for MFE, while this

hooks.Filters.ENV_PATCHES.add_item(("common-env-features", "'SHOW_REGISTRATION_LINKS': false"))

is for the LMS/CMS.

No need to fork anything or patch any theme.

Topic		Replies	Views
MFE login in tutor 17.0.5 Development how-to , tutor , quince	3	104	August 21, 2024
How to remove the Register page in Tutor Open edX Tutor Help tutor	7	1494	July 17, 2023
Changing the TOS link in MFE authn Development tutor	0	16	May 15, 2025
Skip some registration steps Site Operations Help	8	533	September 19, 2022
Help with custom frontend changes in frontend-component-header (Tutor v18 local) Tutor Help how-to , tutor , redwood	1	111	January 15, 2025

How to hide Register link from MFE

Related topics