mirror of
https://github.com/moodle/moodle.git
synced 2025-01-18 22:08:20 +01:00
MDL-72866 templates: Update navbar to match designs
This commit is contained in:
Mathew May
parent
16a5169a43
commit
34102b2094
@ -55,9 +55,12 @@
|
||||
<div class="usermenu">
|
||||
{{#unauthenticateduser}}
|
||||
<span class="login pl-2">
|
||||
{{content}}
|
||||
{{#guest}}
|
||||
{{#str}} loggedinasguest, core {{/str}}
|
||||
<div class="divider border-left h-75 align-self-center mx-2"></div>
|
||||
{{/guest}}
|
||||
{{#url}}
|
||||
(<a href="{{url}}">{{#str}} login, core {{/str}}</a>)
|
||||
<a href="{{url}}">{{#str}} login, core {{/str}}</a>
|
||||
{{/url}}
|
||||
</span>
|
||||
{{/unauthenticateduser}}
|
||||
|
||||
@ -88,10 +88,14 @@
|
||||
</ul>
|
||||
|
||||
<div id="usernavigation" class="navbar-nav ml-auto">
|
||||
{{# output.search_box }}
|
||||
{{{ output.search_box }}}
|
||||
<div class="divider border-left h-75 align-self-center mx-1"></div>
|
||||
{{/output.search_box}}
|
||||
{{#langmenu}}
|
||||
{{> theme_boost/language_menu }}
|
||||
<div class="divider border-left h-75 align-self-center mx-1"></div>
|
||||
{{/langmenu}}
|
||||
{{{ output.search_box }}}
|
||||
{{{ output.navbar_plugin_output }}}
|
||||
<div class="d-flex align-items-stretch usermenu-container" data-region="usermenu">
|
||||
{{#usermenu}}
|
||||
|
||||
105
theme/classic/templates/core/user_menu.mustache
Normal file
105
theme/classic/templates/core/user_menu.mustache
Normal file
@ -0,0 +1,105 @@
|
||||
{{!
|
||||
This file is part of Moodle - http://moodle.org/
|
||||
|
||||
Moodle is free software: you can redistribute it and/or modify
|
||||
it under the terms of the GNU General Public License as published by
|
||||
the Free Software Foundation, either version 3 of the License, or
|
||||
(at your option) any later version.
|
||||
|
||||
Moodle is distributed in the hope that it will be useful,
|
||||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
GNU General Public License for more details.
|
||||
|
||||
You should have received a copy of the GNU General Public License
|
||||
along with Moodle. If not, see <http://www.gnu.org/licenses/>.
|
||||
}}
|
||||
{{!
|
||||
@template core/user_menu
|
||||
|
||||
Action link template.
|
||||
|
||||
Context variables required for this template:
|
||||
* unauthenticateduseruser - (Optional) Items to be displayed if an an unautheticated user is accessing the site
|
||||
* content - The content to be displayed in the header.
|
||||
* url - The login url
|
||||
* items - Array of user menu items used in user_action_menu_items. Required if the above not provided.
|
||||
* metadata - Array of additional metadata to be displayed in the dropdown button.
|
||||
* avatardata - Array of avatars to be displayed. Usually only the current user's avatar. If viewing as another user,
|
||||
includes that user's avatar.
|
||||
* userfullname - The name of the logged in user
|
||||
* submenus - Array of submenus within the user menu.
|
||||
* id - The id of the submenu.
|
||||
* title - The title of the submenu.
|
||||
* items - Array of the submenu items used in core/user_action_menu_submenu_items.
|
||||
|
||||
Example context (json):
|
||||
{
|
||||
"unauthenticateduser": {
|
||||
"content": "You are not logged in",
|
||||
"url": "https://yourmoodlesite/login/index.php"
|
||||
},
|
||||
"items": [],
|
||||
"metadata": [],
|
||||
"avatardata": [],
|
||||
"userfullname": "Admin User",
|
||||
"submenus": [
|
||||
{
|
||||
"id": "86cebd87",
|
||||
"title": "Submenu title",
|
||||
"items": []
|
||||
}
|
||||
]
|
||||
}
|
||||
}}
|
||||
<div class="usermenu">
|
||||
{{#unauthenticateduser}}
|
||||
<span class="login pl-2">
|
||||
{{content}}
|
||||
{{#url}}
|
||||
(<a href="{{url}}">{{#str}} login, core {{/str}}</a>)
|
||||
{{/url}}
|
||||
</span>
|
||||
{{/unauthenticateduser}}
|
||||
{{^unauthenticateduser}}
|
||||
<div class="dropdown show">
|
||||
<a href="#" role="button" id="user-menu-toggle" data-toggle="dropdown" aria-label="{{#str}}usermenu{{/str}}"
|
||||
aria-haspopup="true" aria-controls="user-action-menu" class="btn dropdown-toggle">
|
||||
<span class="userbutton">
|
||||
{{> core/user_menu_metadata }}
|
||||
</span>
|
||||
</a>
|
||||
<div id="user-action-menu" class="dropdown-menu dropdown-menu-right">
|
||||
<div id="usermenu-carousel" class="carousel slide" data-touch="false" data-interval="false" data-keyboard="false">
|
||||
<div class="carousel-inner">
|
||||
<div id="carousel-item-main" class="carousel-item active" role="menu" tabindex="-1" aria-label="{{#str}}user{{/str}}">
|
||||
{{> core/user_action_menu_items }}
|
||||
</div>
|
||||
{{#submenus}}
|
||||
<div id="carousel-item-{{id}}" class="carousel-item submenu" tabindex="-1" aria-label="{{title}}">
|
||||
<div class="d-flex flex-column h-100">
|
||||
<div class="header">
|
||||
<button type="#" class="btn btn-icon carousel-navigation-link text-decoration-none text-body" data-carousel-target-id="carousel-item-main" aria-label="{{#str}}usermenugoback{{/str}}">
|
||||
<span class="dir-rtl-hide">{{#pix}}i/arrow-left{{/pix}}</span>
|
||||
<span class="dir-ltr-hide">{{#pix}}i/arrow-right{{/pix}}</span>
|
||||
</button>
|
||||
<span class="pl-2" id="carousel-item-title-{{id}}">{{title}}</span>
|
||||
</div>
|
||||
<div class="dropdown-divider"></div>
|
||||
<div class="items h-100 overflow-auto" role="menu" aria-labelledby="carousel-item-title-{{id}}">
|
||||
{{> core/user_action_menu_submenu_items }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/submenus}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/unauthenticateduser}}
|
||||
</div>
|
||||
{{#js}}
|
||||
require(['core/usermenu'], function(UserMenu) {
|
||||
UserMenu.init();
|
||||
});
|
||||
{{/js}}
|
||||
Loading…
x
Reference in New Issue
Block a user