| 1 | efrain | 1 | {{!
 | 
        
           |  |  | 2 |     This file is part of Moodle - http://moodle.org/
 | 
        
           |  |  | 3 |   | 
        
           |  |  | 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.
 | 
        
           |  |  | 8 |   | 
        
           |  |  | 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.
 | 
        
           |  |  | 13 |   | 
        
           |  |  | 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 core_calendar/month_navigation
 | 
        
           |  |  | 19 |   | 
        
           |  |  | 20 |     Calendar month navigation.
 | 
        
           |  |  | 21 |   | 
        
           |  |  | 22 |     The purpose of this template is to render the navigation to switch to previous and next months.
 | 
        
           |  |  | 23 |   | 
        
           |  |  | 24 |     Classes required for JS:
 | 
        
           |  |  | 25 |     * none
 | 
        
           |  |  | 26 |   | 
        
           |  |  | 27 |     Data attributes required for JS:
 | 
        
           |  |  | 28 |     * none
 | 
        
           |  |  | 29 |   | 
        
           |  |  | 30 |     Example context (json):
 | 
        
           |  |  | 31 |     {
 | 
        
           |  |  | 32 |     }
 | 
        
           |  |  | 33 | }}
 | 
        
           |  |  | 34 | <div id="month-navigation-{{uniqid}}-{{calendarinstanceid}}" class="controls">
 | 
        
           |  |  | 35 |     <div class="calendar-controls">
 | 
        
           |  |  | 36 |         <a{{!
 | 
        
           |  |  | 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" {{!
 | 
        
           |  |  | 43 |         }}>
 | 
        
           |  |  | 44 |             <span class="arrow" aria-hidden="true">{{{larrow}}}</span>
 | 
        
           |  |  | 45 |              
 | 
        
           |  |  | 46 |             <span class="arrow_text">{{previousperiodname}}</span>
 | 
        
           |  |  | 47 |         </a>
 | 
        
           |  |  | 48 |         <span class="hide"> | </span>
 | 
        
           |  |  | 49 |         {{#viewinginblock}}
 | 
        
           |  |  | 50 |             <h4 class="current">{{periodname}}</h4>
 | 
        
           |  |  | 51 |         {{/viewinginblock}}
 | 
        
           |  |  | 52 |         {{^viewinginblock}}
 | 
        
           |  |  | 53 |             <h2 class="current">{{periodname}}</h2>
 | 
        
           |  |  | 54 |         {{/viewinginblock}}
 | 
        
           |  |  | 55 |         <span class="hide"> | </span>
 | 
        
           |  |  | 56 |         <a{{!
 | 
        
           |  |  | 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" {{!
 | 
        
           |  |  | 63 |         }}>
 | 
        
           |  |  | 64 |             <span class="arrow_text">{{nextperiodname}}</span>
 | 
        
           |  |  | 65 |              
 | 
        
           |  |  | 66 |             <span class="arrow" aria-hidden="true">{{{rarrow}}}</span>
 | 
        
           |  |  | 67 |         </a>
 | 
        
           |  |  | 68 |     </div>
 | 
        
           |  |  | 69 | </div>
 | 
        
           |  |  | 70 | {{#js}}
 | 
        
           |  |  | 71 | require(['jquery', 'core_calendar/month_navigation_drag_drop'], function($, DragDrop) {
 | 
        
           |  |  | 72 |     var root = $('#month-navigation-{{uniqid}}-{{calendarinstanceid}}');
 | 
        
           |  |  | 73 |     DragDrop.init(root);
 | 
        
           |  |  | 74 | });
 | 
        
           |  |  | 75 | {{/js}}
 |