mod/assign/templates/grading_navigation.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 mod_assign/grading_navigation
  19
  20     Actions panel at the bottom of the assignment grading UI.
  21
  22     Classes required for JS:
  23     * none
  24
  25     Data attributes required for JS:
  26     * data-region, data-assignmentid, data-groupid
  27
  28     Context variables required for this template:
  29     * see mod/assign/classes/output/grading_app.php
  30
  31     This template includes ajax functionality, so it cannot be shown in the template library.
  32 }}
  33 <div class="container-fluid">
  34 <div data-region="grading-navigation" class="row">
  35
  36 {{!
  37     There are three chunks, which appear side-by-side at large screen sizes.
  38     A) Assignment info, which has 3 rows:
  39 }}
  40
  41 <div data-region="assignment-info" class="col-md-4">
  42
  43 {{!
  44     Row 1) course name & link.
  45 }}
  46 <a href="{{config.wwwroot}}/course/view.php?id={{courseid}}" title="{{coursename}}">{{coursename}}</a><br/>
  47
  48 {{!
  49     Row 2) Assignment name & link, & edit settings.
  50 }}
  51 <a href="{{config.wwwroot}}/mod/assign/view.php?id={{cmid}}" title="{{name}}">{{name}}</a>
  52
  53 {{#caneditsettings}}
  54 <a href="{{config.wwwroot}}/course/modedit.php?update={{cmid}}&return=1" aria-label="{{#str}}editsettings{{/str}}" title="{{#str}}editsettings{{/str}}">
  55     {{#pix}}t/edit, core{{/pix}}
  56 </a>
  57 {{/caneditsettings}}
  58
  59 <br/>
  60
  61 {{!
  62     Row 3) Assignment grading & link, due date, with tool-tip thing.
  63 }}
  64 <a href="{{config.wwwroot}}/mod/assign/view.php?id={{cmid}}&action={{actiongrading}}">{{viewgrading}}</a>
  65
  66 <div role="tooltip" id="tooltip-{{uniqid}}" class="accesshide">
  67 {{#duedate}}
  68 {{#str}}duedatecolon, mod_assign, {{duedatestr}}{{/str}}
  69 {{/duedate}}
  70
  71 {{#cutoffdate}}
  72 <br>{{cutoffdatestr}}
  73 {{/cutoffdate}}
  74
  75 {{#duedate}}
  76 <br>{{timeremainingstr}}
  77 {{/duedate}}
  78 </div>
  79
  80 </div>
  81
  82 {{!
  83     B) Current user name and info.
  84 }}
  85 <div data-region="user-info" class="col-md-4" data-assignmentid="{{assignmentid}}" data-groupid="{{groupid}}">
  86     {{> mod_assign/grading_navigation_user_info }}
  87 </div>
  88
  89 {{!
  90     C) User selector widget.
  91 }}
  92 <div data-region="user-selector" class="col-md-4">
  93     <div class="alignment">
  94         {{> mod_assign/grading_navigation_user_selector }}
  95     </div>
  96 </div>
  97 </div>
  98 </div>
  99 {{#js}}
 100 require(['mod_assign/grading_navigation', 'core/tooltip'], function(GradingNavigation, ToolTip) {
 101     new GradingNavigation('[data-region="user-selector"]');
 102     new ToolTip('[data-region="assignment-tooltip"]');
 103 });
 104 {{/js}}