blocks/myoverview/templates/view-summary.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_myoverview/view-summary
  19
  20     This template renders the list view for the myoverview block.
  21
  22     Example context (json):
  23     {
  24         "courses": [
  25             {
  26                 "name": "Assignment due 1",
  27                 "viewurl": "https://moodlesite/course/view.php?id=2",
  28                 "courseimage": "https://moodlesite/pluginfile/123/course/overviewfiles/123.jpg",
  29                 "fullname": "course 3",
  30                 "summary": "This course is about assignments",
  31                 "hasprogress": true,
  32                 "progress": 10
  33             }
  34         ]
  35     }
  36 }}
  37 <div role="list">
  38 {{#courses}}
  39     <div class="course-summaryitem m-b-1 p-2" role="listitem">
  40         <div class="row-fluid d-flex">
  41             <a href="{{viewurl}}" class="col-sm-4 col-xl-3 span4 position-relative" tabindex="-1">
  42                 <div class="position-absolute">
  43                     {{> block_myoverview/favourite-icon }}
  44                 </div>
  45                 <img src="{{{courseimage}}}" class="summaryimage img-fluid" alt="{{#str}}aria:courseimage, block_myoverview{{/str}}">
  46
  47             </a>
  48             <div class="col-sm-8 col-xl-9 span8 align-self-stretch d-flex flex-column">
  49                 <div class="d-flex">
  50                     <a href="{{viewurl}}">
  51                         <span class="sr-only">{{#str}}aria:coursename, block_myoverview{{/str}}</span>
  52                         <h4>{{{fullname}}}</h4>
  53                     </a>
  54                     {{> block_myoverview/course-action-menu }}
  55                 </div>
  56                 <div class="summary">
  57                     <span class="sr-only">{{#str}}aria:coursesummary, block_myoverview{{/str}}</span>
  58                     {{{summary}}}
  59                 </div>
  60                 <div class="ml-auto mt-auto w-50 p-t-1">
  61                     {{#hasprogress}}
  62                         {{> block_myoverview/progress-bar}}
  63                     {{/hasprogress}}
  64                 </div>
  65             </div>
  66         </div>
  67     </div>
  68 {{/courses}}
  69 </div>