blocks/timeline/templates/view-courses.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/view-courses
  19
  20     This template renders the timeline view by courses for the timeline block.
  21
  22     Example context (json):
  23     {}
  24 }}
  25 <div data-region="course-items-loading-placeholder">
  26     <ul class="list-group unstyled">
  27         {{> block_timeline/course-item-loading-placeholder }}
  28         {{> block_timeline/course-item-loading-placeholder }}
  29     </ul>
  30     <div class="bg-pulse-grey m-t-1" style="width: 100px; height: 30px; margin-left: auto; margin-right: auto"></div>
  31 </div>
  32 <ul class="list-group unstyled" data-region="courses-list"></ul>
  33 <div class="hidden text-xs-center text-center pt-3" data-region="more-courses-button-container">
  34     <button type="button" class="btn btn-secondary" data-action="more-courses">
  35         {{#str}} morecourses, block_timeline {{/str}}
  36         <span class="hidden" data-region="loading-icon-container">
  37             {{> core/loading }}
  38         </span>
  39     </button>
  40 </div>
  41 <div class="hidden text-xs-center text-center mt-3" data-region="no-courses-empty-message">
  42     <img
  43         src="{{urls.noevents}}"
  44         alt="{{#str}} nocoursesinprogress, block_timeline {{/str}}"
  45         role="presentation"
  46         style="height: 70px; width: 70px"
  47     >
  48     <p class="text-muted m-t-1">{{#str}} nocoursesinprogress, block_timeline {{/str}}</p>
  49 </div>