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/>.
18 @template core_calendar/month_navigation
20 Calendar month navigation.
22 The purpose of this template is to render the navigation to switch to previous and next months.
24 Classes required for JS:
27 Data attributes required for JS:
30 Example context (json):
34 <div id="month-navigation-{{uniqid}}-{{calendarinstanceid}}" class="controls">
35 <div class="calendar-controls">
37 }} href="{{previousperiodlink}}"{{!
38 }} class="arrow_link previous"{{!
39 }} title="{{#str}}monthprev, calendar{{/str}}"{{!
40 }} data-year="{{previousperiod.year}}"{{!
41 }} data-month="{{previousperiod.mon}}"{{!
42 }} data-drop-zone="nav-link" {{!
44 <span class="arrow" aria-hidden="true">{{{larrow}}}</span>
46 <span class="arrow_text">{{previousperiodname}}</span>
48 <span class="hide"> | </span>
50 <h4 class="current">{{periodname}}</h4>
53 <h2 class="current">{{periodname}}</h2>
55 <span class="hide"> | </span>
57 }} href="{{nextperiodlink}}"{{!
58 }} class="arrow_link next"{{!
59 }} title="{{#str}}monthnext, calendar{{/str}}"{{!
60 }} data-year="{{nextperiod.year}}"{{!
61 }} data-month="{{nextperiod.mon}}"{{!
62 }} data-drop-zone="nav-link" {{!
64 <span class="arrow_text">{{nextperiodname}}</span>
66 <span class="arrow" aria-hidden="true">{{{rarrow}}}</span>
71 require(['jquery', 'core_calendar/month_navigation_drag_drop'], function($, DragDrop) {
72 var root = $('#month-navigation-{{uniqid}}-{{calendarinstanceid}}');