mirror of
https://github.com/moodle/moodle.git
synced 2025-01-19 14:27:22 +01:00
7ad1f922f3
* Hide the arrow characters for the calendar templates so they won't be read out by screen readers and avoid confusion for screen reader users.
76 lines
2.6 KiB
Plaintext
76 lines
2.6 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_calendar/month_navigation
|
|
|
|
Calendar month navigation.
|
|
|
|
The purpose of this template is to render the navigation to switch to previous and next months.
|
|
|
|
Classes required for JS:
|
|
* none
|
|
|
|
Data attributes required for JS:
|
|
* none
|
|
|
|
Example context (json):
|
|
{
|
|
}
|
|
}}
|
|
<div id="month-navigation-{{uniqid}}-{{calendarinstanceid}}" class="controls">
|
|
<div class="calendar-controls">
|
|
<a{{!
|
|
}} href="{{previousperiodlink}}"{{!
|
|
}} class="arrow_link previous"{{!
|
|
}} title="{{#str}}monthprev, calendar{{/str}}"{{!
|
|
}} data-year="{{previousperiod.year}}"{{!
|
|
}} data-month="{{previousperiod.mon}}"{{!
|
|
}} data-drop-zone="nav-link" {{!
|
|
}}>
|
|
<span class="arrow" aria-hidden="true">{{{larrow}}}</span>
|
|
|
|
<span class="arrow_text">{{previousperiodname}}</span>
|
|
</a>
|
|
<span class="hide"> | </span>
|
|
{{#viewinginblock}}
|
|
<h4 class="current">{{periodname}}</h4>
|
|
{{/viewinginblock}}
|
|
{{^viewinginblock}}
|
|
<h2 class="current">{{periodname}}</h2>
|
|
{{/viewinginblock}}
|
|
<span class="hide"> | </span>
|
|
<a{{!
|
|
}} href="{{nextperiodlink}}"{{!
|
|
}} class="arrow_link next"{{!
|
|
}} title="{{#str}}monthnext, calendar{{/str}}"{{!
|
|
}} data-year="{{nextperiod.year}}"{{!
|
|
}} data-month="{{nextperiod.mon}}"{{!
|
|
}} data-drop-zone="nav-link" {{!
|
|
}}>
|
|
<span class="arrow_text">{{nextperiodname}}</span>
|
|
|
|
<span class="arrow" aria-hidden="true">{{{rarrow}}}</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
{{#js}}
|
|
require(['jquery', 'core_calendar/month_navigation_drag_drop'], function($, DragDrop) {
|
|
var root = $('#month-navigation-{{uniqid}}-{{calendarinstanceid}}');
|
|
DragDrop.init(root);
|
|
});
|
|
{{/js}}
|