first commit

grade/report/grader/templates/action_bar.mustache

@@ -0,0 +1,108 @@
+{{!
+    This file is part of Moodle - http://moodle.org/
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    @template gradereport_grader/action_bar
+
+    Actions bar for the grader report.
+
+    Context variables required for this template:
+    * generalnavselector - The data object containing the required properties to render the general navigation selector.
+    * groupselector - (optional) HTML that outputs the group selector
+
+    Example context (json):
+    {
+        "generalnavselector": {
+            "name": "Gradebook tertiary navigation selector",
+            "value": "opt2",
+            "baseid": "select-menu56789",
+            "selectedoption": "Gradebook setup",
+            "options": [
+                {
+                    "selected": false,
+                     "isgroup": {
+                         "name": "View",
+                         "id": "select-menu-group1",
+                         "options": [
+                             {
+                                 "name": "Grader report",
+                                 "value": "opt1",
+                                 "id": "select-menu-option1",
+                                 "selected": false
+                             }
+                         ]
+                     }
+                },
+                {
+                    "selected": false,
+                    "isgroup": {
+                        "name": "Setup",
+                        "id": "select-menu-group2",
+                        "options": [
+                            {
+                                "name": "Gradebook setup",
+                                "value": "opt2",
+                                "id": "select-menu-option2",
+                                "selected": true
+                            }
+                        ]
+                    }
+                }
+            ]
+        },
+        "groupselector": "<div class='group-selector'></div>",
+        "collapsedcolumns": "<div class='collapse-columns'></div>",
+        "pagereset": "http://moodle.local/grade/report/grader/index.php?id=2&userid=2&reset=1"
+    }
+}}
+<div class="container-fluid tertiary-navigation full-width-bottom-border">
+    <div class="row">
+        {{#generalnavselector}}
+            <div class="navitem">
+                {{>core/tertiary_navigation_selector}}
+            </div>
+            <div class="navitem-divider"></div>
+        {{/generalnavselector}}
+        {{#searchdropdown}}
+            <div class="navitem">
+                {{>core/comboboxsearch}}
+            </div>
+            <div class="navitem-divider"></div>
+        {{/searchdropdown}}
+        {{#groupselector}}
+            <div class="navitem">
+                {{{.}}}
+            </div>
+            <div class="navitem-divider"></div>
+        {{/groupselector}}
+        {{#initialselector}}
+            <div class="navitem d-flex flex-column align-self-center">
+                {{>core/comboboxsearch}}
+            </div>
+            <div class="navitem-divider"></div>
+        {{/initialselector}}
+        {{#pagereset}}
+            <div class="navitem align-self-center">
+                <a href="{{{.}}}" class="btn btn-link">{{#str}}clearall, gradereport_grader{{/str}}</a>
+            </div>
+            <div class="navitem-divider"></div>
+        {{/pagereset}}
+        {{#collapsedcolumns}}
+            <div class="navitem flex-column align-self-center ml-auto {{#classes}}{{.}}{{/classes}}" aria-live="polite">
+                {{#content}}
+                    {{>core/comboboxsearch}}
+                {{/content}}
+            </div>
+        {{/collapsedcolumns}}
+    </div>
+</div>

grade/report/grader/templates/categorycell.mustache

@@ -0,0 +1,42 @@
+{{!
+    This file is part of Moodle - http://moodle.org/
+
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    @template gradereport_grader/headercell
+
+    Header cell template
+
+    Example context (json):
+    {
+        "headerlink": "<a class='gradeitemheader' href='index.php?id=2&amp;sortitemid=2'><img class='icon itemicon' src='http://moodlesite/theme/image.php/boost/assign/1680563323/monologo' alt='Assignment' />Assignment 1</a>",
+        "arrow": "<a title='Descending' aria-label='Descending' href='index.php?id=2&amp;sortitemid=2'><i class='icon fa fa-sort-desc fa-fw sorticon' aria-hidden='true'  ></i></a>",
+        "singleview": "<div class='action-menu moodle-actionmenu grader' id='action-menu-8' data-enhance='moodle-core-actionmenu'></div>",
+        "statusicons": "<div class='grade_icons'><i class='icon fa fa-lock fa-fw text-muted' title='Locked' role='img' aria-label='Locked'></i></div>"
+    }
+}}
+<div class="d-flex flex-column h-100">
+    <div class="d-flex">
+        <div class="header">
+            {{{courseheader}}}
+        </div>
+        <div>
+            {{{actionmenu}}}
+        </div>
+    </div>
+    <div class="d-flex flex-grow-1 align-items-end">
+        {{{statusicons}}}
+    </div>
+</div>

grade/report/grader/templates/cell.mustache

@@ -0,0 +1,58 @@
+{{!
+    This file is part of Moodle - http://moodle.org/
+
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    @template gradereport_grader/cell
+
+    Cell template.
+
+    Example context (json):
+    {
+        "iseditable": "true",
+        "statusicons": "<div class='grade_icons'><i class='icon fa fa-lock fa-fw text-muted' title='Locked' role='img' aria-label='Locked'></i></div>",
+        "actionmenu": "<div class='action-menu moodle-actionmenu grader' id='action-menu-8' data-enhance='moodle-core-actionmenu'></div>",
+        "id": "grade_313_624",
+        "label": "grade_313_624",
+        "title": "Grade",
+        "extraclasses": "statusicons",
+        "value": "Text information",
+        "tabindex": "1",
+        "name": "grade[313][624]"
+    }
+}}
+<div class="d-flex flex-column h-100" data-collapse="content">
+    <div class="d-flex">
+        <div class="d-flex flex-grow-1">
+            {{#iseditable}}
+                {{#scale}}
+                    {{>core_grades/grades/grader/scale}}
+                {{/scale}}
+                {{^scale}}
+                    {{>core_grades/grades/grader/input}}
+                {{/scale}}
+            {{/iseditable}}
+            {{^iseditable}}
+                {{>core_grades/grades/grader/text}}
+            {{/iseditable}}
+        </div>
+        <div>
+            {{{actionmenu}}}
+        </div>
+    </div>
+    <div class="d-flex flex-grow-1 align-items-end">
+        {{{statusicons}}}
+    </div>
+</div>

grade/report/grader/templates/collapse/collapsebody.mustache

@@ -0,0 +1,64 @@
+{{!
+    This file is part of Moodle - http://moodle.org/
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    @template gradereport_grader/collapse/collapsebody
+
+    The body of the column collapsing dropdown that contains the form and subsequent results from the search.
+
+    Example context (json):
+    {
+        "instance": 25,
+        "results": [
+            {
+                "name": "42",
+                "displayName": "The meaning of life",
+                "category": "Hitchhikers grade category"
+            }
+        ],
+        "searchTerm": "Meaning of",
+        "userid": "42"
+    }
+}}
+<div class="flex-column h-100 w-100">
+    <span class="d-none" data-region="userid" data-userid="{{userid}}" aria-hidden="true"></span>
+
+    {{< core/search_input_auto }}
+        {{$label}}{{#str}}
+            searchcollapsedcolumns, core_grades
+        {{/str}}{{/label}}
+        {{$placeholder}}{{#str}}
+            searchcollapsedcolumns, core_grades
+        {{/str}}{{/placeholder}}
+    {{/ core/search_input_auto }}
+    <form class="columnsdropdownform flex-column h-100">
+        <fieldset>
+            <legend class="sr-only">{{#str}} aria:dropdowncolumns, gradereport_grader {{/str}}</legend>
+            <ul id="collapse-{{instance}}-listbox" class="searchresultitemscontainer overflow-auto py-2 px-1 list-group mx-0 text-truncate" data-region="search-result-items-container">
+                {{>gradereport_grader/collapse/collapseresults}}
+            </ul>
+        </fieldset>
+        <div class="d-flex mt-2">
+            <div class="d-flex align-items-center form-check">
+                <label id="check-all" class="selected-option-info text-truncate form-check-label d-block">
+                    <input disabled class="form-check-input" type="checkbox" data-action="selectall">
+                    {{#str}}selectall, core{{/str}}
+                </label>
+            </div>
+            <div class="flex-row ml-auto">
+                <input class="btn btn-outline-secondary pull-right mx-2" data-action="cancel" type="submit" value="{{#str}}closebuttontitle{{/str}}">
+                <input disabled class="btn btn-primary pull-right" data-action="save" type="submit" value="{{#str}}expand{{/str}}">
+            </div>
+        </div>
+    </form>
+</div>

grade/report/grader/templates/collapse/collapseresultitems.mustache

@@ -0,0 +1,41 @@
+{{!
+    This file is part of Moodle - http://moodle.org/
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    @template gradereport_grader/collapse/collapseresultitems
+
+    Context variables required for this template:
+    * name - The 'system' name that we search against.
+    * displayName - The 'end user' name that the user can search against.
+    * category - The category that a gradable item is within.
+
+    Example context (json):
+    {
+        "name": "42",
+        "displayName": "The meaning of life",
+        "category": "Hitchhikers grade category"
+    }
+}}
+<li class="w-100 result-row form-check mb-1">
+    <label class="selected-option-info d-block pr-3 text-truncate form-check-label">
+        <input class="form-check-input" data-collapse="{{name}}" type="checkbox" value="">
+        <span class="selected-option-text w-100 p-0">
+            {{{displayName}}}
+        </span>
+        {{#category}}
+            <span class="d-block w-100 pull-left text-muted text-truncate small">
+                {{category}}
+            </span>
+        {{/category}}
+    </label>
+</li>

grade/report/grader/templates/collapse/collapseresults.mustache

@@ -0,0 +1,38 @@
+{{!
+    This file is part of Moodle - http://moodle.org/
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    @template gradereport_grader/collapse/collapseresults
+
+    Context variables required for this template:
+    * results - An array of found columns that are currently hidden.
+    * searchTerm - What the user is currently searching for.
+
+    Example context (json):
+    {
+        "results": [
+            {
+                "name": "42",
+                "displayName": "The meaning of life",
+                "category": "Hitchhikers grade category"
+            }
+        ],
+        "searchTerm": "Meaning of"
+    }
+}}
+{{#results}}
+    {{>gradereport_grader/collapse/collapseresultitems}}
+{{/results}}
+{{^results}}
+    <span class="d-block my-4">{{#str}} noresultsfor, core, {{searchTerm}}{{/str}}</span>
+{{/results}}

grade/report/grader/templates/collapse/icon.mustache

@@ -0,0 +1,29 @@
+{{!
+    This file is part of Moodle - http://moodle.org/
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    @template gradereport_grader/collapse/icon
+
+    Context variables required for this template:
+    * field - Either the shortname of the user field or a grade item ID.
+
+    Example context (json):
+    {
+        "field": "42",
+        "name": "Meaning of life"
+    }
+}}
+<button type="button" class="btn btn-link btn-icon icon-size-3" data-hider="expand" data-col="{{field}}">
+    <i class="icon fa fa-plus m-0" title="{{#str}}reopencolumn, gradereport_grader, {{name}}{{/str}}" aria-hidden="true"></i>
+    <span class="sr-only">{{#str}}reopencolumn, gradereport_grader, {{name}}{{/str}}</span>
+</button>

grade/report/grader/templates/headercell.mustache

@@ -0,0 +1,48 @@
+{{!
+    This file is part of Moodle - http://moodle.org/
+
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    @template gradereport_grader/headercell
+
+    Header cell template
+
+    Example context (json):
+    {
+        "headerlink": "<a class='gradeitemheader' href='index.php?id=2&amp;sortitemid=2'><img class='icon itemicon' src='http://moodlesite/theme/image.php/boost/assign/1680563323/monologo' alt='Assignment' />Assignment 1</a>",
+        "arrow": "<a title='Descending' aria-label='Descending' href='index.php?id=2&amp;sortitemid=2'><i class='icon fa fa-sort-desc fa-fw sorticon' aria-hidden='true'  ></i></a>",
+        "singleview": "<div class='action-menu moodle-actionmenu grader' id='action-menu-8' data-enhance='moodle-core-actionmenu'></div>",
+        "statusicons": "<div class='grade_icons'><i class='icon fa fa-lock fa-fw text-muted' title='Locked' role='img' aria-label='Locked'></i></div>"
+    }
+}}
+<div class="d-flex flex-column h-100">
+    <div class="d-none flex-grow-1 align-items-start" data-collapse="expandbutton">
+        {{{collapsedicon}}}
+    </div>
+    <div class="d-flex" data-collapse="content">
+        <div class="d-flex flex-grow-1">
+            {{{headerlink}}}
+            <div class="mx-2 mt-2">
+                {{{arrow}}}
+            </div>
+        </div>
+        <div>
+            {{{singleview}}}
+        </div>
+    </div>
+    <div class="d-flex flex-grow-1 align-items-end">
+        {{{statusicons}}}
+    </div>
+</div>

grade/report/grader/templates/perpage.mustache

@@ -0,0 +1,51 @@
+{{!
+    This file is part of Moodle - http://moodle.org/
+
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    @template gradereport_grader/perpage
+
+    The students per page dropdown element.
+
+    Context variables required for this template:
+    * baseurl - The base URL for the perpage action.
+    * options - Choices
+
+    Example context (json):
+    {
+        "baseurl": "http://example.com/grade/report/grader/index.php?id=2&report=grader",
+        "options": [
+            {"name": "20", "value": "20"},
+            {"name": "100", "value": "100", "selected": true},
+            {"name": "All", "value": "0"}
+        ]
+    }
+}}
+<label>
+    {{#str}}show{{/str}}
+    <select name="perpage" class="custom-select ignoredirty" id="{{uniqid}}">
+        {{#options}}
+            <option value="{{value}}" {{#selected}}selected{{/selected}}>{{{name}}}</option>
+        {{/options}}
+    </select>
+</label>
+{{#js}}
+    document.getElementById('{{uniqid}}').addEventListener('change', function(e) {
+        var url = new URL('{{baseurl}}');
+        url.searchParams.set('perpage', e.target.value);
+
+        window.location.href = url;
+    });
+{{/js}}