first commit

mod/assign/templates/attempt_history_chooser.mustache

@@ -0,0 +1,16 @@
+{{#submissioncount}}
+<div>
+    <a class="btn btn-secondary" href="#" data-region="attempt-chooser" data-submissions="submissions-list-{{uniqid}}">{{#str}}viewadifferentattempt, mod_assign{{/str}}</a>
+    <div class="hide" id="submissions-list-{{uniqid}}">
+        <div data-region="submissions-list">
+        {{#submissions}}
+            <label class="radio">
+                <input type="radio" name="select-attemptnumber" value="{{attemptnumber}}"/>
+                {{attemptsummary}}
+                <br><em>{{statussummary}}</em>
+            </label>
+        {{/submissions}}
+        </div>
+    </div>
+</div>
+{{/submissioncount}}

mod/assign/templates/grading_actionmenu.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 mod_assign/grading_actionmenu
+
+    Actions panel for the assignment grading UI.
+
+    Classes required for JS:
+    * none
+
+    Context variables required for this template:
+    * see mod/lesson/classes/output/grading_actionmenu.php
+
+    Example context (json):
+    {
+        "downloadall": "https://moodle.org"
+    }
+
+}}
+<div class="container-fluid tertiary-navigation">
+    <div class="row">
+        {{#downloadall}}
+        <div class="navitem ml-sm-auto">
+            <a class="btn btn-secondary" href="{{downloadall}}">{{#str}}downloadall, mod_assign{{/str}}</a>
+        </div>
+        {{/downloadall}}
+    </div>
+</div>

mod/assign/templates/grading_actions.mustache

@@ -0,0 +1,66 @@
+{{!
+    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 mod_assign/grading_actions
+
+    Actions panel at the bottom of the assignment grading UI.
+
+    Classes required for JS:
+    * none
+
+    Data attributes required for JS:
+    * data-region
+
+    Context variables required for this template:
+    * see mod/assign/classes/output/grading_app.php
+
+    This template is initially hidden, and is only displayed after the current user info has been loaded.
+}}
+<div class="d-flex justify-content-between">
+    <form data-region="grading-actions-form" class="hide flex-grow-1 align-self-center">
+        <label>{{#str}}sendstudentnotifications, mod_assign{{/str}}
+               <input type="checkbox" name="sendstudentnotifications"
+                      {{#defaultsendnotifications}}checked="checked"{{/defaultsendnotifications}} />
+        </label>
+        {{#helpicon}}
+            {{>core/help_icon}}
+        {{/helpicon}}
+        <button type="submit" class="btn btn-primary" name="savechanges">{{#str}}savechanges{{/str}}</button>
+        <button type="submit" class="btn btn-primary" name="saveandshownext">{{#str}}saveandnext{{/str}}</button>
+        <button type="submit" class="btn btn-secondary" name="resetbutton">{{#str}}reset{{/str}}</button>
+    </form>
+    {{#showreview}}
+        <div class="btn-toolbar collapse-buttons">
+            <div class="btn-group">
+                <button type="button" class="btn btn-secondary collapse-review-panel" aria-label="{{#str}} collapsereviewpanel, mod_assign {{/str}}" title="{{#str}} collapsereviewpanel, mod_assign {{/str}}">
+                    {{#pix}} layout-expand-right, mod_assign {{/pix}}
+                </button>
+                <button type="button" class="btn btn-secondary collapse-none active" aria-label="{{#str}} defaultlayout, mod_assign {{/str}}" title="{{#str}} defaultlayout, mod_assign {{/str}}">
+                    {{#pix}} layout-default, mod_assign {{/pix}}
+                </button>
+                <button type="button" class="btn btn-secondary collapse-grade-panel" aria-label="{{#str}} collapsegradepanel, mod_assign {{/str}}" title="{{#str}} collapsegradepanel, mod_assign {{/str}}">
+                    {{#pix}} layout-expand-left, mod_assign {{/pix}}
+                </button>
+            </div>
+        </div>
+    {{/showreview}}
+</div>
+{{#js}}
+require(['mod_assign/grading_actions'], function(GradingActions) {
+    new GradingActions('[data-region="grade-actions"]');
+});
+{{/js}}

mod/assign/templates/grading_app.mustache

@@ -0,0 +1,66 @@
+{{!
+    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 mod_assign/grading_app
+
+    Actions panel at the bottom of the assignment grading UI.
+
+    Classes required for JS:
+    * Uses some bootstrap classes, but for visual appeal only.
+
+    Data attributes required for JS:
+    * data-region, data-first-userid, data-courseid, data-contextid, data-assignmentid
+
+    Context variables required for this template:
+    * see mod/assign/classes/output/grading_app.php
+
+    This template includes ajax functionality, so it cannot be shown in the template library.
+}}
+<div data-region="grading-navigation-panel" data-first-userid="{{userid}}" data-courseid="{{courseid}}" data-showuseridentity="{{showuseridentity}}">
+{{> mod_assign/grading_navigation }}
+</div>
+{{#showreview}}
+<div data-region="review-panel">
+    <a href="#" data-region="review-panel-toggle">
+        <div class="collapse-icon">{{#pix}} t/expanded, core, {{#str}} collapsereviewpanel, mod_assign {{/str}} {{/pix}}</div>
+        <div class="expand-icon">
+            <div class="ltr-icon">{{#pix}} t/collapsed, core, {{#str}} expandreviewpanel, mod_assign {{/str}} {{/pix}}</div>
+            <div class="rtl-icon">{{#pix}} t/collapsed_rtl, core, {{#str}} expandreviewpanel, mod_assign {{/str}} {{/pix}}</div>
+            <div class="toggle-text">{{#str}} clickexpandreviewpanel, mod_assign {{/str}}</div>
+        </div>
+    </a>
+    <div data-region="review-panel-content">
+        <div data-region="review">
+            {{> mod_assign/review_panel }}
+        </div>
+    </div>
+</div>
+{{/showreview}}
+<div data-region="grade-panel" {{^showreview}}class="fullwidth"{{/showreview}}>
+<div data-region="grade" data-contextid="{{contextid}}" data-assignmentid="{{assignmentid}}">
+{{> mod_assign/grading_panel }}
+</div>
+</div>
+<div data-region="grade-actions-panel">
+<div data-region="grade-actions">
+<div class="tool_usertours-resettourcontainer float-left"></div>
+{{> mod_assign/grading_actions }}
+</div>
+</div>
+<div data-region="overlay" class="moodle-has-zindex">
+{{> mod_assign/grading_save_in_progress }}
+</div>

mod/assign/templates/grading_navigation.mustache

@@ -0,0 +1,104 @@
+{{!
+    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 mod_assign/grading_navigation
+
+    Actions panel at the bottom of the assignment grading UI.
+
+    Classes required for JS:
+    * none
+
+    Data attributes required for JS:
+    * data-region, data-assignmentid, data-groupid
+
+    Context variables required for this template:
+    * see mod/assign/classes/output/grading_app.php
+
+    This template includes ajax functionality, so it cannot be shown in the template library.
+}}
+<div class="container-fluid">
+<div data-region="grading-navigation" class="row">
+
+{{!
+    There are three chunks, which appear side-by-side at large screen sizes.
+    A) Assignment info, which has 3 rows:
+}}
+
+<div data-region="assignment-info" class="col-md-4">
+
+{{!
+    Row 1) course name & link.
+}}
+<a href="{{config.wwwroot}}/course/view.php?id={{courseid}}" title="{{coursename}}">{{coursename}}</a><br/>
+
+{{!
+    Row 2) Assignment name & link, & edit settings.
+}}
+<a href="{{config.wwwroot}}/mod/assign/view.php?id={{cmid}}" title="{{name}}">{{name}}</a>
+
+{{#caneditsettings}}
+<a href="{{config.wwwroot}}/course/modedit.php?update={{cmid}}&return=1" aria-label="{{#str}}editsettings{{/str}}" title="{{#str}}editsettings{{/str}}">
+    {{#pix}}t/edit, core{{/pix}}
+</a>
+{{/caneditsettings}}
+
+<br/>
+
+{{!
+    Row 3) Assignment grading & link, due date, with tool-tip thing.
+}}
+<a href="{{config.wwwroot}}/mod/assign/view.php?id={{cmid}}&action={{actiongrading}}">{{viewgrading}}</a>
+
+<div role="tooltip" id="tooltip-{{uniqid}}" class="accesshide">
+{{#duedate}}
+{{#str}}duedatecolon, mod_assign, {{duedatestr}}{{/str}}
+{{/duedate}}
+
+{{#cutoffdate}}
+<br>{{cutoffdatestr}}
+{{/cutoffdate}}
+
+{{#duedate}}
+<br>{{timeremainingstr}}
+{{/duedate}}
+</div>
+
+</div>
+
+{{!
+    B) Current user name and info.
+}}
+<div data-region="user-info" class="col-md-4" data-assignmentid="{{assignmentid}}" data-groupid="{{groupid}}">
+    {{> mod_assign/grading_navigation_user_info }}
+</div>
+
+{{!
+    C) User selector widget.
+}}
+<div data-region="user-selector" class="col-md-4">
+    <div class="alignment">
+        {{> mod_assign/grading_navigation_user_selector }}
+    </div>
+</div>
+</div>
+</div>
+{{#js}}
+require(['mod_assign/grading_navigation', 'core/tooltip'], function(GradingNavigation, ToolTip) {
+    new GradingNavigation('[data-region="user-selector"]');
+    new ToolTip('[data-region="assignment-tooltip"]');
+});
+{{/js}}

mod/assign/templates/grading_navigation_no_users.mustache

@@ -0,0 +1,34 @@
+{{!
+    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 mod_assign/grading_navigation_no_users
+
+    Notification when no users are available (given the current filters).
+
+    Classes required for JS:
+    * none
+
+    Data attributes required for JS:
+    * None
+
+    Context variables required for this template:
+    * None
+
+    Example context (json):
+    { }
+}}
+<h3>{{#str}}nousersselected, mod_assign{{/str}}</h3>

mod/assign/templates/grading_navigation_user_info.mustache

@@ -0,0 +1,40 @@
+{{!
+    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 mod_assign/grading_navigation_user_info
+
+    Initial template for the user info panel - until a user is selected
+    a loading spinner will be displayed.
+
+    Classes required for JS:
+    * none
+
+    Data attributes required for JS:
+    * None
+
+    Context variables required for this template:
+    * None
+
+    Example context (json):
+    { }
+}}
+{{> mod_assign/loading }}
+{{#js}}
+require(['mod_assign/grading_navigation_user_info'], function(UserInfo) {
+    new UserInfo('[data-region="user-info"]');
+});
+{{/js}}

mod/assign/templates/grading_navigation_user_selector.mustache

@@ -0,0 +1,101 @@
+{{!
+    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 mod_assign/grading_navigation_user_selector
+
+    The template HTML for the user selector in the top right corner.
+
+    Classes required for JS:
+    * none
+
+    Data attributes required for JS:
+    * data-action, data-assignmentid, data-groupid, data-region
+
+    Context variables required for this template:
+    * see mod/assign/classes/output/grading_app.php
+
+    This template uses ajax functionality, so it cannot be shown in the template library.
+
+    Example context (json):
+    { }
+}}
+<a href="#previous" data-action="previous-user" aria-label="{{#str}} previoususer, mod_assign {{/str}}" title="{{#str}} previoususer, mod_assign {{/str}}">{{{larrow}}}</a>
+<span data-region="input-field">
+    <label for="change-user-select" class="sr-only">{{#str}} changeuser, mod_assign {{/str}}</label>
+    <select id="change-user-select" data-action="change-user" data-currentuserid="{{currentuserid}}" data-assignmentid="{{assignmentid}}" data-groupid="{{groupid}}"></select>
+</span>
+<a href="#next" data-action="next-user" aria-label="{{#str}} nextuser, mod_assign {{/str}}" title="{{#str}} nextuser, mod_assign {{/str}}">{{{rarrow}}}</a>
+
+<br>
+
+<span data-region="user-count">
+    <small>
+        <span data-region="user-count-summary">{{#str}}xofy, mod_assign, { "x": "{{index}}", "y": "{{count}}" }{{/str}}</span>
+    </small>
+</span>
+<a href="#" data-region="user-filters" title="{{#str}}changefilters, mod_assign{{/str}}" aria-expanded="false" aria-controls="filter-configuration-{{uniqid}}">
+    <span class="accesshide">
+        {{#filters}}
+            {{filtername}}
+        {{/filters}}
+        {{^filters}}
+            {{#str}}nofilters, mod_assign{{/str}}
+        {{/filters}}
+    </span>
+    {{#pix}}i/filter{{/pix}}
+</a>
+<a href="#" data-region="user-resettable" title="{{#str}}resettable{{/str}}">
+    {{#str}}resettable{{/str}}
+</a>
+<div data-region="configure-filters" id="filter-configuration-{{uniqid}}" class="card card-large p-2">
+    <form>
+        <span class="row px-3 py-1">
+            <label class="text-right w-25 p-2 m-0" for="filter-general-{{uniqid}}">
+                {{#str}}filter, mod_assign{{/str}}
+            </label>
+            <select name="filter" class="custom-select w-50" id="filter-general-{{uniqid}}">
+            {{#filters}}
+                <option value="{{key}}" {{#active}}selected="selected"{{/active}} > {{name}} </option>
+            {{/filters}}
+            </select>
+        </span>
+        {{#hasmarkingallocation}}
+        <span class="row px-3 py-1">
+            <label class="text-right w-25 p-2 m-0" for="filter-marker-{{uniqid}}">
+                {{#str}}markerfilter, mod_assign{{/str}}
+            </label>
+            <select name="markerfilter" class="custom-select w-50" id="filter-marker-{{uniqid}}">
+            {{#markingallocationfilters}}
+                <option value="{{key}}" {{#active}}selected="selected"{{/active}} > {{name}} </option>
+            {{/markingallocationfilters}}
+            </select>
+        </span>
+        {{/hasmarkingallocation}}
+        {{#hasmarkingworkflow}}
+        <span class="row px-3 py-1">
+            <label class="text-right w-25 p-2 m-0" for="filter-workflow-{{uniqid}}">
+                {{#str}}workflowfilter, mod_assign{{/str}}
+            </label>
+            <select name="workflowfilter" class="custom-select w-50" id="filter-workflow-{{uniqid}}">
+            {{#markingworkflowfilters}}
+                <option value="{{key}}" {{#active}}selected="selected"{{/active}} > {{name}} </option>
+            {{/markingworkflowfilters}}
+            </select>
+        </span>
+        {{/hasmarkingworkflow}}
+    </form>
+</div>

mod/assign/templates/grading_navigation_user_summary.mustache

@@ -0,0 +1,63 @@
+{{!
+    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 mod_assign/grading_navigation_user_summary
+
+    Shown when the real data for a user has been loaded. Display in the top left corner.
+
+    Classes required for JS:
+    * none
+
+    Data attributes required for JS:
+    * data-region, data-assignmentid, data-groupid
+
+    Context variables required for this template:
+    * id, courseid, all fields from mod_assign_list_participants
+
+    Example context (json):
+    {
+        "id": "5",
+        "fullname": "Mr T",
+        "hasidentity": true,
+        "identity": "t@example.org, T",
+        "profileimageurl": "https://moodle.org/pix/u/f3.png"
+    }
+}}
+<h4>
+    {{^blindmarking}}
+        <a href="{{globals.config.wwwroot}}/user/view.php?id={{id}}&course={{courseid}}">
+    {{/blindmarking}}
+    {{#profileimageurl}}
+        <img src="{{profileimageurl}}" class="img-rounded" height="40" alt=""/>
+    {{/profileimageurl}}
+    {{fullname}}
+    {{#hasidentity}}
+        <em class='nowrap'>
+            <small title="{{identity}}">{{identity}}</small>
+        </em>
+    {{/hasidentity}}
+    {{#duedate}}
+        <em class='nowrap'>
+            <small title="{{#str}}duedatecolon, mod_assign, {{duedatestr}}{{/str}}">
+                {{#str}}duedatecolon, mod_assign, {{duedatestr}}{{/str}}
+            </small>
+        </em>
+    {{/duedate}}
+    {{^blindmarking}}
+        </a>
+    {{/blindmarking}}
+</h4>

mod/assign/templates/grading_panel.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 mod_assign/grading_panel
+
+    Shown a place holder until the real content is fetched via ajax.
+
+    Classes required for JS:
+    * none
+
+    Data attributes required for JS:
+    * None
+
+    Context variables required for this template:
+    * None
+
+    This template loads it's content via ajax, so it cannot be shown in the template library.
+}}
+{{> mod_assign/loading }}
+{{#js}}
+require(['mod_assign/grading_panel'], function(GradingPanel) {
+    new GradingPanel('[data-region="grade"]');
+});
+{{/js}}

mod/assign/templates/grading_save_in_progress.mustache

@@ -0,0 +1,35 @@
+{{!
+    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 mod_assign/grading_save_in_progress
+
+    Shown in an overlay when the grading form has been submitted, and we are
+    waiting for a response.
+
+    Classes required for JS:
+    * none
+
+    Data attributes required for JS:
+    * None
+
+    Context variables required for this template:
+    * None
+
+    Example context (json):
+    { "id": "4" }
+}}
+<h3>{{#str}}savingchanges, mod_assign{{/str}} {{> mod_assign/loading }}</h3>

mod/assign/templates/list_participant_user_summary.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 mod_assign/list_participant_user_summary
+
+    Shown as the options for the list of users in the user picker on the grading page.
+
+    Classes required for JS:
+    * none
+
+    Data attributes required for JS:
+    * None
+
+    Context variables required for this template:
+    * fullname
+    * requiregrading
+    * identity - list of only the visible identity fields
+    * list of fields from mod_assign_list_participants webservice
+
+    Example context (json):
+    { "id": "4",
+      "fullname": "Mr T",
+      "requiregrading": "true",
+      "identity": "email, phone, etc"
+    }
+}}
+<span>{{fullname}} <small>{{identity}}</small> {{#requiregrading}}<abbr title="{{#str}}filterrequiregrading, mod_assign{{/str}}">*</abbr>{{/requiregrading}}</span>

mod/assign/templates/loading.mustache

@@ -0,0 +1,34 @@
+{{!
+    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 mod_assign/loading
+
+    Loading spinner shown while waiting for an ajax request
+
+    Classes required for JS:
+    * None
+
+    Data attibutes required for JS:
+    * None
+
+    Context variables required for this template:
+    * None
+
+    Example context (json):
+    { }
+}}
+{{#pix}}y/loading, core, {{#str}}loading, mod_assign{{/str}}{{/pix}}

mod/assign/templates/override_actionmenu.mustache

@@ -0,0 +1,94 @@
+{{!
+    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 mod_assign/override_actionmenu
+
+    Override select menu for users and groups.
+
+    Classes required for JS:
+    * none
+
+    Context variables required for this template:
+    * see mod/lesson/classes/output/override_actionmenu.php
+
+    Example context (json):
+    {
+        "urlselect": {
+            "id": "url_select_test",
+            "action": "https://example.com/post",
+            "formid": "url_select_form",
+            "sesskey": "sesskey",
+            "label": "core/url_select",
+            "helpicon": {
+                "title": "Help with something",
+                "text": "Help with something",
+                "url": "http://example.org/help",
+                "linktext": "",
+                "icon": {
+                    "extraclasses": "iconhelp",
+                    "attributes": [
+                        {"name": "src", "value": "../../../pix/help.svg"},
+                        {"name": "alt", "value": "Help icon"}
+                    ]
+                }
+            },
+            "showbutton": "Go",
+            "options": [{
+                "name": "Group 1", "isgroup": true, "options":
+                [
+                    {"name": "Item 1", "isgroup": false, "value": "1"},
+                    {"name": "Item 2", "isgroup": false, "value": "2"}
+                ]},
+                {"name": "Group 2", "isgroup": true, "options":
+                [
+                    {"name": "Item 3", "isgroup": false, "value": "3"},
+                    {"name": "Item 4", "isgroup": false, "value": "4"}
+                ]}],
+            "disabled": false,
+            "title": "Some cool title"
+        },
+        "addoverride": {
+            "method" : "get",
+            "url" : "#",
+            "formid": "1",
+            "primary" : true,
+            "tooltip" : "This is a tooltip",
+            "label" : "This is a the button text",
+            "attributes": [
+                {
+                    "name": "data-attribute",
+                    "value": "yeah"
+                }
+            ]
+        }
+    }
+
+}}
+<div class="container-fluid tertiary-navigation">
+    <div class="row">
+        {{#urlselect}}
+            <div class="navitem">
+                {{>core/url_select}}
+            </div>
+        {{/urlselect}}
+        {{#addoverride}}
+            <div class="navitem">
+                {{>core/single_button}}
+            </div>
+        {{/addoverride}}
+    </div>
+</div>

mod/assign/templates/override_form_user_defaults.mustache

@@ -0,0 +1,40 @@
+{{!
+    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 mod_assign/override_form_user_defaults
+
+    HTML for showing user default dates in override form.
+}}
+<dl>
+    <dt>{{#str}} allowsubmissionsfromdate, mod_assign {{/str}}</dt>
+    <dl>
+        {{#allowsubmissionsfromdate}} {{#userdate}} {{.}}, {{#str}} strftimedatetime, core_langconfig {{/str}} {{/userdate}} {{/allowsubmissionsfromdate}}
+        {{^allowsubmissionsfromdate}} {{#str}} disabled, mod_assign {{/str}} {{/allowsubmissionsfromdate}}
+    </dl>
+
+    <dt>{{#str}} duedate, mod_assign {{/str}}</dt>
+    <dl>
+        {{#duedate}} {{#userdate}} {{.}}, {{#str}} strftimedatetime, core_langconfig {{/str}} {{/userdate}} {{/duedate}}
+        {{^duedate}} {{#str}} disabled, mod_assign {{/str}} {{/duedate}}
+    </dl>
+
+    <dt>{{#str}} cutoffdate, mod_assign {{/str}}</dt>
+    <dl>
+        {{#cutoffdate}} {{#userdate}} {{cutoffdate}}, {{#str}} strftimedatetime, core_langconfig {{/str}} {{/userdate}} {{/cutoffdate}}
+        {{^cutoffdate}} {{#str}} disabled, mod_assign {{/str}} {{/cutoffdate}}
+    </dl>
+</dl>

mod/assign/templates/popout_button.mustache

@@ -0,0 +1,3 @@
+<a href="#" data-region="popout-button" aria-label="{{#str}}togglezoom, mod_assign{{/str}}" title="{{#str}}togglezoom, mod_assign{{/str}}">
+    {{#pix}}e/fullscreen,core{{/pix}}
+</a>

mod/assign/templates/review_panel.mustache

@@ -0,0 +1,34 @@
+{{!
+    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 mod_assign/review_panel
+
+    Show a placeholder in the review panel until something injects some content.
+
+    Classes required for JS:
+    * None
+
+    Data attibutes required for JS:
+    * None
+
+    Context variables required for this template:
+    * None
+
+    Example context (json):
+    { }
+}}
+{{> mod_assign/loading }}

mod/assign/templates/submission_actionmenu.mustache

@@ -0,0 +1,46 @@
+{{!
+    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 mod_assign/submission_actionmenu
+
+    Actions for grading submissions in the assignment.
+
+    Classes required for JS:
+    * none
+
+    Context variables required for this template:
+    * see mod/assign/classes/output/actionmenu.php
+
+    Example context (json):
+    {
+        "submissionlink": "https://moodle.org",
+        "gradelink": "https://moodle.org"
+    }
+
+}}
+<div class="container-fluid tertiary-navigation">
+    <div class="row">
+        <div class="navitem">
+            <a class="btn btn-secondary mr-1" href="{{submissionlink}}">{{#str}}viewgrading, mod_assign{{/str}}</a>
+        </div>
+        {{#gradelink}}
+        <div class="navitem">
+            <a class="btn btn-primary" href="{{gradelink}}">{{#str}}gradeverb, core{{/str}}</a>
+        </div>
+        {{/gradelink}}
+    </div>
+</div>

mod/assign/templates/timelimit_panel.mustache

@@ -0,0 +1,45 @@
+{{!
+   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 mod_assign/timelimit_panel
+
+   Show a timer that counts down to 0.
+
+   Classes required for JS:
+   * None
+
+   Data attibutes required for JS:
+   * None
+
+   Example context (json):
+   {
+       "timerstartvalue": 1729000
+   }
+
+}}
+<div{{!
+    }} id="mod_assign-timer-{{uniqid}}"{{!
+    }} role="timer" aria-atomic="true"{{!
+    }} aria-relevant="text"{{!
+    }} data-starttime="{{timerstartvalue}}"{{!
+}}>
+</div>
+{{#js}}
+require(['mod_assign/timer'], function(Timer) {
+    Timer.init("mod_assign-timer-{{uniqid}}");
+});
+{{/js}}

mod/assign/templates/user_submission_actionmenu.mustache

@@ -0,0 +1,192 @@
+{{!
+    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 mod_assign/user_submission_actionmenu
+
+    Actions for editing and submitting assignments.
+
+    Classes required for JS:
+    * none
+
+    Context variables required for this template:
+    * see mod/assign/classes/output/user_submission_actionmenu.php
+
+    Example context (json):
+    {
+        "submit": {
+            "button": {
+                "method" : "get",
+                "url" : "#",
+                "formid": "submit_button_1",
+                "primary" : true,
+                "tooltip" : "Submit tooltip",
+                "label" : "Submit",
+                "attributes": [
+                    {
+                      "name": "data-attribute",
+                      "value": "yeah"
+                    }
+                ]
+            },
+            "help": {
+                "title": "Help with something",
+                "url": "http://example.org/help",
+                "linktext": "",
+                "icon":{
+                    "attributes": [
+                        {"name": "class", "value": "iconhelp"},
+                        {"name": "src", "value": "../../../pix/help.svg"},
+                        {"name": "alt", "value": "Help icon"}
+                    ]
+                }
+            }
+        },
+        "previoussubmission": {
+            "button": {
+                "method" : "get",
+                "url" : "#",
+                "formid": "previous_button_2",
+                "primary" : true,
+                "tooltip" : "Submit tooltip",
+                "label" : "Previous submission",
+                "attributes": [
+                    {
+                      "name": "data-attribute",
+                      "value": "yeah"
+                    }
+                ]
+            },
+            "help": {
+                "title": "Help with something",
+                "url": "http://example.org/help",
+                "linktext": "",
+                "icon":{
+                    "attributes": [
+                        {"name": "class", "value": "iconhelp"},
+                        {"name": "src", "value": "../../../pix/help.svg"},
+                        {"name": "alt", "value": "Help icon"}
+                    ]
+                }
+            }
+        },
+        "edit": {
+            "button": {
+                "method" : "get",
+                "url" : "#",
+                "formid": "edit_button_3",
+                "primary" : true,
+                "tooltip" : "Submit tooltip",
+                "label" : "Edit",
+                "attributes": [
+                    {
+                      "name": "data-attribute",
+                      "value": "yeah"
+                    }
+                ]
+            },
+            "help": {
+                "title": "Help with something",
+                "url": "http://example.org/help",
+                "linktext": "",
+                "icon":{
+                    "attributes": [
+                        {"name": "class", "value": "iconhelp"},
+                        {"name": "src", "value": "../../../pix/help.svg"},
+                        {"name": "alt", "value": "Help icon"}
+                    ]
+                }
+            }
+        },
+        "remove": {
+            "button": {
+                "method" : "get",
+                "url" : "#",
+                "formid": "remove_button_4",
+                "primary" : true,
+                "tooltip" : "Submit tooltip",
+                "label" : "Remove",
+                "attributes": [
+                    {
+                      "name": "data-attribute",
+                      "value": "yeah"
+                    }
+                ]
+            },
+            "help": {
+                "title": "Help with something",
+                "url": "http://example.org/help",
+                "linktext": "",
+                "icon":{
+                    "attributes": [
+                        {"name": "class", "value": "iconhelp"},
+                        {"name": "src", "value": "../../../pix/help.svg"},
+                        {"name": "alt", "value": "Help icon"}
+                    ]
+                }
+            }
+        }
+    }
+
+}}
+<div class="container-fluid mb-4">
+    <div class="row">
+        {{#submit}}
+        <div class="col-xs-6 mr-3">
+            {{#button}}
+                {{>core/single_button}}
+            {{/button}}
+            {{#help}}
+                {{>core/help_icon}}
+            {{/help}}
+        </div>
+        {{/submit}}
+        {{#previoussubmission}}
+        <div class="col-xs-6 mr-3">
+            {{#button}}
+                {{>core/single_button}}
+            {{/button}}
+            {{#help}}
+                {{>core/help_icon}}
+            {{/help}}
+        </div>
+        {{/previoussubmission}}
+        {{#edit}}
+        <div class="col-xs-6 mr-3">
+            {{#begin}}
+                {{#button}}
+                    {{>core/action_link}}
+                {{/button}}
+            {{/begin}}
+            {{^begin}}
+                {{#button}}
+                    {{>core/single_button}}
+                {{/button}}
+                {{#help}}
+                    {{>core/help_icon}}
+                {{/help}}
+            {{/begin}}
+        </div>
+        {{/edit}}
+        {{#remove}}
+        <div class="col-xs-6">
+            {{#button}}
+                {{>core/single_button}}
+            {{/button}}
+        </div>
+        {{/remove}}
+    </div>
+</div>