blocks/timeline/templates/event-list.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 block_timeline/event-list
  19
  20     This template renders a list of events for the timeline block.
  21
  22     Example context (json):
  23     {
  24     }
  25 }}
  26 <div data-region="event-list-container"
  27      data-days-offset="{{$daysoffset}}{{#hasdaysoffset}}{{daysoffset}}{{/hasdaysoffset}}{{^hasdaysoffset}}0{{/hasdaysoffset}}{{/daysoffset}}"
  28      {{^nodayslimit}}data-days-limit="{{$dayslimit}}{{#hasdayslimit}}{{dayslimit}}{{/hasdayslimit}}{{^hasdayslimit}}30{{/hasdayslimit}}{{/dayslimit}}"{{/nodayslimit}}
  29      data-course-id="{{$courseid}}{{/courseid}}"
  30      data-midnight="{{midnight}}"
  31 >
  32     <div data-region="event-list-loading-placeholder">
  33         <ul class="pl-0 list-group list-group-flush">
  34             {{> block_timeline/placeholder-event-list-item }}
  35             {{> block_timeline/placeholder-event-list-item }}
  36             {{> block_timeline/placeholder-event-list-item }}
  37             {{> block_timeline/placeholder-event-list-item }}
  38             {{> block_timeline/placeholder-event-list-item }}
  39         </ul>
  40         <div class="pt-3 d-flex justify-content-between">
  41             <div class="w-25 bg-pulse-grey" style="height: 35px"></div>
  42             <div class="w-25 bg-pulse-grey" style="height: 35px"></div>
  43         </div>
  44     </div>
  45     <div data-region="event-list-content"></div>
  46     <div class="hidden text-xs-center text-center mt-3" data-region="empty-message">
  47         <img
  48             src="{{urls.noevents}}"
  49             alt="{{#str}} noevents, block_timeline {{/str}}"
  50             role="presentation"
  51             style="height: 70px; width: 70px"
  52         >
  53         <p class="text-muted m-t-1">{{#str}} noevents, block_timeline {{/str}}</p>
  54     </div>
  55 </div>