moodle/grade/templates/user_selector.mustache

77 lines
3.1 KiB
Plaintext

{{!
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_grades/user_selector
The user selector trigger element.
Context variables required for this template:
* courseid - The course ID.
* groupid - The group ID.
* selectedoption - (optional) Object containing information about the selected option.
* image - The image corresponding to the selected option.
* text - The text of the selected option.
* additionaltext - (optional) Additional text displayed below the selected option (e.g. the user email)
Example context (json):
{
"courseid": "2",
"groupid": "2",
"selectedoption": {
"image": "<img src=\"http://example.com/pluginfile.php/14/user/icon/boost/f2\" class=\"userpicture\" width=\"40\" alt=\"\">",
"text": "John Doe",
"additionaltext": "johndoe@example.com"
}
}
}}
<div class="search-widget dropdown d-flex" data-searchtype="user">
<button aria-expanded="false" data-toggle="dropdown" class="btn dropdown-toggle d-flex text-left align-items-center p-0" data-courseid="{{courseid}}" data-groupid="{{groupid}}" aria-label="{{#str}} selectauser, core_grades {{/str}}">
<div class="align-items-center d-flex">
{{#selectedoption}}
<div class="selected-option-img d-block pr-2">
{{#image}}
{{{image}}}
{{/image}}
{{^image}}
<span class="userinitials"></span>
{{/image}}
</div>
<div class="selected-option-info d-block pr-3">
<span class="selected-option-text p-0 font-weight-bold">
{{text}}
</span>
{{#additionaltext}}
<span class="d-block small">
{{additionaltext}}
</span>
{{/additionaltext}}
</div>
{{/selectedoption}}
{{^selectedoption}}
<div class="d-block pr-2">
<span class="userinitials"></span>
</div>
<div class="user-info d-block pr-3">
{{#str}} selectauser, core_grades {{/str}}
</div>
{{/selectedoption}}
</div>
</button>
<div class="dropdown-menu wide">
</div>
</div>