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

Create user context header.

    XMLWordPrintable

Details

    • MOODLE_28_STABLE
    • wip-MDL-45896-master
    • 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).
    • Team ';drop tables Sprint 4, Team '; drop tables Sprint 5
    • 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

              abgreeve Adrian Greeve
              fred Frédéric Massart
              Damyon Wiese Damyon Wiese
              David Woloszyn, Huong Nguyen, Jake Dallimore, Meirza, Michael Hawkins, Raquel Ortega, Safat Shahin, Stevani Andolo, Huong Nguyen, Bas Brands, Mathew May, Amaia Anabitarte, Carlos Escobedo, Laurent David, Mikel Martín Corrales, Sabina Abellan, Sara Arjona (@sarjona), Huong Nguyen, Barbara Ramiro, Bas Brands, Mathew May, David Woloszyn, Jake Dallimore, Meirza, Michael Hawkins, Raquel Ortega, Safat Shahin, Stevani Andolo
              Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: