calendar/templates/month_navigation.mustache

   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 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}}" 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">{{{larrow}}}</span>
  45             &nbsp;
  46             <span class="arrow_text">{{previousperiodname}}</span>
  47         </a>
  48         <span class="hide"> | </span>
  49         <h2 class="current">{{periodname}}</h2>
  50         <span class="hide"> | </span>
  51         <a{{!
  52             }} href="{{nextperiodlink}}"{{!
  53             }} class="arrow_link next"{{!
  54             }} title="{{#str}}monthnext, calendar{{/str}}"{{!
  55             }} data-year="{{nextperiod.year}}"{{!
  56             }} data-month="{{nextperiod.mon}}"{{!
  57             }} data-drop-zone="nav-link" {{!
  58         }}>
  59             <span class="arrow_text">{{nextperiodname}}</span>
  60             &nbsp;
  61             <span class="arrow">{{{rarrow}}}</span>
  62         </a>
  63     </div>
  64 </div>
  65 {{#js}}
  66 require(['jquery', 'core_calendar/month_navigation_drag_drop'], function($, DragDrop) {
  67     var root = $('#month-navigation-{{uniqid}}');
  68     DragDrop.init(root);
  69 });
  70 {{/js}}