[Summary view] [Print] [Text view]

   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 tool_lp/progress_bar
  19  
  20      Moodle progress bar template for tool_lp.
  21  
  22      The purpose of this template is to render a progress bar with a brief description.
  23      Inherits core/columns-1to2.
  24  
  25      Classes required for JS:
  26      * none
  27  
  28      Data attributes required for JS:
  29      * none
  30  
  31      Context variables required for this template:
  32      * progresstextvalue A brief text that describes the progress bar.
  33      * percentagevalue The numeric value for the progress bar's percentage.
  34      * percentlabelvalue The progress bar's label that shows the percentage value.
  35  
  36      Example context (json):
  37      {
  38          "progresstextvalue": "Progress:",
  39          "percentagevalue": "50",
  40          "percentlabelvalue": "50.00 %"
  41      }
  42  
  43  }}
  44  <div class="row-fluid rtl-compatible">
  45      <div class="span4">
  46          <div class="progresstext">
  47              {{$progresstext}}{{progresstextvalue}}{{/progresstext}}
  48          </div>
  49      </div>
  50      <div class="span8">
  51          <div class="progress">
  52              <div class="bar" style="width: {{$percentage}}{{percentagevalue}}{{/percentage}}%;" role="progressbar" aria-valuenow="{{$percentage}}{{percentagevalue}}{{/percentage}}" aria-valuemin="0" aria-valuemax="100">
  53                  {{$percentlabel}}{{percentlabelvalue}}{{/percentlabel}}
  54              </div>
  55          </div>
  56      </div>
  57  </div>