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
  34 <div data-region="grading-navigation" class="row-fluid">
  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="span4">
  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.
  50 }}
  51 <a href="{{config.wwwroot}}/mod/assign/view.php?id={{cmid}}" title="{{name}}">{{name}}</a>
  52
  53 {{!
  54     Row 3) Edit settings, due date, with tool-tip thing.
  55 }}
  56 <div role="tooltip" id="tooltip-{{uniqid}}" class="accesshide">
  57 {{#duedate}}
  58 {{#str}}duedatecolon, mod_assign, {{duedatestr}}{{/str}}
  59 {{/duedate}}
  60
  61 {{#cutoffdate}}
  62 <br>{{cutoffdatestr}}
  63 {{/cutoffdate}}
  64
  65 {{#duedate}}
  66 <br>{{timeremainingstr}}
  67 {{/duedate}}
  68 </div>
  69
  70 <br/>
  71 {{#caneditsettings}}
  72 <a href="{{config.wwwroot}}/course/modedit.php?update={{cmid}}&return=1">{{#pix}}t/edit, core,{{#str}}editsettings{{/str}}{{/pix}}</a>
  73 {{/caneditsettings}}
  74 {{#duedate}}
  75 <small data-region="assignment-tooltip" aria-describedby="tooltip-{{uniqid}}">{{#str}}duedatecolon, mod_assign, {{duedatestr}}{{/str}}</small>
  76 {{/duedate}}
  77 </span>
  78 </div>
  79
  80 {{!
  81     B) Current user name and info.
  82 }}
  83 <div data-region="user-info" class="span4" data-assignmentid="{{assignmentid}}" data-groupid="{{groupid}}">
  84     {{> mod_assign/grading_navigation_user_info }}
  85 </div>
  86
  87 {{!
  88     C) User selector widget.
  89 }}
  90 <div data-region="user-selector" class="span4">
  91     <div class="alignment">
  92         {{> mod_assign/grading_navigation_user_selector }}
  93     </div>
  94 </div>
  95 </div>
  96 {{#js}}
  97 require(['mod_assign/grading_navigation', 'core/tooltip'], function(GradingNavigation, ToolTip) {
  98     var nav = new GradingNavigation('[data-region="user-selector"]');
  99     var tooltip = new ToolTip('[data-region="assignment-tooltip"]');
 100 });
 101 {{/js}}