lib/templates/initials_bar.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 core/initials_bar
  19
  20     Initials bar.
  21
  22     Example context (json):
  23     {
  24         "title": "First name",
  25         "class": "firstinitial",
  26         "current": "A",
  27         "url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst",
  28         "all": "All",
  29         "group": [
  30            {
  31               "letter": [
  32                  {
  33                     "name": "A",
  34                     "url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst=A"
  35                  },
  36                  {
  37                     "name": "B",
  38                     "url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst=B"
  39                  },
  40                  {
  41                     "name": "C",
  42                     "url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst=C"
  43                  },
  44                  {
  45                     "name": "D",
  46                     "url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst=D"
  47                  }
  48
  49               ]
  50            },
  51            {
  52               "letter": [
  53                  {
  54                     "name": "W",
  55                     "url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst=W",
  56                     "selected": "W"
  57                  },
  58                  {
  59                     "name": "X",
  60                     "url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst=X"
  61                  },
  62                  {
  63                     "name": "Y",
  64                     "url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst=Y"
  65                  },
  66                  {
  67                     "name": "Z",
  68                     "url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst=Z"
  69                  }
  70
  71               ]
  72            }
  73          ]
  74     }
  75 }}
  76 <div class="initialbar {{class}} d-flex flex-wrap justify-content-center justify-content-md-start">
  77     <span class="initialbarlabel me-2">{{title}}</span>
  78
  79     <nav class="initialbargroups d-flex flex-wrap justify-content-center justify-content-md-start">
  80         <ul class="pagination pagination-sm">
  81             <li id="{{class}}_page-item_{{all}}" class="initialbarall page-item {{^current}}active{{/current}}">
  82                 {{#url}}
  83                     <a data-initial="" class="page-link" href="{{url}}"{{^current}} aria-current="true"{{/current}}>{{all}}</a>
  84                 {{/url}}
  85                 {{#input}}
  86                     <input class="page-link me-1 rounded" {{^current}} aria-current="true"{{/current}} value="{{all}}" type="button">
  87                 {{/input}}
  88             </li>
  89         </ul>
  90         {{#group}}
  91             <ul class="pagination pagination-sm">
  92                 {{#letter}}
  93                     <li id="{{class}}_page-item_{{name}}" data-initial="{{name}}" class="page-item {{name}} {{#selected}}active{{/selected}}">
  94                         {{#url}}
  95                             <a class="page-link" href="{{url}}"{{#selected}} aria-current="true"{{/selected}}>{{name}}</a>
  96                         {{/url}}
  97                         {{#input}}
  98                             <input class="page-link me-1 rounded" {{#selected}} aria-current="true"{{/selected}} value="{{name}}" type="button">
  99                         {{/input}}
 100                     </li>
 101                 {{/letter}}
 102             </ul>
 103         {{/group}}
 104     </nav>
 105 </div>