MDL-69111 mod_forum: forum grading on small viewports
[moodle.git] / mod / forum / templates / local / grades / local / grader / user_picker.mustache
1 {{!
2     This file is part of Moodle - http://moodle.org/
4     Moodle is free software: you can redistribute it and/or modify
5     it under the terms of the GNU General Public License as published by
6     the Free Software Foundation, either version 3 of the License, or
7     (at your option) any later version.
9     Moodle is distributed in the hope that it will be useful,
10     but WITHOUT ANY WARRANTY; without even the implied warranty of
11     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
12     GNU General Public License for more details.
14     You should have received a copy of the GNU General Public License
15     along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
16 }}
17 {{!
18     @template mod_forum/local/grades/local/grader/user_picker
20     Classes required for JS:
21     * none
23     Data attributes required for JS:
24     * data-region="user_picker/user"
25     * data-action="change-user"
26     * data-direction="-1"
27     * data-direction="1"
28     * data-action="search-user"
30     Context variables required for this template:
31     * none
33     Example context (json):
34     {
35     }
36 }}
38 <div class="d-flex align-items-center user-picker-container mb-2 py-2">
39     <div aria-live="polite" data-region="user_picker/current_user"  class="sr-only"></div>
40     <div class="d-flex align-items-center overflow-hidden" data-region="user_picker/user"></div>
41     <div class="ml-auto flex-shrink-0">
42         <nav aria-label="{{#str}} usernavigation, mod_forum {{/str}}">
43             <ul class="pagination mb-0">
44                 <li class="page-item">
45                     <button
46                         class="page-link icon-no-margin p-0 text-reset icon-size-3"
47                         href="#"
48                         aria-label="{{#str}} previoususer, mod_forum {{/str}}"
49                         data-action="change-user"
50                         data-direction="-1"
51                         title="{{#str}} previoususer, mod_forum {{/str}}"
52                     >
53                         <span class="dir-ltr-hide">{{#pix}} i/next, core {{/pix}}</span>
54                         <span class="dir-rtl-hide">{{#pix}} i/previous, core {{/pix}}</span>
55                     </button>
56                 </li>
57                 <li class="page-item">
58                     <button
59                         class="page-link icon-no-margin p-0 text-reset icon-size-3 ml-2"
60                         href="#"
61                         aria-label="{{#str}} nextuser, mod_forum {{/str}}"
62                         data-action="change-user"
63                         data-direction="1"
64                         title="{{#str}} nextuser, mod_forum {{/str}}"
65                     >
66                         <span class="dir-ltr-hide">{{#pix}} i/previous, core {{/pix}}</span>
67                         <span class="dir-rtl-hide">{{#pix}} i/next, core {{/pix}}</span>
68                     </button>
69                 </li>
70             </ul>
71         </nav>
72     </div>
73 </div>