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

Create user context header.

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide
      1. Browse around moodle and check that the new header has not broken anything.
      2. Compare the header with the mockup http://invis.io/WY1V3HF9D. Please note that the button for the message is different, as is the box around the user header, and the extension of the navbar box. This change only affects the main header, not the user subheader. This is being addressed in MDL-48931.
      3. On a page that is in the user context (the top should have a picture of the user.) Do the following:
        1. Resize the page to the point where everything is collapsed. Ensure that all of the elements move and none of them are overlapping each other.
        2. Change the language to something that is right to left (Hebrew) and make sure that all of the header elements are switched over.
        3. Resize like before in the right to left language.
      4. Check with Rajesh that this hasn't broken any of the behat tests (or run all of them yourself).
      Show
      Browse around moodle and check that the new header has not broken anything. Compare the header with the mockup http://invis.io/WY1V3HF9D . Please note that the button for the message is different, as is the box around the user header, and the extension of the navbar box. This change only affects the main header, not the user subheader. This is being addressed in MDL-48931 . On a page that is in the user context (the top should have a picture of the user.) Do the following: Resize the page to the point where everything is collapsed. Ensure that all of the elements move and none of them are overlapping each other. Change the language to something that is right to left (Hebrew) and make sure that all of the header elements are switched over. Resize like before in the right to left language. Check with Rajesh that this hasn't broken any of the behat tests (or run all of them yourself).
    • Affected Branches:
      MOODLE_28_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      wip-MDL-45896-master
    • Sprint:
      Team ';drop tables Sprint 4, Team '; drop tables Sprint 5
    • Issue size:
      Medium

      Description

      The creation of a new context-dependent header system to handle each of the following contexts:

      • Site
      • Category
      • Course
      • User

      Each header should contain at a bare minimum, a title and breadcrumbs, with a design that provides "attachment points"...? (wording to be determined) for additional functionality later (e.g. a "message this user" link when viewing another user's user-context page).

      Layout should be consistent throughout the different contexts to reinforce user familiarity.

      Specification for this task https://docs.moodle.org/dev/Navigation_overhaul_specification#User_context
      See the invision web app for mockup of these pages. http://invis.io/WY1V3HF9D

      Steps for completing this issue:

      1. Defining a context header renderable that will contain
        1. Image
        2. Title
        3. Subtitle
        4. Actions (action menu renderable or so)
      2. Defining a header and subheader renderable containing:
        1. A context header renderable.
        2. A breadcrumb for the "header" renderable.
      3. Defining a breadcrumb renderer and renderable if they do not currently exist.
      4. Using the above to create a user header and subheader.

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                abgreeve Adrian Greeve
                Reporter:
                fred Frédéric Massart
                Peer reviewer:
                Damyon Wiese
                Participants:
                Component watchers:
                Jake Dallimore, Jun Pataleta, Bas Brands, Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Sara Arjona (@sarjona), Víctor Déniz Falcón, Barbara Ramiro, Jake Dallimore, Jun Pataleta
              • Votes:
                0 Vote for this issue
                Watchers:
                3 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: