Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-69371

Redesign the Moodle login page

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide

      For ease of testing use 2 different browsers, login as admin in one browser so you can ajust settings and just stay on the login page on the other browser.

      Test without any additional configuration

      1. Navigate to the login page
      2. Verify you can login to the site
      3. Try logging in with an incorrect password
      4. Verify you see an error message like "Invalid login, please try again" in a red alert.

      Test with additional languages

      1. Navigate to Site Administration > Language > Language packs
      2. Install 2 additional language packs
      3. On loginpage: Verify you see the language selector in the top right of the login box
      4. On loginpage: Test the language selector to see if it really changes the language on the page

      Test with a logo

      1. Navigate to Site Administration > Appearance > Logos
      2. Upload a logo (not the compact logo)
      3. Save changes, logout and go to the login page
      4. On loginpage: Verify you see the logo centered in the top of the login box

      Test with a custom welcome message

      1. Navigate to Site Administration > Plugins > Authentication > Manage authentication
      2. Scroll to the Instructions text field and enter some dummy text
      3. On loginpage: Verify you see the heading "Is this your first time here?" with your dummy instructions text in the login box

      Test the maintenance mode message

      1. Navigate to Site Administration > Server > Maintenance mode
      2. Enable maintenance mode
      3. Add a message in the "Optional maintenance message" box
      4. Save changes
      5. On loginpage: Verify you see the maintenance message in the login box

      Test with self registration

      1. Navigate to Site Administration > Plugins > Authentication > Manage Authentication
      2. Enable authentication method "Email-based self-registration" if it is not enabled yet.
      3. In the dropdown for "Self registration" select "Email-based self registration"
      4. On loginpage: Verify you see the "Create new account" button
      5. On loginpage: Click the "Create new account" button and verify you see the login form

      Test with authentication providers

      1. Navigate to Site Administration > Plugins > Authentication > Manage Authentication
      2. Enable the OAuth2 authentication method
      3. Navigate to Site Administration > Server > OAuth2 services
      4. Click "Google"
      5. add "1234" as client id and "1234" as client secret and Save changes
      6. Click "Facebook"
      7. add "1234" as client id and "1234" as client secret and Save changes
      8. Click "Microsoft"
      9. add "1234" as client id and "1234" as client secret and Save changes
      10. On loginpage: Verify you see all the authentication providers on the page
      Show
      For ease of testing use 2 different browsers, login as admin in one browser so you can ajust settings and just stay on the login page on the other browser. Test without any additional configuration Navigate to the login page Verify you can login to the site Try logging in with an incorrect password Verify you see an error message like "Invalid login, please try again" in a red alert. Test with additional languages Navigate to Site Administration > Language > Language packs Install 2 additional language packs On loginpage: Verify you see the language selector in the top right of the login box On loginpage: Test the language selector to see if it really changes the language on the page Test with a logo Navigate to Site Administration > Appearance > Logos Upload a logo (not the compact logo) Save changes, logout and go to the login page On loginpage: Verify you see the logo centered in the top of the login box Test with a custom welcome message Navigate to Site Administration > Plugins > Authentication > Manage authentication Scroll to the Instructions text field and enter some dummy text On loginpage: Verify you see the heading "Is this your first time here?" with your dummy instructions text in the login box Test the maintenance mode message Navigate to Site Administration > Server > Maintenance mode Enable maintenance mode Add a message in the "Optional maintenance message" box Save changes On loginpage: Verify you see the maintenance message in the login box Test with self registration Navigate to Site Administration > Plugins > Authentication > Manage Authentication Enable authentication method "Email-based self-registration" if it is not enabled yet. In the dropdown for "Self registration" select "Email-based self registration" On loginpage: Verify you see the "Create new account" button On loginpage: Click the "Create new account" button and verify you see the login form Test with authentication providers Navigate to Site Administration > Plugins > Authentication > Manage Authentication Enable the OAuth2 authentication method Navigate to Site Administration > Server > OAuth2 services Click "Google" add "1234" as client id and "1234" as client secret and Save changes Click "Facebook" add "1234" as client id and "1234" as client secret and Save changes Click "Microsoft" add "1234" as client id and "1234" as client secret and Save changes On loginpage: Verify you see all the authentication providers on the page
    • Affected Branches:
      MOODLE_310_STABLE, MOODLE_400_STABLE
    • Pull Master Branch:
      MDL-69371-master

      Description

      The Moodle login page should be improve to:

      • create a better styled login box using bootstraps custom checkbox etc.
      • allow for customisation of the background image
      • create a better styled signup box
      • improve styling of 3rd party signup methods (google / facebook)

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              basbrands Bas Brands
              Reporter:
              basbrands Bas Brands
              Peer reviewer:
              Mathew May Mathew May
              Integrator:
              Jake Dallimore Jake Dallimore
              Participants:
              Component watchers:
              Bas Brands
              Votes:
              3 Vote for this issue
              Watchers:
              11 Start watching this issue

                Dates

                Created:
                Updated:

                  Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 2 days, 2 hours, 55 minutes
                  2d 2h 55m